@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-cyrillic-ext-wght-normal-lLTsRRxN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-ext-wght-normal-EocZY2iu.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#fbfaf6;--paper-2:#f0eee7;--card:#fff;--ink:#16171c;--ink-2:#50535d;--ink-3:#8d909a;--line:#16171c14;--line-2:#16171c24;--brand:#26c97d;--brand-hi:#7cf2b4;--brand-lo:#139259;--brand-soft:#26c97d24;--overlay:#0e0f135c;--shadow-sm:0 1px 2px #1011160f, 0 2px 8px #1011160a;--shadow-lg:0 2px 6px #1011160f, 0 24px 64px -12px #10111647;--ease:cubic-bezier(.2, .8, .2, 1);--font:"Plus Jakarta Sans Variable", system-ui, sans-serif;--mono:"JetBrains Mono Variable", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#121317;--paper-2:#1c1d23;--card:#191a20;--ink:#f3f2ee;--ink-2:#b6b8bf;--ink-3:#7c7f88;--line:#ffffff12;--line-2:#ffffff21;--brand-soft:#26c97d2e;--overlay:#0000008c;--shadow-sm:0 1px 2px #0000004d;--shadow-lg:0 24px 64px -12px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.mono{font-family:var(--mono);letter-spacing:.02em;font-size:12.5px}.app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--paper);border-bottom:1px solid var(--line);z-index:20;flex:none;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;height:64px;padding:0 14px 0 20px;display:grid;position:relative}.logo{align-items:center;gap:10px;display:flex}.logo-word{letter-spacing:-.03em;font-size:19px;font-weight:800}.hint{color:var(--ink-3);white-space:nowrap;justify-self:center;font-size:14px;font-weight:500}kbd{font-family:var(--font);color:var(--ink-2);background:var(--card);border:1px solid var(--line-2);box-shadow:0 2px 0 var(--line-2);border-radius:7px;margin:0 3px;padding:3px 9px 2px;font-size:12px;font-weight:700;display:inline-block;transform:translateY(-1px)}.bar-actions{align-items:center;gap:6px;display:flex}.seg{display:flex}.bar-btn{min-width:38px;height:38px;color:var(--ink-2);transition:background-color .2s var(--ease), color .2s var(--ease);border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:14px;font-weight:600;display:inline-flex}.bar-btn:hover:not(:disabled){background:var(--paper-2);color:var(--ink)}.bar-btn:disabled{opacity:.35}.bar-btn[aria-pressed=true]{color:var(--brand-lo);background:var(--brand-soft)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .bar-btn[aria-pressed=true]{color:var(--brand-hi)}}.icon-swap{display:inline-flex}.primary-btn{background:var(--ink);height:38px;color:var(--paper);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease), box-shadow .2s var(--ease);border-radius:12px;align-items:center;gap:8px;margin-left:6px;padding:0 16px 0 14px;font-size:14px;font-weight:700;display:inline-flex}.primary-btn:hover{box-shadow:0 6px 18px -6px #10111673}.vibe{position:relative}.vibe-btn{border:1px solid var(--line-2);padding:0 10px 0 12px}.vibe-label{color:var(--ink-3);font-weight:500}.menu{background:var(--card);border:1px solid var(--line);min-width:170px;box-shadow:var(--shadow-lg);transform-origin:100% 0;z-index:30;border-radius:16px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.menu-item{text-align:left;width:100%;color:var(--ink-2);border-radius:10px;padding:9px 12px;font-size:14px;font-weight:600;display:block}.menu-item:hover{background:var(--paper-2);color:var(--ink)}.menu-item[aria-checked=true]{color:var(--ink);background:var(--brand-soft)}.roll-fab{display:none}.columns{flex:1;min-height:0;margin:0;padding:0;list-style:none;display:flex;position:relative}.column{--fg:#fff;--fg-2:#ffffffb8;--btn:#ffffff21;--btn-hover:#ffffff3d;background-color:var(--c);min-width:0;color:var(--fg);transition:background-color .7s var(--ease), color .4s var(--ease);background-image:radial-gradient(110% 70% at 50% 40%,#ffffff2e,#0000 70%),linear-gradient(#ffffff0a,#0000001a);flex-direction:column;flex:1 1 0;align-items:center;display:flex;position:relative}.column[data-tone=dark]{--fg:#111216eb;--fg-2:#11121699;--btn:#11121612;--btn-hover:#11121624}.col-corner{opacity:0;transition:opacity .25s var(--ease);z-index:3;gap:2px;display:flex;position:absolute;top:14px;right:10px}.col-role{z-index:4;margin-top:22px;position:relative}.role-chip{background:var(--btn);letter-spacing:.01em;height:30px;transition:background-color .2s var(--ease);border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 13px;font-size:13px;font-weight:700;display:inline-flex}.role-chip:hover{background:var(--btn-hover)}.role-caret{opacity:.7;border-bottom:2px solid;border-right:2px solid;width:6px;height:6px;transform:translateY(-2px)rotate(45deg)}.role-menu{background:var(--card);width:250px;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform-origin:top;border-radius:16px;padding:6px;position:absolute;top:calc(100% + 8px);left:50%;translate:-50%}.role-option{text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:8px 11px;display:flex}.role-option:hover{background:var(--paper-2)}.role-option[aria-checked=true]{background:var(--brand-soft)}.role-option-label{font-size:14px;font-weight:700}.role-option-hint{color:var(--ink-3);font-size:12.5px;line-height:1.35}.col-stage{flex:1;place-items:center;width:100%;min-height:0;display:grid;position:relative}.cube-pop{z-index:1;grid-area:1/1}.cube-float{animation:5s ease-in-out infinite float}.cube-shadow{width:calc(var(--s) * 1.25);height:calc(var(--s) * .3);margin-top:calc(var(--s) * 1.9);pointer-events:none;background:radial-gradient(closest-side,#0000004d,#0000);border-radius:50%;grid-area:1/1;animation:5s ease-in-out infinite shadow}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes shadow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.86)}}.col-info{width:100%;min-height:74px;padding:0 14px;display:grid}.col-text{text-align:center;grid-area:1/1}.col-name{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(15px,1.5vw,21px);font-weight:800;line-height:1.15}.col-meta{color:var(--fg-2);flex-wrap:wrap;justify-content:center;gap:4px 10px;margin-top:7px;font-size:12.5px;font-weight:600;display:flex}.col-actions{margin:10px 0 26px;display:flex}.column .col-actions .icon-btn:not(.lock-btn){width:0;transition:width .35s var(--ease), margin .35s var(--ease), opacity .25s var(--ease), background-color .2s var(--ease);margin-left:0;overflow:hidden}.column:hover .col-actions .icon-btn:not(.lock-btn),.column:focus-within .col-actions .icon-btn:not(.lock-btn){width:38px;margin-left:6px}.icon-btn{background:var(--btn);width:38px;height:38px;transition:background-color .2s var(--ease), opacity .25s var(--ease);border-radius:12px;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--btn-hover)}.icon-btn:disabled{opacity:.3}.icon-btn.small{background:0 0;border-radius:9px;width:30px;height:30px}.icon-btn.small:hover{background:var(--btn)}.drag-btn{cursor:grab}.drag-btn:active{cursor:grabbing}.icon-btn.plain{--btn:transparent;--btn-hover:var(--paper-2);color:var(--ink-2)}.column .col-actions .icon-btn:not(.lock-btn){opacity:0}.column .lock-btn{opacity:.55}.column:hover .col-actions .icon-btn:not(:disabled),.column:focus-within .col-actions .icon-btn:not(:disabled),.column:hover .col-corner,.column:focus-within .col-corner,.column .lock-btn[aria-pressed=true]{opacity:1}.column:hover .col-actions .icon-btn:disabled{opacity:.3}.lock-btn[aria-pressed=true]{background:var(--fg);color:var(--c)}.lock-btn[aria-pressed=true]:hover{background:var(--fg)}.add-after{background:var(--card);width:38px;height:38px;color:var(--ink);box-shadow:var(--shadow-lg);z-index:6;opacity:0;transition:opacity .2s var(--ease), scale .3s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:0;translate:50% -50%;scale:.6}.column:last-child .add-after{translate:-30% -50%}.column:hover .add-after,.add-after:focus-visible{opacity:1;scale:1}.add-after:hover{scale:1.1}.cube-scene{width:calc(var(--s) * 1.5);height:calc(var(--s) * 1.6);place-items:center;display:grid}.cube{width:var(--s);height:var(--s);transform-style:preserve-3d;transition:transform .8s var(--ease);position:relative;transform:rotateX(-30deg)rotateY(-45deg)}.col-stage:hover .cube{transform:rotateX(-22deg)rotateY(-24deg)}.cube-face{image-rendering:pixelated;backface-visibility:hidden;filter:brightness(var(--b,1));background-repeat:no-repeat;position:absolute;inset:0}.see-through .cube-face{backface-visibility:visible}.cube-face.top{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.cube-face.bottom{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2));--b:.5}.cube-face.front{transform:translateZ(calc(var(--s) / 2));--b:.8}.cube-face.back{transform:rotateY(180deg) translateZ(calc(var(--s) / 2));--b:.8}.cube-face.right{transform:rotateY(90deg) translateZ(calc(var(--s) / 2));--b:.64}.cube-face.left{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2));--b:.64}@keyframes tex-frames{0%{background-position:0 0}to{background-position:0 calc(var(--tex) * var(--frames) * -1)}}.tile{image-rendering:pixelated;vertical-align:middle;background-repeat:no-repeat;border-radius:4px;flex:none;display:inline-block;box-shadow:inset 0 0 0 1px #00000014}.tray{background:var(--paper);border-top:1px solid var(--line);flex:none;overflow:hidden}.tray-inner{scrollbar-width:none;gap:10px;padding:14px 16px;display:flex;overflow-x:auto}.card{background:var(--card);border:1px solid var(--line);min-width:190px;box-shadow:var(--shadow-sm);transition:border-color .25s var(--ease);border-radius:18px;flex-direction:column;flex:none;gap:8px;padding:12px 14px 14px 16px;display:flex}.card.wide{flex:1 1 0;min-width:220px}.card[data-locked]{border-color:var(--brand)}.card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-label{color:var(--ink-3);font-size:12.5px;font-weight:700}.card-actions{gap:2px;display:flex}.mini-btn{width:28px;height:28px;color:var(--ink-3);transition:background-color .2s var(--ease), color .2s var(--ease);border-radius:8px;place-items:center;display:grid}.mini-btn:hover:not(:disabled){background:var(--paper-2);color:var(--ink)}.mini-btn:disabled{opacity:.35}.mini-btn[aria-pressed=true]{background:var(--brand);color:#fff}.card-body{align-items:center;min-height:60px;display:flex}.fp{align-items:center;gap:16px;display:flex}.fp-grid{place-content:center;gap:1.5px;width:60px;height:60px;display:grid}.fp-grid span{background:var(--brand);opacity:.85;animation:pop-in .4s var(--ease) both;border-radius:1.5px}.hb{flex-direction:column-reverse;justify-content:flex-start;gap:1.5px;width:22px;height:60px;display:flex}.hb span{background:var(--brand);max-height:4px;animation:pop-in .35s var(--ease) both;border-radius:1.5px;flex:1}@keyframes pop-in{0%{opacity:0;transform:scale(.2)}}.big-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1}.times{color:var(--ink-3);margin:0 3px;font-weight:600}.unit{color:var(--ink-3);letter-spacing:0;margin-left:6px;font-size:14px;font-weight:600}.rule{text-wrap:pretty;margin:0;font-size:15px;font-weight:650;line-height:1.45}.rule-token{background:var(--paper-2);white-space:nowrap;vertical-align:1px;border-radius:8px;align-items:center;gap:6px;margin:0 1px;padding:1px 9px 1px 3px;font-weight:700;display:inline-flex}.overlay{z-index:50;background:var(--overlay);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay.right{place-items:stretch end;padding:0}.sheet{background:var(--paper);width:min(840px,100%);max-height:min(80vh,760px);box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 12px 24px;display:flex}.sheet-kicker{color:var(--brand-lo);margin:0 0 2px;font-size:13px;font-weight:700}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sheet-kicker{color:var(--brand-hi)}}.sheet-title{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.picker-tools{gap:8px;padding:0 20px 0 24px;display:flex}.search{background:var(--paper-2);height:42px;color:var(--ink-3);transition:border-color .2s var(--ease), background-color .2s var(--ease);border:1px solid #0000;border-radius:13px;flex:1;align-items:center;gap:9px;padding:0 14px;display:flex}.search:focus-within{border-color:var(--brand);background:var(--card)}.search input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-weight:600}.toggle{border:1px solid var(--line-2);height:42px;color:var(--ink-2);white-space:nowrap;border-radius:13px;align-items:center;gap:9px;padding:0 14px;font-size:14px;font-weight:650;display:inline-flex}.toggle-dot{background:var(--line-2);width:28px;height:16px;transition:background-color .25s var(--ease);border-radius:999px;position:relative}.toggle-dot:after{content:"";width:12px;height:12px;transition:transform .3s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.toggle[aria-pressed=true] .toggle-dot{background:var(--brand)}.toggle[aria-pressed=true] .toggle-dot:after{transform:translate(12px)}.chips{scrollbar-width:none;flex:none;gap:6px;padding:12px 20px 12px 24px;display:flex;overflow-x:auto}.chip{height:30px;color:var(--ink-2);background:var(--paper-2);text-transform:capitalize;white-space:nowrap;transition:background-color .2s var(--ease), color .2s var(--ease);border-radius:999px;padding:0 12px;font-size:13px;font-weight:650}.chip:hover{color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}.picker-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));align-content:start;gap:4px;min-height:0;padding:4px 16px 20px;display:grid;overflow-y:auto}.pick{transition:background-color .2s var(--ease);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:12px 6px 10px;display:flex}.pick:hover{background:var(--paper-2)}.pick[data-current]{background:var(--brand-soft)}.pick .tile{border-radius:6px;box-shadow:0 4px 10px -4px #00000059}.pick-name{text-align:center;color:var(--ink-2);font-size:12.5px;font-weight:650;line-height:1.25}.empty{color:var(--ink-3);text-align:center;grid-column:1/-1;padding:32px 24px;line-height:1.5}.drawer{background:var(--paper);width:min(400px,100%);height:100%;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.saved-list{flex-direction:column;gap:6px;margin:0;padding:4px 12px 20px;list-style:none;display:flex;overflow-y:auto}.saved-list li{align-items:center;gap:4px;display:flex}.saved{min-width:0;transition:background-color .2s var(--ease);border-radius:14px;flex:1;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.saved:hover{background:var(--paper-2)}.saved-strip{gap:3px;display:flex;overflow:hidden}.saved-date{color:var(--ink-3);white-space:nowrap;font-size:12.5px;font-weight:600}.toast-host{pointer-events:none;z-index:60;justify-content:center;display:flex;position:fixed;bottom:28px;left:0;right:0}.toast{background:var(--ink);color:var(--paper);box-shadow:var(--shadow-lg);border-radius:999px;padding:11px 18px;font-size:14px;font-weight:650}.about{width:min(520px,100%)}.about-body{color:var(--ink-2);padding:0 24px 24px;line-height:1.55;overflow-y:auto}.about-body p{margin:0 0 14px}.keys{background:var(--paper-2);color:var(--ink);border-radius:16px;flex-direction:column;gap:8px;margin:0 0 16px;padding:14px 16px;font-size:14px;font-weight:600;list-style:none;display:flex}.about-note{font-size:14px}.about-clear{color:var(--ink-3);align-items:center;gap:12px;font-size:12px;display:flex}.about-clear .ghost-btn{flex:none}.about-legal,.legal-line{color:var(--ink-3);font-size:12px}.legal-line{background:var(--paper);text-align:center;flex:none;margin:0;padding:0 16px 8px}@media (width<=1180px){.hint{visibility:hidden}.bar-btn.with-text:not(.vibe-btn) span{display:none}}@media (width<=760px){.topbar{grid-template-columns:auto 1fr;gap:8px;padding:0 8px 0 16px}.hint{display:none}.bar-actions{justify-self:end;gap:2px}.vibe-label,.vibe-btn svg,.primary-btn span,.seg{display:none}.primary-btn{justify-content:center;width:38px;margin-left:2px;padding:0}.bar-btn{min-width:36px;padding:0 8px}.roll-fab{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));background:var(--ink);height:54px;color:var(--paper);box-shadow:var(--shadow-lg);z-index:40;border-radius:999px;align-items:center;gap:10px;padding:0 26px 0 20px;font-size:16px;font-weight:800;display:inline-flex;position:fixed;translate:-50%}.columns{flex-direction:column}.column{background-image:linear-gradient(90deg,#ffffff1a,#0000 60%);flex-direction:row;align-items:center;gap:6px;padding:0 8px 0 4px}.col-stage{flex:none;order:0;width:84px;height:100%}.cube-shadow{display:none}.col-role{order:2;margin:0}.role-chip{height:26px;padding:0 10px;font-size:12px}.role-menu{transform-origin:100% 0;left:auto;right:0;translate:none}.col-info{flex:1;order:1;min-height:0;padding:0}.col-text{text-align:left}.col-name{font-size:16px}.col-meta{justify-content:flex-start;margin-top:3px}.col-variants{display:none}.col-actions{order:3;gap:2px;margin:0}.col-actions .icon-btn{background:0 0;width:34px;height:34px}.column .col-actions .icon-btn:not(.lock-btn):not(.more-btn){display:none}.column .col-actions .icon-btn.more-btn{opacity:1;width:34px;margin-left:0}.picker-tools{flex-wrap:wrap}.picker-tools .search{flex-basis:100%}.similar,.key-hint{display:none}.column .col-actions .icon-btn{opacity:1}.lock-btn[aria-pressed=true]{background:var(--fg)}.col-corner{opacity:1;order:4;position:static}.col-corner .icon-btn:not(.drag-btn),.add-after{display:none}.tray-inner{padding:10px 12px}.legal-line{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.card{min-width:170px}.card.wide{min-width:240px}.sheet{border-radius:24px 24px 18px 18px;align-self:end;max-height:88vh}.overlay:not(.right){place-items:end center;padding:8px}.picker-tools{padding:0 16px}.toggle{padding:0 10px}.chips{padding:10px 16px}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));padding:4px 8px 16px}.toast-host{bottom:calc(86px + env(safe-area-inset-bottom))}}@media (width<=420px){.logo-word{display:none}}.share-menu{min-width:240px}.menu-item.with-icon{align-items:center;gap:12px;padding:9px 12px 9px 10px;display:flex}.menu-icon{background:var(--paper-2);width:32px;height:32px;color:var(--ink);transition:background-color .2s var(--ease);border-radius:9px;flex:none;place-items:center;display:grid}.menu-item.with-icon:hover .menu-icon{background:var(--brand-soft)}.menu-label{color:var(--ink);display:block}.menu-hint{color:var(--ink-3);margin-top:1px;font-size:12.5px;font-weight:500;display:block}.daily{text-align:left;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:border-color .2s var(--ease), transform .2s var(--ease);border-radius:16px;flex-direction:column;gap:10px;margin:4px 12px 10px;padding:14px 14px 12px;display:flex}.daily:hover{border-color:var(--brand)}.daily:active{transform:scale(.98)}.daily-head{color:var(--brand-lo);align-items:center;gap:8px;display:flex}.daily-title{color:var(--ink);font-weight:800}.daily-date{font-family:var(--mono);color:var(--ink-3);margin-left:auto;font-size:12.5px}.daily-note{color:var(--ink-2);font-size:13px;line-height:1.4}.daily-badge{background:var(--brand-soft);height:28px;color:var(--brand-lo);white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .daily-head,:root:not([data-theme=light]) .daily-badge{color:var(--brand-hi)}}.crash{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;padding:24px;display:flex}.crash h1{margin:0;font-size:24px;font-weight:800}.crash p{color:var(--ink-2);margin:0 0 14px}a.menu-item{text-decoration:none}.tools-menu{min-width:300px}.menu-text{flex:1;min-width:0}.menu-kbd{margin:0 2px 0 8px;padding:2px 7px 1px;font-size:11.5px;transform:none}.menu-sep{border:0;border-top:1px solid var(--line);margin:6px 8px}.filter-dot{background:var(--brand);border-radius:50%;width:7px;height:7px;margin-left:-2px}.settings{width:330px;max-height:calc(100vh - 90px);padding:6px 6px 8px;overflow-y:auto}.set-section{flex-direction:column;gap:9px;padding:10px 12px;display:flex}.set-section+.set-section{border-top:1px solid var(--line)}.set-title{color:var(--ink);margin:0;font-size:14px;font-weight:750;display:block}.set-hint{color:var(--ink-3);font-size:12.5px;font-weight:500;line-height:1.4;display:block}.set-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.set-toggle{text-align:left;align-items:center;gap:14px;display:flex}.set-toggle .toggle-dot{flex:none}.set-toggle[aria-pressed=true] .toggle-dot{background:var(--brand)}.set-toggle[aria-pressed=true] .toggle-dot:after{transform:translate(12px)}.set-title+.set-hint{margin-top:3px}.set-link{color:var(--ink-3);font-size:13px;font-weight:650}.set-link:hover{color:var(--ink)}.vibe-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.vibe-grid .chip{padding:0 6px}.mini-seg{background:var(--paper-2);border-radius:11px;gap:2px;padding:3px;display:inline-flex}.mini-seg button{height:28px;color:var(--ink-2);transition:background-color .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease);border-radius:8px;padding:0 11px;font-size:13px;font-weight:650}.mini-seg button[aria-checked=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.select{align-items:center;display:flex;position:relative}.select select{appearance:none;border:1px solid var(--line-2);background:var(--card);width:100%;height:40px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;padding:0 34px 0 12px;font-size:14px;font-weight:600}.select select:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.select svg{pointer-events:none;color:var(--ink-3);position:absolute;right:12px}.banned{flex-wrap:wrap;gap:6px;display:flex}.banned-tile{transition:transform .2s var(--ease);border-radius:7px;position:relative}.banned-tile:hover{transform:translateY(-1px)}.banned-x{background:var(--ink);width:16px;height:16px;color:var(--paper);opacity:0;transition:opacity .15s var(--ease), scale .2s var(--ease);border-radius:50%;padding:2px;position:absolute;top:-5px;right:-5px;scale:.6}.banned-tile:hover .banned-x,.banned-tile:focus-visible .banned-x{opacity:1;scale:1}.similar{z-index:2;align-items:center;gap:5px;height:34px;margin-bottom:6px;padding:0 8px;display:flex}.similar-btn{background:var(--btn);opacity:0;transition:opacity .25s var(--ease), translate .35s var(--ease), background-color .2s var(--ease);transition-delay:calc(var(--i) * 30ms);border-radius:9px;place-items:center;padding:3px;display:grid;translate:0 6px}.similar-btn:hover,.similar-btn:focus-visible{background:var(--fg)}.similar-btn .tile{border-radius:5px}.column:hover .similar-btn,.column:focus-within .similar-btn{opacity:1;translate:0}.column[data-previewing] .col-name:after{content:"";vertical-align:middle;opacity:.55;background:currentColor;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.variants{flex-wrap:wrap;justify-content:center;gap:1px;display:inline-flex}.col-meta .variants,.col-meta .variants-none{flex-basis:100%;justify-content:center}.variant{width:26px;height:26px;transition:background-color .2s var(--ease), transform .2s var(--ease), opacity .2s var(--ease);border-radius:8px;place-items:center;display:grid}.variant:hover,.variant:focus-visible{background:var(--btn-hover,var(--paper-2));transform:translateY(-1px)}.variant[data-missing]{opacity:.35}.variant-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.shape{--o:var(--fg,var(--ink-2));filter:drop-shadow(1px 0 0 var(--o)) drop-shadow(-1px 0 0 var(--o)) drop-shadow(0 1px 0 var(--o)) drop-shadow(0 -1px 0 var(--o));display:block}.shape-fill{image-rendering:pixelated;background-repeat:no-repeat;display:block}.shape-defs{position:absolute}.variants-none{font-weight:600}.col-meta{align-items:center}.key-hint{background:var(--card);min-width:17px;height:17px;color:var(--ink-2);box-shadow:0 1px 0 var(--line-2), 0 0 0 1px var(--line);opacity:0;transition:opacity .2s var(--ease), scale .25s var(--ease);border-radius:6px;padding:0 4px;font-size:10.5px;font-weight:800;line-height:17px;position:absolute;bottom:-5px;right:-5px;scale:.7}.lock-btn{position:relative}.column:hover .key-hint{opacity:1;scale:1}.more{position:relative}.column .col-actions .icon-btn[aria-expanded=true]{opacity:1;width:38px;margin-left:6px}.col-menu{min-width:250px;color:var(--ink);transform-origin:bottom;top:auto;bottom:calc(100% + 8px);right:50%;translate:50%}.col-stage:disabled,.role-chip:disabled{cursor:default}.role-chip:disabled:hover{background:var(--btn)}.picker-current{background:var(--card);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;margin:0 20px 12px 24px;padding:10px 12px;display:flex}.picker-current .tile{border-radius:7px}.picker-current-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.picker-current-name{flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-weight:750;display:flex}.picker-current-id{color:var(--ink-3);font-weight:500}.picker-current-meta .variants{justify-content:flex-start;margin-left:-4px}.picker-current-meta .variants-none{color:var(--ink-3);font-size:12.5px}.since-badge{background:var(--paper-2);font-family:var(--mono);color:var(--ink-2);border-radius:8px;flex:none;align-self:flex-start;padding:4px 9px;font-size:12px}.pick-cell{position:relative}.pick-cell .pick{width:100%}.pick[data-banned]{opacity:.4}.pick-ban{width:24px;height:24px;color:var(--ink-3);background:var(--card);box-shadow:var(--shadow-sm);opacity:0;transition:opacity .15s var(--ease), scale .2s var(--ease), color .15s var(--ease);border-radius:8px;place-items:center;display:grid;position:absolute;top:6px;right:6px;scale:.7}.pick-cell:hover .pick-ban,.pick-ban:focus-visible{opacity:1;scale:1}.pick-ban:hover{color:#d64545}.sheet-heading{flex:1;min-width:0}.sheet-foot{border-top:1px solid var(--line);flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px 18px;display:flex}.sheet-foot .primary-btn{height:42px;margin:0;padding:0 18px}.ghost-btn{border:1px solid var(--line-2);height:42px;color:var(--ink-2);transition:background-color .2s var(--ease), color .2s var(--ease);border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:650;display:inline-flex}.ghost-btn:hover{background:var(--paper-2);color:var(--ink)}.chip-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.photo{width:min(900px,100%)}.photo-body{flex:1;min-height:0;padding:4px 24px 22px;overflow-y:auto}.dropzone{border:1.5px dashed var(--line-2);background:var(--card);width:100%;min-height:300px;color:var(--ink-2);transition:border-color .2s var(--ease), background-color .2s var(--ease);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex}.dropzone:hover,.dropzone[data-over]{border-color:var(--brand);background:var(--brand-soft)}.drop-icon{background:var(--paper-2);width:64px;height:64px;color:var(--ink);border-radius:20px;place-items:center;margin-bottom:6px;display:grid}.drop-title{color:var(--ink);letter-spacing:-.01em;font-size:18px;font-weight:800}.drop-hint{text-align:center;max-width:340px;font-size:14px;line-height:1.45}.photo-result{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.photo-left{flex-direction:column;gap:10px;display:flex}.photo-frame{background:var(--paper-2);border-radius:18px;line-height:0;position:relative;overflow:hidden}.photo-frame img{object-fit:contain;width:100%;max-height:380px}.photo-dot{background:var(--dot);width:20px;height:20px;transition:width .25s var(--ease), height .25s var(--ease), margin .25s var(--ease);border:3px solid #fff;border-radius:50%;margin:-10px 0 0 -10px;position:absolute;box-shadow:0 2px 8px #00000059}.photo-dot[data-hot]{z-index:1;width:30px;height:30px;margin:-15px 0 0 -15px}.swatch-bar{border-radius:6px;gap:2px;height:12px;display:flex;overflow:hidden}.swatch-bar span{min-width:4px}.photo-matches{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.photo-matches li{transition:background-color .2s var(--ease);border-radius:14px;grid-template-columns:62px 22px 14px 34px 1fr 30px;align-items:center;gap:10px;padding:7px 10px;display:grid}.photo-matches li:hover{background:var(--paper-2)}.pm-role{color:var(--ink-3);font-size:13px;font-weight:700}.pm-swatch{border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1px #0000001f}.pm-arrow{color:var(--ink-3)}.photo-matches .tile{border-radius:7px}.pm-name{font-size:14.5px;font-weight:700;line-height:1.2}.pm-tile{width:34px;height:34px;display:grid}.pm-tile>*{grid-area:1/1}.pm-reroll{width:30px;height:30px;color:var(--ink-3);opacity:.45;transition:opacity .2s var(--ease), background-color .2s var(--ease), color .2s var(--ease);border-radius:9px;place-items:center;display:grid}.photo-matches li:hover .pm-reroll,.pm-reroll:focus-visible{opacity:1}.pm-reroll:hover{background:var(--paper);color:var(--ink)}.pm-dice{display:inline-grid}.pm-kbd{font:700 11px/1 var(--mono,ui-monospace, monospace);border:1px solid var(--line-2);color:var(--ink-3);border-radius:5px;padding:3px 5px}.swatch-bar span:not([data-used]){opacity:.45}@media (width<=640px){.pm-new span,.pm-kbd{display:none}.photo .sheet-foot .primary-btn{white-space:nowrap;flex:1}}@media (hover:none){.pm-reroll{opacity:1}.pm-kbd{display:none}}.gradient{width:min(780px,100%)}.grad-body{flex-direction:column;flex:1;gap:16px;min-height:0;padding:4px 24px 22px;display:flex;overflow-y:auto}.grad-ends{align-items:center;gap:8px;display:flex}.grad-end{background:var(--card);border:1px solid var(--line);text-align:left;min-width:0;transition:border-color .2s var(--ease);border-radius:16px;flex:1;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex}.grad-end:hover{border-color:var(--brand)}.grad-end .tile{border-radius:8px}.grad-end-text{flex-direction:column;gap:2px;min-width:0;display:flex}.grad-end-label{color:var(--ink-3);font-size:12.5px;font-weight:700}.grad-end-name{white-space:nowrap;text-overflow:ellipsis;font-weight:750;overflow:hidden}.grad-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.grad-tools .toggle{height:36px}.grad-result{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:22px;display:grid}.grad-strip{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.grad-strip li{border-radius:14px;flex-direction:column;align-items:center;gap:7px;padding:10px 4px 8px;display:flex}.grad-strip li[data-end]{background:var(--paper-2)}.grad-strip .tile{border-radius:7px;box-shadow:0 4px 10px -4px #00000059}.grad-name{text-align:center;color:var(--ink-2);font-size:12px;font-weight:650;line-height:1.25}.grad-wall{width:288px;box-shadow:var(--shadow-sm), 0 0 0 1px var(--line);border-radius:10px;display:grid;overflow:hidden}.grad-cell{line-height:0}.grad-cell .tile{aspect-ratio:1;box-shadow:none;border-radius:0;background-size:100%!important;width:100%!important;height:auto!important}.grad-swap{flex:none}.battle{width:min(580px,100%)}.battle-body{flex-direction:column;flex:1;gap:18px;min-height:0;padding:4px 24px 22px;display:flex;overflow-y:auto}.battle-palette{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.battle-palette .tile{border-radius:7px}.battle-rules{color:var(--ink-2);font-size:13.5px;font-weight:600}.battle-setup{flex-direction:column;gap:18px;display:flex}.battle-setup section{flex-direction:column;gap:9px;display:flex}.time-input{border:1px solid var(--brand);background:var(--card);height:30px;color:var(--ink);font-family:var(--mono);border-radius:999px;padding:0 10px;font-size:13px}.battle-note{color:var(--ink-2);margin:0 0 12px;line-height:1.5}.link-field{background:var(--card);border:1px solid var(--brand);border-radius:14px;align-items:center;gap:4px;padding:4px 4px 4px 14px;display:flex}.link-field input{min-width:0;color:var(--ink);font-family:var(--mono);background:0 0;border:0;outline:0;flex:1;font-size:13px}.battle-pill{background:var(--paper-2);height:34px;color:var(--ink);transition:background-color .4s var(--ease), color .4s var(--ease);border-radius:11px;align-items:center;gap:8px;padding:0 4px 0 12px;font-size:13.5px;font-weight:700;display:inline-flex}.battle-pill[data-phase=live]{background:var(--brand-soft)}.battle-pill[data-phase=over]{background:var(--ink);color:var(--paper)}.battle-sep{opacity:.2;background:currentColor;width:1px;height:16px}.battle-lead{color:inherit;opacity:.65;font-weight:600}.battle-time{font-variant-numeric:tabular-nums;min-width:4.4ch;font-size:15px;font-weight:700}.battle-leave{opacity:.6;width:26px;height:26px;transition:opacity .2s var(--ease), background-color .2s var(--ease);border-radius:8px;place-items:center;display:grid}.battle-leave:hover{opacity:1;background:#7f7f7f2e}.battle-progress{height:3px;width:calc(var(--p) * 100%);background:var(--brand);border-radius:0 3px 3px 0;transition:width .3s linear;position:absolute;bottom:-1px;left:0}.moment-host{pointer-events:none;z-index:70;place-items:center;display:grid;position:fixed;inset:0}.moment{background:var(--card);min-width:2.2em;color:var(--ink);letter-spacing:-.04em;text-align:center;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-lg);border-radius:.32em;padding:.18em .45em .22em;font-size:clamp(56px,10vw,132px);font-weight:800}.moment[data-kind=live]{background:var(--brand);color:#fff}.moment[data-kind=over]{background:var(--ink);color:var(--paper)}.drop-catcher{z-index:80;background:var(--overlay);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.drop-card{background:var(--paper);border:2px dashed var(--brand);box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:34px 40px;font-size:17px;font-weight:750;display:flex}.drawer-body{flex:1;min-height:0;padding-bottom:20px;overflow-y:auto}.drawer-body .saved-list{padding-bottom:4px;overflow:visible}.drawer-sub{justify-content:space-between;align-items:baseline;padding:18px 24px 6px;display:flex}.drawer-sub h4{margin:0;font-size:14px;font-weight:750}.drawer-sub a{color:var(--ink-3);font-size:13px;font-weight:650;text-decoration:none}.drawer-sub a:hover{color:var(--ink)}.saved.idea{flex-direction:column;align-items:flex-start;gap:8px}.idea-name{font-size:14px;font-weight:700}@media (width<=1180px){.battle-title,.battle-sep{display:none}}@media (width<=760px){.battle-fab{gap:8px;padding:0 22px;font-size:15px}.battle-fab[data-phase=live]{background:var(--brand);color:#fff}.battle-fab .mono{font-size:16px;font-weight:700}.col-menu{transform-origin:100% 0;top:calc(100% + 6px);bottom:auto;right:0;translate:none}.settings{width:auto;position:fixed;top:70px;left:8px;right:8px}.tools-menu{position:fixed;top:70px;left:8px;right:8px}.picker-current{margin:0 16px 10px}.photo-body,.grad-body,.battle-body{padding:4px 16px 18px}.photo-result,.grad-result{grid-template-columns:1fr}.grad-wall{width:100%}.dropzone{min-height:220px}}.col-meta .variant{border-radius:7px;width:23px;height:24px}.chip-row .chip{text-transform:none}.picker-mode{flex:none;align-self:center}.picker-mode button{align-items:center;gap:6px;height:34px;padding:0 13px;display:inline-flex}.picker-mode-hint{color:var(--ink-3);flex:1;align-self:center;font-size:13.5px;font-weight:550}.cm{border-bottom:1px solid var(--line);flex:none;grid-template-columns:250px minmax(0,1fr);gap:18px;padding:14px 20px 14px 24px;display:grid}.cm-target{--fg:#fff;--fg-2:#ffffffbf;min-height:250px;color:var(--fg);border-radius:20px;place-items:center;transition:background-color .15s linear;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.cm-target[data-tone=dark]{--fg:#111216eb;--fg-2:#11121699}.cm-target-label{color:var(--fg-2);font-size:12.5px;font-weight:700;position:absolute;top:14px;left:16px}.cm-best-cube{filter:drop-shadow(0 14px 14px #00000047);grid-area:1/1;margin-top:-18px}.cm-best-name{letter-spacing:-.01em;flex-direction:column;gap:1px;font-size:15px;font-weight:800;line-height:1.2;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.cm-best-kicker{color:var(--fg-2);letter-spacing:0;font-size:12px;font-weight:650}.cm-eyedrop{width:34px;height:34px;color:var(--fg);transition:background-color .2s var(--ease), transform .2s var(--ease);background:#7f7f7f38;border-radius:11px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.cm-eyedrop:hover{background:#7f7f7f5c}.cm-eyedrop:active{transform:scale(.9)}.cm-controls{flex-direction:column;gap:10px;min-width:0;display:flex}.cm-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:2px;display:flex}.cm-hex{border:1px solid var(--line-2);background:var(--card);height:36px;transition:border-color .2s var(--ease);border-radius:11px;align-items:center;gap:8px;padding:0 12px 0 9px;display:inline-flex}.cm-hex:focus-within{border-color:var(--brand)}.cm-hex-dot{border-radius:6px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #0000001f}.cm-hex input{width:74px;color:var(--ink);font-family:var(--mono);text-transform:uppercase;background:0 0;border:0;outline:0;font-size:13.5px}.cm-channel{grid-template-columns:16px minmax(0,1fr) 50px 12px;align-items:center;gap:10px;display:grid}.cm-key{color:var(--ink-3);font-size:13px;font-weight:800}.cm-range{appearance:none;background:var(--track);cursor:pointer;border-radius:999px;width:100%;height:16px;margin:0;box-shadow:inset 0 0 0 1px #0000001a}.cm-range:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.cm-range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;transition:transform .2s var(--ease);background:0 0;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000002e,0 3px 8px #0000004d}.cm-range:active::-webkit-slider-thumb{transform:scale(1.15)}.cm-range::-moz-range-thumb{background:0 0;border:4px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #0000002e,0 3px 8px #0000004d}.cm-num{border:1px solid var(--line-2);background:var(--card);width:100%;height:32px;color:var(--ink);text-align:right;-moz-appearance:textfield;border-radius:9px;padding:0 8px}.cm-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cm-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cm-num:focus{border-color:var(--brand);outline:0}.cm-unit{color:var(--ink-3);font-size:12.5px}.cm-list{flex-direction:column;gap:2px;margin:4px 0 0;padding:0;list-style:none;display:flex}.cm-item{text-align:left;width:100%;transition:background-color .2s var(--ease);border-radius:11px;grid-template-columns:14px 30px minmax(0,1fr) 64px 36px;align-items:center;gap:10px;padding:5px 8px;display:grid}.cm-item:hover{background:var(--paper-2)}.cm-item[data-current]{background:var(--brand-soft)}.cm-item .tile{border-radius:6px}.cm-rank{color:var(--ink-3);font-size:11.5px}.cm-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.cm-meter{background:var(--paper-2);border-radius:3px;height:6px;overflow:hidden}.cm-item:hover .cm-meter{background:var(--line-2)}.cm-meter-fill{background:var(--brand);border-radius:3px;height:100%;display:block}.cm-score{color:var(--ink-2);text-align:right;font-size:12px}.sheet.picker:has(.cm){overflow-y:auto}.sheet.picker:has(.cm) .picker-grid{flex:none;padding-top:12px;overflow:visible}@media (width<=760px){.cm-target .cm-best-cube{justify-self:end;margin-right:22px}.cm{grid-template-columns:1fr;gap:12px;padding:12px 16px}.cm-target{min-height:150px}.cm-best-cube{margin-top:0}.picker-mode-hint{display:none}.picker-tools .picker-mode{flex-basis:100%}.picker-mode button{flex:1;justify-content:center}}