:root{--bg: #05060a;--panel: rgba(12, 14, 20, .82);--line: rgba(255, 255, 255, .09);--ink: #f2f4f8;--dim: #8a92a2;--accent: #7fd1de}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.stage{position:relative;width:100%;height:100%;overflow:hidden}.scene-layer{position:absolute;top:0;right:0;bottom:0;left:0}.scene-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;pointer-events:none}.scene-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.ph-mark{font-size:4rem;opacity:.5}.ph-name{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.ph-sub{color:var(--dim);font-size:.9rem}.mode-tint{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:background .6s ease}.hud{position:absolute;z-index:10;transition:opacity .4s ease}.idle .hud{opacity:0;pointer-events:none}.top-left{top:28px;left:32px}.bottom{bottom:0;left:0;right:0;padding:0 32px 26px}.brand{font-size:.72rem;letter-spacing:.32em;font-weight:700;color:var(--accent);opacity:.85;margin-bottom:10px}.scene-title{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.05}.scene-sub{color:var(--dim);font-size:1rem;margin-top:6px}.control-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:16px;padding:12px 16px}.pill{background:transparent;border:1px solid var(--line);color:var(--dim);padding:8px 14px;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.pill:hover{color:var(--ink);border-color:#ffffff38}.pill.active{background:var(--accent);color:#041014;border-color:var(--accent)}.mode-pills,.timer-pills{display:flex;gap:6px}.count{color:var(--ink);font-size:.85rem;font-variant-numeric:tabular-nums;padding:8px 6px}.vol{display:flex;align-items:center;gap:8px}.vol input[type=range]{width:90px;accent-color:var(--accent)}.mode-desc{color:var(--dim);font-size:.8rem;margin-top:8px}.now-playing{color:var(--accent);opacity:.9}.rail{position:absolute;top:0;right:0;bottom:0;width:340px;z-index:20;background:#080a0ff0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--line);padding:24px;overflow-y:auto}.rail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-weight:700}.rail-head button{background:none;border:none;color:var(--dim);font-size:1.1rem;cursor:pointer}.rail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scene-tile{background:transparent;border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden;cursor:pointer;text-align:left;transition:border-color .15s ease}.scene-tile:hover{border-color:#ffffff40}.scene-tile.selected{border-color:var(--accent)}.tile-thumb{height:74px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.tile-name{font-size:.85rem;font-weight:700;padding:10px 12px 2px}.tile-sub{font-size:.72rem;color:var(--dim);padding:0 12px 12px}@media (max-width: 640px){.top-left{left:20px;top:18px}.bottom{padding:0 16px 16px}.control-bar{gap:10px}.rail{width:100%}}