:root{color-scheme:dark;--main: #7b2ff7;--on-main: #ffffff;--main-glow: color-mix(in oklch, var(--main) 58%, white);--main-soft: color-mix(in oklch, var(--main) 72%, #1a1030);--main-deep: color-mix(in oklch, var(--main) 46%, #0a0616);--main-ink: color-mix(in oklch, var(--main) 18%, #06040c);--page: color-mix(in oklch, var(--main) 9%, #07050d);--panel: color-mix(in oklch, var(--main) 14%, #110b1f);--panel-2: color-mix(in oklch, var(--main) 22%, #16102a);--line: color-mix(in oklch, var(--main) 32%, #2a2340);--text: #f7f4ff;--muted: color-mix(in oklch, var(--main) 18%, #b8b1cb);--pop-a: color-mix(in oklch, var(--main) 55%, #ff2e88);--pop-b: color-mix(in oklch, var(--main) 55%, #19d3ff);--good: #2de39a;--bad: #ff6b7a;--ink: 255 255 255;--ring: #fff;--err: #ffb3bb;--display: "Lilita One", "Mitr", system-ui, sans-serif;--thai-display: "Mitr", "Lilita One", system-ui, sans-serif;--body: "Anuphan", "Mitr", system-ui, -apple-system, "Segoe UI", sans-serif;--emoji: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--page);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--main-glow);outline-offset:2px}[hidden]{display:none!important}.th{font-family:var(--thai-display)}.muted{color:var(--muted)}.display{font-family:var(--display);font-weight:400;letter-spacing:.3px}.wordmark{font-family:var(--display);font-weight:400;letter-spacing:.5px;line-height:1}.wordmark span{color:var(--main-glow)}:root[data-mode=light]{color-scheme:light;--main-glow: color-mix(in oklch, var(--main) 78%, black);--main-soft: color-mix(in oklch, var(--main) 20%, white);--main-deep: color-mix(in oklch, var(--main) 16%, white);--main-ink: color-mix(in oklch, var(--main) 4%, white);--page: color-mix(in oklch, var(--main) 5%, #fbfaff);--panel: color-mix(in oklch, var(--main) 2%, #ffffff);--panel-2: color-mix(in oklch, var(--main) 9%, #f5f3fa);--line: color-mix(in oklch, var(--main) 20%, #dcd7e6);--text: #1a1030;--muted: color-mix(in oklch, var(--main) 22%, #5b536e);--pop-a: color-mix(in oklch, var(--main) 45%, #ff5ca3);--pop-b: color-mix(in oklch, var(--main) 45%, #3fdcff);--good: #16a870;--bad: #d8364a;--ink: 40 24 72;--ring: #1a1030;--err: #b3261e;--code-bg: #fff;--letterbox: var(--page)}:root[data-mode=light] .stage{box-shadow:0 0 0 1px var(--line),0 2px 4px #2818480f,0 12px 24px -8px #2818481f,0 30px 60px -30px color-mix(in oklch,var(--main) 40%,transparent)}:root[data-mode=light] .stage.fullscreen{box-shadow:none}:root[data-mode=light] [data-bg=blobs] .blob{opacity:.4}:root[data-mode=light] [data-bg=blobs] .blob.b3{opacity:.3}:root[data-mode=light] .play:before{opacity:.28}:root[data-mode=light] .code{text-shadow:0 .5cqw 0 color-mix(in oklch,var(--main) 35%,white)}:root[data-mode=light] .word{color:color-mix(in oklch,var(--a) 78%,black);text-shadow:none}:root[data-mode=light] .rate-avg b{color:color-mix(in oklch,var(--a) 72%,black);text-shadow:none}:root[data-mode=light] .toast{box-shadow:0 1px 2px #2818481a,0 8px 16px -4px #2818481f,0 24px 48px -12px #28184833}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:14px;border:0;background:var(--main);color:var(--on-main);font-weight:600;font-size:14px;box-shadow:inset 0 -3px #00000038;transition:transform .2s var(--spring),filter .2s,opacity .2s;text-decoration:none;white-space:nowrap}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}.btn.ghost{background:var(--panel-2);color:var(--text)}.btn.danger{background:#d8364a;color:#fff}.btn.big{padding:14px 22px;font-size:18px;border-radius:18px;font-family:var(--display);font-weight:400;letter-spacing:.5px;box-shadow:inset 0 -5px #00000040}.btn.small{padding:6px 10px;font-size:12px;border-radius:10px}.btn.icon{padding:8px;width:36px;height:36px}.input,.select,.textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.textarea{resize:vertical;min-height:64px}.input:focus,.select:focus,.textarea:focus{border-color:var(--main-glow);outline:none}.label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}.chip{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-size:13px;transition:background .2s,border-color .2s}.chip[aria-pressed=true]{background:var(--main);border-color:var(--main);color:var(--on-main)}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;background:var(--c);box-shadow:inset 0 -3px #00000040;transition:transform .25s var(--spring);padding:0}.swatch:hover,.swatch[aria-pressed=true]{transform:scale(1.12)}.swatch[aria-pressed=true]{border-color:var(--ring)}.picker{position:relative;width:28px;height:28px;border-radius:50%;overflow:hidden;display:inline-block;background:conic-gradient(#ff4b5c,#ffc21a,#1fc37a,#19d3ff,#2f7bff,#a57cff,#ff2e88,#ff4b5c)}.picker input{position:absolute;inset:-8px;width:44px;height:44px;opacity:0;cursor:pointer}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stack{display:grid;gap:14px}.host-body.stack{align-content:start}.error{color:var(--err);font-size:13px}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600;background:rgb(var(--ink) / .1)}.pill.live:before{content:"";width:8px;height:8px;border-radius:50%;background:#ff4b5c;animation:blink 1.2s infinite}@keyframes blink{50%{opacity:.25}}.stage{container-type:inline-size;position:relative;aspect-ratio:16 / 9;width:100%;border-radius:18px;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,var(--main-deep),var(--main-ink) 70%);box-shadow:0 0 0 1px var(--line),0 30px 60px -30px color-mix(in oklch,var(--main) 50%,transparent)}.stage.fullscreen{border-radius:0;box-shadow:none}.bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.bg>*{position:absolute;display:none}[data-bg=blobs] .blob{display:block;border-radius:50%;filter:blur(5cqw);opacity:.75}.blob.b1{width:45cqw;height:45cqw;left:-10cqw;top:-18cqw;background:var(--main);animation:drift1 14s ease-in-out infinite alternate}.blob.b2{width:38cqw;height:38cqw;right:-8cqw;top:10cqw;background:var(--pop-a);animation:drift2 17s ease-in-out infinite alternate}.blob.b3{width:34cqw;height:34cqw;left:30cqw;bottom:-20cqw;background:var(--pop-b);opacity:.55;animation:drift1 19s ease-in-out infinite alternate-reverse}@keyframes drift1{to{transform:translate(12cqw,8cqw) scale(1.15)}}@keyframes drift2{to{transform:translate(-14cqw,6cqw) scale(.9)}}[data-bg=spotlight] .beam{display:block;width:30cqw;height:120cqw;bottom:-20cqw;transform-origin:50% 100%;background:linear-gradient(to top,color-mix(in oklch,var(--main-glow) 55%,transparent),transparent 75%);filter:blur(1.2cqw);opacity:.55;clip-path:polygon(40% 100%,60% 100%,100% 0,0 0)}.beam.l{left:-4cqw;animation:sweepL 7s ease-in-out infinite alternate}.beam.r{right:-4cqw;animation:sweepR 8s ease-in-out infinite alternate}@keyframes sweepL{0%{transform:rotate(-8deg)}to{transform:rotate(28deg)}}@keyframes sweepR{0%{transform:rotate(8deg)}to{transform:rotate(-28deg)}}[data-bg=spotlight] .floor{display:block;left:10%;right:10%;bottom:-12cqw;height:24cqw;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklch,var(--main-glow) 45%,transparent),transparent)}[data-bg=grid] .dots{display:block;inset:0;background-image:radial-gradient(color-mix(in oklch,var(--main-glow) 35%,transparent) 1.5px,transparent 1.6px);background-size:3.2cqw 3.2cqw;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}[data-bg=grid] .bit{display:block;width:1.4cqw;height:1.4cqw;border-radius:.3cqw;opacity:.8;animation:bob 6s ease-in-out infinite alternate}@keyframes bob{to{transform:translateY(-2.5cqw) rotate(160deg)}}.stage-in{position:absolute;inset:0;padding:4cqw 4.5cqw;display:flex;flex-direction:column}.eyebrow{font-size:1.25cqw;letter-spacing:.14em;text-transform:uppercase;color:var(--main-glow);font-weight:600}.stage-chip{position:absolute;right:4.5cqw;top:4cqw;display:inline-flex;align-items:center;gap:.6cqw;font-size:1.2cqw;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:rgb(var(--ink) / .1);padding:.4cqw 1cqw;border-radius:99px}.stage-chip i{width:.9cqw;height:.9cqw;border-radius:50%;background:#ff4b5c;animation:blink 1.2s infinite}.stage-chip.closed i{background:var(--muted);animation:none}.floaters{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}.floater{position:absolute;bottom:-5cqw;font-family:var(--emoji);font-size:3.4cqw;animation:floatUp 2.8s cubic-bezier(.2,.7,.3,1) forwards}@keyframes floatUp{0%{transform:translate(0) scale(.4);opacity:0}12%{transform:translate(-1cqw,-6cqw) scale(1.15);opacity:1}45%{transform:translate(1.5cqw,-22cqw) scale(1)}75%{transform:translate(-1.2cqw,-34cqw);opacity:.9}to{transform:translate(.8cqw,-46cqw) scale(.9);opacity:0}}.q{font-family:var(--display);font-weight:400;font-size:3.3cqw;line-height:1.12;margin:.8cqw 0 0;text-wrap:balance;max-width:72cqw}.q.huge{font-size:5cqw;max-width:85cqw}.stage-center{flex:1;display:grid;place-items:center;text-align:center;gap:2cqw;align-content:center}.stage-sub{font-size:1.8cqw;color:var(--muted)}.av{display:flex;flex-direction:column;align-items:center;gap:.6em;--s: 56px}.av-face{width:var(--s);height:var(--s);border-radius:50%;display:grid;place-items:center;flex:none;font-family:var(--emoji);font-size:calc(var(--s) * .6);line-height:1;background:radial-gradient(circle at 32% 26%,color-mix(in oklch,var(--c) 45%,white),var(--c) 62%);box-shadow:inset 0 calc(var(--s) * -.07) 0 color-mix(in oklch,var(--c) 70%,black),0 0 0 calc(var(--s) * .05) #fff,0 calc(var(--s) * .08) calc(var(--s) * .2) #00000059}.av-face>span{transform:translateY(-4%)}.av-name{font-weight:600;text-align:center;line-height:1.15}.av.idle .av-face{animation:idle 2.6s ease-in-out infinite}@keyframes idle{50%{transform:translateY(-6%) rotate(-4deg)}}.lobby{display:grid;grid-template-columns:34cqw 1fr;gap:4cqw;height:100%}.join{display:flex;flex-direction:column;gap:1.6cqw;justify-content:center}.join .url{font-size:1.8cqw;color:var(--muted)}.join .url b{color:var(--text)}.code{font-family:var(--display);font-size:7.4cqw;white-space:nowrap;line-height:.95;letter-spacing:.3cqw;text-shadow:0 .5cqw 0 color-mix(in oklch,var(--main) 60%,black),0 0 4cqw color-mix(in oklch,var(--main-glow) 60%,transparent)}.qr-row{display:flex;align-items:center;gap:1.6cqw}.qr{width:11cqw;height:11cqw;border-radius:1.2cqw;background:#fff;padding:.5cqw;box-shadow:0 1cqw 2cqw #00000059}.qr img{width:100%;height:100%;display:block;image-rendering:pixelated}.qr-row span{font-size:1.4cqw;color:var(--muted);max-width:14cqw}.th-line{font-family:var(--thai-display);font-size:1.7cqw;color:var(--main-glow)}.wall-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.6cqw}.count{font-family:var(--display);font-size:4.4cqw;line-height:1;font-variant-numeric:tabular-nums}.count small{font-family:var(--body);font-size:1.4cqw;color:var(--muted);margin-left:.6cqw;font-weight:500}.wall{display:flex;flex-wrap:wrap;gap:1.4cqw 1.1cqw;align-content:flex-start}.wall .av{--s: 5.6cqw;width:8.2cqw;gap:.5cqw}.wall .av-name{font-size:.98cqw}.wall .av.offline{opacity:.4;filter:grayscale(.6)}.wall-empty{font-size:1.8cqw;color:var(--muted);padding-top:4cqw}.shape{flex:none;width:2.6cqw;height:2.6cqw;border-radius:.7cqw;background:var(--a);display:grid;place-items:center}.shape svg{width:62%;height:62%;fill:#fff}.bars{flex:1;min-height:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2cqw;align-items:end;margin-top:2.4cqw}.bar-col{display:flex;flex-direction:column;gap:1cqw;height:100%;min-height:0;transition:opacity .4s,filter .4s}.track{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:1cqw}.bar-num{font-family:var(--display);font-size:3cqw;text-align:center;line-height:1;font-variant-numeric:tabular-nums}.bar-num small{font-family:var(--body);font-size:1.3cqw;color:var(--muted);display:block;margin-top:.3cqw}.bar{min-height:.8cqw;border-radius:1.4cqw 1.4cqw .6cqw .6cqw;background:var(--a);box-shadow:inset 0 -1cqw color-mix(in oklch,var(--a) 70%,black),inset 0 .5cqw color-mix(in oklch,var(--a) 60%,white)}.bar-foot{display:flex;align-items:center;gap:1cqw;background:rgb(var(--ink) / .07);border-radius:1.2cqw;padding:.9cqw 1.1cqw;font-size:1.5cqw;font-weight:600;line-height:1.2;min-height:5cqw}.bars.revealed .bar-col:not(.win){opacity:.35;filter:saturate(.5)}.bars.revealed .win .bar{box-shadow:inset 0 -1cqw color-mix(in oklch,var(--a) 70%,black),0 0 0 .4cqw var(--ring),0 0 5cqw var(--a)}.bars.many .bar-foot{font-size:1.2cqw}.donut-wrap{flex:1;min-height:0;display:grid;grid-template-columns:auto 1fr;gap:4cqw;align-items:center;margin-top:2cqw}.donut{width:30cqw;height:30cqw}.legend{display:grid;gap:1.2cqw}.legend-item{display:flex;align-items:center;gap:1.2cqw;font-size:1.8cqw;font-weight:600;transition:opacity .4s}.legend-item b{font-family:var(--display);font-weight:400;font-size:2.4cqw;margin-left:auto;font-variant-numeric:tabular-nums}.legend.revealed .legend-item:not(.win){opacity:.35}.hidden-results{flex:1;display:grid;place-items:center;text-align:center}.hidden-results .count{font-size:12cqw}.play{min-height:100%;display:flex;flex-direction:column;gap:16px;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);background:linear-gradient(170deg,var(--main-deep),var(--main-ink) 75%);position:relative;overflow:hidden;isolation:isolate;max-width:560px;margin-inline:auto}.play:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(70px);background:var(--main);opacity:.5;top:-140px;right:-110px;z-index:-1}.play-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.play-top .wordmark{font-size:24px}.me-chip{display:flex;align-items:center;gap:8px;background:rgb(var(--ink) / .08);border-radius:99px;padding:4px 12px 4px 4px;font-size:13px;font-weight:600;max-width:65%}.me-chip .av{--s: 28px}.me-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-main{flex:1;display:flex;flex-direction:column;gap:14px}.s-title{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.08;margin:0;text-wrap:balance}.s-title small{display:block;font-family:var(--thai-display);font-weight:500;font-size:15px;color:var(--main-glow);margin-top:4px}.center-card{flex:1;display:grid;place-items:center;align-content:center;text-align:center;gap:14px;padding:24px 8px}.center-card .av{--s: 110px}.center-card .big{font-family:var(--display);font-size:34px;line-height:1.05}.preview{display:flex;align-items:center;gap:14px;background:rgb(var(--ink) / .07);border-radius:22px;padding:14px}.preview .av{--s: 78px}.preview-names{display:grid;gap:2px;min-width:0}.preview-names .en{font-family:var(--display);font-size:21px;line-height:1.1}.preview-names .thn{font-family:var(--thai-display);font-size:15px;color:var(--main-glow)}.dice{justify-self:start;margin-top:6px;border:0;background:rgb(var(--ink) / .12);border-radius:10px;padding:5px 10px;font-size:12px;font-weight:600}.pick-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:-6px}.animals{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.animals button{border:0;padding:0;background:none;border-radius:50%;transition:transform .25s var(--spring);display:grid;place-items:center}.animals .av{--s: min(36px, 9vw)}.animals button[aria-pressed=true]{transform:scale(1.18)}.animals button[aria-pressed=true] .av-face{box-shadow:0 0 0 3px var(--ring),0 0 0 6px var(--main-glow)}.animals button:disabled{opacity:.35}.colors{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.colors button{aspect-ratio:1;border-radius:50%;border:3px solid transparent;background:var(--c);box-shadow:inset 0 -3px #00000040;transition:transform .25s var(--spring);padding:0}.colors button[aria-pressed=true]{border-color:var(--ring);transform:scale(1.15)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answers.one-col{grid-template-columns:1fr}.ans{border:0;border-radius:18px;background:var(--a);color:#fff;display:flex;align-items:center;gap:12px;padding:16px;min-height:76px;font-weight:600;font-size:16px;text-align:left;line-height:1.25;box-shadow:inset 0 -6px color-mix(in oklch,var(--a) 68%,black);transition:transform .2s var(--spring),opacity .3s}.ans.dark{color:#2a1c00}.ans svg{width:26px;height:26px;fill:currentColor;flex:none}.ans:active{transform:scale(.96)}.ans[aria-pressed=true]{box-shadow:inset 0 -6px color-mix(in oklch,var(--a) 68%,black),0 0 0 4px var(--ring)}.ans:disabled{cursor:default}.answers.done .ans:not([aria-pressed=true]){opacity:.3}.react{display:flex;justify-content:space-between;background:rgb(var(--ink) / .08);border-radius:18px;padding:6px}.react button{border:0;background:none;font-family:var(--emoji);font-size:26px;padding:6px 8px;border-radius:12px;transition:transform .2s var(--spring)}.react button:active{transform:scale(1.35)}.react button:disabled{opacity:.4}.dots3{display:flex;gap:6px;justify-content:center}.dots3 i{width:10px;height:10px;border-radius:50%;background:var(--text);animation:hop 1s infinite}.dots3 i:nth-child(2){animation-delay:.15s}.dots3 i:nth-child(3){animation-delay:.3s}@keyframes hop{30%{transform:translateY(-8px)}}.code-input{font-family:var(--display);font-size:40px;text-align:center;letter-spacing:8px;padding:14px;border-radius:18px;border:2px solid var(--line);background:var(--code-bg, rgb(0 0 0 / .25));width:100%;font-variant-numeric:tabular-nums}.join-steps{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:0;padding:0;list-style:none;counter-reset:s}.join-steps li{counter-increment:s;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px 4px 4px;border-radius:99px;background:rgb(var(--ink) / .08)}.join-steps li:before{content:counter(s);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--main);color:var(--on-main);font-size:11px}.hint{margin:0;font-size:13px;line-height:1.5;color:var(--muted);text-wrap:pretty}.center-card .hint{max-width:300px;padding:10px 14px;border-radius:14px;background:rgb(var(--ink) / .07)}.code-input:focus{border-color:var(--main-glow);outline:none}.host{min-height:100%;display:flex;flex-direction:column}.host-top{display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap;padding:calc(env(safe-area-inset-top,0px) + 14px) 20px 14px;border-bottom:1px solid var(--line);background:var(--page);position:sticky;top:0;z-index:10}.host-top .wordmark{font-size:26px;text-decoration:none;color:inherit}.host-top .spacer{flex:1}.host-body{flex:1;padding:24px 20px 40px;width:100%;max-width:1400px;margin-inline:auto}.h1{font-family:var(--display);font-weight:400;font-size:30px;margin:0}.h2{font-family:var(--display);font-weight:400;font-size:20px;margin:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.deck-card{display:grid;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px}.deck-card .thumb{aspect-ratio:16 / 9;border-radius:12px;background:linear-gradient(160deg,color-mix(in oklch,var(--c) 46%,#0a0616),color-mix(in oklch,var(--c) 18%,#06040c) 70%);display:grid;place-items:center;font-family:var(--display);font-size:22px;padding:12px;text-align:center;color:#fff}.deck-card h3{margin:0;font-size:16px}.deck-card .meta{font-size:12px;color:var(--muted)}.signin{max-width:400px;margin:8vh auto;display:grid;gap:16px}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:14px;background:var(--main-soft);margin-bottom:20px}.editor{display:grid;grid-template-columns:250px minmax(0,1fr) 320px;gap:18px;align-items:start}.editor>*{min-width:0}.act-list{display:grid;gap:8px}.act-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-radius:12px;background:var(--panel-2);border:2px solid transparent;cursor:grab;transition:opacity .2s,border-color .2s}.act-row[aria-current=true]{border-color:var(--main-glow)}.act-row.bad{border-color:#d8364a}.act-row.drag-over{border-style:dashed;border-color:var(--main-glow)}.act-row.dragging{opacity:.4}.act-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:10px;border-radius:12px;background:var(--panel-2);border:2px solid transparent;text-align:left;width:100%}.act-item[aria-current=true]{border-color:var(--main-glow)}.act-row .act-item{grid-template-columns:28px 1fr;border-radius:10px;background:none;border:0;cursor:inherit}.act-item .num{font-family:var(--display);font-size:18px;text-align:center;color:var(--main-glow)}.act-item .t{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act-item .k{font-size:11px;color:var(--muted)}.act-del{display:grid;place-items:center;width:32px;height:32px;margin-right:6px;border:0;border-radius:9px;background:none;color:var(--muted);opacity:0;transition:opacity .15s,background .15s,color .15s,transform .2s var(--spring)}.act-row:hover .act-del,.act-row:focus-within .act-del,.act-row[aria-current=true] .act-del{opacity:1}.act-del:hover,.act-del:focus-visible{background:color-mix(in oklch,var(--bad) 22%,transparent);color:var(--bad)}.act-del:active{transform:scale(.94)}@media(hover:none){.act-del{opacity:1}}.act-empty{font-size:13px;margin:0;padding:12px;border:2px dashed var(--line);border-radius:12px;text-align:center}.trash-zone{display:flex;align-items:center;justify-content:center;gap:8px;height:0;margin-top:-8px;overflow:hidden;opacity:0;border:2px dashed transparent;border-radius:12px;color:var(--muted);font-size:13px;font-weight:600;pointer-events:none;transition:height .3s var(--spring),margin .3s var(--spring),opacity .2s,background .15s,border-color .15s,color .15s}.trash-zone.show{height:56px;margin-top:0;opacity:1;pointer-events:auto;border-color:color-mix(in oklch,var(--bad) 55%,var(--line))}.trash-zone.over{background:color-mix(in oklch,var(--bad) 22%,transparent);border-color:var(--bad);color:var(--bad)}.trash-zone *{pointer-events:none}.toast{position:fixed;left:50%;bottom:24px;z-index:50;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:10px 10px 10px 16px;border-radius:16px;background:var(--panel-2);border:1px solid var(--line);font-size:14px;box-shadow:0 1px 2px #0006,0 8px 16px -4px #00000059,0 24px 48px -12px #00000080;transform:translate(-50%);animation:toast-in .4s var(--spring)}.toast>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-x{border:0;background:none;color:var(--muted);width:28px;height:28px;border-radius:8px}.toast-x:hover{color:var(--text);background:var(--panel)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px) scale(.96)}}.opt-row{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center}.opt-row .shape{width:26px;height:26px;border-radius:8px}.console{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.console>*{min-width:0}.controls{display:grid;gap:14px}.phase-steps{display:flex;gap:6px;flex-wrap:wrap}.phase-steps span{padding:4px 10px;border-radius:99px;font-size:12px;background:var(--panel-2);color:var(--muted)}.phase-steps span[aria-current=true]{background:var(--main);color:var(--on-main);font-weight:600}.kbd{font-size:11px;color:var(--muted)}.kbd kbd{font-family:inherit;padding:1px 6px;border-radius:6px;border:1px solid var(--line);background:var(--panel-2)}.big-code{font-family:var(--display);font-size:26px;letter-spacing:1px}.mini-players{display:flex;flex-wrap:wrap;gap:6px}.mini-players .av{--s: 30px}.stage-page{position:fixed;inset:0;background:var(--letterbox, #000);display:grid;place-items:center}.stage-page .stage-box{width:min(100vw,calc(100vh * 16 / 9))}.stage-page .fs-btn{position:fixed;right:16px;bottom:16px;opacity:0;transition:opacity .3s}.stage-page:hover .fs-btn{opacity:1}@media(max-width:1100px){.editor,.console{grid-template-columns:1fr}}#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:100}@media(prefers-reduced-motion:reduce){*,*:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.quiz-head{display:flex;align-items:flex-start;gap:3cqw}.quiz-head .q{flex:1}.ring{position:relative;flex:none;width:9cqw;height:9cqw;display:grid;place-items:center;margin-top:.4cqw}.ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:9}.ring-track{stroke:rgb(var(--ink) / .12)}.ring-fill{stroke:var(--main-glow);stroke-linecap:round;transition:stroke-dashoffset .2s linear,stroke .3s}.ring span{font-family:var(--display);font-size:3.4cqw;font-variant-numeric:tabular-nums}.ring.urgent .ring-fill{stroke:#ff4b5c}.ring.urgent span{color:#ff8a95;animation:tick 1s ease-out}@keyframes tick{0%{transform:scale(1.35)}to{transform:scale(1)}}.stage-in .quiz-head~.stage-chip{top:auto;bottom:3cqw}.tiles{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw;align-content:center;margin-top:2cqw;transition:opacity .4s,filter .4s}.tiles.dim{opacity:.5;filter:saturate(.6)}.tile{display:flex;align-items:center;gap:1.4cqw;padding:1.8cqw 2cqw;border-radius:1.6cqw;background:var(--a);color:#fff;font-size:2.2cqw;font-weight:700;line-height:1.15;box-shadow:inset 0 -.6cqw color-mix(in oklch,var(--a) 68%,black)}.tile.dark{color:#2a1c00}.tile .shape{background:#0000002e}.bar-foot .tick{margin-left:auto;width:2.4cqw;height:2.4cqw;border-radius:50%;background:var(--good);color:#05361f;display:grid;place-items:center;font-weight:900;font-size:1.5cqw;flex:none}.quiz-sum{text-align:center;font-size:1.8cqw;color:var(--muted);margin-top:1.4cqw}.quiz-sum b{font-family:var(--display);font-weight:400;color:var(--good);font-size:2.6cqw}.lb{list-style:none;margin:2cqw 0 0;padding:0;display:grid;gap:.9cqw;max-width:70cqw;width:100%;align-self:center}.lb li{display:flex;align-items:center;gap:1.4cqw;padding:.8cqw 1.6cqw;border-radius:1.4cqw;background:rgb(var(--ink) / .08);font-size:1.9cqw;font-weight:600}.lb li:first-child{background:color-mix(in oklch,var(--main) 45%,transparent)}.lb li.up{box-shadow:0 0 0 .25cqw var(--good)}.lb .av{--s: 3.6cqw}.lb-rank{font-family:var(--display);font-weight:400;width:3cqw;text-align:center;color:var(--main-glow);font-size:2.4cqw}.lb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-streak{font-size:1.5cqw}.lb-gain{color:var(--good);font-size:1.6cqw}.lb-total{font-family:var(--display);font-weight:400;font-size:2.6cqw;min-width:9cqw;text-align:right;font-variant-numeric:tabular-nums}.podium{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;align-items:end;padding:0 8cqw;margin-top:1cqw}.step{display:flex;flex-direction:column;align-items:center;gap:.8cqw}.step .av{--s: 8cqw}.step.s1 .av{--s: 11cqw}.step-name{font-weight:700;font-size:1.7cqw;text-align:center}.step-score{font-family:var(--display);font-size:2.6cqw;font-variant-numeric:tabular-nums}.step-block{width:100%;display:grid;place-items:center;font-family:var(--display);font-size:6cqw;color:#ffffffe6;border-radius:1.4cqw 1.4cqw 0 0;background:linear-gradient(180deg,var(--main-glow),var(--main-deep))}.step.s0 .step-block{height:13cqw}.step.s1 .step-block{height:19cqw;background:linear-gradient(180deg,#ffd84d,#c98a00);color:#4a3000}.step.s2 .step-block{height:9cqw}.tbar{position:relative;height:26px;border-radius:99px;background:rgb(var(--ink) / .1);overflow:hidden}.tbar i{position:absolute;inset:0;transform-origin:left;background:var(--main-glow);transition:transform .1s linear}.tbar.urgent i{background:#ff4b5c}.tbar b{position:relative;display:block;text-align:center;line-height:26px;font-family:var(--display);font-weight:400}.ans.picked{justify-self:stretch;min-width:220px;box-shadow:inset 0 -6px color-mix(in oklch,var(--a) 68%,black),0 0 0 4px var(--ring)}.result .result-icon{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:54px;font-weight:900;background:rgb(var(--ink) / .1)}.result.good .result-icon{background:var(--good);color:#05361f}.result.bad .result-icon{background:var(--bad);color:#4a0a12}.result-points{font-family:var(--display);font-size:44px;color:var(--good);line-height:1}.result-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.result-stats span{padding:6px 12px;border-radius:99px;background:rgb(var(--ink) / .1);font-weight:600;font-size:14px}.opt-row.with-correct{grid-template-columns:26px 1fr auto auto}.correct-tick{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;cursor:pointer;font-weight:900;background:var(--panel-2);color:var(--muted);border:2px solid var(--line)}.correct-tick.on{background:var(--good);border-color:var(--good);color:#05361f}.correct-tick input{position:absolute;opacity:0;pointer-events:none}.correct-tick:has(input:focus-visible){outline:2px solid var(--main-glow);outline-offset:2px}.cloud{flex:1;min-height:0;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;gap:.6cqw 2cqw;padding:1cqw 3cqw;overflow:hidden}.word{color:var(--a);font-family:var(--display);font-weight:400;line-height:1.05;white-space:nowrap;text-shadow:0 .3cqw 1cqw rgb(0 0 0 / .35)}.word:lang(th),.cloud .word{font-family:var(--display),var(--thai-display)}.cloud.revealed .word:not(.top){opacity:.55}.cloud.revealed .word.top{text-shadow:0 0 3cqw var(--a),0 .3cqw 1cqw rgb(0 0 0 / .35)}.word-input{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.word-input .input{font-size:18px;padding:14px}.word-input .muted{font-size:12px;min-width:22px;text-align:right}.my-words{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.my-words span{font-family:var(--display);font-size:26px;padding:6px 16px;border-radius:16px;background:var(--main);color:var(--on-main)}.scale-intro{margin:0 0 1cqw;padding:0;list-style:none;display:grid;gap:.6cqw;font-size:2.1cqw;color:var(--text);counter-reset:s}.scale-intro li:before{counter-increment:s;content:counter(s) ". ";color:var(--main-glow);font-family:var(--display)}.scales{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:2.2cqw;margin-top:2.4cqw;padding:0 2cqw}.scales.two{gap:1.2cqw}.scales.many{gap:.6cqw;justify-content:flex-start}.scale-row{display:grid;gap:.4cqw}.scale-label{font-weight:700;font-size:1.8cqw}.scale-plot{position:relative;height:15cqw;margin-top:2cqw}.scales.two .scale-plot{height:7cqw;margin-top:1.6cqw}.scales.many .scale-plot{height:3.6cqw;margin-top:1.2cqw}.scales.many .scale-label{font-size:1.4cqw}.scales.many .scale-ends{display:none}.scale-curve{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.scale-avg{position:absolute;top:-1.2cqw;bottom:0;translate:-50% 0;display:flex;flex-direction:column;align-items:center;pointer-events:none}.scale-avg b{font-family:var(--display);font-weight:400;font-size:2.4cqw;padding:.1cqw 1cqw;border-radius:99px;background:var(--ring);color:var(--page);box-shadow:0 .4cqw 1.4cqw #00000059}.scales.many .scale-avg b{font-size:1.4cqw}.scale-avg i{flex:1;width:.3cqw;background:var(--ring);border-radius:99px}.scales.revealed .scale-avg b{background:var(--a);color:#fff}.scale-axis{position:relative;height:3.4cqw}.scales.many .scale-axis{height:2cqw}.scales.many .scale-axis span{font-size:1.2cqw;flex-direction:row}.scales.many .scale-axis small{display:none}.scale-axis span{position:absolute;translate:-50% 0;display:grid;justify-items:center;font-family:var(--display);font-size:1.7cqw;line-height:1.1}.scale-axis small{font-family:var(--body);font-size:1.1cqw;color:var(--muted)}.scale-ends{display:flex;justify-content:space-between;font-size:1.4cqw;color:var(--muted)}.slider{display:grid;gap:6px;padding:12px 14px;border-radius:18px;background:rgb(var(--ink) / .07)}.slider label{font-weight:600}.slider-row{display:grid;grid-template-columns:1fr 44px;align-items:center;gap:12px}.slider-row b{font-family:var(--display);font-weight:400;font-size:30px;text-align:center}.slider-ends{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:12px;border-radius:99px;margin:14px 0;background:linear-gradient(90deg,var(--a) var(--p),rgb(var(--ink) / .16) var(--p))}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px var(--a),0 4px 10px #0006}.slider input[type=range]::-moz-range-thumb{width:34px;height:34px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 5px var(--a)}.my-scale{display:grid;gap:8px;width:100%}.my-scale div{display:flex;align-items:center;gap:12px;text-align:left;justify-content:space-between;background:rgb(var(--ink) / .07);padding:8px 12px;border-radius:14px}.my-scale b{font-family:var(--display);font-weight:400;font-size:22px;min-width:40px;text-align:center;border-radius:10px;color:#fff}.rate-row{display:flex;gap:1.2cqw;justify-content:center}.rate-row>span{display:block;width:7.5cqw;height:7.5cqw}.rate-icon{width:100%;height:100%;display:block;filter:drop-shadow(0 .4cqw .8cqw rgb(0 0 0 / .3))}.rate-face{display:grid;place-items:center;width:100%;height:100%;font-family:var(--emoji);font-size:6.2cqw;line-height:1;transition:opacity .4s,filter .4s}.rating{flex:1;min-height:0;display:grid;grid-template-columns:1.2fr 1fr;gap:4cqw;align-items:center;margin-top:1cqw}.rate-hero{display:grid;justify-items:center;gap:2cqw}.rate-avg{display:grid;justify-items:center}.rate-avg b{font-family:var(--display);font-weight:400;font-size:9cqw;line-height:1;color:var(--a);text-shadow:0 0 3cqw color-mix(in oklch,var(--a) 45%,transparent)}.rate-avg span{font-size:1.6cqw;color:var(--muted)}.rating.revealed .rate-avg b{animation:pop .7s var(--spring)}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}.rate-hist{display:grid;gap:1cqw}.rate-hist-row{display:grid;grid-template-columns:5.5cqw 1fr 4cqw;align-items:center;gap:1cqw}.rate-hist-k{display:flex;align-items:center;gap:.4cqw;font-family:var(--display);font-size:2cqw}.rate-hist-k .rate-icon,.rate-hist-k .rate-face{width:2.4cqw;height:2.4cqw;font-size:2cqw}.rate-hist-track{height:2.6cqw;border-radius:99px;background:rgb(var(--ink) / .08);overflow:hidden}.rate-hist-track i{display:block;height:100%;border-radius:99px;background:var(--a)}.rate-hist-row b{font-family:var(--display);font-weight:400;font-size:2cqw;text-align:right}.rate-pick{display:flex;gap:6px;justify-content:center}.rate-pick button{border:0;background:none;padding:4px;width:min(64px,17vw);height:min(64px,17vw);display:grid;place-items:center;border-radius:16px}.rate-pick button:disabled{cursor:default}.rate-pick .rate-face{font-size:min(48px,13vw)}.rank{list-style:none;margin:2cqw 0 0;padding:0 2cqw;display:grid;gap:1cqw;flex:1;min-height:0;align-content:center}.rank.many{gap:.6cqw}.rank li{display:grid;grid-template-columns:4cqw auto minmax(0,1.2fr) 1fr 8cqw;align-items:center;gap:1.4cqw;padding:1cqw 1.6cqw;border-radius:1.4cqw;background:rgb(var(--ink) / .08);font-size:2.1cqw;font-weight:700}.rank.many li{padding:.6cqw 1.4cqw;font-size:1.7cqw}.rank li.top{background:color-mix(in oklch,var(--a) 40%,transparent);box-shadow:0 0 0 .25cqw var(--a)}.rank.revealed li:not(.top){opacity:.7}.rank-place{font-family:var(--display);font-weight:400;color:var(--main-glow);font-size:2.8cqw;text-align:center}.rank-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-bar{height:1.4cqw;border-radius:99px;background:rgb(var(--ink) / .1);overflow:hidden}.rank-bar i{display:block;height:100%;border-radius:99px;background:var(--a)}.rank-score{font-family:var(--display);font-weight:400;font-size:2.4cqw;text-align:right;display:grid;line-height:1.05}.rank-score small{font-family:var(--body);font-size:1.1cqw;color:var(--muted);font-weight:600}.sortable{list-style:none;margin:0;padding:0;display:grid;gap:8px}.sortable li{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;border-radius:16px;background:rgb(var(--ink) / .09);font-weight:600;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;position:relative}.sortable li.dragging{background:var(--main-soft);box-shadow:0 10px 26px #00000073,0 0 0 2px var(--main-glow);cursor:grabbing}.sortable.done li{cursor:default;touch-action:auto}.sort-pos{font-family:var(--display);font-weight:400;font-size:22px;width:24px;text-align:center;color:var(--main-glow)}.sort-name{flex:1;min-width:0;line-height:1.25}.sort-btns{display:flex;gap:2px}.sort-btns .btn.icon{width:34px;height:34px;padding:0}.qna{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:1.2cqw;align-content:start;margin-top:2cqw;overflow:hidden}.qcard{display:flex;gap:1.4cqw;align-items:flex-start;padding:1.4cqw 1.6cqw;border-radius:1.4cqw;background:rgb(var(--ink) / .09)}.qcard.hl{grid-column:1 / -1;background:color-mix(in oklch,var(--main) 55%,transparent);box-shadow:0 0 0 .3cqw var(--main-glow),0 0 4cqw color-mix(in oklch,var(--main) 40%,transparent)}.qcard.hl .qtext{font-size:2.8cqw}.qvotes{display:grid;justify-items:center;min-width:4.6cqw;padding:.4cqw .6cqw;border-radius:1cqw;background:rgb(var(--ink) / .12);font-family:var(--display);font-size:2.2cqw;line-height:1.1}.qvotes b{font-size:1.3cqw;color:var(--main-glow);font-weight:400}.qbody{min-width:0;display:grid;gap:.5cqw}.qtext{font-size:1.9cqw;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.qwho{font-size:1.3cqw;color:var(--muted);display:flex;gap:.8cqw;align-items:center;flex-wrap:wrap}.qtag{padding:.1cqw .8cqw;border-radius:99px;background:var(--good);color:#05361f;font-weight:700}.qtag.live{background:var(--ring);color:var(--page)}.qmore{grid-column:1 / -1;text-align:center;color:var(--muted);font-size:1.5cqw}.compose{display:grid;gap:8px}.compose .textarea{min-height:84px;font-size:16px}.compose-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.plist{list-style:none;margin:0;padding:0;display:grid;gap:8px}.plist li{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:rgb(var(--ink) / .08)}.plist li.hl{box-shadow:0 0 0 2px var(--main-glow)}.plist-body{flex:1;min-width:0;display:grid;gap:2px;overflow-wrap:anywhere}.vote{border:0;border-radius:12px;min-width:50px;padding:6px 8px;display:grid;justify-items:center;background:rgb(var(--ink) / .1);font-weight:700;line-height:1.1}.vote b{font-size:12px;color:var(--main-glow)}.vote[aria-pressed=true]{background:var(--main);color:var(--on-main)}.vote[aria-pressed=true] b{color:inherit}.vote:disabled{opacity:.45;cursor:default}.mod{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:12px}.mod-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:280px;overflow:auto}.mod-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:var(--panel-2)}.mod-list li.done{opacity:.55}.mod-list .btn[aria-pressed=true]{background:var(--main);color:var(--on-main);border-color:var(--main)}.mod-votes{font-weight:700;font-size:13px;min-width:36px;color:var(--main-glow)}.mod-text{flex:1;min-width:0;font-size:14px;display:grid;overflow-wrap:anywhere}.mod-text small{color:var(--muted);font-size:12px}.mod-dot{width:14px;height:14px;border-radius:4px;flex:none}.wall-cats{display:flex;gap:2cqw;justify-content:center;flex-wrap:wrap}.wall-cats span{color:#2a2238;font-family:var(--display);font-size:3cqw;padding:2cqw 3cqw;border-radius:.6cqw;box-shadow:0 .8cqw 1.6cqw #00000059}.wall-board{position:relative;flex:1;min-height:0;display:grid;gap:1.6cqw;margin-top:1.6cqw}.wall-col{min-height:0;display:flex;flex-direction:column;gap:1cqw}.wall-col-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-size:2cqw;padding:.4cqw 1.2cqw;border-radius:99px;background:color-mix(in oklch,var(--n) 30%,transparent);border:.2cqw solid var(--n)}.wall-col-head b{font-weight:400;color:var(--n)}.wall-notes{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1.4cqw 1cqw;align-content:start;overflow:hidden;padding:1.2cqw .8cqw}.wall-notes.wide{grid-template-columns:repeat(5,1fr)}.note{position:relative;color:#2a2238;padding:1.1cqw 1.2cqw 1.8cqw;border-radius:.4cqw;min-height:7cqw;font-weight:700;font-size:1.45cqw;line-height:1.25;box-shadow:0 .6cqw 1.4cqw #00000059;overflow-wrap:anywhere}.note:before{content:"";position:absolute;top:-.7cqw;left:50%;width:5cqw;height:1.4cqw;translate:-50% 0;background:#ffffff73;rotate:-2deg}.note.top{z-index:2;box-shadow:0 0 0 .35cqw #fff,0 0 3cqw rgb(var(--ink) / .6)}.note-likes{position:absolute;right:.8cqw;bottom:.5cqw;font-size:1.3cqw;color:#d6336c}.wall-hint{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.cat-chip{border-color:var(--n)}.cat-chip[aria-checked=true]{background:var(--n);color:#2a2238;border-color:var(--n)}.note-input{color:#2a2238;font-weight:600;border:0}.note-input::placeholder{color:#2a22388c}.pnotes{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.pnote{color:#2a2238;padding:10px 10px 8px;border-radius:6px;min-height:90px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;font-weight:600;font-size:14px;box-shadow:0 4px 12px #0000004d;overflow-wrap:anywhere}.like{align-self:flex-end;border:0;background:#ffffff80;color:#d6336c;border-radius:99px;padding:2px 10px;font-weight:700;font-size:14px}.like[aria-pressed=true]{background:#d6336c;color:#fff}.like:disabled{color:#5c5470;background:#ffffff59;cursor:default}.modal-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:#06031099;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 30px 80px -20px #0009}.import-help{font-size:14px}.import-help ol{margin:6px 0 10px;padding-left:20px;display:grid;gap:4px}.import-text{min-height:150px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.import-box{border-radius:14px;padding:12px 14px;font-size:14px;border:1px solid var(--line)}.import-box ul,.import-box ol{margin:4px 0 0;padding-left:20px;display:grid;gap:3px}.import-box.bad{border-color:color-mix(in oklch,var(--err) 60%,transparent);background:color-mix(in oklch,var(--err) 10%,transparent)}.import-box.ok{border-color:color-mix(in oklch,var(--main) 55%,transparent);background:var(--panel-2)}.import-box.warn{border-color:color-mix(in oklch,#e0a400 60%,transparent);background:color-mix(in oklch,#e0a400 10%,transparent)}.import-acts{max-height:220px;overflow:auto}.import-acts .k{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:4px}.import-box .swatch{cursor:default}.import-box .swatch:hover{transform:none}.host-top .nav-tools[aria-current=page]{background:var(--main);border-color:var(--main);color:var(--on-main)}.tools{display:grid;gap:48px;align-content:start}.tools-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;align-items:center}.tools-title{font-family:var(--display);font-weight:400;font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.01em;margin:0 0 12px;text-wrap:balance}.tools-lead{font-size:17px;line-height:1.6;color:var(--muted);margin:0;max-width:56ch}.tools-steps{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px;counter-reset:s}.tools-steps li{counter-increment:s;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:14px;font-weight:500}.tools-steps li:before{content:counter(s);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--main);color:var(--on-main);font-weight:700;font-size:13px}.tools-head{display:grid;gap:4px;margin-bottom:16px}.tools-head p{margin:0}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:20px}.tool-card{display:grid;gap:12px;align-content:start;scroll-margin-top:84px;border-top:3px solid var(--c);box-shadow:0 1px 2px #0000001f,0 6px 16px -6px #0000002e,0 24px 48px -24px color-mix(in oklch,var(--c) 35%,transparent)}.tool-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tool-top h3{margin:0;font-family:var(--display);font-weight:400;font-size:22px}.tool-n{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--c);color:#fff;font-family:var(--display);font-size:16px;box-shadow:inset 0 -3px #0003}.tool-tag{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--c);padding:3px 10px;border-radius:999px;background:color-mix(in oklch,var(--c) 14%,transparent)}.tool-stage .stage{border-radius:14px}.tool-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tool-steps{display:flex;gap:6px;flex-wrap:wrap}.tool-play{min-width:76px}.tool-play span{font-size:10px;letter-spacing:-1px}.tool-body{display:flex;gap:14px;align-items:flex-start}.tool-body p{margin:0;font-size:15px;line-height:1.6}.tool-phone{flex:none;width:76px;height:auto;aspect-ratio:360 / 630;object-fit:cover;object-position:top;border-radius:12px;border:3px solid #120b24;box-shadow:0 6px 16px -6px #00000080}.tools-host{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.tools-host figure{margin:0;display:grid;gap:10px;align-content:start}.tools-host img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}.tools-host figcaption{font-size:14px;line-height:1.55;color:var(--muted)}.tools-host figcaption b{display:block;color:var(--text);font-size:16px;margin-bottom:2px}.tools-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 20px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}.tools-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px}.tools-foot li:before{content:"✓ ";color:#2de39a;font-weight:700}.tool-controls .chip:focus-visible,.tool-play:focus-visible,.nav-tools:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media(max-width:860px){.tools-hero{grid-template-columns:1fr}}.org-switch{width:auto;max-width:220px;padding:4px 8px;font-size:13px}.org-name{font-size:13px;font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-pill{font-variant-numeric:tabular-nums;white-space:nowrap}.pill.warn{background:#ff4b5c2e;color:#ff4b5c}.banner.warn{background:#ff4b5c1f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.org-page{max-width:1100px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto}.tab{position:relative;padding:10px 14px;color:var(--muted);text-decoration:none;font-weight:600;white-space:nowrap;border-radius:10px 10px 0 0;transition:color .2s,background .2s}.tab:hover{color:var(--text);background:rgb(var(--ink) / .05)}.tab.active{color:var(--text)}.tab.active:after{content:"";position:absolute;inset:auto 10px -1px;height:3px;border-radius:3px 3px 0 0;background:var(--main-glow)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:background .15s}.table tbody tr:hover{background:rgb(var(--ink) / .04)}.table th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:rgb(var(--ink) / .03)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .num.plus{color:var(--good);font-weight:700}.table .num.minus{color:var(--bad);font-weight:700}.table .nowrap,.table th,.table .num,.table .pill{white-space:nowrap}:lang(th) .table th{letter-spacing:0;text-transform:none}.table .actions{text-align:right;white-space:nowrap}.table tr.dim td{color:var(--muted)}.select.small{padding:5px 8px;font-size:13px;width:auto;border-radius:10px}.pill.you{margin-left:8px;font-weight:500}.pill.status-open{background:color-mix(in oklch,var(--good) 20%,transparent);color:var(--good)}.pill.status-dryRun{background:rgb(var(--ink) / .06);color:var(--muted);font-weight:500}.member-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.member-form .grow{flex:1 1 200px}.hint.notice{padding:10px 14px;border-radius:12px;background:color-mix(in oklch,var(--good) 14%,transparent);color:var(--text)}.month-nav .h2{min-width:10ch;text-align:center}.month-nav .spacer{flex:1}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 1px 2px #00000014,0 6px 16px -10px #00000040}.kpi b{display:block;font-family:var(--display);font-weight:400;font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}.kpi span{font-size:12px;color:var(--muted)}.kpi.now{border-color:color-mix(in oklch,var(--main-glow) 45%,var(--line))}.chips{display:flex;gap:6px;flex-wrap:wrap}.skel{display:inline-block;height:.9em;border-radius:6px;vertical-align:middle;background:linear-gradient(90deg,rgb(var(--ink) / .07),rgb(var(--ink) / .14),rgb(var(--ink) / .07)) 0 0 / 200% 100%;animation:skel 1.4s ease-in-out infinite}.kpi-skel{display:block;width:3ch;height:33px;margin-bottom:2px}@keyframes skel{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.skel{animation:none}.tab,.table tbody tr{transition:none}}@media(max-width:640px){.table th,.table td{padding:8px 10px;font-size:13px}.member-form .btn{width:100%}}.admin-badge{font-size:12px;font-weight:600;background:color-mix(in oklch,var(--main-glow) 22%,transparent)}.back-link{justify-self:start;font-size:13px;color:var(--muted);text-decoration:none;border-radius:6px}.back-link:hover{color:var(--text)}.back-link:focus-visible,.row-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.row-link{font-weight:600;color:var(--text);text-decoration:none;border-radius:4px}.row-link:hover{text-decoration:underline;text-underline-offset:3px}.admin-title{gap:12px;flex-wrap:wrap}.admin-trial{margin-bottom:0;justify-content:space-between}.admin-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}.admin-controls>.panel{align-content:start;box-shadow:0 1px 2px #00000014,0 6px 16px -10px #00000040}.admin-controls .h2{margin:0;font-size:18px}.admin-balance{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.admin-balance b{font-family:var(--display);font-weight:400;font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.create-org{width:min(520px,100%)}@media(max-width:900px){.admin-controls{grid-template-columns:1fr}}.admin-controls .label{white-space:nowrap}