:root{--dw-bg:#07070b;--dw-surface:#ffffff0b;--dw-text:#f4f4f7;--dw-text-dim:#f4f4f79e;--dw-border:#ffffff1a;--dw-accent:#7c5cff;--dw-accent-ink:#fff;--dw-danger:#ff6b6b;--dw-radius:14px;--dw-font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--dw-font-display:"Bricolage Grotesque", "SF Pro Display", system-ui, sans-serif;--dw-slice-colors: ;--dw-wheel-rim: }[data-theme=light]{--dw-bg:#f2f1f6;--dw-surface:#ffffffb8;--dw-border:#0c0a1e1a;--dw-text:#14121f;--dw-text-dim:#14121fa8;--dw-accent:#6440ff;--dw-accent-ink:#fff}@media (prefers-color-scheme:light){:root[data-doc]{--dw-bg:#f2f1f6;--dw-surface:#ffffffb8;--dw-border:#0c0a1e1a;--dw-text:#14121f;--dw-text-dim:#14121fa8;--dw-accent:#6440ff;--dw-accent-ink:#fff}}*,:before,:after{box-sizing:border-box}*{margin:0}:root{--emoji:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--font-display:var(--dw-font-display), var(--emoji), sans-serif;--font-ui:var(--dw-font), var(--emoji), sans-serif;--sheet-peek:78px;--legal-block:66px;--bg:var(--dw-bg);--bg-elev:var(--dw-surface);--bg-elev-2:#ffffff13;--stroke:var(--dw-border);--stroke-strong:#fff3;--text:var(--dw-text);--text-dim:var(--dw-text-dim);--text-faint:#f4f4f761;--accent:var(--dw-accent);--accent-2:#ff5c8a;--accent-3:#2ee6c5;--accent-ink:var(--dw-accent-ink);--danger:var(--dw-danger);--shadow-lg:0 40px 80px -20px #000000bf;--shadow-md:0 18px 40px -14px #000000a6;--blur:saturate(150%) blur(22px);--r-md:var(--dw-radius);--r-sm:calc(var(--dw-radius) * .72);--r-lg:calc(var(--dw-radius) * 1.45);--r-xl:calc(var(--dw-radius) * 2);--r-full:999px;--panel-w:400px;--rail:32px;--pad:clamp(16px, 2.2vw, 28px);--ease-out:cubic-bezier(.16,1,.3,1);--ease-io:cubic-bezier(.65,0,.35,1)}[data-theme=light]{--bg-elev-2:#ffffffeb;--stroke-strong:#0c0a1e38;--text-faint:#14121f6b;--shadow-lg:0 40px 80px -24px #281e5a4d;--shadow-md:0 16px 36px -16px #281e5a42;--blur:saturate(180%) blur(20px)}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;min-height:100svh;transition:background .5s var(--ease-out), color .35s var(--ease-out);overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.is-hidden{display:none!important}#bg,.grain,.vignette{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}#bg{opacity:0;transition:opacity 1.2s var(--ease-out)}#bg.is-ready{opacity:1}.grain{z-index:1;opacity:.32;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}[data-theme=light] .grain{opacity:.22;mix-blend-mode:multiply}.vignette{z-index:1;background:radial-gradient(120% 80% at 50% 40%,#0000 40%,#0000008c 100%)}[data-theme=light] .vignette{background:radial-gradient(120% 80% at 50% 40%,#0000 45%,#5a508c21 100%)}.app{z-index:2;height:100svh;padding:max(var(--pad), env(safe-area-inset-top)) var(--pad) max(var(--pad), env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr);gap:clamp(10px,1.6vh,22px);display:grid;position:relative;overflow:hidden}.topbar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:var(--text);flex-shrink:0;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand__mark{width:34px;height:34px;color:var(--accent);place-items:center;animation:26s linear infinite brandSpin;display:grid}.brand__mark svg{width:100%;height:100%}@keyframes brandSpin{to{transform:rotate(360deg)}}.brand__name{font-family:var(--font-display);letter-spacing:-.025em;font-size:19px;font-weight:700}.brand__name em{color:var(--text-dim);font-style:normal;font-weight:500}.topbar__actions{align-items:center;gap:8px;display:flex}.ico{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.btn{border-radius:var(--r-full);letter-spacing:-.01em;border:1px solid var(--stroke);background:var(--bg-elev);-webkit-backdrop-filter:var(--blur);transition:background .22s, border-color .22s, transform .22s var(--ease-out), color .22s;white-space:nowrap;align-items:center;gap:8px;padding:10px 15px;font-size:14px;font-weight:550;display:inline-flex;position:relative}.btn:hover{background:var(--bg-elev-2);border-color:var(--stroke-strong)}.btn:active{transform:scale(.965)}.btn.icon-only{justify-content:center;width:40px;padding:10px}.btn.sm{padding:6px 12px;font-size:12.5px}.btn.full{justify-content:center;width:100%}.btn--primary{color:var(--accent-ink);background:linear-gradient(135deg, var(--accent), #a855f7 55%, var(--accent-2));box-shadow:0 8px 24px -8px color-mix(in oklab, var(--accent) 70%, transparent);border-color:#0000}.btn--primary:hover{filter:brightness(1.1);box-shadow:0 12px 30px -8px color-mix(in oklab, var(--accent) 80%, transparent)}.btn--dashed{border-style:dashed;border-color:var(--stroke-strong);color:var(--text-dim);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.btn--dashed:hover{color:var(--text);background:var(--bg-elev)}.icon-btn{border-radius:var(--r-full);width:34px;height:34px;color:var(--text-dim);place-items:center;transition:background .2s,color .2s;display:grid}.icon-btn:hover{background:var(--bg-elev-2);color:var(--text)}#lang-label{letter-spacing:.04em;font-size:12.5px;font-weight:700}#btn-theme .ico{display:none}[data-theme-mode=system] #btn-theme .ico-auto,[data-theme-mode=light] #btn-theme .ico-sun,[data-theme-mode=dark] #btn-theme .ico-moon{display:block}.ico-sound-off,body.is-muted .ico-sound-on{display:none}body.is-muted .ico-sound-off{display:block}body.is-muted #btn-sound{color:var(--text-faint)}.stage{grid-template-columns:minmax(0,1fr) var(--panel-w);gap:clamp(16px,2.4vw,40px);min-height:0;display:grid}.wheel-area{grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:clamp(8px,1.4vh,18px);min-height:0;display:grid}.wheel-head{text-align:center;grid-row:1;max-width:90%;padding-bottom:4px}.wheel-slot{grid-row:2}.stage-hint{grid-row:3}.wheel-title{font-family:var(--font-display);letter-spacing:-.035em;border-radius:var(--r-md);outline-offset:6px;padding:2px 10px;font-size:clamp(26px,3.4vw,44px);font-weight:750;line-height:1.04;transition:background .2s}.wheel-title:hover{background:var(--bg-elev)}.wheel-title:empty:before{content:attr(data-placeholder);color:var(--text-faint)}.wheel-sub{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;margin-top:6px;font-size:13px;font-weight:550}.wheel-slot{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative}.stage-empty{text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s var(--ease-out);place-content:center;justify-items:center;gap:6px;padding:20px;display:grid;position:absolute;inset:0}body.is-empty .stage-empty{opacity:1;visibility:visible;pointer-events:auto}body.is-empty .hub,body.spin-only .stage-empty{display:none}.stage-empty__lead{font-family:var(--font-display);font-size:19px;font-weight:650}.stage-empty__hint{color:var(--text-dim);max-width:24rem;margin-bottom:10px;font-size:13.5px}.wheel-wrap{aspect-ratio:1;touch-action:none;place-items:center;max-width:100%;height:100%;max-height:100%;display:grid;position:relative}@supports (container-type:size){.wheel-slot{container-type:size}.wheel-wrap{width:min(100cqw,100cqh);max-width:none;height:auto;max-height:none}}.wheel-glow{background:radial-gradient(circle, color-mix(in oklab, var(--accent) 40%, transparent) 0%, transparent 62%);filter:blur(50px);opacity:.55;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);pointer-events:none;border-radius:50%;position:absolute;inset:-12%}body.is-spinning .wheel-glow{opacity:.95;transform:scale(1.06)}#wheel{cursor:grab;filter:drop-shadow(0 30px 55px #0000008c);border-radius:50%;width:100%;height:100%;display:block;position:relative}[data-theme=light] #wheel{filter:drop-shadow(0 28px 50px #32286447)}#wheel:active{cursor:grabbing}.ticker{transform-origin:50% 12%;z-index:3;pointer-events:none;filter:drop-shadow(0 6px 12px #0000008c);width:clamp(26px,5.2%,42px);position:absolute;top:-1.2%;left:50%;translate:-50%}.ticker svg{width:100%;height:auto;display:block}.ticker path{fill:var(--text);stroke:var(--bg);stroke-width:3px}[data-theme=light] .ticker path{fill:#14121f;stroke:#fff}.hub{z-index:2;aspect-ratio:1;color:#14121f;width:23%;transition:transform .3s var(--ease-out), box-shadow .3s;background:linear-gradient(150deg,#fff 0%,#e7e5f2 48%,#c9c6dd 100%);border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 12px 30px -8px #000000b3,inset 0 -3px 8px #00000029,inset 0 2px 3px #fff}.hub:hover{transform:scale(1.06)}.hub:active{transform:scale(.94)}.hub__label{font-family:var(--font-display);letter-spacing:.08em;-webkit-user-select:none;user-select:none;font-size:clamp(9px,1.65vmin,15px);font-weight:800}.hub__ring{border:1.5px solid color-mix(in oklab, var(--accent) 60%, transparent);opacity:0;border-radius:50%;position:absolute;inset:-9%}body.is-idle .hub__ring{animation:hubPulse 2.6s var(--ease-out) infinite}@keyframes hubPulse{0%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(1.35)}to{opacity:0;transform:scale(1.35)}}body.is-spinning .hub{pointer-events:none}body.is-spinning .hub__label{opacity:.35}.stage-hint{color:var(--text-faint);text-align:center;letter-spacing:-.005em;font-size:12.5px}body.wheel-tire .ticker{transform-origin:50% 12%;width:clamp(22px,4.4%,36px);top:43%;left:auto;right:21%;translate:0 -50%;rotate:90deg}body.wheel-tire .hub{width:17%;top:auto;bottom:0;left:50%;translate:-50%}body.wheel-tire .wheel-glow{border-radius:42%;inset:8% 22%}.panel{border-radius:var(--r-xl);border:1px solid var(--stroke);background:color-mix(in oklab, var(--bg) 76%, transparent);min-height:0;-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.panel__grab,.panel__chev{display:none}@media (min-width:861px){.stage{overflow-x:clip}.panel{width:var(--panel-w);padding-left:var(--rail);position:relative}.panel__grab{width:var(--rail);border-right:1px solid var(--stroke);color:var(--text-faint);align-content:center;place-items:center;gap:12px;transition:background .22s,color .22s;display:grid;position:absolute;top:0;bottom:0;left:0}.panel__grab:hover{background:var(--bg-elev-2);color:var(--text)}.panel__grab span{opacity:.55;width:4px;height:38px;transition:height .32s var(--ease-out), opacity .22s;background:currentColor;border-radius:99px}.panel__grab:hover span{opacity:1;height:58px}.panel__chev{width:15px;height:15px;transition:transform .5s var(--ease-out);display:block}body.panel-collapsed .stage{grid-template-columns:minmax(0,1fr) var(--rail)}body.panel-collapsed .panel__chev{transform:rotate(180deg)}body.panel-collapsed .tabs,body.panel-collapsed .panel__body{opacity:0}.tabs,.panel__body{transition:opacity .3s var(--ease-out)}}.tabs{border-bottom:1px solid var(--stroke);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:8px;display:grid;position:relative}.tab{z-index:1;border-radius:var(--r-md);color:var(--text-faint);padding:9px 4px;font-size:13.5px;font-weight:600;transition:color .25s;position:relative}.tab.is-active{color:var(--text)}.tab__pill{border-radius:var(--r-md);background:var(--bg-elev-2);border:1px solid var(--stroke);height:calc(100% - 16px);transition:transform .4s var(--ease-out), width .4s var(--ease-out);z-index:0;position:absolute;top:8px}.panel__body{overscroll-behavior:contain;flex:1;padding:18px;overflow-y:auto}.panel__body::-webkit-scrollbar{width:8px}.panel__body::-webkit-scrollbar-thumb{background:var(--stroke-strong);border-radius:99px}.tabpane{display:none}.tabpane.is-active{animation:paneIn .38s var(--ease-out);display:block}@keyframes paneIn{0%{opacity:0;transform:translateY(8px)}}.seg-switch{border-radius:var(--r-full);border:1px solid var(--stroke);background:#00000029;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;margin-bottom:14px;padding:4px;display:grid;position:relative}[data-theme=light] .seg-switch{background:#14121f0d}.seg{z-index:1;border-radius:var(--r-full);color:var(--text-faint);padding:8px;font-size:13px;font-weight:600;transition:color .25s;position:relative}.seg.is-active{color:var(--text)}.seg__pill{z-index:0;border-radius:var(--r-full);background:var(--bg-elev-2);height:calc(100% - 8px);box-shadow:var(--shadow-md);transition:transform .4s var(--ease-out), width .4s var(--ease-out);position:absolute;top:4px}#entries-text{resize:vertical;border-radius:var(--r-lg);border:1px solid var(--stroke);letter-spacing:-.005em;background:#0003;width:100%;min-height:260px;padding:14px 16px;font-size:14.5px;line-height:1.85;transition:border-color .2s,background .2s}[data-theme=light] #entries-text{background:#ffffffa6}#entries-text:focus{border-color:var(--accent);background:#0000004d;outline:none}[data-theme=light] #entries-text:focus{background:#fff}#entries-text::placeholder{color:var(--text-faint)}.hint{color:var(--text-faint);margin-top:10px;font-size:12.5px;line-height:1.6}.hint code{background:var(--bg-elev-2);color:var(--text-dim);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11.5px}.entry-list{flex-direction:column;gap:8px;margin-bottom:10px;padding:0;list-style:none;display:flex}.entry-row{border-radius:var(--r-md);border:1px solid var(--stroke);background:var(--bg-elev);transition:border-color .2s, transform .2s var(--ease-out), opacity .2s;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:8px;padding:7px 8px;display:grid}.entry-row:hover{border-color:var(--stroke-strong)}.entry-row.is-dragging{opacity:.5;border-color:var(--accent)}.entry-handle{width:20px;height:28px;color:var(--text-faint);cursor:grab;touch-action:none;flex-shrink:0;place-items:center;transition:color .18s;display:grid}.entry-handle:hover{color:var(--text-dim)}.entry-handle:active{cursor:grabbing}.entry-handle .ico{width:15px;height:15px}.entry-swatch{border:1px solid var(--stroke-strong);cursor:pointer;border-radius:7px;flex-shrink:0;width:22px;height:22px;padding:0;overflow:hidden}.entry-swatch input{opacity:0;cursor:pointer;width:100%;height:100%}.entry-input{background:0 0;border:0;width:100%;padding:4px 0;font-size:14px}.entry-input:focus{outline:none}.entry-weight{text-align:center;border:1px solid var(--stroke);font-variant-numeric:tabular-nums;width:46px;color:var(--text-dim);background:#0003;border-radius:8px;padding:4px;font-size:12.5px}[data-theme=light] .entry-weight{background:#ffffffb3}.entry-weight:focus{border-color:var(--accent);color:var(--text);outline:none}.entry-note{width:100%;color:var(--text-dim);border:0;border-bottom:1px dashed var(--stroke);background:0 0;grid-column:3/-1;padding:2px 0 3px;font-size:12.5px;transition:border-color .2s,color .2s}.entry-note::placeholder{color:var(--text-faint)}.entry-note:focus{color:var(--text);border-bottom-style:solid;border-bottom-color:var(--accent);outline:none}.entry-del{width:26px;height:26px;color:var(--text-faint);border-radius:8px;place-items:center;transition:color .18s,background .18s;display:grid}.entry-del:hover{color:var(--danger);background:color-mix(in oklab, var(--danger) 14%, transparent)}#btn-leave-spin-only{display:none}body.spin-only #btn-leave-spin-only{display:inline-flex}body.is-embedded #btn-leave-spin-only,body.is-embedded #btn-share,body.is-embedded #btn-library,body.spin-only .panel,body.spin-only #btn-library,body.spin-only .wheel-sub{display:none}body.spin-only .stage{grid-template-columns:minmax(0,1fr) 0;column-gap:0}body.spin-only .wheel-title:hover{background:0 0}body.spin-only .wheel-title{cursor:default}.history-by{letter-spacing:.02em;background:var(--bg-elev-2);color:var(--text-dim);white-space:nowrap;border-radius:99px;padding:2px 7px;font-size:11px;font-weight:650}.sub-choice{padding:2px 10px 10px 65px}.sub-choice .field__label{margin-bottom:7px;display:block}.sub-choice .seg-switch{margin-bottom:0}#opt-winner-text{border-radius:var(--r-md);border:1px solid var(--stroke);background:#0003;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s,background .2s}[data-theme=light] #opt-winner-text{background:#ffffffa6}#opt-winner-text:focus{border-color:var(--accent);outline:none}#opt-winner-text::placeholder{color:var(--text-faint)}body.hide-hint .stage-hint,body.has-spun .stage-hint{opacity:0;pointer-events:none}.weight-mode{border-top:1px solid var(--stroke);margin-top:16px;padding-top:16px}.weight-mode .field__label{margin-bottom:9px;display:block}.weight-mode .field__label code{background:var(--bg-elev-2);letter-spacing:0;text-transform:none;border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10.5px}.weight-mode .seg-switch{margin-bottom:0}.weight-mode .hint{margin-top:8px}.seg-switch.sm .seg{padding:6px 4px;font-size:12px}.tool-grid{border-top:1px solid var(--stroke);grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;padding-top:16px;display:grid}.tool{border-radius:var(--r-md);border:1px solid var(--stroke);background:var(--bg-elev);color:var(--text-dim);transition:transform .2s var(--ease-out), color .2s, border-color .2s, background .2s;flex-direction:column;align-items:center;gap:7px;padding:13px 6px;font-size:11.5px;font-weight:550;display:flex}.tool:hover{color:var(--text);border-color:var(--stroke-strong);background:var(--bg-elev-2);transform:translateY(-2px)}.tool:active{transform:translateY(0)scale(.96)}.tool .ico{width:19px;height:19px}.tool--danger:hover{color:var(--danger);border-color:color-mix(in oklab, var(--danger) 45%, transparent)}.field{margin-bottom:22px}.field__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);justify-content:space-between;align-items:baseline;margin-bottom:11px;font-size:12px;font-weight:650;display:flex}.field__label output{letter-spacing:0;text-transform:none;color:var(--text);font-variant-numeric:tabular-nums;font-size:13px}.palette-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.palette-grid.is-overridden{opacity:.45}.pal{border-radius:var(--r-md);border:1.5px solid var(--stroke);background:var(--bg-elev);transition:border-color .2s, transform .2s var(--ease-out);padding:8px}.pal:hover{transform:translateY(-2px)}.pal.is-active{border-color:var(--accent)}.pal__chips{border-radius:6px;height:22px;display:flex;overflow:hidden}.pal__chips i{flex:1}.pal__name{color:var(--text-dim);margin-top:7px;font-size:11px;font-weight:550;display:block}input[type=range]{appearance:none;background:0 0;width:100%;height:22px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--fill,50%), var(--stroke) var(--fill,50%));border-radius:99px;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;width:18px;height:18px;transition:transform .18s var(--ease-out);background:#fff;border:0;border-radius:50%;margin-top:-6.5px;box-shadow:0 2px 8px #00000080}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18)}input[type=range]::-moz-range-track{background:var(--stroke);border-radius:99px;height:5px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:99px;height:5px}input[type=range]::-moz-range-thumb{cursor:grab;background:#fff;border:0;border-radius:50%;width:17px;height:17px}.switch-row{flex-direction:column;gap:4px;margin-bottom:20px;display:flex}.switch{border-radius:var(--r-md);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:13px;padding:12px 10px;transition:background .2s;display:grid}.switch:hover{background:var(--bg-elev)}.switch input{opacity:0;width:0;height:0;position:absolute}.switch__track{background:var(--stroke);border:1px solid var(--stroke-strong);width:42px;height:25px;transition:background .28s var(--ease-out), border-color .28s;border-radius:99px;flex-shrink:0;margin-top:1px;position:relative}.switch__thumb{background:var(--text-dim);width:19px;height:19px;transition:transform .32s var(--ease-out), background .28s;border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.switch__track{background:var(--accent);border-color:#0000}.switch input:checked+.switch__track .switch__thumb{background:#fff;transform:translate(17px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--accent);outline-offset:3px}.switch__text strong{font-size:13.5px;font-weight:600;display:block}.switch__text small{color:var(--text-faint);margin-top:2px;font-size:11.5px;line-height:1.45;display:block}.history-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.history-actions{gap:6px;display:flex}.history-list{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.history-item{border-radius:var(--r-md);border:1px solid var(--stroke);background:var(--bg-elev);animation:paneIn .35s var(--ease-out);grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px 13px;display:grid}.history-dot{border-radius:50%;width:9px;height:9px}.history-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550;overflow:hidden}.history-time{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:11.5px}.history-item strong{color:var(--text-faint);font-size:11px}#confetti{pointer-events:none;z-index:100;width:100%;height:100%;position:fixed;inset:0}.modal{z-index:80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.modal__scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04040aa8;position:absolute;inset:0}.modal__card{border-radius:var(--r-xl);border:1px solid var(--stroke-strong);background:color-mix(in oklab, var(--bg) 82%, transparent);width:min(560px,100%);max-height:min(86svh,900px);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow-lg);padding:26px;position:relative;overflow-y:auto}.modal__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.modal__head h2{font-family:var(--font-display);letter-spacing:-.03em;font-size:25px;font-weight:700}.modal__lead{color:var(--text-dim);margin-bottom:20px;font-size:13.5px;line-height:1.65}.modal__actions{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:26px;display:flex}#modal-winner .modal__scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04040a6b}[data-theme=light] #modal-winner .modal__scrim{background:#1e193c3d}.modal__card--winner{text-align:center;width:min(520px,100%);padding:40px 30px 30px;overflow:visible}.winner-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);margin-bottom:14px;font-size:11.5px;font-weight:650;display:block}.winner-name{font-family:var(--font-display);letter-spacing:-.045em;overflow-wrap:anywhere;background:linear-gradient(135deg, var(--w-color,var(--accent)), color-mix(in oklab, var(--w-color,var(--accent)) 45%, #fff));color:#0000;filter:drop-shadow(0 8px 30px color-mix(in oklab, var(--w-color,var(--accent)) 45%, transparent));background-clip:text;font-size:clamp(38px,8vw,68px);font-weight:800;line-height:1.02}.winner-note{color:var(--text-dim);overflow-wrap:anywhere;margin-top:10px;font-size:18px;font-weight:550;line-height:1.4}.winner-meta{color:var(--text-faint);margin-top:16px;font-size:13px}.history-note{color:var(--text-faint);font-size:12.5px}#btn-faq-panel{margin-top:8px}.modal__card--faq{width:min(680px,100%)}.modal__card--templates{width:min(760px,100%)}.tpl-search{border-radius:var(--r-md);border:1px solid var(--stroke);background:var(--bg-elev);width:100%;color:var(--text);margin-bottom:18px;padding:11px 14px}.tpl-search::placeholder{color:var(--text-faint)}.tpl-groups{flex-direction:column;gap:26px;display:flex}.tpl-group h3{letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px;font-size:12px;font-weight:650}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}.tpl{text-align:left;border-radius:var(--r-md);border:1px solid var(--stroke);background:var(--bg-elev);cursor:pointer;transition:background .18s var(--ease-out), border-color .18s var(--ease-out);gap:3px;padding:13px 15px;display:grid}.tpl:hover{background:var(--bg-elev-2);border-color:var(--stroke-strong)}.tpl__name{font-size:14.5px;font-weight:650}.tpl__meta{color:var(--text-faint);font-size:11.5px}.tpl__peek{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}.faq{flex-direction:column;display:flex}.faq__state{color:var(--text-faint);padding:24px 0;font-size:14.5px}.faq__state a{color:var(--accent)}.faq__page{margin:18px 0 0;font-size:13px}.faq__page a{color:var(--text-faint);text-decoration:none}.faq__page a:hover{color:var(--text-dim);text-decoration:underline}.faq article{border-top:1px solid var(--stroke);padding:20px 0}.faq article:first-child{border-top:0;padding-top:4px}.faq article:last-child{padding-bottom:4px}.faq h3{font-family:var(--font-display);letter-spacing:-.022em;margin-bottom:8px;font-size:17.5px;font-weight:700}.faq p{color:var(--text-dim);font-size:14.5px;line-height:1.68}.faq strong{color:var(--text);font-weight:600}.faq code{background:var(--bg-elev-2);color:var(--text);overflow-wrap:anywhere;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12.5px}.info-dot{vertical-align:-3px;width:17px;height:17px;color:var(--text-faint);transition:color .18s, background .18s, transform .18s var(--ease-out);border-radius:50%;place-items:center;margin-left:3px;display:inline-grid}.info-dot svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:15px;height:15px}.info-dot:hover{color:var(--accent);background:color-mix(in oklab, var(--accent) 16%, transparent);transform:scale(1.12)}.info-dot:focus-visible{color:var(--accent)}.proof-limit .info-dot{vertical-align:-3px}.faq article.is-flash{animation:faqFlash 2.2s var(--ease-out);border-radius:var(--r-md)}@keyframes faqFlash{0%,55%{background:color-mix(in oklab, var(--accent) 20%, transparent);box-shadow:0 0 0 10px color-mix(in oklab, var(--accent) 20%, transparent)}to{background:0 0;box-shadow:0 0 0 10px #0000}}@media (prefers-reduced-motion:reduce){.faq article.is-flash{outline:2px solid var(--accent);outline-offset:6px;animation:none}}.proof-bar{left:max(14px, env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));z-index:55;border-radius:var(--r-md);border:1px solid var(--stroke);background:color-mix(in oklab, var(--bg) 84%, transparent);max-width:min(46ch,100vw - 28px);-webkit-backdrop-filter:var(--blur);padding:8px 12px;font-size:11px;line-height:1.5;position:fixed}.proof-bar__label{color:var(--text-faint);letter-spacing:.05em;text-transform:uppercase;font-size:9.5px;font-weight:650;display:block}.proof-bar code{color:var(--text-dim);word-break:break-all;font-family:ui-monospace,SFMono-Regular,monospace}@media (max-width:860px){.proof-bar{bottom:calc(var(--sheet-peek) + 8px + var(--legal-block) + env(safe-area-inset-bottom))}body.spin-only .proof-bar{bottom:calc(16px + env(safe-area-inset-bottom))}}.proof-box{text-align:left;border-top:1px solid var(--stroke);margin-top:20px;padding-top:14px}.proof-box summary{cursor:pointer;color:var(--text-dim);font-size:13px;font-weight:600}.proof-box summary:hover{color:var(--text)}.proof-grid{gap:3px;margin-top:12px;display:grid}.proof-grid dt{letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);margin-top:8px;font-size:10.5px;font-weight:650}.proof-grid dd{color:var(--text-dim);word-break:break-all;max-height:5.4em;margin:0;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;overflow-y:auto}.proof-limit{color:var(--text-faint);margin-top:14px;font-size:11.5px;line-height:1.55}.proof-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.proof-result{font-size:12px;font-weight:600}.proof-result.is-good{color:var(--accent-3)}.proof-result.is-bad{color:var(--danger)}.dist{margin-top:12px}.dist-row,.stat-row{grid-template-columns:minmax(0,7em) 1fr auto;align-items:center;gap:9px;padding:4px 0;font-size:12px;display:grid}.dist-name,.stat-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim);overflow:hidden}.dist-bars{height:14px;position:relative}.dist-bar{border-radius:99px;height:6px;position:absolute;left:0}.dist-bar--soll{background:var(--stroke-strong);top:0}.dist-bar--ist{background:var(--accent);top:8px}.dist-num,.stat-num{font-variant-numeric:tabular-nums;color:var(--text-faint);white-space:nowrap;font-size:11px}.hist-stats{border-bottom:1px solid var(--stroke);margin-bottom:14px;padding-bottom:12px}.stat-bar{background:var(--stroke);border-radius:99px;height:6px;overflow:hidden}.stat-bar i{background:var(--accent);border-radius:99px;height:100%;display:block}.modal__card--name{width:min(430px,100%)}#name-input{border-radius:var(--r-lg);border:1px solid var(--stroke);background:#0000003d;width:100%;margin-top:4px;padding:13px 16px;font-size:15.5px;font-weight:550;transition:border-color .2s,background .2s}[data-theme=light] #name-input{background:#ffffffb3}#name-input:focus{border-color:var(--accent);background:#00000052;outline:none}[data-theme=light] #name-input:focus{background:#fff}.modal__card--name .modal__actions{justify-content:flex-end;margin-top:18px}.copy-row{gap:8px;margin-bottom:8px;display:flex}.copy-row input{border-radius:var(--r-full);border:1px solid var(--stroke);text-overflow:ellipsis;min-width:0;color:var(--text-dim);background:#0000003d;flex:1;padding:11px 14px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12.5px}[data-theme=light] .copy-row input{background:#ffffffb3}.copy-row input:focus{border-color:var(--accent);color:var(--text);outline:none}.share-grid{grid-template-columns:auto 1fr;align-items:start;gap:16px;margin-top:20px;display:grid}.qr-box{border-radius:var(--r-lg);box-shadow:var(--shadow-md);background:#fff;padding:12px;line-height:0}#qr{width:148px;height:148px;image-rendering:pixelated;display:block}.share-side{flex-direction:column;gap:8px;display:flex}.preset-strip{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.preset{border-radius:var(--r-full);border:1px solid var(--stroke);background:var(--bg-elev);color:var(--text-dim);transition:color .2s, border-color .2s, transform .2s var(--ease-out);padding:7px 13px;font-size:12.5px;font-weight:550}.preset:hover{color:var(--text);border-color:var(--accent);transform:translateY(-2px)}.library-list{flex-direction:column;gap:8px;margin-bottom:14px;padding:0;list-style:none;display:flex}.library-item{border-radius:var(--r-md);border:1px solid var(--stroke);background:var(--bg-elev);transition:border-color .2s, transform .2s var(--ease-out);grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:13px 15px;display:grid}.library-item:hover{border-color:var(--stroke-strong);transform:translate(2px)}.library-item h3{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;overflow:hidden}.library-item p{color:var(--text-faint);margin-top:2px;font-size:11.5px}.library-empty{text-align:center;color:var(--text-faint);padding:26px 0;font-size:13.5px}.toasts{z-index:120;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column-reverse;align-items:center;gap:8px;width:min(440px,100vw - 32px);display:flex;position:fixed;translate:-50%}.toast{pointer-events:auto;border-radius:var(--r-full);border:1px solid var(--stroke-strong);background:color-mix(in oklab, var(--bg) 88%, transparent);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow-md);align-items:center;gap:10px;max-width:100%;padding:12px 18px;font-size:13.5px;font-weight:550;display:flex}.toast .ico{width:16px;height:16px;color:var(--accent-3)}.toast button{color:var(--accent);text-underline-offset:3px;margin-left:4px;font-size:12.5px;font-weight:650;text-decoration:underline}.drop-veil{z-index:150;border:2px dashed var(--accent);border-radius:var(--r-xl);background:color-mix(in oklab, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-display);letter-spacing:-.02em;place-items:center;font-size:24px;font-weight:700;display:none;position:fixed;inset:14px}body.is-dropping .drop-veil{display:grid}body.is-focus .topbar,body.is-focus .panel,body.is-focus .stage-hint{opacity:0;pointer-events:none}body.is-focus .stage{grid-template-columns:minmax(0,1fr) 0;column-gap:0}.topbar,.panel,.stage-hint{transition:opacity .45s var(--ease-out)}.stage{transition:grid-template-columns .55s var(--ease-out), column-gap .55s var(--ease-out)}@media (max-width:1080px){:root{--panel-w:340px}}@media (max-width:860px){body{overflow:hidden}.app{gap:8px;padding-bottom:0}.stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);position:relative}.wheel-area{padding-bottom:92px}.wheel-head{order:-1}.wheel-title{font-size:clamp(24px,7vw,36px)}.stage-hint,.brand__name,.topbar__actions .btn span:not(#lang-label){display:none}.topbar__actions .btn{justify-content:center;width:40px;padding:10px}.topbar__actions .btn--primary{width:auto;padding:10px 16px}.topbar__actions .btn--primary span{display:inline}.hide-mobile{display:none}.panel{z-index:50;border-radius:var(--r-xl) var(--r-xl) 0 0;height:86svh;max-height:86svh;transform:translateY(calc(100% - var(--sheet-peek) - env(safe-area-inset-bottom)));transition:transform .5s var(--ease-out);padding-bottom:env(safe-area-inset-bottom);will-change:transform;border-bottom:0;position:fixed;bottom:0;left:0;right:0}body.sheet-open .panel{transform:translateY(0)}.panel__grab{flex-shrink:0;place-items:center;width:100%;height:26px;padding-top:9px;display:grid}.panel__grab span{background:var(--stroke-strong);width:42px;height:4.5px;transition:background .2s, width .3s var(--ease-out);border-radius:99px}.panel__grab:hover span{background:var(--text-faint);width:54px}.tabs{padding:6px 8px 8px}.tab__pill{height:calc(100% - 14px);top:6px}.panel__body{padding:16px 16px 24px}#entries-text{min-height:180px}.share-grid{grid-template-columns:1fr;justify-items:center}.share-side{width:100%}.modal__card{padding:22px 20px}.modal__card--winner{padding:32px 22px 24px}.toasts{bottom:calc(var(--sheet-peek) + 8px + var(--legal-block) + env(safe-area-inset-bottom))}body.spin-only .toasts{bottom:calc(24px + env(safe-area-inset-bottom))}}@media (max-width:420px){.tool-grid{grid-template-columns:repeat(3,1fr);gap:6px}.tool{padding:11px 3px;font-size:10.5px}.palette-grid{grid-template-columns:repeat(2,1fr)}.modal__actions .btn{flex:1;justify-content:center}}@media (max-height:520px) and (orientation:landscape) and (max-width:900px){.wheel-head{display:none}.wheel-area{padding-bottom:8px}.panel{height:96svh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.brand__mark{animation:none}}.legal{z-index:3;left:max(10px, env(safe-area-inset-left));bottom:max(6px, env(safe-area-inset-bottom));flex-wrap:wrap;gap:6px 14px;max-width:min(560px,100vw - 20px);padding:6px 4px;font-size:11.5px;line-height:1;display:flex;position:fixed}.legal a{color:var(--text-faint);padding:4px 2px;text-decoration:none}.legal a:hover{color:var(--text-dim);text-decoration:underline}body.is-focus .legal{opacity:.35}body.is-focus .legal:hover,body.is-focus .legal:focus-within{opacity:1}body.sheet-open .legal{display:none}@media (max-width:860px){.legal{bottom:calc(var(--sheet-peek) + 8px + env(safe-area-inset-bottom))}body.spin-only .legal{bottom:max(6px, env(safe-area-inset-bottom))}}.modal__warn{border-radius:var(--r-md,12px);border:1px solid var(--stroke);border-left:3px solid var(--accent-2);background:var(--bg-elev-2);color:var(--text-dim);margin:-6px 0 18px;padding:10px 14px;font-size:13px;line-height:1.55}.legal__version{color:var(--text-faint);opacity:.65;font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-user-select:text;user-select:text;padding:4px 2px;font-size:11px}.legal__version:hover{opacity:1}.consent{z-index:60;left:max(10px, env(safe-area-inset-left));bottom:calc(var(--legal-block) + 12px + env(safe-area-inset-bottom));border-radius:var(--r-lg);border:1px solid var(--stroke-strong);background:color-mix(in oklab, var(--bg) 92%, var(--text) 8%);max-width:min(420px,100vw - 20px);box-shadow:var(--shadow-md);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 44px 14px 16px;display:flex;position:fixed}.consent[hidden]{display:none}.consent__text{color:var(--text-dim);font-size:13px;line-height:1.5}.consent__actions{gap:8px;margin-left:auto;display:flex}.consent__close{width:28px;height:28px;position:absolute;top:8px;right:8px}@media (max-width:860px){.consent{bottom:calc(var(--sheet-peek) + 8px + var(--legal-block) + 12px + env(safe-area-inset-bottom))}}body.sheet-open .consent{display:none}
