:root{--bg: #0b0e13;--bg-panel: #151b26;--bg-card: #141a24;--fg: #e8ecf1;--fg-dim: #9aa7b8;--accent: #4f7cff;--accent-press: #3d63d6;--warn: #e6b34d;--radius: 12px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Hiragino Sans,Yu Gothic UI,Noto Sans JP,sans-serif;line-height:1.6;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none}.hidden{display:none!important}#stage{position:fixed;inset:0;background:#000}.view-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.xr-canvas{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.video-src{position:absolute;width:2px;height:2px;opacity:0;pointer-events:none}#ui{position:relative;z-index:10}.loading{position:fixed;inset:0;display:grid;place-items:center;color:var(--fg-dim);margin:0}.start,.list-page{position:relative;min-height:100dvh;display:flex;flex-direction:column;gap:12px;max-width:560px;margin:0 auto;padding:calc(var(--safe-top) + 20px) calc(var(--safe-right) + 20px) calc(var(--safe-bottom) + 28px) calc(var(--safe-left) + 20px);background:var(--bg)}.page-title{font-size:1.3rem;margin:0}.meta{color:var(--fg-dim);margin:0;font-size:.9rem}.note{color:var(--fg-dim);font-size:.82rem;margin:0}.note.warn{color:var(--warn)}.footer-note{margin-top:auto;text-align:center;padding-top:16px}a.footer-note{color:var(--fg-dim);text-decoration:underline}.poster{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius);background:#000}.saver-row{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--fg-dim);padding:4px 0}.saver-row input{width:20px;height:20px;accent-color:var(--accent)}.btn{display:block;width:100%;min-height:52px;padding:12px 16px;border:none;border-radius:var(--radius);font-size:1rem;font-family:inherit;cursor:pointer;text-align:center;text-decoration:none;line-height:1.4}.btn-primary{background:var(--accent);color:#fff}.btn-primary:active{background:var(--accent-press)}.btn-primary:disabled{background:#2a3242;color:var(--fg-dim);cursor:default}.btn-secondary{background:transparent;color:var(--fg);border:1px solid #3a4356}.btn-secondary:active{background:#1c2330}.btn-big{min-height:58px;font-size:1.05rem}.link-btn{display:flex;align-items:center;justify-content:center}.overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#04060ae0;padding:calc(var(--safe-top) + 20px) calc(var(--safe-right) + 20px) calc(var(--safe-bottom) + 20px) calc(var(--safe-left) + 20px)}.overlay-panel{width:100%;max-width:440px;background:var(--bg-panel);border-radius:var(--radius);padding:20px}.overlay-title{font-size:1.1rem;margin:0 0 10px}.overlay-line{font-size:.9rem;color:var(--fg);margin:0 0 8px}.overlay-buttons{display:flex;flex-direction:column;gap:10px;margin-top:14px}.calibration-host{align-items:stretch;justify-content:stretch;padding:0;background:var(--bg)}.toast{position:fixed;z-index:60;left:50%;bottom:calc(var(--safe-bottom) + 28px);transform:translate(-50%);max-width:min(92vw,480px);background:#1c2330;color:var(--fg);font-size:.85rem;padding:10px 16px;border-radius:10px;box-shadow:0 4px 16px #00000080;pointer-events:none}.controlbar{position:fixed;z-index:20;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:8px;padding:12px calc(var(--safe-right) + 14px) calc(var(--safe-bottom) + 12px) calc(var(--safe-left) + 14px);background:linear-gradient(to top,#04060ae6,#04060a00)}.ctl-row{display:flex;align-items:center;gap:10px}.ctl-buttons{flex-wrap:wrap}.seek{flex:1;min-width:0;height:28px;accent-color:var(--accent);touch-action:none}.time{font-size:.8rem;color:var(--fg-dim);min-width:3.5em;text-align:right}.btn-ctl{min-height:40px;padding:8px 12px;border:1px solid #3a4356;border-radius:10px;background:#151b26d9;color:var(--fg);font-size:.82rem;font-family:inherit;cursor:pointer}.btn-ctl:active{background:#232c3d}.btn-ctl-accent{background:var(--accent);border-color:var(--accent);color:#fff}.stereo-hud{position:fixed;z-index:30;top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 10px);right:calc(var(--safe-right) + 10px);display:flex;justify-content:space-between;pointer-events:none}.hud-btn{pointer-events:auto;min-height:40px;padding:8px 14px;border:none;border-radius:10px;background:#151b2699;color:var(--fg);font-size:.82rem;font-family:inherit;cursor:pointer}.end-guide{flex-direction:column;gap:16px}.end-halves{display:flex;width:100%;gap:8px}.end-half{flex:1;display:grid;place-items:center;min-height:90px;background:var(--bg-panel);border-radius:var(--radius);font-size:.9rem;text-align:center;padding:10px}.cards{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:480px){.cards{grid-template-columns:repeat(2,1fr)}}.card{display:block;background:var(--bg-card);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--fg)}.card:active{background:#1a2230}.card-poster{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:#000}.card-body{padding:12px 14px 14px}.card-title{font-size:1rem;margin:0 0 4px}.card-meta{font-size:.8rem;color:var(--fg-dim);margin:0}.card-note{font-size:.75rem;color:var(--fg-dim);margin:4px 0 0}