:root{--bg: #fff5e1;--paper: #ffffff;--ink: #1a1a1a;--ink-soft: #2b2b2b;--yellow: #ffd93d;--yellow-soft: #ffe680;--lime: #c8ff6b;--lime-soft: #e0ff9e;--mint: #a8e6cf;--mint-soft: #c8f0dc;--teal: #5eead4;--pink: #ffb3d1;--pink-soft: #ffd4e5;--magenta: #ff6fa8;--coral: #ff8e72;--orange: #ffa552;--peach: #ffcba4;--blue: #93c5fd;--blue-soft: #bfdbfe;--violet: #c4b5fd;--violet-soft: #ddd6fe;--lavender: #e0cffc;--cream: #fff5e1;--sand: #f4e4c1;--red: #ff7575;--grad-lime: linear-gradient(135deg, #e0ff9e 0%, #c8ff6b 60%, #a8e6cf 100%);--grad-pink: linear-gradient(135deg, #ffd4e5 0%, #ffb3d1 50%, #ff6fa8 100%);--grad-yellow: linear-gradient(135deg, #ffe680 0%, #ffd93d 60%, #ffa552 100%);--grad-mint: linear-gradient(135deg, #c8f0dc 0%, #a8e6cf 50%, #5eead4 100%);--grad-violet: linear-gradient(135deg, #ddd6fe 0%, #c4b5fd 50%, #93c5fd 100%);--grad-fresh: linear-gradient(135deg, #c8ff6b 0%, #5eead4 50%, #93c5fd 100%);--grad-sunset: linear-gradient(135deg, #ffe680 0%, #ffa552 50%, #ff6fa8 100%);--grad-dark: linear-gradient(135deg, #2b2b2b 0%, #1a1a1a 100%);--shadow-xs: 2px 2px 0 0 var(--ink);--shadow-sm: 3px 3px 0 0 var(--ink);--shadow: 6px 6px 0 0 var(--ink);--shadow-lg: 10px 10px 0 0 var(--ink);--shadow-xl: 14px 14px 0 0 var(--ink);--bw: 3px;--bw-thick: 4px;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-pill: 100px;--font-display: "Archivo Black", sans-serif;--font-body: "Archivo", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--level-0: var(--mint);--level-1: var(--lime);--level-2: var(--blue);--level-3: var(--violet)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0}h1{font-size:clamp(28px,5vw,44px)}h2{font-size:clamp(22px,3.5vw,30px)}a{color:inherit}:focus-visible{outline:var(--bw) solid var(--ink);outline-offset:3px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.shell{max-width:960px;margin:0 auto;padding:20px 16px 96px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg);border-bottom:var(--bw) solid var(--ink)}.brand{font-family:var(--font-display);font-size:22px;margin-right:auto}.card{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:20px}.btn{font-family:var(--font-body);font-weight:800;font-size:15px;padding:12px 20px;background:var(--paper);color:var(--ink);border:var(--bw) solid var(--ink);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:var(--shadow)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:var(--shadow-xs)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn--primary{background:var(--lime)}.btn--accent{background:var(--magenta)}.btn--ghost{background:transparent;box-shadow:none}.btn--danger{background:var(--red)}.tag{display:inline-block;font-size:13px;font-weight:600;padding:4px 12px;background:var(--sand);border:2px solid var(--ink);border-radius:var(--r-pill)}.tag--pick{cursor:pointer;-webkit-user-select:none;user-select:none}.tag--pick[aria-pressed=true]{background:var(--lime);box-shadow:var(--shadow-xs)}.badge-level{font-family:var(--font-mono);font-weight:700;font-size:13px;padding:3px 10px;border:2px solid var(--ink);border-radius:var(--r-xs)}.reason{font-size:13px;font-weight:600;color:var(--ink-soft);background:var(--yellow-soft);border:2px solid var(--ink);border-radius:var(--r-pill);padding:2px 10px;display:inline-block}.input,.textarea,.select{width:100%;font-family:var(--font-body);font-size:15px;padding:12px 14px;background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r-sm)}.textarea{min-height:96px;resize:vertical}.field{margin-bottom:16px}.field>label{display:block;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.hint{font-size:13px;color:var(--ink-soft);margin-top:6px}.error{background:var(--red);border:var(--bw) solid var(--ink);border-radius:var(--r-sm);padding:10px 14px;font-weight:600;margin-bottom:16px}.empty{text-align:center;padding:48px 20px;border:var(--bw) dashed var(--ink);border-radius:var(--r-lg)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stack>*+*{margin-top:16px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1a1a1a73;display:flex;align-items:flex-end;justify-content:center;padding:16px}@media(min-width:640px){.overlay{align-items:center}}.popup{width:100%;max-width:560px;max-height:88vh;overflow-y:auto;background:var(--paper);border:var(--bw-thick) solid var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:24px}.popup__head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.popup__head h2{margin-right:auto}.stage{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:720px){.stage{grid-template-columns:1fr 1fr}}.video-tile{position:relative;aspect-ratio:4 / 3;background:var(--ink);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);overflow:hidden}.video-tile video{width:100%;height:100%;object-fit:cover}.video-tile__label{position:absolute;left:10px;bottom:10px;font-weight:800;font-size:13px;background:var(--paper);border:2px solid var(--ink);border-radius:var(--r-pill);padding:3px 12px}.timer{font-family:var(--font-mono);font-weight:700;font-size:20px;padding:6px 16px;background:var(--yellow);border:var(--bw) solid var(--ink);border-radius:var(--r-pill)}.timer--warn{background:var(--coral)}