@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600;700;800&display=swap";:root{--primary:#15803d;--primary-d:#166534;--primary-l:#f0fdf4;--primary-ring:#15803d47;--ink:#1c1917;--ink-d:#0c0a09;--ink-l:#f5f5f4;--accent:#b45309;--accent-d:#92400e;--accent-l:#fffbeb;--success:#15803d;--success-l:#f0fdf4;--danger:#b91c1c;--danger-l:#fef2f2;--warning:#b45309;--warning-l:#fffbeb;--c-blue:#2563eb;--c-green:#15803d;--c-amber:#d97706;--c-rose:#e11d48;--c-teal:#0d9488;--c-plum:#7e22ce;--c-violet:#7e22ce;--c-cyan:#0d9488;--c-pink:#e11d48;--bg:#faf9f7;--surface:#fff;--surface-2:#f5f4f1;--fg:#1c1917;--fg-muted:#78716c;--fg-subtle:#a8a29e;--border:#e7e5e4;--border-strong:#d6d3d1;--ring:var(--primary-ring);--stage:#17140f;--stage-2:#211d17;--stage-line:#ffffff14;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-pill:999px;--sh-sm:0 1px 2px #1c19170d;--sh-md:0 4px 14px #1c191714;--sh-lg:0 12px 32px #1c19171f;--font:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--font-display:"Inter", system-ui, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{max-width:100%;overflow-x:hidden}img,video,iframe,canvas,table,pre{max-width:100%}img,video{height:auto}body{min-height:100svh;font-family:var(--font);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv05", "ss01";margin:0;font-size:15px;line-height:1.55}#root{min-height:100svh}h1,h2,h3{font-family:var(--font-display);color:var(--fg);letter-spacing:-.02em;margin:0 0 12px;font-weight:700;line-height:1.2}h1{letter-spacing:-.03em;font-size:28px;font-weight:800}h2{font-size:20px}h3{font-size:15px;font-weight:600}p{margin:0 0 8px}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-d);text-underline-offset:2px;text-decoration:underline}code,.mono{font-family:var(--mono);font-size:.92em}::selection{background:var(--primary);color:#fff}:focus-visible{box-shadow:0 0 0 3px var(--ring);border-radius:var(--r-sm);outline:none}svg{vertical-align:middle;flex-shrink:0;display:inline-block}button{font-family:var(--font);border-radius:var(--r-sm);cursor:pointer;transition:background .15s ease, border-color .15s ease, color .15s ease, transform .1s var(--ease-out), box-shadow .15s ease;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;font-size:14px;font-weight:500;display:inline-flex}button:active:not(:disabled){transform:translateY(.5px)}button:disabled{opacity:.5;cursor:not-allowed}.btn{border-radius:var(--r-md);padding:10px 16px;font-weight:600}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--sh-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-d);box-shadow:var(--sh-md)}.btn-ink{background:var(--ink);color:#fff;box-shadow:var(--sh-sm)}.btn-ink:hover:not(:disabled){background:var(--ink-d);box-shadow:var(--sh-md)}.btn-success{background:var(--success);color:#fff;box-shadow:var(--sh-sm)}.btn-success:hover:not(:disabled){background:var(--primary-d);box-shadow:var(--sh-md)}.btn-ghost{background:var(--surface);color:var(--fg);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--fg-subtle)}.btn-danger{background:var(--surface);color:var(--danger);border-color:var(--border-strong)}.btn-danger:hover:not(:disabled){background:var(--danger-l);border-color:var(--danger)}.btn-accent{background:var(--accent);color:#fff;box-shadow:var(--sh-sm);font-weight:600}.btn-accent:hover:not(:disabled){background:var(--accent-d);box-shadow:var(--sh-md)}.grad-brand{background:var(--ink)}.dot-grid{background-image:radial-gradient(#ffffff1a 1px,#0000 1px);background-size:20px 20px}.chip-xp{background:var(--accent-l);color:var(--accent-d);border-radius:var(--r-pill);border:1px solid #fde68a;align-items:center;gap:6px;padding:3px 11px;font-size:13px;font-weight:600;display:inline-flex}input,select,textarea{font-family:var(--font);color:var(--fg);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}input::placeholder,textarea::placeholder{color:var(--fg-subtle)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.card-hover{transition:border-color .15s,box-shadow .15s}@media (hover:hover) and (pointer:fine){.card-hover:hover{border-color:var(--fg-subtle);box-shadow:var(--sh-md)}}.list-tile{cursor:pointer;align-items:center;gap:14px;padding:15px 18px;display:flex}.lt-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:15.5px;font-weight:600;display:-webkit-box;overflow:hidden}.lt-sub{color:var(--fg-muted);margin-top:1px;font-size:13px}.add-row{gap:10px;max-width:560px;margin-bottom:20px;display:flex}.err-box{background:var(--danger-l);color:var(--danger);border-radius:var(--r-sm);margin-bottom:12px;padding:10px 14px;font-size:14px}table{border-collapse:collapse;width:100%}th{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:2px solid #0000;border-radius:8px}.pop-in{animation:popIn .2s var(--ease-out) both}@keyframes popIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.dot-pulse{animation:1.4s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.pulse{animation:1.6s ease-in-out infinite softPulse}@keyframes softPulse{0%,to{opacity:1}50%{opacity:.5}}.rotate-hint{display:none}@media (orientation:portrait){.rotate-hint{z-index:60;background:var(--stage);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0}.rotate-hint svg{animation:1.8s ease-in-out infinite rotateNudge}}@keyframes rotateNudge{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flashUp{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}20%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-40px)scale(1)}}.empty-state{text-align:center;color:var(--fg-muted);flex-direction:column;align-items:center;gap:10px;padding:36px 24px;font-size:14px;display:flex}.empty-state>svg{color:var(--fg-subtle)}.icon-del{width:30px;height:30px;color:var(--fg-subtle);border-radius:var(--r-sm);background:0 0;border:none;flex-shrink:0;transition:background .15s,color .15s}.icon-del:hover:not(:disabled){background:var(--danger-l);color:var(--danger)}.muted{color:var(--fg-muted)}.stage-live{background:var(--stage)}.quiz-q{font-family:var(--font-display);color:#fff;letter-spacing:-.025em;overflow-wrap:anywhere;max-width:1000px;margin:0 auto;font-size:clamp(28px,4.5vw,52px);font-weight:800;line-height:1.14}.opt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,900px);margin:8px auto 0;display:grid}.opt-grid.one-col{grid-template-columns:1fr;max-width:720px}.opt-tile{border-radius:var(--r-lg);background:var(--tile,#2563eb);color:#fff;min-height:84px;box-shadow:none;align-items:center;gap:14px;padding:16px 20px;transition:opacity .25s,filter .25s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.opt-tile.dim{opacity:.38;filter:saturate(.55)}.opt-tile.correct{box-shadow:inset 0 0 0 3px #fff, 0 0 0 3px var(--success)}.opt-badge{border-radius:var(--r-md);width:40px;height:40px;font-family:var(--font-display);background:#fff3;flex-shrink:0;justify-content:center;align-items:center;font-size:19px;font-weight:800;display:flex}.opt-text{min-width:0;font-family:var(--font-display);overflow-wrap:anywhere;flex:1;font-size:clamp(17px,2.4vw,24px);font-weight:600;line-height:1.22}.opt-fill{width:0;transition:width .6s var(--ease-out);pointer-events:none;background:#fff3;position:absolute;top:0;bottom:0;left:0}.opt-count{font-family:var(--font-display);border-radius:var(--r-pill);background:#0000003d;flex-shrink:0;padding:4px 12px;font-size:17px;font-weight:800}.timer-ring{width:44px;height:44px;position:relative}.timer-ring svg{transform:rotate(-90deg)}.timer-ring .tnum{font-family:var(--font-display);color:#fff;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex;position:absolute;inset:0}.stage-pill{font-family:var(--font-display);color:#fff;border:1px solid var(--stage-line);border-radius:var(--r-pill);background:#ffffff1a;align-items:center;gap:7px;padding:7px 14px;font-weight:600;display:inline-flex}.timer-bar{background:#ffffff1a;flex-shrink:0;height:6px;position:relative}.timer-bar .tb-fill{background:#fbbf24;transition:width 1s linear,background .3s;position:absolute;top:0;bottom:0;left:0}.timer-bar .tb-fill.low{background:#ef4444}.time-up{color:#fca5a5;border-radius:var(--r-pill);background:#ef444424;border:1px solid #ef44444d;align-items:center;gap:7px;padding:7px 14px;font-weight:700;display:inline-flex}@media (width<=640px){.opt-grid{grid-template-columns:1fr}body{font-size:14px}h1{font-size:23px}h2{font-size:18px}h3{font-size:14px}.btn{padding:9px 14px}.card{border-radius:var(--r-md)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.pop-in{animation:none}}