:root{color-scheme:dark;--bg: #0c0d10;--fg: #f2f3f5;--muted: #8b8f99;--accent: #f2f3f5;--accent-fg: #0c0d10;--shell-radius: 12px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;min-height:100vh;letter-spacing:.01em}#app{max-width:1100px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;min-height:100vh}.player-shell{position:relative;background:#000;border-radius:var(--shell-radius);overflow:hidden;aspect-ratio:16 / 9;flex:1;max-height:80vh}.player-shell video{width:100%;height:100%;display:block}.entry-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0d10f5;-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);display:flex;align-items:center;justify-content:center;transition:opacity .24s ease}.entry-overlay[hidden]{display:none}.entry-overlay__inner{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem;text-align:center;max-width:28rem}.entry-overlay__brand{margin:0;font-weight:500;font-size:.9rem;letter-spacing:.32em;color:var(--fg);text-transform:uppercase}.entry-overlay__status{margin:0;color:var(--muted);font-size:.95rem;font-variant-numeric:tabular-nums;min-height:1.2em}.entry-overlay__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--accent);color:var(--accent-fg);padding:.85rem 2.5rem;font-size:.95rem;font-weight:500;letter-spacing:.08em;border-radius:999px;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.entry-overlay__button:hover{transform:translateY(-1px)}.entry-overlay__button:active{transform:translateY(0);opacity:.85}.entry-overlay__button:disabled{cursor:default;opacity:.4;transform:none}.entry-overlay__button[hidden]{display:none}.entry-overlay__button--ghost{background:transparent;color:var(--fg);border:1px solid rgba(242,243,245,.4)}.entry-overlay__progress{width:22rem;max-width:80vw;display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.entry-overlay__progress[hidden]{display:none}.entry-overlay__progress-fill{height:4px;width:0%;background:var(--accent);border-radius:999px;transition:width .12s ease}.entry-overlay__progress:before{content:"";position:relative;width:100%;height:4px;background:#f2f3f51f;border-radius:999px;margin-bottom:-4px}.entry-overlay__progress-text{color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.debug-controls{position:absolute;bottom:1rem;right:1rem;display:flex;gap:.5rem;z-index:2}.debug-controls__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(242,243,245,.4);background:#0c0d10b3;color:var(--fg);padding:.5rem 1rem;font-size:.85rem;letter-spacing:.06em;border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .12s ease}.debug-controls__button[hidden]{display:none}.debug-controls__button:disabled{opacity:.4;cursor:default}.app-footer{color:var(--muted);font-size:.75rem;letter-spacing:.06em;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.app-footer__pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:999px;background:#f2f3f514;font-variant-numeric:tabular-nums;letter-spacing:.04em}.app-footer__pill:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--muted)}.app-footer__pill[data-connected=true]:before{background:#6dd58c}.app-footer__pill[data-role=host]{color:var(--fg)}