:root{--bg: #f4f2ef;--panel: #ffffff;--panel-2: #faf9f7;--ink: #1b1a18;--ink-2: #4c4844;--ink-3: #8b8680;--ink-4: #b5b0a8;--line: #e6e2db;--line-strong: #c9c3ba;--accent: #c3272b;--accent-soft: #f6e7e7;--good: #2f7d4f;--ok: #4a7c59;--warn: #a8791c;--bad: #b23b3b;--radius: 10px;--radius-sm: 6px;--shadow-sm: 0 1px 2px rgba(28, 25, 20, .06);--shadow: 0 2px 10px rgba(28, 25, 20, .08);--shadow-lg: 0 12px 34px rgba(28, 25, 20, .14);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--hover: #f0eeea;--hover-2: #eceae5;--panel-3: #f7f6f3;--track: #e8e5e0;--checker: #eeece8;--scrim: rgba(24, 22, 19, .42);--scrim-soft: rgba(246, 244, 240, .88);--shade-strong: rgba(0, 0, 0, .42);--overlay-weak-bg: rgba(0, 0, 0, .06);--overlay-strong-bg: rgba(255, 255, 255, .18);--on-ink: #fff;--on-color: #fff;--ink-hover: #33302c;--accent-strong: #9c1f22;--ring-weak: rgba(0, 0, 0, .06);--ring-1: rgba(0, 0, 0, .08);--ring-2: rgba(0, 0, 0, .1);--ring-3: rgba(0, 0, 0, .12);--ring-on-color: #fff;--bad-bg: #fbf1f1;--bad-bg-2: #fbeeee;--bad-bg-3: #f3e4e4;--bad-line: #e8d2d2;--bad-line-2: #eed3d3;--bad-fg: #8d2226;--bad-fg-2: #a33;--good-bg: #eaf4ee;--good-bg-2: #eaf1e9;--good-bg-3: #eef5f0;--good-line: #cfe4d7;--good-line-2: #d3e3d6;--good-line-3: #cbe0d4;--good-fg: #2f5c3d;--good-fg-2: #245c3b;--ok-bg: #eef3ef;--ok-line: #d6e2d9;--ok-line-2: #d8e6db;--warn-bg: #fdf6e8;--warn-bg-2: #fbf4e4;--warn-line: #f0e0bd;--warn-line-2: #ecdcb6;--warn-fg: #7a5a10;--info-bg: #e6eef5;--info-line: #cfe0ed;--info-fg: #1f4f74;--kind-mechanism-bg: var(--info-bg);--kind-mechanism-line: var(--info-line);--kind-mechanism-fg: var(--info-fg);--kind-compare-bg: var(--good-bg-2);--kind-compare-line: var(--good-line-2);--kind-compare-fg: var(--good-fg);--kind-pitfall-bg: var(--bad-bg);--kind-pitfall-line: var(--bad-line);--kind-pitfall-fg: var(--bad-fg);--kind-why-bg: #f0ecf7;--kind-why-line: #ddd4ee;--kind-why-fg: #4b3a78;--kind-command-bg: #f3f1e6;--kind-command-line: #e3ddc4;--kind-command-fg: #6b5f1f;--kind-number-bg: #fdf1e6;--kind-number-line: #eedcc6;--kind-number-fg: #8a5520;--shadow-up-sm: rgba(28, 25, 20, .05);--shadow-up: rgba(28, 25, 20, .12);--shadow-float: rgba(28, 25, 20, .34);--shadow-lg-2: rgba(28, 25, 20, .1);--text-shadow-on-color: rgba(0, 0, 0, .28);--text-dim: inherit;--code-bg: #1e1e1e;--code-bg-hover: #2a2d2e;--code-fg: #d4d4d4;--code-edge: #3f3f46;--code-sel: #264f78;--code-scroll: rgba(121, 121, 121, .4);--code-scroll-hover: rgba(160, 160, 160, .7);--code-chip-bg: rgba(37, 37, 38, .94);--code-chip-shadow: 0 2px 10px rgba(0, 0, 0, .45);--code-btn-bg: rgba(255, 255, 255, .06);--code-btn-bg-hover: rgba(255, 255, 255, .14);--code-btn-edge: rgba(255, 255, 255, .16);--code-btn-edge-hover: rgba(255, 255, 255, .28);--code-btn-fg: #cfc9bf;--code-btn-fg-hover: #fff;--code-btn-active-bg: rgba(0, 122, 204, .35);--code-focus: #569cd6;--code-keyword: #569cd6;--code-control: #c586c0;--code-type: #4ec9b0;--code-stl: #4ec9b0;--code-func: #dcdcaa;--code-string: #ce9178;--code-number: #b5cea8;--code-comment: #6a9955;--code-preproc: #c586c0;--code-punct: #d4d4d4}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600}p{margin:0}button{font-family:inherit;font-size:inherit;cursor:pointer}input{font-family:inherit;font-size:inherit}.mono{font-family:var(--mono);font-size:.92em}.dim{color:var(--ink-3)}.hint{color:var(--ink-3);font-size:12px;line-height:1.65}.empty{color:var(--ink-3);padding:28px 4px;font-size:13px;line-height:1.9}.empty b{color:var(--ink-2)}.toolbox{display:flex;height:100%;min-height:0}.tool-nav{flex:0 0 172px;width:172px;display:flex;flex-direction:column;gap:4px;background:var(--panel);border-right:1px solid var(--line);padding:14px 10px 12px;min-height:0}.tool-nav-brand{display:flex;align-items:center;gap:10px;padding:0 6px 14px}button.tool-nav-brand{border:0;background:transparent;color:inherit;width:100%;text-align:left;border-radius:var(--radius-sm)}button.tool-nav-brand:hover{background:var(--panel-2)}.brand-mark{flex:0 0 auto;background:radial-gradient(circle at 32% 34%,#c3272b 0 38%,transparent 39%),radial-gradient(circle at 68% 66%,#6a8d8c 0 38%,transparent 39%),#2a2724}.tool-nav-mark{width:26px;height:26px;border-radius:8px}.tool-nav-brand strong{display:block;font-size:14px}.tool-nav-brand em{font-style:normal;font-size:10.5px;color:var(--ink-4)}.tool-nav-list{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;overflow-y:auto;min-height:0}.tool-nav-item{display:flex;align-items:center;gap:9px;text-align:left;border:0;background:transparent;color:var(--ink-2);padding:8px 10px;border-radius:var(--radius-sm);font-size:13px;transition:background .12s,color .12s}.tool-nav-item:hover{background:var(--panel-2);color:var(--ink)}.tool-nav-item.is-active{background:var(--ink);color:var(--on-ink)}.tool-nav-icon{width:22px;height:22px;border-radius:6px;flex:0 0 auto;display:grid;place-items:center;font-size:12px;background:var(--overlay-weak-bg)}.tool-nav-item.is-active .tool-nav-icon{background:var(--overlay-strong-bg)}.tool-nav-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-nav-search{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--ink-3);padding:7px 10px;font-size:12px;flex:0 0 auto}.tool-nav-search:hover{border-color:var(--line-strong);color:var(--ink-2)}.tool-nav-search kbd{font-family:var(--mono);font-size:10px;color:var(--ink-4);border:1px solid var(--line);border-radius:3px;padding:1px 4px;background:var(--panel)}.theme-pick{display:flex;align-items:center;gap:3px;flex:0 0 auto;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:3px}.theme-pick-label{font-size:10.5px;color:var(--ink-4);letter-spacing:.04em;padding:0 3px 0 6px}.theme-pick button{border:0;background:none;color:var(--ink-2);font-size:11.5px;padding:3px 10px;border-radius:999px}.theme-pick button:hover{color:var(--ink)}.theme-pick button.is-on{background:var(--ink);color:var(--on-ink)}.code-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;flex:0 0 auto;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:3px}.code-pick-label{grid-column:1 / -1;font-size:10.5px;color:var(--ink-4);letter-spacing:.04em;padding:0 3px 1px 4px}.code-pick button{border:0;background:none;color:var(--ink-2);font-size:10.5px;padding:3px 2px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code-pick button:hover{color:var(--ink)}.code-pick button.is-on{background:var(--ink);color:var(--on-ink)}.code-pick-short{display:none}.tool-stage{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column}.tool-loading{margin:auto;color:var(--ink-3);font-size:13px}.tool-placeholder{margin:auto;max-width:560px;padding:40px 24px;text-align:center}.tool-placeholder h2{font-size:22px;margin-bottom:8px}.tool-placeholder-tagline{font-size:13px;color:var(--ink-3);margin-bottom:16px}.tool-placeholder-note{font-size:12.5px;color:var(--ink-2);line-height:1.9;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.home{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;padding:40px 24px}.home-inner{margin:auto;width:100%;max-width:940px;display:flex;flex-direction:column;align-items:center;gap:26px}.home-head{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.home-mark{width:40px;height:40px;border-radius:12px}.home-head h1{font-size:26px;letter-spacing:.02em}.home-sub{font-size:12px;color:var(--ink-4)}.home-grid{display:grid;gap:12px;width:100%;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.home-card{display:flex;align-items:flex-start;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:15px 17px;color:var(--ink);text-decoration:none;box-shadow:var(--shadow-sm);transition:border-color .12s,box-shadow .12s}.home-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.home-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home-card-icon{width:34px;height:34px;border-radius:9px;flex:0 0 auto;display:grid;place-items:center;font-size:15px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink-2);transition:background .12s,color .12s,border-color .12s}.home-card:hover .home-card-icon{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.home-card-text{display:flex;flex-direction:column;gap:3px;min-width:0}.home-card-name{font-size:14.5px}.home-card-tagline{font-style:normal;font-size:12px;color:var(--ink-3);line-height:1.65}.home-foot{text-align:center}@media(max-width:720px){.home{padding:28px 16px}.home-grid{grid-template-columns:1fr}.home-head h1{font-size:22px}}.color-tool{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.tool-bar{display:flex;align-items:center;gap:16px;padding:9px 18px;background:var(--panel);border-bottom:1px solid var(--line);flex:0 0 auto;flex-wrap:wrap}.tool-bar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.tool-bar-stat{font-size:11px;color:var(--ink-4);white-space:nowrap}.tabs{display:flex;gap:2px;flex-wrap:wrap}.tabs button{border:0;background:transparent;color:var(--ink-2);padding:7px 14px;border-radius:var(--radius-sm);font-weight:500;transition:background .12s,color .12s}.tabs button:hover{background:var(--panel-2);color:var(--ink)}.tabs button.is-active{background:var(--ink);color:var(--on-ink)}.body{display:flex;flex:1 1 auto;min-height:0}.main{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 20px 28px}.panel-host{max-width:1100px}.color-tool.is-lib-closed .library{display:none}.command-palette{width:min(620px,100%);max-height:min(560px,88vh)}.palette-input-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.palette-icon{font-size:17px;color:var(--ink-4)}.palette-input{flex:1 1 auto;border:0;outline:none;background:transparent;font-size:15px;color:var(--ink)}.palette-spinner{width:13px;height:13px;border-radius:50%;flex:0 0 auto;border:2px solid var(--line);border-top-color:var(--ink-3);animation:palette-spin .7s linear infinite}@keyframes palette-spin{to{transform:rotate(360deg)}}.palette-esc{font-family:var(--mono);font-size:10px;color:var(--ink-4);border:1px solid var(--line);border-radius:3px;padding:2px 5px}.palette-body{flex:1 1 auto;overflow-y:auto;min-height:120px}.palette-hint{padding:22px 18px;color:var(--ink-4);font-size:12.5px}.palette-list{list-style:none;margin:0;padding:6px}.palette-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;background:transparent;color:var(--ink);padding:8px 10px;border-radius:var(--radius-sm)}.palette-item.is-cursor{background:var(--panel-2)}.palette-item-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.palette-item-text strong{font-size:13.5px;font-weight:500}.palette-item-text em{font-style:normal;font-size:11px;color:var(--ink-3)}.palette-item-badge{font-size:11px;color:var(--ink-3);flex:0 0 auto}.palette-foot{display:flex;gap:16px;padding:8px 16px;border-top:1px solid var(--line);background:var(--panel-2);font-size:11px;color:var(--ink-4)}.palette-foot kbd{font-family:var(--mono);font-size:10px;border:1px solid var(--line);border-radius:3px;padding:1px 4px;background:var(--panel);margin-right:3px}.btn{border:1px solid transparent;border-radius:var(--radius-sm);padding:6px 12px;background:var(--panel-2);color:var(--ink-2);transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.btn:hover{background:var(--hover);color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--on-ink)}.btn-primary:hover{background:var(--ink-hover);color:var(--on-ink)}.btn-ghost{background:transparent;border-color:var(--line)}.btn-ghost:hover{background:var(--panel-2)}.btn-outline{background:var(--panel);border-color:var(--line)}.btn-outline:hover{border-color:var(--line-strong);background:var(--panel-2)}.btn-tiny{padding:3px 9px;font-size:12px;border-color:var(--line);background:var(--panel)}.btn-danger{color:var(--bad);border-color:var(--bad-line)}.btn-danger:hover{background:var(--bad-bg)}.linkish{border:0;background:none;padding:0;color:var(--accent);text-decoration:underline;text-underline-offset:3px;font-size:inherit}.linkish:hover{color:var(--accent-strong)}button.linkish.mono{font-family:var(--mono)}.file-btn{position:relative;overflow:hidden;display:inline-block}.file-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.library{flex:0 0 336px;width:336px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.library-head{padding:14px 14px 10px}.library-head h2{font-size:13px;color:var(--ink-2);margin-bottom:8px;letter-spacing:.04em}.library-search,.mini-picker-input{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:7px 10px;background:var(--panel-2);outline:none}.library-search:focus,.mini-picker-input:focus{border-color:var(--line-strong);background:var(--panel)}.library-sources{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}.source-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:var(--panel);padding:4px 10px 4px 5px;color:var(--ink-2);font-size:12px}.source-chip[data-dim=true]{opacity:.42}.source-chip.is-on{border-color:var(--ink);color:var(--ink);background:var(--panel-2)}.source-chip.is-reset{padding:4px 10px;color:var(--ink-3)}.source-badge{width:18px;height:18px;border-radius:50%;background:var(--ink);color:var(--on-ink);font-size:10px;display:grid;place-items:center;flex:0 0 auto}.source-chip[data-dim=true] .source-badge{background:var(--ink-4)}.source-count{color:var(--ink-4);font-family:var(--mono);font-size:11px}.library-families{padding:0 14px 8px;border-bottom:1px solid var(--line)}.families-toggle{width:100%;display:flex;align-items:center;gap:8px;border:0;background:none;padding:6px 0;color:var(--ink-2);font-size:12px}.families-toggle em{color:var(--ink-3);font-style:normal;font-family:var(--mono);font-size:11px;margin-left:auto}.family-groups{max-height:236px;overflow-y:auto;padding-bottom:6px;margin-top:2px}.family-group{margin-bottom:7px}.family-group:last-child{margin-bottom:0}.family-group-head{font-size:10.5px;color:var(--ink-4);letter-spacing:.06em;padding:3px 2px 4px;position:sticky;top:0;background:var(--panel);z-index:1}.family-list{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.family-chip{display:flex;align-items:center;gap:6px;text-align:left;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--panel-2);padding:4px 7px;font-size:12px;color:var(--ink-2)}.family-chip i{width:11px;height:11px;border-radius:3px;flex:0 0 auto;box-shadow:inset 0 0 0 1px var(--ring-2)}.family-chip em{margin-left:auto;color:var(--ink-4);font-style:normal;font-family:var(--mono);font-size:10px}.family-chip:hover{background:var(--hover)}.family-chip.is-on{border-color:var(--ink);background:var(--panel)}.library-result-head{display:flex;align-items:center;justify-content:space-between;padding:9px 14px 6px;font-size:12px;color:var(--ink-3)}.library-result-head strong{color:var(--ink);font-family:var(--mono)}.library-grid{flex:1 1 auto;overflow-y:auto;padding:0 14px 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:4px;align-content:start;grid-auto-rows:52px}.lib-cell{position:relative;border:0;border-radius:var(--radius-sm);padding:0;overflow:hidden;width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--ring-weak);transition:box-shadow .1s,filter .1s}.lib-cell:hover{filter:brightness(1.1);box-shadow:inset 0 0 0 2px var(--ink)}.lib-cell.is-picked{box-shadow:inset 0 0 0 2px var(--ring-on-color),inset 0 0 0 4px var(--ink)}.lib-cell-label{position:absolute;inset:auto 0 0 0;padding:2px 4px 3px;display:flex;flex-direction:column;line-height:1.25;background:linear-gradient(to top,var(--shade-strong),transparent);color:var(--on-color);text-align:left}.lib-cell-label em{font-style:normal;font-size:10px}.lib-cell-label i{font-style:normal;font-family:var(--mono);font-size:8px;opacity:.75}.library-foot{padding:8px 14px 12px;border-top:1px solid var(--line)}.main-column{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;min-height:0}.pickbar{flex:0 0 auto;display:flex;align-items:center;gap:15px;padding:14px 20px 15px;background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -4px 14px var(--shadow-up-sm);position:relative;z-index:5;flex-wrap:wrap}.pickbar.is-dragging{box-shadow:0 -6px 22px var(--shadow-up)}.pickbar-lead{display:flex;flex-direction:column;flex:0 0 auto;line-height:1.45}.pickbar-title{font-size:12px;font-weight:600;color:var(--ink-2);letter-spacing:.02em}.pickbar-hint{font-size:10.5px;color:var(--ink-4);white-space:nowrap}.pickbar-slots{display:flex;gap:8px;flex:1 1 380px;align-items:stretch}.pickbar-actions{display:flex;gap:6px;align-items:center;flex:0 0 auto}.pick-slot{position:relative;flex:1 1 0;min-width:100px;max-width:200px;min-height:66px;border-radius:var(--radius);padding:13px 28px 13px 13px;display:flex;flex-direction:column;justify-content:center;gap:2px;text-align:left;box-shadow:var(--shadow-sm);transition:transform .16s cubic-bezier(.2,.8,.3,1),opacity .16s;touch-action:none;cursor:grab;outline:none}.pick-slot:focus-visible{box-shadow:0 0 0 2px var(--ink)}.pick-slot.is-empty{background:var(--panel-2);border:1px dashed var(--line-strong);color:var(--ink-4);font-size:12px;align-items:center;justify-content:center;cursor:pointer;padding:12px 14px}.pick-slot.is-empty:hover{border-color:var(--ink-3);color:var(--ink-2)}.pick-slot-role{font-style:normal;font-size:10px;opacity:.72;letter-spacing:.04em}.pick-slot-main{border:0;background:none;padding:0;text-align:left;color:inherit;display:block;cursor:inherit;min-width:0}.pick-slot-main strong{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-slot-line{display:flex;align-items:baseline;gap:7px;min-width:0}.pick-slot-hex{font-family:var(--mono);font-size:11.5px;opacity:.82;flex:0 0 auto}.pick-slot-src{font-style:normal;font-size:10px;opacity:.55;margin-left:auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-slot-remove{position:absolute;top:4px;right:5px;border:0;background:none;color:inherit;opacity:.45;font-size:15px;line-height:1;padding:2px 6px;cursor:pointer}.pick-slot-remove:hover{opacity:1}.pick-slot-grip{position:absolute;left:50%;bottom:4px;transform:translate(-50%);width:18px;height:3px;border-radius:2px;opacity:.3;background-image:radial-gradient(circle,currentColor 40%,transparent 45%);background-size:5px 3px;background-repeat:repeat-x;pointer-events:none}.pick-slot.is-gap{border:1.5px dashed var(--line-strong);background:var(--panel-2);box-shadow:none;display:grid;place-items:center;cursor:grabbing}.pick-slot-gap-label{font-size:11px;color:var(--ink-4);letter-spacing:.06em}.pick-slot.is-floating{position:fixed;margin:0;z-index:200;pointer-events:none;flex:none;max-width:none;justify-content:center;transform:rotate(-2.5deg) scale(1.07);box-shadow:0 16px 34px var(--shadow-float);transition:none;will-change:left,top}.pick-slot-float-name{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-slot-float-hex{display:block;font-family:var(--mono);font-size:11.5px;opacity:.82}.pickbar-drawer{flex:1 1 100%;display:flex;align-items:center;gap:14px;padding-top:11px;margin-top:3px;border-top:1px dashed var(--line);flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--scrim);display:grid;place-items:center;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--panel);border-radius:14px;box-shadow:var(--shadow-lg);width:min(880px,100%);max-height:min(760px,92vh);display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px 12px;border-bottom:1px solid var(--line)}.modal-head h3{font-size:15px;margin-bottom:3px}.modal-head .hint{max-width:66ch}.modal-close{border:0;background:none;font-size:22px;line-height:1;color:var(--ink-3);padding:0 4px;cursor:pointer}.modal-close:hover{color:var(--ink)}.modal-body{padding:16px 20px;overflow-y:auto;flex:1 1 auto}.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-top:1px solid var(--line);background:var(--panel-2);flex-wrap:wrap}.modal-foot-actions{display:flex;gap:8px}.dropzone{border:1.5px dashed var(--line-strong);border-radius:var(--radius);background:var(--panel-2);min-height:168px;display:grid;place-items:center;padding:12px;cursor:pointer;transition:border-color .12s,background .12s}.dropzone:hover,.dropzone.is-over{border-color:var(--ink);background:var(--panel)}.dropzone-empty{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.dropzone-empty strong{font-size:14px;color:var(--ink-2)}.dropzone-empty span{font-size:12px;color:var(--ink-3)}.dropzone-empty em{font-style:normal;font-size:10.5px;color:var(--ink-4)}.dropzone-thumb{max-width:100%;max-height:260px;border-radius:var(--radius-sm);box-shadow:var(--shadow);display:block}.extract-controls{display:flex;align-items:flex-end;gap:18px;margin-top:14px;flex-wrap:wrap}.extract-controls .tweak{flex:0 0 200px}.extract-controls .hint{flex:1 1 320px}.extract-list{display:flex;flex-direction:column;gap:8px}.extract-row{display:flex;gap:12px;align-items:stretch}.extract-swatch{flex:0 0 132px;border:0;border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:2px;text-align:left;cursor:pointer;position:relative;box-shadow:inset 0 0 0 1px var(--ring-2)}.extract-swatch strong{font-family:var(--mono);font-size:13px}.extract-swatch em{font-style:normal;font-size:11px;opacity:.8}.extract-add{font-size:10px;opacity:.85;margin-top:2px}.extract-swatch:hover{box-shadow:inset 0 0 0 2px var(--ink)}.extract-meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px;justify-content:center}.extract-flags{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.extract-matches{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.extract-matches-label{font-size:11px;color:var(--ink-4)}.extract-match{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:var(--panel);padding:3px 10px 3px 4px;cursor:pointer;font-size:11.5px}.extract-match:hover{border-color:var(--ink);background:var(--panel-2)}.extract-match i{width:15px;height:15px;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 0 0 1px var(--ring-3)}.extract-match span{display:flex;flex-direction:column;line-height:1.25}.extract-match strong{font-size:11.5px;font-weight:500}.extract-match em{font-style:normal;font-size:9.5px;color:var(--ink-4)}.extract-match b{font-family:var(--mono);font-size:10.5px;font-weight:400;color:var(--ink-4)}.extract-match b.is-near{color:var(--warn)}.extract-match b.is-close{color:var(--good)}.error-text{color:var(--bad);font-size:12.5px;margin-top:10px}.panel{display:flex;flex-direction:column;gap:18px}.section{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px 18px;box-shadow:var(--shadow-sm)}.section.is-dense{padding:14px 16px 16px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px;flex-wrap:wrap}.section-head h3{font-size:14px}.section-hint{font-size:12px;color:var(--ink-3);margin-top:3px;max-width:74ch;line-height:1.65}.section-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.segmented{display:inline-flex;flex-wrap:wrap;gap:3px;background:var(--panel-2);padding:3px;border-radius:8px}.segmented button{border:0;background:transparent;color:var(--ink-2);padding:5px 11px;border-radius:var(--radius-sm);font-size:12.5px}.segmented button:hover{background:var(--hover-2)}.segmented button.is-active{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:500}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:1px 9px;font-size:11px;line-height:1.7;background:var(--panel-2);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap}.badge-good{background:var(--good-bg);border-color:var(--good-line);color:var(--good)}.badge-ok{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok)}.badge-warn{background:var(--warn-bg-2);border-color:var(--warn-line-2);color:var(--warn)}.badge-bad{background:var(--bad-bg-2);border-color:var(--bad-line-2);color:var(--bad)}.slider{display:block;margin-top:12px}.slider-label{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-2);margin-bottom:4px}.slider-label em{font-style:normal;font-family:var(--mono);color:var(--ink-3)}.slider input[type=range]{width:100%;accent-color:var(--ink)}.check{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2);cursor:pointer}.check input{accent-color:var(--ink)}.color-input{display:flex;align-items:center;gap:10px}.color-input>label{font-size:12px;color:var(--ink-3)}.color-input-row{display:flex;align-items:center;gap:6px}.color-input-native{width:38px;height:30px;padding:2px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);cursor:pointer}.color-input-text{width:110px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:5px 9px;font-family:var(--mono);background:var(--panel-2);outline:none}.color-input-text:focus{border-color:var(--line-strong);background:var(--panel)}.grad-code{background:var(--code-bg);color:var(--code-fg);border-radius:var(--radius-sm);padding:12px 14px;font-family:var(--mono);font-size:12px;overflow-x:auto;margin:0;cursor:pointer;white-space:pre-wrap;word-break:break-all;scrollbar-width:thin;scrollbar-color:var(--code-scroll) var(--code-bg)}.grad-code:hover{background:var(--code-bg-hover)}.grad-code::selection{background:var(--code-sel)}.ramp{display:flex;border-radius:var(--radius);overflow:hidden;box-shadow:inset 0 0 0 1px var(--ring-1)}.ramp-step{flex:1 1 0;border:0;min-height:132px;padding:8px 6px;display:flex;flex-direction:column;justify-content:space-between;color:var(--on-color);text-shadow:0 1px 2px var(--text-shadow-on-color)}.ramp-step-top em{font-style:normal;font-size:12px;font-weight:600}.ramp-step-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.ramp-step-bottom i{font-style:normal;font-family:var(--mono);font-size:9px;opacity:.9}.ramp-step-bottom b{font-weight:500;font-size:9px;opacity:.75}.ramp-step:hover{filter:brightness(1.06)}.curve{margin-top:14px}.curve-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-4);font-family:var(--mono)}.seed-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.table{display:flex;flex-direction:column;border-top:1px solid var(--line)}.table-row{display:grid;align-items:center;gap:10px;padding:7px 2px;border-bottom:1px solid var(--line);font-size:12.5px}.table-head{color:var(--ink-3);font-size:11px;letter-spacing:.02em}.table-row>span{display:flex;align-items:center;gap:6px;min-width:0}.table-row .dot{width:14px;height:14px;border-radius:4px;flex:0 0 auto;box-shadow:inset 0 0 0 1px var(--ring-3)}.risk-low{color:var(--good)}.risk-medium{color:var(--warn)}.risk-high{color:var(--bad)}.risk-none{color:var(--ink-3)}.table-row:not(.table-head){grid-template-columns:1.1fr 1fr .8fr .8fr .9fr 1.3fr}.kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 20px}.kv{display:flex;gap:10px;font-size:12.5px}.kv-k{color:var(--ink-3);flex:0 0 62px}.kv-v{color:var(--ink-2)}.contrast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:6px}.contrast-row{display:flex;align-items:center;gap:8px;padding:5px 9px;border-radius:var(--radius-sm);background:var(--panel-2);font-size:12px}.contrast-row.tone-bad{background:var(--bad-bg-2)}.contrast-row.tone-warn{background:var(--warn-bg-2)}.contrast-pair{display:flex;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--ring-2)}.contrast-pair i{width:16px;height:16px}.contrast-names{flex:1 1 auto;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.filter-slider{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-2)}.filter-slider input{width:160px;accent-color:var(--ink)}.pair-hero{display:flex;gap:18px;flex-wrap:wrap}.pair-hero-swatches{display:flex;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);flex:0 0 auto}.pair-hero-swatches div{width:128px;height:128px}.pair-hero-meta{flex:1 1 320px;display:flex;flex-direction:column;gap:8px}.pair-hero-names{display:flex;gap:24px}.pair-hero-names strong{font-size:15px}.pair-hero-stats{display:flex;gap:6px;flex-wrap:wrap}.pair-hero-verdict{font-size:12.5px;color:var(--ink-2)}.match-list{display:flex;flex-direction:column;gap:4px;max-height:560px;overflow-y:auto}.match-row{display:flex;align-items:center;gap:12px;padding:6px 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--panel-2);text-align:left}.match-row:hover{border-color:var(--line-strong);background:var(--panel)}.match-row.is-current{border-color:var(--ink)}.match-swatches{display:flex;border-radius:4px;overflow:hidden;flex:0 0 auto}.match-swatches i{width:22px;height:30px}.match-name{display:flex;flex-direction:column;min-width:96px}.match-name strong{font-size:13px}.match-name em{font-style:normal;font-size:10.5px;color:var(--ink-3)}.match-hex{color:var(--ink-3)}.match-score{font-family:var(--mono);font-size:13px;font-weight:600;margin-left:auto}.match-badges{display:flex;gap:4px}.third-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:6px}.third-card{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);text-align:left}.third-card:hover{border-color:var(--line-strong);background:var(--panel)}.third-swatches{display:flex;border-radius:4px;overflow:hidden;flex:0 0 auto}.third-swatches i{width:9px;height:26px}.third-name{display:flex;flex-direction:column;min-width:0}.third-name strong{font-size:12.5px}.third-name em{font-style:normal;font-size:10px;color:var(--ink-3)}.third-score{margin-left:auto;font-family:var(--mono);font-size:12px}.ratio-list{display:flex;flex-direction:column;gap:12px}.ratio-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ratio-bar{display:flex;flex:1 1 320px;min-width:240px;height:40px;border-radius:var(--radius-sm);overflow:hidden;box-shadow:inset 0 0 0 1px var(--ring-1)}.ratio-bar span{display:grid;place-items:center}.ratio-bar b{font-family:var(--mono);font-size:10px;color:#0000006b}.ratio-meta{flex:0 1 320px;display:flex;flex-direction:column;line-height:1.5}.ratio-meta strong{font-size:12.5px}.ratio-meta em{font-style:normal;font-size:11.5px;color:var(--ink-3)}.ratio-meta span{font-size:11px}.gradient-hero{height:148px;border-radius:var(--radius);box-shadow:var(--shadow)}.gradient-band{display:flex;margin-top:10px;border-radius:var(--radius-sm);overflow:hidden;height:34px;box-shadow:inset 0 0 0 1px var(--ring-1)}.band-cell{flex:1 1 0;border:0;padding:0}.band-cell:hover{outline:2px solid var(--ink);outline-offset:-2px}.gradient-stops{display:flex;gap:14px;margin-top:12px;flex-wrap:wrap}.gradient-stop{display:flex;align-items:center;gap:8px}.gradient-stop i{width:34px;height:34px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--ring-2)}.gradient-stop span{display:flex;flex-direction:column}.gradient-stop strong{font-size:12.5px}.gradient-stop em{font-style:normal;color:var(--ink-3)}.space-compare{margin-top:14px}.space-rows{display:flex;flex-direction:column;gap:4px;margin-top:8px}.space-row{display:flex;align-items:center;gap:10px;padding:5px 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--panel-2);text-align:left}.space-row:hover{border-color:var(--line-strong)}.space-row.is-best{background:var(--good-bg);border-color:var(--good-line)}.space-name{flex:0 0 126px;font-size:12.5px}.space-bar{flex:1 1 auto;height:6px;border-radius:3px;background:var(--track);overflow:hidden}.space-bar i{display:block;height:100%;background:var(--warn)}.space-row.is-best .space-bar i{background:var(--good)}.space-val{flex:0 0 40px;text-align:right;color:var(--ink-3)}.direction-grid{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.direction-cell{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);padding:4px;display:flex;flex-direction:column;align-items:center;gap:3px;width:62px}.direction-cell.is-active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.direction-preview{width:48px;height:30px;border-radius:4px}.direction-cell em{font-style:normal;font-size:10px;color:var(--ink-3)}.mid-controls{display:flex;flex-direction:column;gap:10px}.mid-manual{display:flex;align-items:center;gap:10px}.mid-swatches{display:flex;gap:5px;align-items:center}.mid-swatch{width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--line)}.mid-swatch.is-active{box-shadow:0 0 0 2px var(--ink);border-color:var(--ink)}.sample-table{display:flex;gap:2px;align-items:flex-end}.sample-col{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:2px}.sample-col i{width:100%;height:46px;border-radius:3px;box-shadow:inset 0 0 0 1px var(--ring-weak)}.sample-col em{font-style:normal;font-size:8px;color:var(--ink-3)}.sample-col b{font-weight:400;font-size:8px;color:var(--ink-4)}.css-extras{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.auto-partner-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.auto-partner-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);padding:5px 8px;display:flex;align-items:center;gap:5px}.auto-partner-card:hover{border-color:var(--line-strong)}.auto-partner-card span{width:20px;height:26px;border-radius:3px}.auto-partner-card em{font-style:normal;font-size:11.5px;margin-left:4px}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:7px}.recipe-card{display:flex;flex-direction:column;gap:3px;text-align:left;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);padding:9px 10px}.recipe-card:hover{border-color:var(--line-strong);background:var(--panel)}.recipe-card.is-active{border-color:var(--ink);background:var(--panel);box-shadow:0 0 0 1px var(--ink)}.recipe-card-strip{display:flex;height:20px;border-radius:4px;overflow:hidden;margin-bottom:5px;box-shadow:inset 0 0 0 1px var(--ring-1)}.recipe-card-strip i{flex:1 1 0}.recipe-card strong{font-size:13px}.recipe-card em{font-style:normal;font-size:11px;color:var(--ink-3)}.recipe-card-need{font-size:10.5px;color:var(--warn);margin-top:2px}.recipe-card-need.is-ok{color:var(--good)}.slot-list{display:flex;flex-direction:column;gap:5px}.slot-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);padding:6px 10px}.slot-row.is-auto{background:var(--panel-3)}.slot-row.is-overridden{border-color:var(--line-strong)}.slot-main{flex:1 1 300px;display:flex;align-items:center;gap:10px;border:0;background:none;text-align:left;padding:0}.slot-swatch{width:34px;height:34px;border-radius:var(--radius-sm);flex:0 0 auto;box-shadow:inset 0 0 0 1px var(--ring-2)}.slot-info{display:flex;flex-direction:column;min-width:0}.slot-info strong{font-size:13px;display:flex;align-items:center;gap:6px}.slot-info em{font-style:normal;font-size:11px;color:var(--ink-3)}.slot-hex{margin-left:auto;color:var(--ink-2)}.slot-editor{flex:1 1 100%;display:flex;flex-direction:column;gap:7px;padding-top:8px;border-top:1px dashed var(--line)}.slot-editor-custom{display:flex;align-items:center;gap:8px}.mini-picker{display:flex;flex-direction:column;gap:6px}.mini-picker-grid{display:flex;flex-wrap:wrap;gap:3px;max-height:130px;overflow-y:auto}.mini-swatch{width:26px;height:26px;border-radius:4px;border:0;box-shadow:inset 0 0 0 1px var(--ring-3)}.mini-swatch:hover{outline:2px solid var(--ink);outline-offset:1px}.preview-wrap{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.stage{position:relative;width:100%;max-width:520px;margin:0 auto;display:grid;place-items:center;padding:34px}.stage-inner{position:relative;width:100%;max-width:380px}.mock-frame{border-radius:12px}.mock-frame-inner{position:relative;border-radius:5px;padding:24px 22px 26px;display:flex;flex-direction:column;gap:3px;min-height:190px}.mock-eyebrow{font-size:10px;letter-spacing:.18em}.mock-title{font-size:38px;font-weight:700;letter-spacing:.1em;line-height:1.2;margin:6px 0 10px}.mock-line{font-size:13px;letter-spacing:.06em}.mock-line-sub{font-size:11px;opacity:.75;letter-spacing:.04em}.mock-brand{font-size:10px;letter-spacing:.16em;margin-top:auto}.mock-seal{position:absolute;right:18px;bottom:18px;width:34px;height:34px;border-radius:5px;display:grid;place-items:center;font-size:15px;font-weight:600}.mock-card{border-radius:10px;border:1px solid;padding:26px 24px;display:flex;flex-direction:column;gap:3px;min-height:200px}.mock-bands{display:flex;border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.mock-band{flex:1 1 0;padding:28px 14px;display:flex;flex-direction:column;gap:4px;align-items:center}.mock-band em{font-style:normal;font-size:10px;opacity:.7;letter-spacing:.1em}.mock-band strong{font-size:30px;font-weight:700}.mock-band span{font-family:var(--mono);font-size:9px;opacity:.7}.mock-paper{border-radius:8px;border:1px solid;padding:30px 26px;display:flex;flex-direction:column;gap:2px;min-height:240px;position:relative;box-shadow:var(--shadow)}.mock-paper-rule{height:2px;width:46px;margin-bottom:12px}.mock-paper-rule.thin{height:1px;width:100%;margin-top:auto;margin-bottom:0}.mock-stack{display:flex;flex-direction:column;gap:0;border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.mock-stack-mass{padding:30px 24px 24px;display:flex;flex-direction:column;gap:4px}.mock-stack-text{padding:18px 24px 22px;display:flex;flex-direction:column;gap:3px}.mock-overlay{position:absolute;top:34px;right:34px;bottom:34px;left:34px;border-radius:10px;opacity:.88}.mock-on-gradient{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;padding:26px 24px;max-width:300px}.mock-field{border-radius:10px;padding:30px 26px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow)}.mock-stripe{height:8px;border-radius:4px;margin:12px 0 6px}.exportbar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm)}.exportbar-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.exportbar-head h4{font-size:13px}.exportbar-grid{display:flex;flex-wrap:wrap;gap:6px}.exportbar-quick{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}.exportbar-note{margin-top:10px}.saved-list{display:flex;flex-direction:column;gap:6px}.saved-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);flex-wrap:wrap}.saved-strip{display:flex;border-radius:4px;overflow:hidden;flex:0 0 auto;box-shadow:inset 0 0 0 1px var(--ring-1)}.saved-strip i{width:20px;height:30px}.saved-grad{width:40px;height:30px}.saved-meta{flex:1 1 240px;display:flex;flex-direction:column;gap:2px;min-width:0}.saved-title{border:1px solid transparent;background:transparent;font-size:13px;font-weight:500;padding:2px 4px;border-radius:4px;width:100%;outline:none;color:var(--ink)}.saved-title:hover{border-color:var(--line)}.saved-title:focus{border-color:var(--line-strong);background:var(--panel)}.saved-sub{display:flex;align-items:center;gap:7px}.saved-sub em{font-style:normal;font-size:10.5px}.saved-actions{display:flex;gap:5px}.backup-row{display:flex;gap:8px;flex-wrap:wrap}.about{position:relative;background:var(--panel);border-bottom:1px solid var(--line);padding:16px 22px 14px;flex:0 0 auto}.about-close{position:absolute;top:10px;right:14px;border:0;background:none;font-size:18px;color:var(--ink-3)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.about-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.about-card-head strong{font-size:13px}.about-card-head span{font-size:11px;color:var(--ink-3)}.about-card p{font-size:11.5px;color:var(--ink-2);margin-top:3px}.about-card dl{margin:6px 0 0;display:grid;grid-template-columns:34px 1fr;gap:2px 8px;font-size:11px}.about-card dt{color:var(--ink-3)}.about-card dd{margin:0;color:var(--ink-2)}.about-foot{font-size:11px;color:var(--ink-3);margin-top:14px;line-height:1.7}.style-picks{display:flex;gap:10px;flex-wrap:wrap}.style-pick{min-width:108px;border-radius:var(--radius);padding:8px 12px;display:flex;flex-direction:column;gap:1px;box-shadow:inset 0 0 0 1px var(--ring-1)}.style-pick em{font-style:normal;font-size:10px;opacity:.72;letter-spacing:.04em}.style-pick strong{font-size:14px}.style-pick span{font-size:11px;opacity:.8}.style-wall-controls{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.shape-chip{border:1px solid var(--line);border-radius:999px;background:var(--panel-2);padding:3px 11px;font-size:12px;color:var(--ink-2)}.shape-chip.is-on{border-color:var(--ink);background:var(--panel);color:var(--ink)}.shape-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px}.shape-wall-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 6px;border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--line)}.shape-wall-label{font-size:11px;color:var(--ink-3)}.style-canvas{display:block;border-radius:6px}.style-group{margin-top:18px}.style-group:first-of-type{margin-top:0}.style-group-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px}.style-group-head h4{font-size:13px}.style-group-head .hint{flex:1 1 320px}.style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:7px}.style-card{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);padding:8px 9px 9px}.style-card:hover{border-color:var(--line-strong);background:var(--panel)}.style-card.is-active{border-color:var(--ink);background:var(--panel);box-shadow:0 0 0 1px var(--ink)}.style-card-canvas{display:grid;place-items:center;background:var(--panel);border-radius:4px;padding:4px}.style-card strong{font-size:12.5px;line-height:1.35}.style-card em{font-style:normal;font-size:11px;color:var(--ink-3);line-height:1.45}.style-hero{display:grid;place-items:center;padding:20px;background:linear-gradient(45deg,var(--checker) 25%,transparent 25%,transparent 75%,var(--checker) 75%) 0 0 / 16px 16px,linear-gradient(45deg,var(--checker) 25%,transparent 25%,transparent 75%,var(--checker) 75%) 8px 8px / 16px 16px,var(--panel-2);border-radius:var(--radius);margin-bottom:14px}.style-tweaks{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px 14px;padding-top:14px;border-top:1px solid var(--line)}.tweak{display:flex;flex-direction:column;gap:4px}.tweak-label{font-size:11px;color:var(--ink-3);letter-spacing:.02em}.tweak select,.tweak input[type=range]{border:1px solid var(--line);border-radius:var(--radius-sm);padding:5px 8px;background:var(--panel-2);color:var(--ink);outline:none;font-size:12.5px}.tweak select:focus{border-color:var(--line-strong);background:var(--panel)}.tweak input[type=range]{padding:0;border:0;background:transparent;accent-color:var(--ink)}.tables-tool{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.tables-search{display:flex;align-items:center;gap:8px;flex:1 1 380px;min-width:220px}.tables-search-icon{color:var(--ink-4);font-size:16px}.tables-search-input{flex:1 1 auto;min-width:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);padding:8px 11px;font-size:13.5px;outline:none}.tables-search-input:focus{border-color:var(--line-strong);background:var(--panel)}.tables-nav{flex:0 0 210px;width:210px;background:var(--panel);border-right:1px solid var(--line);overflow-y:auto;padding:12px 10px 16px;min-height:0}.tables-nav-all{width:100%;display:flex;align-items:center;gap:8px;justify-content:space-between;border:0;background:transparent;color:var(--ink-2);padding:7px 10px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:6px}.tables-nav-all:hover{background:var(--panel-2);color:var(--ink)}.tables-nav-all.is-active{background:var(--ink);color:var(--on-ink)}.tables-nav-all em{font-style:normal;font-family:var(--mono);font-size:11px;opacity:.7}.tables-nav-group{margin-bottom:10px}.tables-nav-group-head{font-size:10.5px;color:var(--ink-4);letter-spacing:.06em;padding:4px 8px 5px}.tables-nav-item{width:100%;display:flex;align-items:baseline;gap:6px;border:0;background:transparent;color:var(--ink-2);padding:5px 10px;border-radius:var(--radius-sm);font-size:12.5px;text-align:left}.tables-nav-item:hover{background:var(--panel-2);color:var(--ink)}.tables-nav-item.is-active{background:var(--panel-2);color:var(--ink);box-shadow:inset 2px 0 0 var(--ink)}.tables-nav-name{font-family:var(--mono);font-size:12px;flex:0 0 auto}.tables-nav-cn{color:var(--ink-4);font-size:11px;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tables-nav-item em{font-style:normal;font-family:var(--mono);font-size:10px;color:var(--ink-4)}.tables-nav-foot{margin-top:14px;padding:10px 10px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.tables-nav-foot strong{font-size:12px}.tables-nav-foot span{font-family:var(--mono);font-size:10.5px;color:var(--ink-4)}.tables-nav-foot p{font-size:11px;color:var(--ink-3);line-height:1.6;margin-top:4px}.tables-kinds{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.kind-chip{border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--ink-2);padding:3px 11px;font-size:12px;display:inline-flex;align-items:center;gap:5px}.kind-chip:hover{border-color:var(--line-strong)}.kind-chip.is-on{border-color:var(--ink);background:var(--panel);color:var(--ink)}.kind-chip em{font-style:normal;font-family:var(--mono);font-size:10px;color:var(--ink-4)}.tables-list{display:flex;flex-direction:column;gap:6px}.tables-truncated{font-size:12px;color:var(--warn);background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:var(--radius-sm);padding:7px 11px;margin-bottom:10px}.entry-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .12s}.entry-card:hover{border-color:var(--line-strong)}.entry-card.is-open{border-color:var(--ink-3)}.entry-head{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;flex-wrap:wrap}.entry-toggle{border:0;background:none;color:var(--ink-3);font-size:11px;width:16px;flex:0 0 auto;padding:0;cursor:pointer}.entry-title{flex:1 1 260px;min-width:0}.entry-qualified{font-family:var(--mono);font-size:13.5px}.entry-owner{color:var(--ink-3)}.entry-name{color:var(--ink);font-weight:600}.entry-brief{font-size:11.5px;color:var(--ink-3);margin-top:2px;line-height:1.5}.entry-meta{display:flex;align-items:center;gap:8px;flex:0 0 auto;flex-wrap:wrap}.kind-badge{font-size:10.5px;padding:1px 7px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink-3)}.entry-header{font-family:var(--mono);font-size:10.5px;color:var(--ink-4)}.entry-complexity{font-family:var(--mono);font-size:10.5px;color:var(--ok);background:var(--ok-bg);border-radius:4px;padding:1px 6px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-signature-preview{display:block;font-family:var(--mono);font-size:11.5px;color:var(--ink-2);padding:0 12px 10px 38px;white-space:pre;overflow:hidden;text-overflow:ellipsis}.entry-body{padding:14px 14px 16px 38px;display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--line);margin-top:2px}.entry-section h4{font-size:11px;color:var(--ink-4);letter-spacing:.06em;margin-bottom:6px;font-weight:500;display:flex;align-items:center;gap:8px}.entry-section p{font-size:12.5px;color:var(--ink-2);line-height:1.7;overflow-wrap:anywhere}.entry-verified{font-size:10px;color:var(--good);background:var(--good-bg);border-radius:999px;padding:1px 8px;letter-spacing:0}.entry-params{display:flex;flex-direction:column;gap:5px}.entry-param{display:grid;grid-template-columns:minmax(0,auto) minmax(0,auto) minmax(0,1fr);gap:10px;align-items:baseline;font-size:12px;padding:5px 8px;border-radius:var(--radius-sm);background:var(--panel-2)}.entry-param-name{font-family:var(--mono);color:var(--ink);overflow-wrap:anywhere}.entry-param-type{font-family:var(--mono);color:var(--accent);overflow-wrap:anywhere}.entry-param-desc{color:var(--ink-2);overflow-wrap:anywhere}.entry-notes{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.entry-notes li{font-size:12.5px;color:var(--ink-2);line-height:1.7}.entry-notes li::marker{color:var(--warn)}.entry-related{display:flex;gap:28px;flex-wrap:wrap}.entry-chips{display:flex;flex-wrap:wrap;gap:5px}.chip-link{font-family:var(--mono);font-size:11px;border:1px solid var(--line);background:var(--panel-2);border-radius:999px;padding:2px 9px;color:var(--ink-2)}.chip-link:hover{border-color:var(--ink);color:var(--ink)}.chip-tag{font-size:11px;border-radius:999px;padding:2px 9px;background:var(--panel-2);color:var(--ink-3)}.code-block{position:relative;background:var(--code-bg);border-radius:var(--radius-sm);overflow:hidden;padding:12px 14px;font-family:var(--mono);font-size:12px;color:var(--code-fg);margin:0;cursor:pointer;white-space:pre-wrap;word-break:break-all;scrollbar-width:thin;scrollbar-color:var(--code-scroll) var(--code-bg)}.code-block pre{margin:0;padding:12px 14px;overflow-x:auto}.code-block code{font-family:var(--mono);font-size:12px;line-height:1.65;color:var(--code-fg);white-space:pre;-moz-tab-size:4;tab-size:4}.code-block ::selection{background:var(--code-sel)}.code-copy{position:absolute;top:7px;right:7px;z-index:1;border:1px solid var(--code-btn-edge);border-radius:5px;background:var(--code-btn-bg);color:var(--code-btn-fg);font-size:10.5px;padding:2px 8px;opacity:0;transition:opacity .12s}.code-block:hover .code-copy{opacity:1}.code-copy:hover{background:var(--code-btn-bg-hover);color:var(--code-btn-fg-hover)}.tk-comment{color:var(--code-comment);font-style:italic}.tk-string{color:var(--code-string)}.tk-number{color:var(--code-number)}.tk-preproc{color:var(--code-preproc)}.tk-keyword{color:var(--code-keyword);font-weight:500}.tk-control{color:var(--code-control)}.tk-type{color:var(--code-type)}.tk-stl{color:var(--code-stl)}.tk-func{color:var(--code-func)}.tk-punct{color:var(--code-punct)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%) translateY(8px);background:var(--ink);color:var(--on-ink);padding:8px 18px;border-radius:999px;font-size:12.5px;opacity:0;pointer-events:none;transition:opacity .16s,transform .16s;box-shadow:var(--shadow-lg);z-index:100}.toast:not(:empty){opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1080px){.library{flex-basis:280px;width:280px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}@media(max-width:860px){.body{flex-direction:column}.library{flex:0 0 auto;width:100%;max-height:42vh;border-right:0;border-bottom:1px solid var(--line)}.tool-nav{flex:0 0 54px;width:54px;padding:12px 6px;align-items:center}.tool-nav-brand{padding:0 0 10px}.tool-nav-brand-text{display:none}.tool-nav-item{padding:7px;justify-content:center}.tool-nav-name{display:none}.tool-nav-search{padding:7px;justify-content:center}.tool-nav-search span{display:none}.theme-pick{flex-direction:column;gap:3px;padding:3px}.theme-pick-label{display:none}.theme-pick button{padding:3px 5px;font-size:10px}.code-pick{grid-template-columns:repeat(2,1fr);gap:2px;padding:3px 2px}.code-pick-label{display:none}.code-pick button{padding:3px 1px;font-size:9.5px}.code-pick-full{display:none}.code-pick-short{display:inline}.tool-bar{gap:10px;padding:8px 12px}.tool-bar-stat{display:none}.main{padding:14px 14px 20px}.pickbar{padding:8px 12px;gap:10px}.pickbar-lead{display:none}.pickbar-slots{flex-wrap:wrap;flex-basis:100%;order:1}.pickbar-actions{order:2;margin-left:auto}.pick-slot{min-width:78px;max-width:none;padding:9px 24px 9px 10px}.pick-slot-src{display:none}.table-row:not(.table-head){grid-template-columns:1fr 1fr}.ramp-step{min-height:96px}.modal{max-height:94vh}.extract-row{flex-direction:column}.extract-swatch{flex:0 0 auto}}@media print{.library,.tool-bar,.tool-nav,.pickbar,.exportbar,.about{display:none!important}body{background:#fff}.section{break-inside:avoid;box-shadow:none}}.calc-tool{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.calc-bar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin-bottom:14px}.calc-bar-input{display:flex;gap:10px;align-items:flex-start}.calc-textarea{flex:1 1 auto;min-width:0;resize:vertical;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--ink);padding:9px 11px;font-size:13px;line-height:1.6;outline:none}.calc-textarea:focus{border-color:var(--line-strong);background:var(--panel)}.calc-bar-side{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}.calc-bar-side kbd{font-family:var(--mono);font-size:10px;opacity:.7;border:1px solid currentColor;border-radius:3px;padding:0 3px;margin-left:4px}.calc-error{display:flex;gap:9px;align-items:flex-start;margin-top:11px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bad-bg);border:1px solid var(--bad-line);color:var(--bad-fg)}.calc-error-mark{flex:0 0 auto;font-weight:700}.calc-error strong{font-weight:500;font-size:13px}.calc-error-ctx{margin-top:7px;font-family:var(--mono);font-size:12px;line-height:1.35;white-space:pre;overflow-x:auto;color:var(--bad-fg-2);opacity:.85}.calc-result{margin-top:11px;border-top:1px solid var(--line);padding-top:11px}.calc-result-main{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.calc-result-eq{color:var(--ink-4)}.calc-result-value{font-size:19px;letter-spacing:-.01em;overflow-wrap:anywhere}.calc-result-alt{display:flex;gap:16px;flex-wrap:wrap;margin-top:5px;font-size:11.5px;color:var(--ink-3)}.calc-hints{margin:9px 0 0;padding-left:17px;display:flex;flex-direction:column;gap:4px}.calc-hints li{font-size:12px;color:var(--warn);line-height:1.65}.calc-steps{display:flex;flex-direction:column;gap:2px;margin-top:7px}.calc-step{font-size:11.5px;color:var(--ink-3)}.calc-vars{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px;padding-top:10px;border-top:1px dashed var(--line)}.calc-vars-title{font-size:11px;color:var(--ink-4)}.calc-var{display:inline-flex;gap:6px;align-items:baseline;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:11.5px}.calc-var b{color:var(--accent);font-weight:600}.calc-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}.calc-tab{border:1px solid var(--line);background:var(--panel);color:var(--ink-2);border-radius:999px;padding:5px 14px;font-size:12.5px}.calc-tab:hover{border-color:var(--line-strong)}.calc-tab.is-on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.calc-tab-ref{margin-left:auto;border-style:dashed}.calc-panel{display:flex;flex-direction:column;gap:12px}.calc-row{display:flex;gap:12px;align-items:flex-start}.calc-row-label{flex:0 0 76px;font-size:12px;color:var(--ink-3);padding-top:8px;text-align:right}.calc-row-body{flex:1 1 auto;min-width:0}.calc-inline{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.calc-input{flex:1 1 240px;min-width:140px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);padding:7px 10px;font-size:13px;outline:none}.calc-input:focus{border-color:var(--line-strong);background:var(--panel)}.calc-select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);padding:7px 9px;font-size:12.5px;outline:none}.calc-seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.calc-seg-wrap{flex-wrap:wrap;border:0;gap:5px}.calc-seg-btn{border:0;background:var(--panel);color:var(--ink-2);padding:6px 11px;font-size:12px;border-right:1px solid var(--line)}.calc-seg-wrap .calc-seg-btn{border:1px solid var(--line);border-radius:999px}.calc-seg-btn:last-child{border-right:0}.calc-seg-btn:hover{background:var(--panel-2)}.calc-seg-btn.is-on{background:var(--ink);color:var(--on-ink)}.calc-note{font-size:12.5px;color:var(--ink-2);line-height:1.75;background:var(--panel-2);border-radius:var(--radius-sm);padding:9px 12px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.calc-dim{color:var(--ink-4);font-size:11.5px}.calc-copy{border:1px solid transparent;background:transparent;color:var(--ink);font-family:var(--mono);font-size:12.5px;border-radius:4px;padding:1px 5px;text-align:left;overflow-wrap:anywhere}.calc-copy:hover{background:var(--panel-2);border-color:var(--line)}.calc-bases{display:flex;flex-direction:column;gap:3px}.calc-base-item{display:flex;gap:12px;align-items:baseline;padding:3px 0}.calc-base-label{flex:0 0 130px;font-size:12px;color:var(--ink-3);text-align:right}.calc-result-inline{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}.calc-result-inline strong{font-size:16px}.calc-hint-block{border-left:2px solid var(--line-strong);padding:2px 0 2px 12px;font-size:12.5px;color:var(--ink-2);line-height:1.8}.calc-hint-block b{color:var(--ink)}.calc-hint-block ul{margin:5px 0 0;padding-left:17px}.calc-hint-block li{margin-bottom:3px}.calc-hint-block code{font-family:var(--mono);font-size:12px;background:var(--panel-2);border-radius:3px;padding:0 4px}.calc-hint-block p{margin:5px 0 0}.calc-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.calc-chip{border:1px solid var(--line);background:var(--panel);color:var(--ink-2);border-radius:999px;padding:3px 10px;font-size:11.5px}.calc-chip:hover{border-color:var(--ink);color:var(--ink)}.calc-convert-group{display:flex;flex-direction:column;gap:10px}.calc-convert-head{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.calc-convert-head strong{font-size:14px}.calc-group-note{font-size:12px;color:var(--ink-3);line-height:1.75;background:var(--panel-2);border-radius:var(--radius-sm);padding:8px 11px}.calc-convert-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:3px}.calc-convert-item{display:flex;gap:9px;align-items:baseline;padding:5px 9px;border-radius:var(--radius-sm);border:1px solid transparent}.calc-convert-item.is-source{background:var(--panel-2);border-color:var(--line)}.calc-convert-name{flex:1 1 auto;font-size:12px;color:var(--ink-3)}.calc-convert-sym{flex:0 0 auto;font-size:11px;color:var(--ink-4);font-family:var(--mono)}.calc-time-out{display:flex;gap:20px;flex-wrap:wrap;padding:3px 0 3px 88px}.calc-time-out>div{display:flex;gap:7px;align-items:baseline}.calc-time-label{font-size:11px;color:var(--ink-4)}.calc-bits{display:flex;gap:3px;font-family:var(--mono);font-size:12.5px;overflow-x:auto;padding-bottom:3px}.calc-bits>span{padding:5px 7px;border-radius:4px;white-space:pre}.calc-bit-sign{background:var(--bad-bg-3);color:var(--bad-fg)}.calc-bit-exp{background:var(--info-bg);color:var(--info-fg)}.calc-bit-man{background:var(--good-bg-2);color:var(--good-fg)}.calc-bits-legend{display:flex;gap:3px;font-size:11px}.calc-bits-legend>span{padding:1px 7px;border-radius:4px}.calc-parts{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}.calc-part{display:flex;justify-content:space-between;gap:10px;align-items:baseline;background:var(--panel-2);border-radius:var(--radius-sm);padding:6px 10px;font-size:12px}.calc-part>span{color:var(--ink-3);flex:0 0 auto}.calc-part>strong{font-weight:600;text-align:right;overflow-wrap:anywhere}.calc-part-wide{grid-column:1 / -1}.calc-ref{border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin-bottom:14px;background:var(--panel)}.calc-ref-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:11px}.calc-ref h4{font-size:11.5px;color:var(--ink-4);margin-bottom:7px;font-weight:500}.calc-ref-list{display:flex;flex-direction:column;gap:3px;max-height:320px;overflow-y:auto}.calc-ref-item{display:flex;gap:10px;align-items:baseline;font-size:12px}.calc-ref-item code{flex:0 0 120px;color:var(--accent);font-size:11.5px}.calc-ref-item span{color:var(--ink-3);font-size:11.5px}.tables-langs{display:inline-flex;gap:4px;flex:0 0 auto}.tables-lang{display:inline-flex;align-items:baseline;gap:6px;border:1px solid var(--line);background:var(--panel);color:var(--ink-2);border-radius:999px;padding:5px 14px;font-size:13px;font-weight:500}.tables-lang:hover{border-color:var(--line-strong)}.tables-lang.is-on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.tables-lang em{font-style:normal;font-family:var(--mono);font-size:10.5px;opacity:.65}.calc-input-narrow{flex:0 0 92px;min-width:92px}.calc-var-input{display:inline-flex;align-items:center;gap:6px}.calc-var-input>span{color:var(--accent);font-size:13px}.calc-uses{display:flex;flex-direction:column;gap:5px;margin-top:8px}.calc-use{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:4px 8px}.calc-use-label{flex:1 1 auto;font-size:12.5px}.calc-use-del{border:0;background:transparent;color:var(--ink-4);font-size:12px;padding:2px 5px;border-radius:4px}.calc-use-del:hover{background:var(--bad-bg);color:var(--bad)}.calc-verdict{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;border-radius:var(--radius);padding:10px 14px;border:1px solid}.calc-verdict strong{font-size:16px;flex:0 0 auto}.calc-verdict span{font-size:12.5px;line-height:1.7}.calc-verdict.is-safe{background:var(--good-bg-3);border-color:var(--good-line-3);color:var(--good-fg-2)}.calc-verdict.is-marginal{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn-fg)}.calc-verdict.is-tle{background:var(--bad-bg);border-color:var(--bad-line);color:var(--bad-fg)}.calc-verdict.is-trivial{background:var(--panel-2);border-color:var(--line);color:var(--ink-2)}.calc-terms{display:flex;flex-direction:column;gap:3px;border-left:2px solid var(--line-strong);padding-left:12px}.calc-term{display:flex;align-items:baseline;gap:12px;font-size:12.5px}.calc-term-label{flex:1 1 auto;color:var(--ink-2)}.calc-term-ops{color:var(--ink-3)}.calc-reverse{border-top:1px dashed var(--line);padding-top:12px;display:flex;flex-direction:column;gap:9px}.calc-reverse h4{font-size:12px;color:var(--ink-4);font-weight:500}.calc-table{display:flex;flex-direction:column;gap:2px}.calc-table-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;font-size:12.5px;padding:4px 9px;border-radius:4px}.calc-table-row:nth-child(odd){background:var(--panel-2)}.calc-table-row>span:first-child{color:var(--ink-2)}.calc-table-row>strong{color:var(--ink)}.calc-caveats{border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 12px;font-size:12.5px;color:var(--ink-2)}.calc-caveats summary{cursor:pointer;color:var(--ink-3);font-size:12px}.calc-caveats summary:hover{color:var(--ink)}.calc-caveats ul{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:5px}.calc-caveats li{line-height:1.75}.calc-caveats b{color:var(--ink)}.chip-note{font-size:11px;border-radius:999px;padding:2px 9px;background:var(--panel-2);color:var(--ink-3);border:1px dashed var(--line-strong)}.calc-history{margin-top:11px;padding-top:10px;border-top:1px dashed var(--line)}.calc-history-toggle{border:0;background:transparent;color:var(--ink-3);font-size:11.5px;padding:2px 0}.calc-history-toggle:hover{color:var(--ink)}.calc-history-list{display:flex;flex-direction:column;gap:1px;max-height:260px;overflow-y:auto;margin:7px 0}.calc-history-item{display:flex;gap:12px;align-items:baseline;text-align:left;border:0;background:transparent;padding:4px 8px;border-radius:4px;width:100%}.calc-history-item:hover{background:var(--panel-2)}.calc-history-src{flex:1 1 auto;min-width:0;font-size:12px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calc-history-val{flex:0 0 auto;font-size:12px;color:var(--accent)}.res-tool{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.res-search{display:flex;align-items:center;gap:8px;flex:1 1 400px;min-width:200px}.res-readonly{font-size:10.5px;color:var(--ink-4);border:1px dashed var(--line-strong);border-radius:999px;padding:1px 9px}.res-nav{flex:0 0 220px;width:220px;background:var(--panel);border-right:1px solid var(--line);overflow-y:auto;padding:12px 10px 16px;min-height:0}.res-nav-all{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:var(--ink-2);padding:7px 10px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:6px}.res-nav-all:hover{background:var(--panel-2);color:var(--ink)}.res-nav-all.is-active{background:var(--ink);color:var(--on-ink)}.res-nav-all em{font-style:normal;font-family:var(--mono);font-size:11px;opacity:.7}.res-node-row{display:flex;align-items:center}.res-node-toggle{flex:0 0 16px;border:0;background:none;color:var(--ink-4);font-size:10px;padding:0;cursor:pointer}.res-node-name{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:6px;border:0;background:transparent;color:var(--ink-2);padding:5px 8px;border-radius:var(--radius-sm);font-size:12.5px;text-align:left}.res-node-name:hover{background:var(--panel-2);color:var(--ink)}.res-node-name.is-active{background:var(--panel-2);color:var(--ink);box-shadow:inset 2px 0 0 var(--ink)}.res-node-name em{font-style:normal;font-family:var(--mono);font-size:10px;color:var(--ink-4)}.res-nav-tags{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.res-nav-tags .res-nav-group-head{font-size:10.5px;color:var(--ink-4);letter-spacing:.06em;padding:0 8px 6px}.res-tag{border:1px solid var(--line);background:var(--panel-2);color:var(--ink-2);border-radius:999px;padding:2px 10px;font-size:11.5px;margin:0 4px 4px 0}.res-tag:hover{border-color:var(--line-strong)}.res-tag.is-on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.res-crumb{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:12px;font-size:12.5px}.res-crumb-sep{color:var(--ink-4);margin:0 2px}.res-list{display:flex;flex-direction:column;gap:6px}.res-card{display:flex;gap:12px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:11px 13px}.res-card:hover{border-color:var(--line-strong)}.res-ext{flex:0 0 auto;font-family:var(--mono);font-size:10px;font-weight:600;border-radius:4px;padding:3px 7px;background:var(--panel-2);color:var(--ink-3);border:1px solid var(--line);min-width:38px;text-align:center}.res-ext-cpp,.res-ext-cc,.res-ext-h,.res-ext-hpp{background:var(--info-bg);color:var(--info-fg);border-color:var(--info-line)}.res-ext-pdf{background:var(--bad-bg-3);color:var(--bad-fg);border-color:var(--bad-line)}.res-ext-json{background:var(--good-bg-2);color:var(--good-fg);border-color:var(--good-line-2)}.res-ext-py{background:var(--ok-bg);color:var(--good-fg);border-color:var(--ok-line-2)}.res-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.res-head{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.res-name{font-size:13.5px;color:var(--ink);overflow-wrap:anywhere}.res-name:hover{color:var(--accent)}.res-size{font-size:11px;color:var(--ink-4);flex:0 0 auto}.res-path{font-size:11px;color:var(--ink-4)}.res-note{font-size:12px;color:var(--ink-3);line-height:1.65;margin-top:2px}.res-actions{flex:0 0 auto;display:flex;flex-direction:column;gap:4px}.res-actions .btn{text-decoration:none;text-align:center}.lib-tool{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.lib-intro{margin-bottom:22px}.lib-intro h2{font-size:22px;margin-bottom:8px}.lib-intro p{font-size:13px;color:var(--ink-2);line-height:1.9;max-width:620px}.lib-domains{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.lib-domain{display:flex;flex-direction:column;gap:5px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.lib-domain:hover{border-color:var(--ink-3);background:var(--panel-2)}.lib-domain strong{font-size:16px}.lib-domain em{font-style:normal;font-size:11.5px;color:var(--accent)}.lib-domain p{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:3px}.lib-domain-stat{font-size:11px;color:var(--ink-4);font-family:var(--mono);margin-top:4px}.lib-topics{display:flex;flex-direction:column;gap:20px}.lib-topic-group h4{font-size:11px;color:var(--ink-4);letter-spacing:.06em;font-weight:500;margin-bottom:9px}.lib-topic-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.lib-topic-card{display:flex;flex-direction:column;gap:3px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 13px}.lib-topic-card:hover{border-color:var(--ink-3)}.lib-topic-card strong{font-size:13.5px}.lib-topic-card em{font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--ink-4)}.lib-topic-card span{font-size:10.5px;color:var(--ink-3)}.lib-list{display:flex;flex-direction:column;gap:6px}.lib-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.lib-card:hover{border-color:var(--line-strong)}.lib-card.is-open{border-color:var(--ink-3)}.lib-card-head{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:10px 13px 6px;text-align:left}.lib-card-title{flex:1 1 auto;font-size:14px;font-weight:600;color:var(--ink)}.lib-card-topic,.lib-card-toggle{font-size:11px;color:var(--ink-4)}.lib-card-brief{font-size:12.5px;color:var(--ink-2);line-height:1.75;padding:0 13px 11px}.lib-kind{flex:0 0 auto;font-size:10.5px;border-radius:999px;padding:1px 8px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink-3)}.lib-kind.k-mechanism{background:var(--kind-mechanism-bg);color:var(--kind-mechanism-fg);border-color:var(--kind-mechanism-line)}.lib-kind.k-why{background:var(--kind-why-bg);color:var(--kind-why-fg);border-color:var(--kind-why-line)}.lib-kind.k-compare{background:var(--kind-compare-bg);color:var(--kind-compare-fg);border-color:var(--kind-compare-line)}.lib-kind.k-pitfall{background:var(--kind-pitfall-bg);color:var(--kind-pitfall-fg);border-color:var(--kind-pitfall-line)}.lib-kind.k-command{background:var(--kind-command-bg);color:var(--kind-command-fg);border-color:var(--kind-command-line)}.lib-kind.k-number{background:var(--kind-number-bg);color:var(--kind-number-fg);border-color:var(--kind-number-line)}.lib-card-body{border-top:1px solid var(--line);padding:13px;margin-top:3px;display:flex;flex-direction:column;gap:14px}.lib-section h4{font-size:11px;color:var(--ink-4);letter-spacing:.06em;font-weight:500;margin-bottom:7px;display:flex;align-items:center;gap:8px}.lib-points{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px}.lib-points li{font-size:12.5px;color:var(--ink-2);line-height:1.85}.lib-points li b{color:var(--ink)}.lib-points li::marker{color:var(--ink-4)}.lib-points .md-body{font-size:12.5px;line-height:1.85}.lib-points .md-body>*:first-child{margin-top:0}.lib-points .md-body>*:last-child{margin-bottom:0}.lib-points .md-body p{margin:.35em 0}.lib-points li strong{color:var(--ink)}.lib-points .md-table{font-size:11.5px}.lib-points .md-table th,.lib-points .md-table td{padding:.25em .55em}.entry-verified.is-unverified{background:var(--warn-bg);color:var(--warn)}.lib-code{position:relative;background:var(--code-bg);border-radius:var(--radius-sm);padding:11px 13px}.lib-code pre{margin:0;font-size:12px;line-height:1.75;color:var(--code-fg);white-space:pre-wrap;overflow-wrap:anywhere}.lib-code ::selection{background:var(--code-sel)}.lib-code .btn{position:absolute;top:7px;right:7px;opacity:0;transition:opacity .12s}.lib-code:hover .btn{opacity:1}.lib-caveat{margin-top:7px;font-size:12px;color:var(--warn);line-height:1.8;background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:var(--radius-sm);padding:8px 11px}.lib-related{display:flex;gap:28px;flex-wrap:wrap}.tables-nav-parent .tables-nav-name{font-size:12.5px;font-weight:500}.tables-nav-parent.is-active{background:var(--panel-2);box-shadow:inset 2px 0 0 var(--ink)}.tables-nav-children{margin:2px 0 6px 10px;padding-left:8px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:1px}.tables-nav-child{padding-left:8px}.tables-nav-child .tables-nav-name{font-size:12px}.tables-nav-child.is-active{background:var(--panel-2);box-shadow:inset 2px 0 0 var(--accent)}.games-tool{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.games-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 18px 26px}.games-picker{flex:1 1 auto;min-height:0;overflow-y:auto;padding:26px 22px 34px}.games-intro{max-width:700px;margin-bottom:22px}.games-intro h2{font-size:22px;margin-bottom:8px}.games-intro p{font-size:13px;color:var(--ink-2);line-height:1.9}.games-intro code{font-family:var(--mono);font-size:12px;background:var(--panel-2);border:1px solid var(--line);border-radius:3px;padding:0 4px}.games-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:14px;max-width:980px}.game-card{position:relative;display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 17px 15px;transition:border-color .14s,box-shadow .14s,transform .14s}.game-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.game-card strong{font-size:15.5px;margin-top:9px}.game-card em{font-style:normal;font-size:11.5px;color:var(--accent)}.game-card p{font-size:12.5px;color:var(--ink-3);line-height:1.8;margin-top:6px}.game-card-keys{margin-top:10px;font-family:var(--mono);font-size:10.5px;color:var(--ink-4);border-top:1px dashed var(--line);padding-top:8px}.game-card-go{position:absolute;top:16px;right:17px;font-size:12px;color:var(--ink-4)}.game-card:hover .game-card-go{color:var(--accent)}.game-card-icon{width:46px;height:46px;border-radius:12px;flex:0 0 auto;display:grid;place-items:center;font-weight:700;font-size:22px;color:#fff;box-shadow:inset 0 -3px #00000024}.game-card-icon.is-2048{background:linear-gradient(150deg,#f2b179,#edc22e);font-size:15px}.game-card-icon.is-minesweeper{background:linear-gradient(150deg,#9d968d,#4c4844)}.game-card-icon.is-watermelon{background:linear-gradient(150deg,#5cbf74,#2c8a45)}.games-bar{gap:12px}.games-bar-name{font-size:14px}.games-bar-tagline{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gm-hud{display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;margin-bottom:14px}.gm-stat{display:flex;flex-direction:column;gap:1px}.gm-stat>span{font-size:10.5px;color:var(--ink-4);letter-spacing:.04em}.gm-stat>strong{font-size:19px;line-height:1.25;font-weight:600}.gm-stat>strong em{font-style:normal;font-size:11.5px;color:var(--ink-4)}.gm-stat>strong.is-bad{color:var(--bad)}.gm-stat-fruit strong{display:flex;align-items:center;gap:7px;font-size:14px}.gm-hud-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.segmented.is-compact button{padding:4px 10px;font-size:12px}.gm-stage{display:flex;flex:1 1 auto;align-items:flex-start;gap:16px;min-height:0;overflow:auto;padding-bottom:4px}.gm-overlay,.g2048-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;padding:18px;border-radius:inherit;background:var(--scrim-soft)}.gm-overlay strong,.g2048-overlay strong{font-size:19px}.gm-overlay>span,.g2048-overlay>span{font-size:12.5px;color:var(--ink-2)}.gm-overlay.is-over strong,.g2048-overlay.is-over strong{color:var(--bad)}.gm-overlay.is-win strong,.g2048-overlay.is-win strong{color:var(--good)}.gm-overlay-actions,.g2048-overlay-actions{display:flex;gap:8px;margin-top:9px}.g2048{display:flex;flex-direction:column}.g2048-board{--tile: 66px;--gap: calc(var(--tile) * 2 / 11);position:relative;width:calc(var(--tile) * 4 + var(--gap) * 5);height:calc(var(--tile) * 4 + var(--gap) * 5);border:var(--gap) solid transparent;border-radius:calc(var(--tile) * .18);background:#bbada0;margin-inline:auto;touch-action:none}.g2048-cell,.g2048-tile{position:absolute;top:0;left:0;width:var(--tile);height:var(--tile);border-radius:calc(var(--tile) * .08);display:grid;place-items:center;font-weight:700;font-size:calc(var(--tile) * .4);transition:transform .15s ease-out}.g2048-cell{background:#eee4da59}.g2048-tile{background:#eee4da;color:#776e65;transform-origin:center}.g2048-tile.is-small{font-size:calc(var(--tile) * .29)}.g2048-tile.v-2{background:#eee4da}.g2048-tile.v-4{background:#ede0c8}.g2048-tile.v-8{background:#f2b179;color:#f9f6f2}.g2048-tile.v-16{background:#f59563;color:#f9f6f2}.g2048-tile.v-32{background:#f67c5f;color:#f9f6f2}.g2048-tile.v-64{background:#f65e3b;color:#f9f6f2}.g2048-tile.v-128{background:#edcf72;color:#f9f6f2}.g2048-tile.v-256{background:#edcc61;color:#f9f6f2}.g2048-tile.v-512{background:#edc850;color:#f9f6f2}.g2048-tile.v-1024{background:#edc53f;color:#f9f6f2}.g2048-tile.v-2048{background:#edc22e;color:#f9f6f2;box-shadow:0 0 18px #edc22e99}.g2048-tile.v-4096,.g2048-tile.v-8192{background:#3c3a32;color:#f9f6f2}.g2048-tile.is-fresh{animation:tile-pop .15s ease-out}.g2048-tile.is-merged{animation:tile-merge .18s ease-out}@keyframes tile-pop{0%{transform-origin:center;scale:.2}to{scale:1}}@keyframes tile-merge{0%{filter:brightness(1.6)}to{filter:brightness(1)}}.g2048-tile.is-dead{z-index:0}.g2048-help{margin-top:13px;max-width:620px}.ms-game{display:flex;flex-direction:column}.ms-board-wrap{position:relative;margin-inline:auto}.ms-board{display:grid;gap:2px;padding:6px;background:#c8c1b5;border-radius:10px;box-shadow:inset 0 1px 3px #00000024;touch-action:manipulation}.ms-cell{border:0;padding:0;border-radius:4px;display:grid;place-items:center;line-height:1;font-weight:700;font-family:var(--mono);-webkit-user-select:none;user-select:none;transition:background .1s}.ms-cell.is-covered{background:linear-gradient(180deg,#e9e3d9,#cfc7ba);box-shadow:inset 0 -2px #00000017,inset 0 1px #ffffffbf}.ms-cell.is-covered.is-armed:hover{background:linear-gradient(180deg,#f3eee6,#ded7ca)}.ms-cell.is-open{background:#f4f1ea;box-shadow:none}.ms-cell.n-1{color:#1f6fb8}.ms-cell.n-2{color:#2f7d4f}.ms-cell.n-3{color:#c3272b}.ms-cell.n-4{color:#6b3fa0}.ms-cell.n-5{color:#a8651c}.ms-cell.n-6{color:#147a86}.ms-cell.n-7{color:#3c4149}.ms-cell.n-8{color:#7a6a5c}.ms-cell.is-flag{background:linear-gradient(180deg,#f3e6cd,#e3d1ae)}.ms-cell.is-mine{background:#f2d9d9;color:#b23b3b}.ms-cell.is-shown-mine{background:#f7e8e8;color:#c98a8a}.ms-cell.is-wrong{box-shadow:inset 0 0 0 2px var(--bad)}.ms-tip{position:absolute;left:50%;bottom:16px;transform:translate(-50%);background:var(--ink);color:var(--on-ink);font-size:12px;padding:5px 15px;border-radius:999px;opacity:.88;pointer-events:none;white-space:nowrap}.ms-help{margin-top:13px;max-width:720px}.ms-note{display:block;margin-top:5px;color:var(--ink-2)}.ms-note.is-bad{color:var(--bad)}.wm-game{display:flex;flex-direction:column}.wm-stage{justify-content:center;flex-wrap:wrap}.wm-frame{position:relative;flex:0 0 auto;width:100%;max-width:400px;border-radius:12px}.wm-canvas{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);cursor:pointer;touch-action:none}.wm-side{display:flex;flex-direction:column;gap:12px;min-width:150px;max-width:200px}.wm-hand{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.wm-hand>span{font-size:10.5px;color:var(--ink-4)}.wm-hand-fruit{display:flex;align-items:center;gap:9px;font-size:14px}.wm-hand-fruit b{font-weight:600}.wm-hand-fruit.is-empty{color:var(--ink-4);font-size:12.5px}.wm-dot{display:block;flex:0 0 auto}.wm-ladder{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;display:flex;flex-direction:column;gap:3px}.wm-ladder-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding-bottom:5px;margin-bottom:2px;border-bottom:1px solid var(--line);font-size:10.5px;color:var(--ink-4)}.wm-ladder-head b{color:var(--ink-2);font-weight:600}.wm-ladder-head em{font-style:normal;font-family:var(--mono)}.wm-ladder-row{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink-2)}.wm-ladder-name{flex:1 1 auto}.wm-ladder-row em{font-style:normal;font-size:10.5px;color:var(--ink-4);font-family:var(--mono)}.wm-skin-pick{display:flex;align-items:center;gap:7px}.wm-skin-pick>span{font-size:10.5px;color:var(--ink-4);letter-spacing:.04em}.wm-help{margin-top:13px;max-width:720px}.game-card-icon.is-snake{background:linear-gradient(150deg,var(--good-line-2),var(--good-fg-2))}.game-card-icon.is-memory{background:linear-gradient(150deg,var(--info-line),var(--info-fg))}.game-card-icon.is-bulls{background:linear-gradient(150deg,var(--warn-line),var(--warn-fg));font-size:15px}.game-card-icon.is-lightsout{background:linear-gradient(150deg,var(--accent-soft),var(--accent-strong))}.snake{display:flex;flex-direction:column}.sn-board{--sn-cell: 20px;position:relative;display:grid;grid-template-columns:repeat(16,var(--sn-cell));grid-auto-rows:var(--sn-cell);gap:0;padding:4px;background:var(--panel-3);border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 1px 3px var(--ring-1);margin-inline:auto;touch-action:none}.sn-cell{display:block;border-radius:3px}.sn-cell.is-body{background:var(--good)}.sn-cell.is-head{background:var(--good-fg-2)}.sn-cell.is-food{background:var(--bad);border-radius:50%;box-shadow:0 0 0 2px var(--bad-bg)}.sn-cell.is-head.is-food{background:var(--bad)}.sn-pad{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:150px}.sn-pad-hint{font-size:10.5px;color:var(--ink-4);letter-spacing:.04em}.sn-pad-row{display:flex;gap:6px}.sn-pad-btn{width:44px;padding:6px 0;text-align:center;font-family:var(--mono)}.sn-help{margin-top:13px;max-width:720px;margin-inline:auto}.memory{display:flex;flex-direction:column}.mm-board{--mm-card: 74px;position:relative;display:grid;gap:10px;margin-inline:auto;justify-content:center}.mm-card{width:var(--mm-card);height:var(--mm-card);display:grid;place-items:center;padding:0;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);font-size:calc(var(--mm-card) * .44);line-height:1;cursor:pointer;transition:background .14s,border-color .14s,transform .14s}.mm-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-sm)}.mm-card:not(.is-up):after{content:"?";font-weight:700;color:var(--ink-4)}.mm-card.is-up{background:var(--panel);color:var(--ink);border-color:var(--line)}.mm-card.is-up:after{content:none}.mm-card.is-matched{background:var(--good-bg);color:var(--good-fg);border-color:var(--good-line);cursor:default;opacity:.92}.mm-card.is-hit{animation:mm-hit .34s ease-out}.mm-card.is-miss{animation:mm-miss .34s ease-out}@keyframes mm-hit{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes mm-miss{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.mm-help{margin-top:13px;max-width:720px;margin-inline:auto}.bulls{display:flex;flex-direction:column}.bc-stage{align-items:flex-start}.bc-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:10px;min-width:320px;max-width:520px}.bc-panel-head{display:flex;flex-direction:column;gap:2px}.bc-panel-head b{font-size:14px}.bc-panel-head .hint{font-size:11.5px}.bc-input-row{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.bc-input{width:190px;font-family:var(--mono);font-size:20px;letter-spacing:.32em;text-align:center;padding:7px 10px;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink)}.bc-input:focus{outline:2px solid var(--accent);outline-offset:1px}.bc-hint{font-size:11.5px;max-width:460px;margin:0}.bc-fb-field{display:flex;flex-direction:column;gap:3px}.bc-fb-field>span{font-size:10.5px;color:var(--ink-4);letter-spacing:.04em}.bc-select{background:var(--panel-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);padding:7px 9px;font-size:13px}.bc-ai-guess{display:flex;align-items:baseline;gap:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 12px}.bc-ai-guess>span{font-size:11px;color:var(--ink-4)}.bc-ai-guess>b{font-family:var(--mono);font-size:26px;letter-spacing:.14em;color:var(--accent)}.bc-note{font-size:12px;line-height:1.7;color:var(--ink-2);background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:var(--radius-sm);padding:6px 9px}.bc-done{display:flex;flex-direction:column;gap:3px;border-radius:var(--radius-sm);border:1px solid var(--line);padding:9px 12px;background:var(--panel-2)}.bc-done strong{font-size:15px}.bc-done>span{font-size:12px;color:var(--ink-2)}.bc-done.is-win{background:var(--good-bg);border-color:var(--good-line)}.bc-done.is-win strong{color:var(--good-fg)}.bc-done.is-over{background:var(--bad-bg);border-color:var(--bad-line)}.bc-done.is-over strong{color:var(--bad-fg)}.bc-answer{font-family:var(--mono);font-size:20px;letter-spacing:.22em;color:var(--ink)}.bc-history{width:320px;flex:0 0 auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;max-height:460px;overflow-y:auto}.bc-history-head,.bc-row{display:grid;grid-template-columns:26px 1fr 62px 62px;align-items:center;gap:6px}.bc-history-head{font-size:10.5px;color:var(--ink-4);letter-spacing:.04em;border-bottom:1px solid var(--line);padding-bottom:5px;margin-bottom:3px}.bc-row{padding:4px 0;border-bottom:1px dashed var(--line);font-size:12px}.bc-row:last-child{border-bottom:0}.bc-row-n{color:var(--ink-4);font-family:var(--mono);font-size:11px}.bc-row-digits{display:flex;gap:3px}.bc-row-digits em{font-style:normal;font-family:var(--mono);font-size:13px;width:20px;height:24px;display:grid;place-items:center;background:var(--panel-3);border-radius:3px}.bc-row-fb{font-family:var(--mono);font-size:12px;color:var(--warn-fg)}.bc-row-fb.is-win{color:var(--good-fg);font-weight:700}.bc-row-left{font-size:11px;color:var(--ink-3);text-align:right;font-family:var(--mono)}.bc-empty{font-size:11.5px;margin-top:6px}.bc-help{margin-top:13px;max-width:760px;margin-inline:auto}.lightsout{display:flex;flex-direction:column}.lo-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.lo-board{--lo-cell: 56px;position:relative;display:grid;gap:8px;padding:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);margin-inline:auto}.lo-cell{width:var(--lo-cell);height:var(--lo-cell);padding:0;border:0;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s,box-shadow .12s,transform .08s}.lo-cell.is-on{background:linear-gradient(180deg,var(--warn-line),var(--warn));box-shadow:0 0 12px var(--warn-line),inset 0 -2px 0 var(--ring-2)}.lo-cell.is-off{background:var(--panel-3);box-shadow:inset 0 1px 2px var(--ring-2),inset 0 -1px 0 var(--panel)}.lo-cell:hover:not(:disabled){transform:translateY(-1px)}.lo-cell.is-hint{outline:2px dashed var(--accent);outline-offset:2px;animation:lo-pulse .9s ease-in-out infinite}@keyframes lo-pulse{0%,to{opacity:1}50%{opacity:.55}}.lo-note{font-size:11.5px;max-width:560px;text-align:center;margin:0}.lo-hintline{font-size:11.5px;max-width:620px;text-align:center;margin:0;color:var(--accent)}.lo-help{margin-top:13px;max-width:760px;margin-inline:auto}.game-card-icon.is-tetris{background:linear-gradient(150deg,var(--kind-why-line),var(--kind-why-fg))}.game-card-icon.is-breakout{background:linear-gradient(150deg,var(--kind-number-line),var(--kind-number-fg))}.game-card-icon.is-sokoban{background:linear-gradient(150deg,var(--good-line-3),var(--good-fg))}.tetris{display:flex;flex-direction:column}.tt-board{--tt-cell: 26px;position:relative;display:grid;grid-template-columns:repeat(10,var(--tt-cell));grid-auto-rows:var(--tt-cell);gap:0;padding:4px;flex:0 0 auto;background:var(--panel-3);border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 1px 3px var(--ring-1);margin-inline:auto}.tt-cell{display:block;border-radius:2px;box-shadow:inset 0 0 0 1px var(--ring-weak)}.tt-cell.is-fixed,.tt-cell.is-piece{box-shadow:inset 0 -2px 0 var(--ring-2),inset 0 2px 0 var(--overlay-strong-bg)}.tt-cell.is-ghost{box-shadow:inset 0 0 0 1px var(--line-strong)}.tt-cell.is-p1,.tt-mini.is-p1{background:var(--info-fg)}.tt-cell.is-p2,.tt-mini.is-p2{background:var(--kind-why-fg)}.tt-cell.is-p3,.tt-mini.is-p3{background:var(--kind-number-fg)}.tt-cell.is-p4,.tt-mini.is-p4{background:var(--warn)}.tt-cell.is-p5,.tt-mini.is-p5{background:var(--good)}.tt-cell.is-p6,.tt-mini.is-p6{background:var(--accent)}.tt-cell.is-p7,.tt-mini.is-p7{background:var(--ink-2)}.tt-side{display:flex;flex-direction:column;gap:12px;min-width:136px}.tt-next{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:9px 11px;display:flex;flex-direction:column;gap:7px}.tt-next-head{font-size:10.5px;color:var(--ink-4);letter-spacing:.04em}.tt-next-piece{display:grid;gap:1px}.tt-mini{width:12px;height:12px;border-radius:2px}.tt-pad{display:flex;flex-direction:column;align-items:center;gap:6px}.tt-pad-row{display:flex;gap:6px}.tt-pad-btn{width:44px;padding:6px 0;text-align:center;font-family:var(--mono)}.tt-pad-wide{align-self:stretch;text-align:center;font-size:12px}.tt-pad-hint{font-size:10.5px;color:var(--ink-4)}.tt-help{margin-top:13px;max-width:780px;margin-inline:auto}.breakout{display:flex;flex-direction:column}.bo-wrap{flex:0 0 auto}.bo-stage{position:relative;width:360px;height:300px;margin-inline:auto;background:var(--panel-3);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;touch-action:none}.bo-brick{position:absolute;border-radius:3px;box-shadow:inset 0 -2px 0 var(--ring-2),inset 0 2px 0 var(--overlay-strong-bg)}.bo-brick.is-row0{background:var(--info-fg)}.bo-brick.is-row1{background:var(--good)}.bo-brick.is-row2{background:var(--warn)}.bo-brick.is-dead{display:none}.bo-paddle{position:absolute;left:0;top:0;border-radius:5px;background:var(--ink);box-shadow:inset 0 -2px 0 var(--ring-2),inset 0 2px 0 var(--overlay-strong-bg)}.bo-ball{position:absolute;left:0;top:0;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.bo-tip{position:absolute;left:50%;bottom:38px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:7px 16px;pointer-events:none;text-align:center}.bo-tip strong{font-size:13px}.bo-tip>span{font-size:10.5px;color:var(--ink-4)}.bo-side{display:flex;flex-direction:column;gap:10px;min-width:170px;max-width:230px}.bo-legend{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.bo-legend>span{font-size:10.5px;color:var(--ink-4)}.bo-legend>strong{font-size:15px;font-family:var(--mono)}.bo-side-hint{font-size:11.5px}.bo-help{margin-top:13px;max-width:780px;margin-inline:auto}.sokoban{display:flex;flex-direction:column}.sk-wrap{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.sk-board{--sk-cell: 30px;position:relative;display:grid;gap:0;padding:4px;flex:0 0 auto;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 1px 3px var(--ring-1);margin-inline:auto}.sk-cell{position:relative;display:block;width:var(--sk-cell);height:var(--sk-cell);box-shadow:inset 0 0 0 1px var(--ring-weak)}.sk-cell.is-wall{background:var(--ink-2);border-radius:3px;box-shadow:inset 0 -2px 0 var(--ring-2)}.sk-cell.is-floor{background:var(--panel-3)}.sk-cell.is-goal{background:var(--warn-bg);box-shadow:inset 0 0 0 1px var(--warn-line)}.sk-cell.is-goal:after{content:"";position:absolute;top:35%;right:35%;bottom:35%;left:35%;border-radius:50%;background:var(--warn-line)}.sk-cell.is-box:after,.sk-cell.is-box-on:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:4px;background:var(--kind-number-fg);box-shadow:inset 0 -3px 0 var(--ring-2),inset 0 2px 0 var(--overlay-strong-bg)}.sk-cell.is-box-on{background:var(--good-bg)}.sk-cell.is-box-on:after{background:var(--good)}.sk-cell.is-player:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:var(--info-fg);box-shadow:inset 0 -2px 0 var(--ring-2),inset 0 2px 0 var(--overlay-strong-bg)}.sk-side{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:150px}.sk-level-name{font-size:11.5px;color:var(--ink-3)}.sk-level-name b{color:var(--ink)}.sk-pad{display:flex;flex-direction:column;align-items:center;gap:6px}.sk-pad-row{display:flex;gap:6px}.sk-pad-btn{width:44px;padding:6px 0;text-align:center;font-family:var(--mono)}.sk-hint{font-size:10.5px;text-align:center}.sk-help{margin-top:13px;max-width:780px;margin-inline:auto}.game-card-icon.is-sudoku{background:linear-gradient(150deg,var(--info-line),var(--info-fg))}.game-card-icon.is-gomoku{background:linear-gradient(150deg,var(--ink-3),var(--ink))}.game-card-icon.is-klotski{background:linear-gradient(150deg,var(--warn-line),var(--warn-fg))}.game-card-icon.is-nonogram{background:linear-gradient(150deg,var(--good-line-2),var(--good-fg-2))}.sudoku{display:flex;flex-direction:column}.su-wrap{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.su-board{--su-cell: 44px;position:relative;display:grid;gap:0;padding:4px;flex:0 0 auto;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 1px 3px var(--ring-1);margin-inline:auto}.su-cell{width:var(--su-cell);height:var(--su-cell);display:flex;align-items:center;justify-content:center;background:var(--panel-3);border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:19px;font-weight:600;color:var(--accent);position:relative;padding:0}.su-cell:nth-child(9n+3),.su-cell:nth-child(9n+6){border-right:2px solid var(--line-strong)}.su-cell:nth-child(n+19):nth-child(-n+27),.su-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--line-strong)}.su-cell:nth-child(9n){border-right:none}.su-cell:nth-child(n+73){border-bottom:none}.su-cell.is-given{background:var(--panel-2);color:var(--ink);font-weight:700}.su-cell.is-peer{background:var(--hover)}.su-cell.is-sel{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.su-cell.is-bad{background:var(--bad-bg);color:var(--bad-fg);box-shadow:inset 0 0 0 2px var(--bad-line)}.su-cell.is-wrong:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px dashed var(--bad);border-radius:4px}.su-marks{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;font-size:9.5px;color:var(--ink-4);font-weight:500}.su-marks>i{display:flex;align-items:center;justify-content:center;font-style:normal}.su-side{display:flex;flex-direction:column;gap:9px;min-width:178px;max-width:250px}.su-pad{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.su-pad-btn{padding:7px 0;text-align:center;font-family:var(--mono);font-size:15px}.su-tip{font-size:11.5px;color:var(--ink-3);min-height:32px}.su-hintline{font-size:11px}.su-help{margin-top:13px;max-width:800px;margin-inline:auto}.gomoku{display:flex;flex-direction:column}.go-wrap{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.go-board{--go-cell: 30px;position:relative;display:grid;gap:0;padding:4px;flex:0 0 auto;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 1px 3px var(--ring-1);margin-inline:auto}.go-cell{position:relative;width:var(--go-cell);height:var(--go-cell);display:flex;align-items:center;justify-content:center;padding:0;background:none}.go-cell:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line-strong)}.go-cell:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--line-strong)}.go-stone{position:relative;width:82%;height:82%;border-radius:50%;z-index:1;box-shadow:inset 0 -2px 0 var(--ring-2),inset 0 2px 0 var(--overlay-strong-bg)}.go-cell.is-black .go-stone{background:var(--ink)}.go-cell.is-white .go-stone{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line-strong)}.go-cell.is-last .go-stone{outline:2px solid var(--accent);outline-offset:1px}.go-cell.is-win .go-stone{outline:2px solid var(--bad);outline-offset:1px;background:var(--bad)}.go-cell.is-cursor{box-shadow:inset 0 0 0 2px var(--hover-2)}.go-cell.is-best{box-shadow:inset 0 0 0 2px var(--good-line)}.go-side{display:flex;flex-direction:column;gap:10px;min-width:180px;max-width:240px}.go-legend{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.go-legend>span{font-size:10.5px;color:var(--ink-4)}.go-legend>strong{font-size:14px}.go-tip{font-size:11.5px;color:var(--accent)}.go-hintline{font-size:11px}.go-help{margin-top:13px;max-width:800px;margin-inline:auto}.klotski{display:flex;flex-direction:column}.kl-wrap{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.kl-board{--kl-cell: 58px;position:relative;display:grid;grid-template-columns:repeat(4,var(--kl-cell));grid-auto-rows:var(--kl-cell);gap:0;padding:4px;flex:0 0 auto;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 1px 3px var(--ring-1);margin-inline:auto;touch-action:none}.kl-cell{background:var(--panel-3);box-shadow:inset 0 0 0 1px var(--ring-weak)}.kl-cell.is-exit{background:var(--warn-bg);box-shadow:inset 0 0 0 1px var(--warn-line)}.kl-piece{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--on-color);font-size:15px;font-weight:600;cursor:grab;box-shadow:inset 0 -3px 0 var(--ring-2),inset 0 2px 0 var(--overlay-strong-bg);transition:left 90ms ease,top 90ms ease;-webkit-user-select:none;user-select:none}.kl-piece.is-cao{background:var(--accent);font-size:19px}.kl-piece.is-guan{background:var(--kind-number-fg)}.kl-piece.is-v{background:var(--info-fg)}.kl-piece.is-soldier{background:var(--good);font-size:13px}.kl-piece.is-sel{outline:3px solid var(--warn);outline-offset:-1px}.kl-side{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:168px}.kl-level-name{font-size:11.5px;color:var(--ink-3);text-align:center}.kl-level-name b{color:var(--ink)}.kl-pad{display:flex;flex-direction:column;align-items:center;gap:6px}.kl-pad-row{display:flex;gap:6px}.kl-pad-btn{width:44px;padding:6px 0;text-align:center;font-family:var(--mono)}.kl-hint{font-size:10.5px;text-align:center}.kl-help{margin-top:13px;max-width:800px;margin-inline:auto}.nonogram{display:flex;flex-direction:column}.np-wrap{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.np-boardwrap{flex:0 0 auto}.np-board{--np-cell: 30px;position:relative;display:grid;gap:0;padding:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 1px 3px var(--ring-1);margin-inline:auto}.np-corner{background:none}.np-clue{display:flex;gap:3px;font-family:var(--mono);font-size:11.5px;color:var(--ink-2);padding:2px 5px}.np-clue.is-row{align-items:center;justify-content:flex-end}.np-clue.is-col{flex-direction:column;align-items:center;justify-content:flex-end}.np-clue b{font-weight:600}.np-clue.is-done{color:var(--ink-4);opacity:.5}.np-clue.is-done b{text-decoration:line-through}.np-clue .is-zero{color:var(--ink-4);font-weight:400}.np-cell{width:var(--np-cell);height:var(--np-cell);display:flex;align-items:center;justify-content:center;background:var(--panel-3);box-shadow:inset 0 0 0 1px var(--ring-weak);font-size:15px;color:var(--ink-4);padding:0}.np-cell.is-on{background:var(--ink-2)}.np-cell.is-wrong{background:var(--bad-bg);box-shadow:inset 0 0 0 2px var(--bad-line)}.np-cell.is-x{color:var(--ink-4)}.np-side{display:flex;flex-direction:column;gap:10px;min-width:186px;max-width:250px}.np-legend{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.np-legend>span{font-size:10.5px;color:var(--ink-4)}.np-legend>strong{font-size:14px}.np-hintline{font-size:11px}.np-help{margin-top:13px;max-width:800px;margin-inline:auto}@media(max-width:1080px){.g2048-board{--tile: 58px}.sn-board{--sn-cell: 18px}.mm-board{--mm-card: 64px}.lo-board{--lo-cell: 48px}.bc-panel{min-width:0}.tt-board{--tt-cell: 24px}.sk-board{--sk-cell: 26px}.su-board{--su-cell: 40px}.go-board{--go-cell: 28px}.kl-board{--kl-cell: 54px}.np-board{--np-cell: 28px}}@media(max-width:860px){.g2048-board{--tile: 50px}.games-picker{padding:18px 14px 26px}.games-body{padding:12px 12px 22px}.gm-hud{gap:14px;padding:9px 11px}.gm-stat>strong{font-size:16px}.wm-side{max-width:none;width:100%;flex-direction:row;flex-wrap:wrap}.wm-hand,.wm-ladder{flex:1 1 200px}.sn-board{--sn-cell: 17px}.mm-board{--mm-card: 58px;gap:8px}.lo-board{--lo-cell: 42px;gap:6px}.bc-input{width:160px;font-size:17px}.tt-board{--tt-cell: 20px}.sk-board{--sk-cell: 24px}.su-board{--su-cell: 36px}.go-board{--go-cell: 24px}.kl-board{--kl-cell: 48px}.np-board{--np-cell: 24px}.su-side,.go-side,.np-side{min-width:0;max-width:none}.bo-wrap{width:288px;height:240px}.bo-stage{transform:scale(.8);transform-origin:top left;margin-inline:0}.bo-side{min-width:0;max-width:none}}.res-reader{grid-column:1 / -1;margin-top:.6rem;padding:.9rem 1.1rem;border-left:3px solid var(--accent, #6b7fd7);border-radius:0 8px 8px 0;background:var(--panel-3);max-height:32rem;overflow:auto}.md-body{line-height:1.75;font-size:.94rem}.md-body>*:first-child{margin-top:0}.md-h{margin:1.1em 0 .5em;line-height:1.35}.md-h1{font-size:1.25rem}.md-h2{font-size:1.08rem}.md-h3{font-size:.98rem;color:var(--text-dim, inherit)}.md-p{margin:.6em 0}.md-list{margin:.5em 0 .5em 1.3em;padding:0}.md-list li{margin:.25em 0}.md-quote{margin:.7em 0;padding:.4em .9em;border-left:3px solid var(--line-strong);color:var(--text-dim, inherit)}.md-code{padding:.1em .35em;border-radius:4px;background:var(--hover-2);font-family:var(--mono, ui-monospace, monospace);font-size:.9em}.md-table-wrap{overflow-x:auto;margin:.8em 0}.md-table{border-collapse:collapse;font-size:.9em}.md-table th,.md-table td{padding:.35em .7em;border:1px solid var(--line);text-align:left}.md-table th{background:var(--panel-3)}.md-pre-wrap{margin:.7em 0}.md-pre-lang{display:block;padding:.2em .7em;font-size:.75rem;color:var(--code-comment);background:var(--code-bg);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.md-pre{margin:0;padding:.7em .9em;overflow-x:auto;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--code-bg);color:var(--code-fg);scrollbar-width:thin;scrollbar-color:var(--code-scroll) var(--code-bg)}.md-pre code{font-family:var(--mono, ui-monospace, monospace);font-size:.85rem;line-height:1.6}.md-pre-wrap>.md-pre:first-child{border-radius:var(--radius-sm)}.tpl-langstat{margin-top:6px;font-family:var(--mono);font-size:11px;color:var(--ink-4)}.tpl-groups{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:860px}.tpl-group{gap:6px}.tpl-group-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding-top:9px;border-top:1px dashed var(--line)}.tpl-group-chips .chip-tag{display:inline-flex;align-items:baseline;gap:5px}.tpl-group-chips .chip-tag b{font-weight:500;color:var(--ink-4)}.tpl-group-chips-hint{display:none}.tpl-group-head{font-size:17px;margin-bottom:3px}.tpl-group-sub{font-size:12.5px;color:var(--ink-3);margin-bottom:12px}.tpl-readme{margin-bottom:10px}.tpl-readme-toggle{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink-2);border-radius:var(--radius-sm);padding:4px 11px;font-size:12px}.tpl-readme-toggle:hover{border-color:var(--line-strong);color:var(--ink)}.tpl-readme-toggle .res-node-toggle{flex:0 0 auto}.tpl-readme-body{margin-top:8px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px}.tpl-row{display:flex;align-items:center;gap:12px;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 13px;text-align:left;color:var(--ink)}.tpl-row:hover{border-color:var(--line-strong);background:var(--panel-2)}.tpl-row-main{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.tpl-row-title{font-size:13.5px;overflow-wrap:anywhere}.tpl-row-meta{font-size:11.5px;color:var(--ink-3)}.tpl-row-tags{flex:0 0 auto;display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.tpl-chip-warn{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}.tpl-detail{display:flex;flex-direction:column;gap:10px;max-width:900px}.tpl-title{font-size:19px;line-height:1.4;overflow-wrap:anywhere}.tpl-badges{display:flex;gap:8px;flex-wrap:wrap}.tpl-badge{display:inline-flex;align-items:baseline;gap:5px;border:1px solid var(--line);background:var(--panel-2);border-radius:999px;padding:2px 11px;font-size:12px;color:var(--ink-3)}.tpl-badge b{color:var(--ink);font-weight:600}.tpl-path{font-size:11px;color:var(--ink-4);overflow-wrap:anywhere}.tpl-section{border-top:1px solid var(--line);padding-top:12px;margin-top:2px;display:flex;flex-direction:column;gap:8px}.tpl-section-head{font-size:11px;color:var(--ink-4);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.tpl-note{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px}.tpl-code-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tpl-missing{font-size:11.5px;color:var(--ink-4)}.snip-code{--snip-actions-h: 38px;position:relative;min-width:0;background:var(--code-bg);border:1px solid var(--code-edge);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm),0 10px 24px var(--shadow-lg-2)}.tpl-code-actions{position:absolute;top:4px;left:8px;z-index:2;display:flex;gap:6px;align-items:center;padding:2px 3px;border-radius:var(--radius-sm);background:var(--code-chip-bg);border:1px solid var(--code-btn-edge);box-shadow:var(--code-chip-shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transform:translateY(-3px);transition:opacity .14s ease,transform .14s ease}.snip-code:hover>.tpl-code-actions{opacity:1;pointer-events:auto;transform:none}.snip-code:has(:focus-visible)>.tpl-code-actions{opacity:1;pointer-events:auto;transform:none}@supports not selector(:has(*)){.snip-code:focus-within>.tpl-code-actions{opacity:1;pointer-events:auto;transform:none}}@media(hover:none),(pointer:coarse){.tpl-code-actions{opacity:1;pointer-events:auto;transform:none}}@media(prefers-reduced-motion:reduce){.tpl-code-actions{transition:none;transform:none}}.snip-code .tpl-code-actions .btn{padding:2px 8px;font-size:11.5px;line-height:1.4;background:var(--code-btn-bg);border:1px solid var(--code-btn-edge);color:var(--code-fg);text-decoration:none;display:inline-flex;align-items:center}.snip-code .tpl-code-actions .btn:hover{background:var(--code-btn-bg-hover);border-color:var(--code-btn-edge-hover);color:var(--code-btn-fg-hover)}.snip-code .tpl-code-actions .btn:active{background:var(--code-btn-active-bg)}.snip-code .tpl-code-actions .btn:focus-visible{outline:2px solid var(--code-focus);outline-offset:1px}.tpl-pre{margin:0;padding:var(--snip-actions-h) 14px 14px;overflow:auto;max-height:62vh;overscroll-behavior:contain;background:var(--code-bg);color:var(--code-fg)}.tpl-pre code{font-family:var(--mono);font-size:12.5px;line-height:1.65;color:var(--code-fg);white-space:pre;-moz-tab-size:4;tab-size:4}.snip-code ::selection{background:var(--code-sel)}.snip-code .tpl-pre code ::selection{background:var(--code-sel)}.snip-code .tpl-pre{scrollbar-width:thin;scrollbar-color:var(--code-scroll) transparent}.snip-code .tpl-pre::-webkit-scrollbar{width:10px;height:10px}.snip-code .tpl-pre::-webkit-scrollbar-track{background:transparent}.snip-code .tpl-pre::-webkit-scrollbar-thumb{background:var(--code-scroll);background-clip:content-box;border:2px solid transparent;border-radius:6px}.snip-code .tpl-pre::-webkit-scrollbar-thumb:hover{background:var(--code-scroll-hover);background-clip:content-box}.snip-code .tpl-pre::-webkit-scrollbar-corner{background:transparent}.snip-code .tk-control{color:var(--code-control)}.snip-code .tk-stl{color:var(--code-stl)}.snip-code .tk-keyword{font-weight:400}@media(max-width:720px){.tpl-row{flex-direction:column;align-items:flex-start}.tpl-row-tags{justify-content:flex-start}.tpl-groups{grid-template-columns:1fr;max-width:none}}@media(min-width:1600px){.library{flex:0 0 440px;width:440px}.panel-host{max-width:none}.panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}.panel>:first-child,.panel>.exportbar,.panel>.empty{grid-column:1 / -1}}@media(min-width:1440px){.tpl-groups{max-width:none}.tpl-group{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:5px 28px;align-items:start}.tpl-group>strong,.tpl-group>em,.tpl-group>p,.tpl-group>.lib-domain-stat{grid-column:1}.tpl-group>strong{font-size:19px}.tpl-group>p{max-width:68ch}.tpl-group>.tpl-group-chips{grid-column:2;grid-row:1 / span 4;display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:6px;margin-top:0;padding-top:0;border-top:0;padding-left:28px;border-left:1px dashed var(--line)}.tpl-group-chips-hint{display:block;grid-column:1 / -1;font-size:10.5px;color:var(--ink-4);letter-spacing:.04em}.tpl-group>.tpl-group-chips .chip-tag{display:flex;align-items:baseline;justify-content:space-between;gap:8px;text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--ink-2);padding:7px 10px;font-size:11.5px;transition:border-color .12s,background .12s,color .12s}.tpl-group>.tpl-group-chips .chip-tag:hover{border-color:var(--ink-3);background:var(--panel);color:var(--ink)}}@media(min-width:1440px){.tpl-detail{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.tpl-detail>.res-crumb,.tpl-detail>.tpl-title,.tpl-detail>.tpl-badges,.tpl-detail>.tpl-path{grid-column:1 / -1}}@media(min-width:1440px){.games-cards{max-width:none;grid-template-columns:repeat(auto-fit,minmax(258px,1fr))}.games-intro{max-width:900px}}@media(min-width:1440px){.lib-topics.lib-topics-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:20px;align-items:start}}@media(max-width:1439.98px){.lib-topics-split[data-has-topic=no]>.lib-topics-entries{display:none}.lib-topics-split[data-has-topic=yes]>.lib-topics-cards{display:none}}.lib-topics-cards{display:flex;flex-direction:column;gap:20px}.lib-topics-split .lib-topic-card.is-active{border-color:var(--ink);background:var(--panel-2);box-shadow:inset 0 2px 0 var(--ink)}.g2048-help,.ms-help,.wm-help{margin-inline:auto}[data-theme=ios]{--bg: #f2f2f7;--panel: #ffffff;--panel-2: #f7f7fa;--panel-3: #f2f2f7;--ink: #1c1c1e;--ink-2: #3a3a3c;--ink-3: #8e8e93;--ink-4: #c7c7cc;--line: #e5e5ea;--line-strong: #d1d1d6;--radius: 14px;--radius-sm: 10px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;--accent: #007aff;--accent-strong: #0062cc;--accent-soft: #e6f0ff;--on-ink: #fff;--on-color: #fff;--ink-hover: #333336;--hover: #f2f2f7;--hover-2: #e9e9ee;--track: #e5e5ea;--checker: #eeeef2;--shade-strong: rgba(0, 0, 0, .42);--scrim: rgba(0, 0, 0, .3);--scrim-soft: rgba(242, 242, 247, .82);--overlay-weak-bg: rgba(120, 120, 128, .12);--overlay-strong-bg: rgba(255, 255, 255, .3);--ring-weak: rgba(0, 0, 0, .05);--ring-1: rgba(0, 0, 0, .07);--ring-2: rgba(0, 0, 0, .09);--ring-3: rgba(0, 0, 0, .11);--ring-on-color: #fff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 2px 10px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--shadow-up-sm: 0 -4px 14px rgba(0, 0, 0, .04);--shadow-up: 0 -6px 22px rgba(0, 0, 0, .08);--shadow-float: 0 16px 34px rgba(0, 0, 0, .22);--shadow-lg-2: rgba(0, 0, 0, .08);--text-shadow-on-color: rgba(0, 0, 0, .22);--bad: #ff3b30;--good: #34c759;--ok: #34c759;--warn: #ff9500;--bad-bg: #ffeceb;--bad-bg-2: #ffe7e5;--bad-bg-3: #ffdedb;--bad-line: #ffd2ce;--bad-line-2: #ffc9c4;--bad-fg: #c8261c;--bad-fg-2: #d2453a;--good-bg: #eafaf0;--good-bg-2: #e4f8ec;--good-bg-3: #eefaf3;--good-line: #c6f0d7;--good-line-2: #bdecd1;--good-line-3: #d2f3e0;--good-fg: #187c3c;--good-fg-2: #126b33;--ok-bg: #eaf8f2;--ok-line: #c8ece0;--ok-line-2: #c2e9dc;--warn-bg: #fff4e5;--warn-bg-2: #fdf0dd;--warn-line: #ffdfb8;--warn-line-2: #fbd9ab;--warn-fg: #995700;--info-bg: #e8f2ff;--info-line: #cfe3ff;--info-fg: #0058b0;--kind-why-bg: #efeaff;--kind-why-line: #ded4ff;--kind-why-fg: #4b3a9e;--kind-command-bg: #f3f1e6;--kind-command-line: #e3ddc4;--kind-command-fg: #6b5f1f;--kind-number-bg: #fdf1e6;--kind-number-line: #eedcc6;--kind-number-fg: #8a5520}[data-theme=ios] .home-card,[data-theme=ios] .game-card,[data-theme=ios] .tool-nav-item,[data-theme=ios] .tabs button,[data-theme=ios] .btn,[data-theme=ios] .segmented button,[data-theme=ios] .pick-slot,[data-theme=ios] .lib-card,[data-theme=ios] .entry-card,[data-theme=ios] .res-card,[data-theme=ios] .tpl-row,[data-theme=ios] .section{transition-duration:.28s;transition-timing-function:cubic-bezier(.32,.72,0,1)}[data-theme=ios] .tool-nav,[data-theme=ios] .tool-bar{background:#f9f9fbc7;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}[data-theme=ios] .tool-nav{border-right:.5px solid var(--line)}[data-theme=ios] .tool-bar{border-bottom:.5px solid var(--line)}[data-theme=ios] .modal-backdrop{-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)}[data-theme=ios] .modal{border-radius:20px;border:.5px solid rgba(255,255,255,.6);background:#ffffffd1;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}[data-theme=ios] .modal-head,[data-theme=ios] .modal-foot{background:transparent}[data-theme=ios] .pickbar,[data-theme=ios] .toast,[data-theme=ios] .gm-overlay,[data-theme=ios] .g2048-overlay,[data-theme=ios] .command-palette{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}[data-theme=ios] .pickbar{background:#f9f9fbd1}[data-theme=ios] .toast{background:#1c1c1ed1;border-radius:999px}[data-theme=ios] .gm-overlay,[data-theme=ios] .g2048-overlay{background:#f2f2f7c2}[data-theme=ios] .section,[data-theme=ios] .home-card,[data-theme=ios] .entry-card,[data-theme=ios] .lib-card,[data-theme=ios] .res-card,[data-theme=ios] .lib-domain,[data-theme=ios] .lib-topic-card,[data-theme=ios] .game-card,[data-theme=ios] .tpl-row,[data-theme=ios] .exportbar,[data-theme=ios] .tpl-note,[data-theme=ios] .tpl-readme-body,[data-theme=ios] .calc-bar,[data-theme=ios] .gm-hud,[data-theme=ios] .wm-hand,[data-theme=ios] .wm-ladder{border-radius:16px;border-color:transparent;box-shadow:0 1px 2px #0000000a}[data-theme=ios] .home-card:hover,[data-theme=ios] .entry-card:hover,[data-theme=ios] .lib-card:hover,[data-theme=ios] .res-card:hover,[data-theme=ios] .game-card:hover,[data-theme=ios] .tpl-row:hover{border-color:transparent;box-shadow:0 2px 12px #00000014}[data-theme=ios] .table,[data-theme=ios] .tables-list,[data-theme=ios] .lib-list,[data-theme=ios] .res-list,[data-theme=ios] .saved-list,[data-theme=ios] .match-list,[data-theme=ios] .slot-list{border-top-color:var(--line)}[data-theme=ios] .table-row,[data-theme=ios] .entry-body,[data-theme=ios] .lib-card-body,[data-theme=ios] .tpl-section,[data-theme=ios] .res-nav-tags{border-color:var(--line)}[data-theme=ios] .table-row{border-bottom:.5px solid var(--line)}[data-theme=ios] .palette-input-row,[data-theme=ios] .library-search,[data-theme=ios] .tables-search-input,[data-theme=ios] .calc-textarea,[data-theme=ios] .calc-input,[data-theme=ios] .calc-select,[data-theme=ios] .color-input-text,[data-theme=ios] .mini-picker-input,[data-theme=ios] .tweak select{border-radius:12px;background:var(--panel-2);border-color:transparent}[data-theme=ios] .library-search:focus,[data-theme=ios] .tables-search-input:focus,[data-theme=ios] .calc-textarea:focus,[data-theme=ios] .calc-input:focus{border-color:var(--accent);background:var(--panel)}[data-theme=ios] .segmented{border-radius:12px;background:var(--panel-2)}[data-theme=ios] .segmented button{border-radius:9px}[data-theme=ios] .tabs button,[data-theme=ios] .calc-tab,[data-theme=ios] .tables-lang,[data-theme=ios] .kind-chip,[data-theme=ios] .chip-link,[data-theme=ios] .res-tag,[data-theme=ios] .shape-chip{border-radius:999px}[data-theme=ios] .btn{border-radius:12px;background:var(--panel-2)}[data-theme=ios] .btn-ghost,[data-theme=ios] .btn-outline{border-radius:12px}[data-theme=ios] .btn-primary{background:var(--accent);color:var(--on-ink)}[data-theme=ios] .btn-primary:hover{background:var(--accent-strong)}[data-theme=ios] .tool-nav-item.is-active{background:var(--accent-soft);color:var(--accent)}[data-theme=ios] .tool-nav-item.is-active .tool-nav-icon{background:#ffffffb3}[data-theme=ios] .home-card-icon{border-radius:12px;border-color:transparent;background:var(--panel-2)}[data-theme=ios] .tool-nav-icon{border-radius:8px}[data-theme=ios] .brand-mark.tool-nav-mark,[data-theme=ios] .brand-mark.home-mark{border-radius:10px}[data-theme=ios] .lib-cell,[data-theme=ios] .style-hero{border-radius:12px}[data-theme=ios] .theme-pick{border-radius:999px;background:var(--panel-2)}[data-theme=ios] .theme-pick button{border-radius:999px}[data-theme=ios] .theme-pick button.is-on{background:var(--accent);color:var(--on-ink)}[data-theme=ios] .code-pick{border-radius:var(--radius-sm);background:var(--panel-2)}[data-theme=ios] .code-pick button.is-on{background:var(--accent);color:var(--on-ink)}[data-code-theme=one-dark]{--code-bg: #1f1d1a;--code-bg-hover: #2a2724;--code-fg: #e8e3da;--code-edge: #3a3632;--code-sel: #3e4451;--code-scroll: rgba(121, 121, 121, .4);--code-scroll-hover: rgba(160, 160, 160, .7);--code-chip-bg: rgba(42, 39, 36, .94);--code-chip-shadow: 0 2px 10px rgba(0, 0, 0, .45);--code-btn-bg: rgba(255, 255, 255, .07);--code-btn-bg-hover: rgba(255, 255, 255, .14);--code-btn-edge: rgba(255, 255, 255, .16);--code-btn-edge-hover: rgba(255, 255, 255, .28);--code-btn-fg: #cfc9bf;--code-btn-fg-hover: #fff;--code-btn-active-bg: rgba(130, 170, 255, .35);--code-focus: #82aaff;--code-keyword: #c792ea;--code-control: #c792ea;--code-type: #82aaff;--code-stl: #ffcb6b;--code-func: #82aaff;--code-string: #c3e88d;--code-number: #f78c6c;--code-comment: #7d8577;--code-preproc: #c792ea;--code-punct: #9aa0a6}[data-code-theme=dracula]{--code-bg: #282a36;--code-bg-hover: #343746;--code-fg: #f8f8f2;--code-edge: #44475a;--code-sel: #44475a;--code-scroll: rgba(98, 114, 164, .5);--code-scroll-hover: rgba(139, 233, 253, .6);--code-chip-bg: rgba(68, 71, 90, .94);--code-chip-shadow: 0 2px 10px rgba(0, 0, 0, .5);--code-btn-bg: rgba(255, 255, 255, .07);--code-btn-bg-hover: rgba(255, 255, 255, .16);--code-btn-edge: rgba(255, 255, 255, .18);--code-btn-edge-hover: rgba(255, 255, 255, .32);--code-btn-fg: #d7d7e0;--code-btn-fg-hover: #fff;--code-btn-active-bg: rgba(189, 147, 249, .35);--code-focus: #bd93f9;--code-keyword: #ff79c6;--code-control: #ff79c6;--code-type: #8be9fd;--code-stl: #8be9fd;--code-func: #50fa7b;--code-string: #f1fa8c;--code-number: #bd93f9;--code-comment: #6272a4;--code-preproc: #ff79c6;--code-punct: #f8f8f2}[data-code-theme=nord]{--code-bg: #2e3440;--code-bg-hover: #3b4252;--code-fg: #d8dee9;--code-edge: #4c566a;--code-sel: #434c5e;--code-scroll: rgba(76, 86, 106, .6);--code-scroll-hover: rgba(129, 161, 193, .7);--code-chip-bg: rgba(59, 66, 82, .94);--code-chip-shadow: 0 2px 10px rgba(0, 0, 0, .45);--code-btn-bg: rgba(255, 255, 255, .06);--code-btn-bg-hover: rgba(255, 255, 255, .14);--code-btn-edge: rgba(255, 255, 255, .16);--code-btn-edge-hover: rgba(255, 255, 255, .28);--code-btn-fg: #cfd6e2;--code-btn-fg-hover: #fff;--code-btn-active-bg: rgba(136, 192, 208, .32);--code-focus: #88c0d0;--code-keyword: #81a1c1;--code-control: #81a1c1;--code-type: #8fbcbb;--code-stl: #88c0d0;--code-func: #88c0d0;--code-string: #a3be8c;--code-number: #b48ead;--code-comment: #616e88;--code-preproc: #d08770;--code-punct: #eceff4}[data-code-theme=github-dark]{--code-bg: #0d1117;--code-bg-hover: #161b22;--code-fg: #c9d1d9;--code-edge: #30363d;--code-sel: #1b3a5e;--code-scroll: rgba(110, 118, 129, .5);--code-scroll-hover: rgba(139, 148, 158, .8);--code-chip-bg: rgba(22, 27, 34, .94);--code-chip-shadow: 0 2px 10px rgba(1, 4, 9, .6);--code-btn-bg: rgba(255, 255, 255, .06);--code-btn-bg-hover: rgba(255, 255, 255, .13);--code-btn-edge: rgba(255, 255, 255, .15);--code-btn-edge-hover: rgba(255, 255, 255, .28);--code-btn-fg: #b6bec9;--code-btn-fg-hover: #fff;--code-btn-active-bg: rgba(56, 139, 253, .35);--code-focus: #58a6ff;--code-keyword: #ff7b72;--code-control: #ff7b72;--code-type: #ffa657;--code-stl: #ffa657;--code-func: #d2a8ff;--code-string: #a5d6ff;--code-number: #79c0ff;--code-comment: #8b949e;--code-preproc: #ff7b72;--code-punct: #c9d1d9}[data-code-theme=vscode-light]{--code-bg: #ffffff;--code-bg-hover: #f3f3f3;--code-fg: #000000;--code-edge: #d4d4d4;--code-sel: #add6ff;--code-scroll: rgba(100, 100, 100, .35);--code-scroll-hover: rgba(100, 100, 100, .6);--code-chip-bg: rgba(243, 243, 243, .96);--code-chip-shadow: 0 2px 8px rgba(0, 0, 0, .18);--code-btn-bg: rgba(0, 0, 0, .04);--code-btn-bg-hover: rgba(0, 0, 0, .1);--code-btn-edge: rgba(0, 0, 0, .14);--code-btn-edge-hover: rgba(0, 0, 0, .3);--code-btn-fg: #3b3b3b;--code-btn-fg-hover: #000000;--code-btn-active-bg: rgba(0, 144, 241, .22);--code-focus: #0090f1;--code-keyword: #0000ff;--code-control: #af00db;--code-type: #267f99;--code-stl: #267f99;--code-func: #795e26;--code-string: #a31515;--code-number: #098658;--code-comment: #008000;--code-preproc: #af00db;--code-punct: #000000}