*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#10110f;color:#f1f0e9;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #efa176;outline-offset:4px}#viewport{position:absolute;inset:0 0 56px;overflow:hidden;display:flex;align-items:center;justify-content:center}#stage{position:absolute;width:1920px;height:1080px;transform-origin:center center;background:#141512;overflow:hidden}.slide-frame{position:absolute;left:0;top:108px;width:1536px;height:864px;overflow:hidden;background:#141512;transition:transform .35s;transform-origin:left center}.slide-frame iframe{position:absolute;left:0;top:0;width:1280px;height:720px;border:0;transform:scale(1.2);transform-origin:top left;display:block}.stage-label{position:absolute;left:52px;top:50px;display:flex;align-items:center;gap:20px;font-size:13px;letter-spacing:.12em;color:#9da68f}.stage-label>span:first-child{font-size:16px;letter-spacing:.28em;color:#eceee4}.stage-label i{width:35px;height:1px;background:#6b775c}.selfie-space{position:absolute;left:1552px;top:282px;width:356px;height:516px;border-radius:32px;background:linear-gradient(155deg,#272f22,#1c2118);border:2px solid #687b55;overflow:hidden;display:flex;align-items:center;flex-direction:column;text-align:center;box-shadow:0 18px 50px #0003}.selfie-space>img{display:block;width:245px;height:auto;margin:35px 0 0}.selfie-portrait{width:140px;height:160px;margin-top:28px;opacity:.38}.selfie-portrait svg{width:100%;height:100%;fill:none;stroke:#c1cfad;stroke-width:2}.scan-line{stroke:#efa176;stroke-dasharray:12 6;animation:scan 4s ease-in-out infinite}.selfie-space p{font-size:26px;line-height:1.25;color:#9cae89;margin:22px 0}.selfie-space strong{font-weight:400;color:#f1f0e9}.selfie-space small{font-size:9px;color:#72855f;letter-spacing:.1em;margin:8px 20px}.side-note{position:absolute;left:1580px;top:850px;font-size:13px;letter-spacing:.12em;color:#aabb95;line-height:1.7}.side-note span{letter-spacing:0;color:#697e56;font-size:17px}.stage-bottom{position:absolute;bottom:40px;left:52px;right:410px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em;color:#69775b}.player-bar{position:absolute;left:0;right:0;bottom:0;height:56px;background:#10110f;border-top:1px solid #ffffff16;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.scene-caption{display:flex;align-items:center;gap:15px;font-size:10px;color:#9da88e;min-width:220px}.scene-caption b{font-weight:400;color:#efa176;font-variant-numeric:tabular-nums}.scene-dots{display:flex;gap:8px}.scene-dots button{width:7px;height:7px;padding:0;border:0;border-radius:10px;background:#4f5e41;transition:.2s}.scene-dots button[aria-current=true]{width:25px;background:#efa176}.player-actions{display:flex;align-items:center;gap:8px}.player-actions button,.player-actions a{border:1px solid #ffffff25;background:none;color:#dce2d2;padding:8px 10px;font-size:10px;text-decoration:none;white-space:nowrap}.player-actions button:disabled{opacity:.25;cursor:default}.player-actions button[aria-pressed=true]{border-color:#72885b;color:#b9ce9f}.no-camera .slide-frame{left:192px}.no-camera .selfie-space,.no-camera .side-note{display:none}.no-camera .stage-bottom{right:52px}.render-mode .player-bar{display:none}.render-mode #viewport{bottom:0}.render-mode .selfie-space{visibility:hidden}.render-mode .side-note{visibility:hidden}@keyframes scan{50%{transform:translateY(-20px)}}@media(max-width:900px){.scene-caption{min-width:0}.scene-caption span{display:none}.scene-dots{gap:6px}.player-bar{padding:0 12px;gap:10px}.player-actions{gap:5px}.player-actions button,.player-actions a{padding:8px;font-size:9px}#toggle-motion{display:none}}@media(max-width:520px){#toggle-camera{display:none}.scene-dots{gap:5px}.scene-dots button{width:5px;height:5px}.scene-dots button[aria-current=true]{width:14px}.scene-caption{font-size:8px}.player-actions button,.player-actions a{padding:7px 9px}.player-bar{height:50px}#viewport{bottom:50px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}