:root{--navy: #0c1b3d;--navy-deep: #071231;--navy-lift: #16264f;--navy-line: #26386f;--orange: #e9632a;--orange-lift: #f2743c;--paper: #f1f1f3;--ink: #0b1220;--muted: #93a0c0;--muted-dim: #6b7899;--radius: 12px;--radius-lg: 18px;--ease: cubic-bezier(.22, .61, .36, 1);--shadow-lift: 0 18px 60px rgba(0, 0, 0, .5);--chrome: 130px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--navy-deep);color:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input{font:inherit}:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.gate{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 600px at 50% -10%,rgba(38,56,111,.55),transparent 70%),var(--navy-deep)}.gate-card{width:100%;max-width:420px;background:#0c1b3dd1;border:1px solid rgba(38,56,111,.9);border-radius:var(--radius-lg);padding:36px 32px 30px;box-shadow:var(--shadow-lift);backdrop-filter:blur(8px)}.gate-brand{font-size:24px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.gate-brand span{color:var(--orange)}.gate-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-dim);margin-bottom:26px}.gate-title{font-size:19px;font-weight:600;margin:0 0 8px;letter-spacing:-.01em}.gate-help{font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 22px}.gate-help strong{color:var(--paper);font-weight:600}.field{display:block;margin-bottom:14px}.field input{width:100%;padding:13px 15px;border-radius:var(--radius);border:1px solid rgba(38,56,111,.9);background:#071231bf;color:var(--paper);transition:border-color .15s var(--ease),background .15s var(--ease)}.field input::placeholder{color:var(--muted-dim)}.field input:focus{border-color:var(--orange);background:#071231f2;outline:none}.field input.code-input{text-align:center;font-family:var(--mono);font-size:26px;letter-spacing:.36em;text-indent:.36em;padding:15px}.btn{width:100%;padding:13px 16px;border-radius:var(--radius);background:var(--orange);color:#fff;font-weight:600;transition:background .15s var(--ease),transform .06s var(--ease)}.btn:hover:not(:disabled){background:var(--orange-lift)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn-quiet{width:auto;padding:8px 0;background:none;color:var(--muted);font-weight:500;font-size:13px;text-decoration:underline;text-underline-offset:3px}.btn-quiet:hover:not(:disabled){color:var(--paper);background:none}.gate-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.msg{font-size:13.5px;line-height:1.5;border-radius:10px;padding:10px 12px;margin-bottom:14px}.msg-error{background:#d6452d24;border:1px solid rgba(214,69,45,.4);color:#ffb9a4}.msg-ok{background:#2da07824;border:1px solid rgba(45,160,120,.4);color:#9fe3c6}.gate-legal{margin-top:26px;padding-top:18px;border-top:1px solid rgba(38,56,111,.6);font-size:11px;line-height:1.6;color:var(--muted-dim)}.gate-legal a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.gate-legal a:hover{color:var(--paper)}.grecaptcha-badge{visibility:hidden}.deck{height:100dvh;display:flex;flex-direction:column;background:var(--navy-deep)}.deck-bar{display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid rgba(38,56,111,.55);background:#071231e6;flex:0 0 auto;z-index:20;transition:opacity .3s var(--ease),transform .3s var(--ease)}.deck.immersive .deck-bar{opacity:0;transform:translateY(-100%);pointer-events:none}.deck-title{font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-title span{color:var(--orange)}.deck-sub{font-size:12px;color:var(--muted-dim);white-space:nowrap}.deck-bar-spacer{flex:1}.icon-btn{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--muted);transition:background .15s var(--ease),color .15s var(--ease)}.icon-btn:hover{background:#26386f8c;color:var(--paper)}.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.counter{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;padding:6px 10px;border-radius:8px;transition:background .15s var(--ease),color .15s var(--ease)}.counter:hover{background:#26386f8c;color:var(--paper)}.stage{flex:1;position:relative;display:grid;place-items:center;padding:20px;min-height:0;overflow:hidden}.slide-frame{position:relative;width:100%;max-width:calc((100dvh - var(--chrome)) * var(--deck-aspect, 1.7778));aspect-ratio:var(--deck-aspect, 1.7778);border-radius:6px;overflow:hidden;background:var(--navy);box-shadow:var(--shadow-lift)}.deck.immersive .slide-frame{max-width:calc(100dvh * var(--deck-aspect, 1.7778));border-radius:0}.slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;opacity:0;transition:opacity .28s var(--ease)}.slide-img.ready{opacity:1}.slide-lqip{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:blur(18px);transform:scale(1.04);opacity:1;transition:opacity .3s var(--ease)}.slide-lqip.hide{opacity:0}.hotspot{position:absolute;border:0;padding:0;border-radius:8px;cursor:pointer;background:transparent;transition:background .18s var(--ease),box-shadow .18s var(--ease)}.hotspot:hover,.hotspot:focus-visible{background:#e9632a29;box-shadow:0 0 0 2px #e9632abf inset}.hotspot-badge{position:absolute;left:50%;top:50%;translate:-50% -50%;width:clamp(30px,42%,62px);aspect-ratio:1;border-radius:50%;background:#e9632af0;display:grid;place-items:center;box-shadow:0 4px 18px #00000073;transition:transform .18s var(--ease),background .18s var(--ease)}.hotspot:hover .hotspot-badge{transform:scale(1.12);background:var(--orange-lift)}.hotspot-badge svg{width:42%;fill:#fff;translate:6% 0}.hotspot-badge:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(233,99,42,.55);animation:pulse 2.6s var(--ease) infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.9}70%{transform:scale(1.35);opacity:0}to{transform:scale(1.35);opacity:0}}@media(prefers-reduced-motion:reduce){.hotspot-badge:before{animation:none}.slide-img,.slide-lqip{transition:none}}.nav-btn{position:absolute;top:50%;translate:0 -50%;width:46px;height:76px;border-radius:12px;display:grid;place-items:center;background:#0712319e;border:1px solid rgba(38,56,111,.7);color:var(--paper);opacity:0;transition:opacity .22s var(--ease),background .15s var(--ease);z-index:10}.stage:hover .nav-btn,.nav-btn:focus-visible{opacity:1}.nav-btn:hover{background:#16264ff2}.nav-btn[disabled]{opacity:0!important;pointer-events:none}.nav-prev{left:14px}.nav-next{right:14px}.nav-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(hover:none){.nav-btn{opacity:1;background:#07123180}}.progress{flex:0 0 auto;height:3px;background:#26386f80;position:relative;cursor:pointer}.progress-fill{height:100%;background:var(--orange);transition:width .25s var(--ease)}.grid-overlay{position:fixed;inset:0;background:#071231f7;z-index:60;overflow-y:auto;padding:24px;animation:fade .18s var(--ease)}@keyframes fade{0%{opacity:0}to{opacity:1}}.grid-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;max-width:1400px;margin-inline:auto}.grid-head h2{margin:0;font-size:16px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;max-width:1400px;margin-inline:auto}.thumb{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:var(--deck-aspect, 1.7778);background:var(--navy);border:2px solid transparent;transition:border-color .15s var(--ease),transform .15s var(--ease);display:block;padding:0}.thumb:hover{transform:translateY(-2px);border-color:#e9632ab3}.thumb.current{border-color:var(--orange)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-n{position:absolute;right:6px;bottom:6px;font-size:11px;padding:2px 6px;border-radius:5px;background:#071231d9;color:var(--muted);font-variant-numeric:tabular-nums}.thumb-play{position:absolute;left:6px;top:6px;width:20px;height:20px;border-radius:50%;background:var(--orange);display:grid;place-items:center}.thumb-play svg{width:9px;fill:#fff;translate:1px 0}.player-overlay{position:fixed;inset:0;background:#030816f0;z-index:80;display:grid;place-items:center;padding:28px;animation:fade .2s var(--ease)}.player-shell{width:100%;max-width:min(1180px,100%);display:flex;flex-direction:column;gap:12px}.player-head{display:flex;align-items:flex-start;gap:16px}.player-meta{min-width:0}.player-title{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0}.player-sub{font-size:13px;color:var(--muted);margin:3px 0 0;line-height:1.45}.player-box{position:relative;width:100%;background:#000;border-radius:var(--radius);overflow:hidden;aspect-ratio:var(--v-aspect, 1.7778);max-height:calc(100dvh - 190px);margin-inline:auto}.player-box.portrait{width:auto;height:calc(100dvh - 190px);aspect-ratio:var(--v-aspect, .5625)}.player-box video{position:absolute;inset:0;width:100%;height:100%;display:block;background:#000}.player-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s var(--ease)}.player-poster.hide{opacity:0;pointer-events:none}.big-play{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#0000000d,#00000059);transition:opacity .2s var(--ease)}.big-play.hide{opacity:0;pointer-events:none}.big-play div{width:76px;height:76px;border-radius:50%;background:#e9632af2;display:grid;place-items:center;box-shadow:0 8px 30px #00000080;transition:transform .18s var(--ease)}.big-play:hover div{transform:scale(1.08)}.big-play svg{width:28px;fill:#fff;translate:3px 0}.spinner{position:absolute;left:50%;top:50%;translate:-50% -50%;width:46px;height:46px;border-radius:50%;border:3px solid rgba(255,255,255,.22);border-top-color:#fff;animation:spin .8s linear infinite;opacity:0;transition:opacity .15s var(--ease);pointer-events:none}.spinner.show{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.controls{position:absolute;left:0;right:0;bottom:0;padding:34px 12px 8px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82));opacity:1;transition:opacity .24s var(--ease)}.player-box.hide-ui .controls{opacity:0;pointer-events:none}.player-box.hide-ui{cursor:none}.scrub{position:relative;height:16px;display:flex;align-items:center;cursor:pointer;margin-bottom:2px}.scrub-track{position:relative;width:100%;height:4px;border-radius:2px;background:#ffffff42;transition:height .12s var(--ease)}.scrub:hover .scrub-track{height:6px}.scrub-buffered,.scrub-played,.scrub-hover{position:absolute;left:0;top:0;height:100%;border-radius:2px}.scrub-buffered{background:#fff6}.scrub-hover{background:#ffffff47}.scrub-played{background:var(--orange)}.scrub-knob{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:var(--orange);translate:-50% -50%;scale:0;transition:scale .12s var(--ease);pointer-events:none}.scrub:hover .scrub-knob{scale:1}.scrub-tip{position:absolute;bottom:20px;translate:-50% 0;background:#000000e6;padding:3px 7px;border-radius:5px;font-size:11.5px;font-variant-numeric:tabular-nums;pointer-events:none;opacity:0;transition:opacity .12s var(--ease);white-space:nowrap}.scrub:hover .scrub-tip{opacity:1}.control-row{display:flex;align-items:center;gap:4px}.cbtn{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;color:#fff;transition:background .14s var(--ease)}.cbtn:hover{background:#ffffff24}.cbtn svg{width:20px;height:20px;fill:currentColor}.cbtn.stroke svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.time{font-size:12.5px;font-variant-numeric:tabular-nums;color:#ffffffeb;padding:0 8px;white-space:nowrap}.control-spacer{flex:1}.volume-wrap{display:flex;align-items:center}.volume{width:0;opacity:0;transition:width .18s var(--ease),opacity .18s var(--ease);overflow:hidden}.volume-wrap:hover .volume,.volume:focus-within{width:76px;opacity:1;margin-right:6px}.volume input{width:76px;accent-color:var(--orange);cursor:pointer;display:block}.menu-wrap{position:relative}.menu{position:absolute;right:0;bottom:46px;min-width:150px;background:#0e1426fa;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px;box-shadow:0 12px 40px #0009}.menu[hidden]{display:none}.menu-label{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-dim);padding:6px 10px 4px}.menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 10px;border-radius:7px;font-size:13px;color:#ffffffe6;transition:background .12s var(--ease)}.menu button:hover{background:#ffffff1a}.menu button[aria-checked=true]{color:var(--orange);font-weight:600}.menu button[aria-checked=true]:after{content:"✓"}.player-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11.5px;color:var(--muted-dim)}.kbd{font-family:var(--mono);font-size:10.5px;padding:2px 5px;border-radius:4px;background:#ffffff17;border:1px solid rgba(255,255,255,.12);color:var(--muted)}.rotate-hint{display:none;align-items:center;gap:10px;margin:14px auto 0;padding:9px 14px;border-radius:999px;background:#16264fe6;border:1px solid rgba(38,56,111,.9);color:var(--muted);font-size:12.5px;width:fit-content;max-width:calc(100% - 24px)}.rotate-hint svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:var(--orange);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.rotate-hint button{color:var(--paper);padding:2px 4px;font-size:12.5px;text-decoration:underline;text-underline-offset:3px}@media(max-width:780px)and (orientation:portrait){.deck:not(.hint-dismissed) .rotate-hint{display:flex}}.toast{position:fixed;left:50%;bottom:28px;translate:-50% 0;background:#0e1426f7;border:1px solid rgba(255,255,255,.14);padding:10px 16px;border-radius:10px;font-size:13px;z-index:200;box-shadow:0 10px 34px #00000080;animation:toast-in .2s var(--ease)}@keyframes toast-in{0%{opacity:0;translate:-50% 8px}to{opacity:1;translate:-50% 0}}.confidential{font-size:10.5px;color:var(--muted-dim);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boot{min-height:100dvh;display:grid;place-items:center;color:var(--muted);font-size:14px}@media(max-width:720px){:root{--chrome: 86px}.gate-card{padding:28px 22px 24px}.deck-sub,.confidential{display:none}.stage{padding:10px}.player-overlay{padding:12px}.player-box{max-height:calc(100dvh - 150px)}.player-box.portrait{height:calc(100dvh - 160px)}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.time{padding:0 4px;font-size:11.5px}.cbtn{width:34px;height:34px}}