:root{--bg:#050308;--surface:#0a0810;--border:#1a1510;--border-dim:#7a5c32;--accent:#d4a843;--accent-glow:#d4a84340;--accent-dim:#d4a84315;--text:#fff;--text-muted:#c4aa72;--text-mid:#9a7f62;--text-active:#f0d280;--cancel:#c45a5a;--cancel-dim:#6e2e2e;--cancel-bg:#a0323212;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}.skip-link{z-index:999;background:var(--accent);color:#1a0e00;transition:transform .12s var(--ease-out);border-radius:4px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;position:absolute;top:.5rem;left:1rem;transform:translateY(calc(-100% - .5rem - 4px))}.skip-link:focus{transform:translateY(0)}#main-content:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}[role=radiogroup] button:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button{font-family:var(--font-body);cursor:pointer;transition:transform .1s var(--ease-out), border-color .15s ease, color .15s ease, background .15s ease}button:active{transform:scale(.97)}input{font-family:var(--font-body)}.repo-input{transition:border-color .15s,box-shadow .15s}.repo-input:focus-visible{box-shadow:0 0 0 2px var(--accent-glow);outline:none;border-color:var(--accent)!important}abbr[title]{cursor:help}::selection{color:inherit;background-color:#d4a84350}@keyframes stage-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.8)}}.stage-dot-active{animation:1.2s ease-in-out infinite stage-pulse}.btn-new-film{transition:border-color .2s,box-shadow .2s,color .2s}.btn-new-film:active{box-shadow:0 0 18px 4px var(--accent-glow)}@media (hover:hover) and (pointer:fine){.btn-new-film:hover{box-shadow:0 0 10px 2px var(--accent-glow);border-color:var(--accent)!important;color:var(--accent)!important}}.btn-chapter{color:var(--text-muted);border:1px solid var(--border-dim);letter-spacing:.2px;cursor:pointer;background:0 0;border-radius:4px;padding:5px 14px;font-size:12px;transition:border-color .15s,color .15s}@media (hover:hover) and (pointer:fine){.btn-chapter:hover{border-color:var(--accent);color:var(--text-active)}}.btn-cancel{color:var(--cancel);border:1px solid var(--cancel-dim);background:var(--cancel-bg);letter-spacing:.3px;border-radius:6px;padding:8px 20px;font-size:12px}@media (hover:hover) and (pointer:fine){.btn-cancel:hover{border-color:var(--cancel);background:var(--cancel);color:#fff}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--border-dim:#b08840;--border:#4a3820;--text-mid:#c4aa72}}@media (forced-colors:active){h1{color:canvastext;-webkit-text-fill-color:CanvasText;background-image:none;-webkit-background-clip:border-box;background-clip:border-box}.skip-link:focus{color:highlighttext;forced-color-adjust:none;background:highlight}[role=progressbar]>div{forced-color-adjust:none;background:highlight}.stage-dot-active{border:2px solid highlight}}