:root{--ko-black: #060608;--ko-ink-950: #0a0a0c;--ko-ink-900: #16121f;--ko-ink-850: #17171b;--ko-ink-800: #202027;--ko-ink-700: #2a2a31;--ko-ink-600: #3a3a44;--ko-paper-50: #f4f2ee;--ko-paper-100: #e9e6df;--ko-paper-200: #d9d6cf;--ko-paper-400: #a9a6a0;--ko-paper-600: #6b6862;--ko-amber-400: #e8b45a;--ko-amber-300: #f0c778;--ko-amber-ink: #1a1206;--ko-cyan-300: #8ecbff;--ko-cyan-200: #b6e0ff;--ko-cyan-ink: #04121f;--ko-danger: #e5544b;--ko-success: #7bd88f;--ko-radius-sm: 12px;--ko-radius: 16px;--ko-radius-pill: 999px;--ko-tap: 64px;--ko-ease: cubic-bezier(.2, .7, .2, 1);--ko-motion-fast: .15s;--ko-motion-med: .4s;--ko-motion-slow: .6s;--ko-font-editorial: "Georgia", "Iowan Old Style", "Times New Roman", serif;--ko-font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root,:root[data-theme=dark]{--color-accent-base: var(--ko-amber-400);--color-accent-ink-base: var(--ko-amber-ink);--color-bg-halo-base: var(--ko-ink-900);--color-bg: var(--ko-ink-950);--color-surface: var(--ko-ink-850);--color-surface-raised: var(--ko-ink-800);--color-line: var(--ko-ink-700);--color-text: var(--ko-paper-50);--color-text-emphasis: #ffffff;--color-text-muted: var(--ko-paper-400);--color-accent: var(--mood-accent, var(--color-accent-base));--color-accent-ink: var(--mood-accent-ink, var(--color-accent-ink-base));--color-accent-2: var(--ko-cyan-300);--color-accent-2-ink: var(--ko-cyan-ink);--color-bg-halo: var(--mood-halo, var(--color-bg-halo-base));--color-danger: var(--ko-danger);--color-success: var(--ko-success);--focus-ring: var(--color-accent-2);--focus-width: 3px;--font-display: var(--ko-font-editorial);--font-body: var(--ko-font-editorial);--font-ui: var(--ko-font-ui);--radius: var(--ko-radius);--radius-sm: var(--ko-radius-sm);--radius-pill: var(--ko-radius-pill);--tap: var(--ko-tap);--ease: var(--ko-ease);--motion-fast: var(--ko-motion-fast);--motion-med: var(--ko-motion-med);--motion-slow: var(--ko-motion-slow);--surface-blur: 0px;--bg: var(--color-bg);--bg-halo: var(--color-bg-halo);--surface: var(--color-surface);--surface-raised: var(--color-surface-raised);--line: var(--color-line);--text: var(--color-text);--text-muted: var(--color-text-muted);--accent: var(--color-accent);--accent-ink: var(--color-accent-ink)}:root[data-theme=light]{--color-accent-base: #b3801f;--color-accent-ink-base: var(--ko-paper-50);--color-bg-halo-base: #efe9dc;--color-bg: var(--ko-paper-50);--color-surface: #ffffff;--color-surface-raised: var(--ko-paper-100);--color-line: var(--ko-paper-200);--color-text: #1a1a1f;--color-text-emphasis: #000000;--color-text-muted: var(--ko-paper-600);--color-accent-2: #1f6fb2;--focus-ring: var(--color-accent-2)}:root[data-contrast=high]{--color-line: color-mix(in srgb, var(--color-text) 55%, transparent);--color-text-muted: var(--color-text);--focus-width: 5px}@supports (backdrop-filter: blur(1px)){@media (prefers-reduced-motion: no-preference){:root{--surface-blur: 6px}}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-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(--color-bg-halo),transparent 60%);transition:opacity var(--motion-slow) var(--ease)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.015) 0,rgba(255,255,255,.015) 1px,transparent 1px,transparent 3px)}@media (prefers-reduced-motion: reduce){body:after{display:none}}#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-family:var(--font-display);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:var(--font-ui);margin:0}.fineprint{color:var(--text-muted);font-size:.85rem;font-family:var(--font-ui)}.screen--idle.has-idle-image{background-image:linear-gradient(#0606088c,#060608b8),var(--idle-image);background-size:cover;background-position:center}.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}.brand__logo{max-width:min(70vw,520px);max-height:28vh;object-fit:contain}.brand__powered{color:var(--text-muted);font-family:var(--font-ui);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin:.75rem 0 0}.btn{font-family:var(--font-ui);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)}.is-focused,.btn:focus-visible,.chip:focus-visible,.filmcard:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:3px}.is-focused:focus{outline:var(--focus-width) solid var(--focus-ring)}.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:var(--font-ui);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:var(--font-ui);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:var(--font-ui);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:var(--font-ui);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;display:block}.player__videostage{position:relative;display:inline-block;line-height:0}.player__overlay{position:absolute;inset:0;display:grid;place-items:center;border-radius:var(--radius);background:#06060873}.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:var(--font-ui);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:var(--font-ui)}.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}.learn-more{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.25rem}.learn-more__label{margin:0;font-weight:600}.learn-more__qr{border-radius:12px;background:#fff;padding:10px}.learn-more__hint{margin:0;color:var(--text-muted);font-size:.85rem}.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:var(--font-ui);font-size:.75rem;letter-spacing:.05em;color:#ffffffbf;padding:.25rem .5rem;text-align:center}.countdown{width:min(420px,80%);font-family:var(--font-ui)}.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(var(--surface-blur));font-family:var(--font-ui)}.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)}