:root{--yel: #F6C400;--grain-op: .35;--bg-page: #0A0A0A;--bg-screen: #121212;--card: #171717;--input: #1D1D1D;--tabbar: #0E0E0E;--offline: #FF8A3D;--border-panel: rgba(255,255,255,.09);--border-input: rgba(255,255,255,.14);--dash: rgba(255,255,255,.14);--track: #2A2A2A;--d: "Impact","Haettenschweiler","Franklin Gothic Heavy","Arial Narrow Bold",system-ui,sans-serif;--b: -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-page)}body{font-family:var(--b);color:#e8e8e8;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}input,textarea,select,button{font-family:var(--b)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ring{0%{box-shadow:0 0 #f6c40073}to{box-shadow:0 0 0 15px #f6c40000}}.app{position:relative;max-width:480px;margin:0 auto;min-height:100dvh;background:var(--bg-screen);display:flex;flex-direction:column;overflow:hidden}.grain{position:fixed;top:0;right:0;bottom:0;left:0;background:url(/assets/grain.png);background-size:300px;opacity:var(--grain-op);mix-blend-mode:overlay;pointer-events:none;z-index:50}.screen{position:relative;z-index:2;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 20px}.screen.has-tabbar{padding-bottom:calc(env(safe-area-inset-bottom) + 104px)}.statusbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:flex-end;padding:calc(env(safe-area-inset-top) + 20px) 20px 8px;font-size:12px;color:#cfcfcf;font-weight:700}.statusbar .live{display:inline-flex;align-items:center;gap:6px;color:var(--yel);letter-spacing:.06em}.statusbar .live .dot{width:7px;height:7px;border-radius:50%;background:var(--yel);animation:pulse 1.4s infinite}.statusbar .off{display:inline-flex;align-items:center;gap:6px;color:var(--offline);letter-spacing:.06em}.statusbar .off .dot{width:7px;height:7px;border-radius:50%;background:var(--offline)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--tabbar);border-top:1px solid var(--border-panel);display:flex;z-index:40;padding-bottom:calc(env(safe-area-inset-bottom) + 14px)}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:60px;font-size:10px;font-weight:800;letter-spacing:.04em;color:#7c7c7c;background:none;border:none;cursor:pointer}.tabbar button .ind{width:20px;height:3px;background:transparent}.tabbar button.active{color:var(--yel)}.tabbar button.active .ind{background:var(--yel)}.d{font-family:var(--d);font-style:italic;text-transform:uppercase}.title{font-family:var(--d);font-style:italic;text-transform:uppercase;color:#fff;font-size:42px;line-height:.9}.sub{color:#9a9a9a;font-size:13px;margin-top:4px}.label{color:#7c7c7c;font-size:11px;font-weight:800;letter-spacing:.1em}.card{background:var(--card);border:1px solid var(--border-panel);padding:12px 13px}.card.accent{border-color:var(--yel)}.bar-track{background:var(--track);overflow:hidden}.bar-fill{height:100%;background:var(--yel);transform-origin:left;animation:grow .9s cubic-bezier(.16,1,.3,1) both}.plaque{display:inline-flex;align-items:center;background:var(--yel);color:#111;font-family:var(--d);font-style:italic;text-transform:uppercase;transform:skew(-8deg)}.plaque>.unskew{display:inline-flex;align-items:center;gap:8px;transform:skew(8deg)}.stamp{border-radius:50%;border:2px solid var(--yel);color:var(--yel);font-family:var(--d);font-style:italic;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-7deg);box-shadow:inset 0 0 0 3px #00000080}.btn{width:100%;height:56px;background:var(--yel);border:none;color:#111;font-family:var(--d);font-style:italic;font-size:22px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.btn:disabled{opacity:.4}.btn-ghost{border:1px dashed rgba(255,255,255,.22);background:none;color:#cfcfcf;font-size:13px;font-weight:700;letter-spacing:.04em;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer}.input{width:100%;background:#1f1f1f;border:1px solid var(--border-input);color:#fff;padding:9px 11px;outline:none}.input.d{font-style:italic;font-size:17px}.pill-live{background:var(--yel);color:#111;font-size:10px;font-weight:900;letter-spacing:.05em;padding:4px 8px;display:inline-flex;align-items:center;gap:5px}.pill-live .dot{width:6px;height:6px;border-radius:50%;background:#111;animation:pulse 1.4s infinite}.pill-done{border:1px solid #3a3a3a;color:#8a8a8a;font-size:10px;font-weight:900;letter-spacing:.05em;padding:4px 8px}.pill-next{border:1px solid var(--yel);color:var(--yel);font-size:10px;font-weight:900;letter-spacing:.05em;padding:4px 8px}.halftone{background:radial-gradient(circle,var(--yel) 1.6px,transparent 1.7px);background-size:10px 10px}.dashed-top{border-top:1px dashed var(--dash)}