:root{--bg: #0a0a0c;--bg-halo: #16121f;--surface: #17171b;--surface-raised: #202027;--text: #f4f2ee;--text-muted: #a9a6a0;--accent: #e8b45a;--accent-ink: #1a1206;--line: #2a2a31;--radius: 16px;--tap: 64px;--ease: cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:Georgia,Iowan Old Style,Times New Roman,serif;-webkit-font-smoothing:antialiased;overflow:hidden;user-select:none;-webkit-user-select:none}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 800px at 50% -10%,var(--bg-halo),transparent 60%);transition:opacity .6s var(--ease)}#app{height:100vh;height:100dvh}.screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:clamp(1.5rem,5vw,4rem);text-align:center;animation:fade .4s var(--ease)}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.screen{animation:none}}h1,h2,h3{margin:0;font-weight:600;line-height:1.1}h2{font-size:clamp(1.8rem,4vw,3rem)}.muted{color:var(--text-muted);font-size:1.1rem;max-width:40ch;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.8rem;color:var(--accent);font-family:system-ui,sans-serif;margin:0}.fineprint{color:var(--text-muted);font-size:.85rem;font-family:system-ui,sans-serif}.brand__title{font-size:clamp(3rem,12vw,7rem);letter-spacing:.12em;text-shadow:0 0 40px rgba(232,180,90,.25)}.brand__tagline{color:var(--text-muted);font-size:1.25rem;margin:.5rem 0 0}.btn{font-family:system-ui,sans-serif;font-weight:600;border:1px solid var(--line);border-radius:var(--radius);min-height:var(--tap);padding:0 2rem;color:var(--text);background:var(--surface-raised);cursor:pointer;transition:transform .15s var(--ease),background .2s var(--ease)}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn--ghost{background:transparent}.btn--lg{min-height:72px;font-size:1.2rem}.btn--xl{min-height:88px;font-size:1.4rem;padding:0 3rem}.btn--corner{position:fixed;bottom:1.5rem;right:1.5rem;min-height:48px;opacity:.6}.spinner{width:56px;height:56px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.group{width:min(680px,100%)}.group__label{font-family:system-ui,sans-serif;font-size:.9rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin:0 0 .75rem}.chips{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.chip{font-family:system-ui,sans-serif;font-size:1.05rem;min-height:56px;padding:0 1.4rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;transition:all .15s var(--ease)}.chip--on{background:var(--accent);color:var(--accent-ink);border-color:transparent}.hero__title{font-size:clamp(2.2rem,6vw,4rem)}.hero__meta{color:var(--text-muted);font-family:system-ui,sans-serif;margin:.5rem 0 0}.filmcards{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filmcard{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start;text-align:left;min-height:var(--tap);padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);cursor:pointer;min-width:200px}.filmcard__title{font-weight:600;font-size:1.15rem}.filmcard__meta{font-family:system-ui,sans-serif;font-size:.85rem;color:var(--text-muted)}.screen--player{justify-content:center;gap:2rem}.player__video{max-width:100%;max-height:70vh;border-radius:var(--radius);background:#000}.player__stage{display:flex;flex-direction:column;gap:.75rem;align-items:center}.player__title{font-size:clamp(2rem,6vw,3.5rem)}.sim-badge{font-family:system-ui,sans-serif;font-size:.75rem;letter-spacing:.15em;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:.25rem .75rem}.progress{width:min(680px,80%);height:6px;background:var(--line);border-radius:999px;overflow:hidden}.progress__bar{height:100%;width:0;background:var(--accent);transition:width .1s linear}.actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.recap{list-style:none;padding:0;margin:0;width:min(560px,100%);display:flex;flex-direction:column;gap:.5rem}.recap__item{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-family:system-ui,sans-serif}.recap__index{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--surface-raised);color:var(--accent);font-size:.9rem}.recap__text{flex:1;display:flex;flex-direction:column;gap:.15rem;text-align:left}.recap__title{font-weight:600}.recap__author{font-size:.85rem;color:var(--text-muted)}.recap__tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:.15rem .6rem;flex:0 0 auto}.share{display:flex;flex-direction:column;align-items:center;gap:.5rem}.qr{border-radius:12px;background:#fff;padding:10px}.screen--after{gap:1.25rem}.after__title{font-size:clamp(1.6rem,4vw,2.6rem)}.author{width:min(720px,100%);display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.author__name{font-size:clamp(1.4rem,3vw,2rem)}.author__synopsis{color:var(--text-muted);max-width:52ch;margin:0;line-height:1.5}.stills{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%}.still{aspect-ratio:16 / 9;border-radius:10px;object-fit:cover;width:100%;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}.still--placeholder{position:relative}.still__label{font-family:system-ui,sans-serif;font-size:.75rem;letter-spacing:.05em;color:#ffffffbf;padding:.25rem .5rem;text-align:center}.countdown{width:min(420px,80%);font-family:system-ui,sans-serif}.countdown__row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem;color:var(--text-muted);font-size:.85rem}.countdown__clock{font-variant-numeric:tabular-nums;font-size:1.1rem;color:var(--text)}.countdown__track{height:5px;background:var(--line);border-radius:999px;overflow:hidden}.countdown__fill{height:100%;width:100%;background:var(--accent);border-radius:999px}.countdown.is-urgent .countdown__clock{color:var(--accent);font-weight:600}.countdown.is-urgent .countdown__fill{animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.countdown.is-urgent .countdown__fill{animation:none}}.op-hotspot{position:fixed;left:0;bottom:0;width:72px;height:72px;z-index:900;opacity:0}.op-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#050508d1;backdrop-filter:blur(6px);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.op-card{width:100%;max-width:520px;max-height:92vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 24px 64px #00000080}.op-title{margin:0 0 4px;font-size:1.5rem;letter-spacing:-.01em}.op-hint{margin:4px 0 16px;color:var(--text-muted);font-size:.95rem}.op-hint--warn{color:var(--accent)}.op-input{width:100%;min-height:var(--tap);padding:0 16px;margin-bottom:14px;background:var(--bg);border:1px solid var(--line);border-radius:12px;color:var(--text);font-size:1.05rem;font-family:inherit}.op-input:focus{outline:2px solid var(--accent);outline-offset:1px}.op-pin-dots{display:flex;gap:12px;justify-content:center;margin:8px 0 18px}.op-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--line)}.op-dot.is-on{background:var(--accent);border-color:var(--accent)}.op-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.op-key{min-height:var(--tap);font-size:1.4rem;color:var(--text);background:var(--surface-raised);border:1px solid var(--line);border-radius:12px;cursor:pointer;font-family:inherit}.op-key:active{background:var(--accent);color:var(--accent-ink)}.op-msg{min-height:1.4em;margin:14px 0 0;color:var(--accent);font-size:.95rem}.op-actions{display:flex;gap:12px;margin-top:18px}.op-btn{flex:1;min-height:var(--tap);padding:0 20px;border-radius:12px;border:1px solid var(--line);font-size:1.05rem;font-family:inherit;cursor:pointer;background:var(--surface-raised);color:var(--text)}.op-btn--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.op-btn--ghost{background:transparent}.op-btn--danger{background:transparent;border-color:#c9503f;color:#e88a7d}.op-btn[disabled]{opacity:.5;cursor:not-allowed}.op-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.op-who{display:flex;flex-direction:column;gap:4px;min-width:0}.op-who strong{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-header .op-btn--ghost{flex:0 0 auto;min-width:120px}.op-badge{align-self:flex-start;padding:2px 10px;border-radius:999px;font-size:.78rem;background:var(--surface-raised);border:1px solid var(--line);color:var(--text-muted)}.op-badge.is-online{color:#7bd88f;border-color:#2f5a3a}.op-badge.is-offline{color:#e88a7d;border-color:#5a2f2f}.op-tabs{display:flex;gap:8px;margin-bottom:18px;border-bottom:1px solid var(--line)}.op-tab{min-height:48px;padding:0 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:1rem;font-family:inherit;cursor:pointer}.op-tab.is-active{color:var(--text);border-bottom-color:var(--accent)}.op-wifi-list{display:flex;flex-direction:column;gap:8px;margin:14px 0}.op-wifi-row{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 16px;background:var(--surface-raised);border:1px solid var(--line);border-radius:12px;color:var(--text);font-size:1.02rem;font-family:inherit;cursor:pointer}.op-wifi-signal{color:var(--text-muted);font-variant-numeric:tabular-nums}.op-field{margin:18px 0}.op-label{display:flex;justify-content:space-between;margin-bottom:10px;font-size:1rem}.op-slider-val{color:var(--text-muted);font-variant-numeric:tabular-nums}.op-slider{width:100%;height:var(--tap);accent-color:var(--accent)}.op-sep{border:none;border-top:1px solid var(--line);margin:22px 0}.op-confirm{margin-top:12px}.op-status{display:flex;flex-direction:column;gap:2px}.op-status-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:1rem}.op-status-k{color:var(--text-muted)}