:root{--bg: #0f1411;--panel: rgba(20, 29, 24, .88);--line: rgba(190, 221, 195, .16);--text: #f2efe3;--muted: #b8c0b1;--accent: #d4a85a;--accent-strong: #b86f2f;--shadow: 0 24px 60px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at top,rgba(212,168,90,.16),transparent 35%),linear-gradient(180deg,#0b0f0d,#101712)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,black,transparent);mask-image:linear-gradient(180deg,black,transparent)}button,input{font:inherit}#root{min-height:100vh}.media-bridge-audio{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;inset:auto auto 0 0}.app-shell{width:min(1100px,calc(100vw - 32px));margin:0 auto;padding:28px 0 64px}.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}.app-topbar{display:flex;justify-content:flex-end;margin-bottom:10px}.hero{margin-bottom:18px}.locale-picker{position:relative;display:inline-flex;flex-direction:column;align-items:flex-end}.locale-picker-button{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:#ffffff08;color:#e8eee4b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.locale-picker-button:hover:not(:disabled),.locale-picker.open .locale-picker-button{transform:none;color:#f2efe3eb;border-color:#d4a85a2e;background:#ffffff0d}.locale-picker-current{font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.locale-picker-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:172px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,#18211bf5,#0a0e0cf0),#0a0e0cf0;box-shadow:0 18px 42px #00000057;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40}.locale-picker-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border-radius:12px;background:transparent;color:#ebf0e6e0}.locale-picker-option:hover:not(:disabled),.locale-picker-option.active{transform:none;background:#ffffff0d}.locale-picker-option.active{color:#f4dfb5}.locale-picker-option-main{display:inline-flex;align-items:baseline;gap:10px}.locale-picker-option-short{min-width:2.2em;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.locale-picker-option-label{font-size:.9rem}.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:12px 16px;border:1px solid rgba(255,255,255,.06);border-radius:20px;background:#0e1410b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-toolbar-clusters{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.view-toolbar-group{display:flex;align-items:center;gap:12px}.view-toolbar-label{color:var(--muted);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.view-toolbar-hint{margin:0;color:#d6ddcf;font-size:.9rem}.eyebrow,.status-label,.deck-title,label{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--muted)}h1{margin:0 0 8px;font-family:Cinzel,serif;font-size:clamp(1.7rem,3.8vw,2.8rem);line-height:1.08}.lead{max-width:620px;margin:0;color:#d7decf;font-size:.96rem}.controls-card,.deck-card,.debug-panel,.master-console,.scene-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.status-value,.deck-scene,.deck-track,.deck-volume{margin:0}.status-value{font-size:1.15rem;font-weight:700;max-width:100%}.truncate-fade{display:block;overflow:hidden;white-space:nowrap;text-overflow:clip;mask-image:linear-gradient(90deg,#000 0%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 84%,transparent 100%)}.fixed-metric{display:inline-block;min-width:4ch}.percent-value{text-align:right;font-variant-numeric:tabular-nums}button{border:0;border-radius:999px;padding:12px 18px;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:default;opacity:.72}.primary-button,.scene-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#1c1308;font-weight:800}.ghost-button{background:#ffffff0f;color:var(--text)}.controls-card{margin-top:18px;padding:16px 18px}.controls-collapsed-dock{display:flex;justify-content:flex-end;margin-top:18px}.controls-mobile-shell{position:relative;z-index:24}.controls-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.controls-mobile-title{color:#d6ddcf9e;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.controls-mobile-chip-row{margin-top:10px;display:flex;justify-content:flex-end}.controls-toggle-button{display:inline-grid;place-items:center;width:42px;min-width:42px;height:42px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#0f1511c2;color:#e8eee4c2;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.controls-toggle-button:hover:not(:disabled){background:#d4a85a1a;color:#f0dfb7;border-color:#d4a85a2e}.master-console{margin-top:18px;padding:22px;position:sticky;top:12px;z-index:28;background:#030504eb;border-color:#ffffff0f}.transport-line{display:flex;align-items:center;gap:10px;min-width:0}.transport-chip{flex:0 0 auto;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#f0dfb7;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.transport-chip-loading,.transport-chip-switching{color:#ffe5b0;background:#d4a85a1f;border-color:#d4a85a3d}.transport-chip-playing,.transport-chip-ready{color:#dff0cf;background:#7ba86c24;border-color:#7ba86c3d}.transport-chip-paused,.transport-chip-stopped{color:#e7ddd0;background:#ffffff0f}.transport-chip-pausing{color:#ffe5b0;background:#d4a85a24;border-color:#d4a85a3d;animation:transport-chip-pulse .95s ease-in-out infinite}.transport-chip-error{color:#ffd7c0;background:#b86f2f24;border-color:#b86f2f47}.master-player{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px}.master-player-summary,.player-summary{display:flex;align-items:center;gap:14px;min-width:0}.player-art{position:relative;display:grid;place-items:center;overflow:hidden;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#d4a85a38,#ffffff0f),#ffffff08;color:#f0dfb7;font-size:1.35rem;box-shadow:inset 0 1px #ffffff14;isolation:isolate}.player-art-image{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;display:block}.player-art-aura{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;border-radius:24px;background:radial-gradient(circle,#d4a85a33,#d4a85a00 72%);opacity:0;transform:scale(.94);transition:opacity .18s ease,transform .18s ease;z-index:-1;pointer-events:none}.player-art-live{box-shadow:inset 0 1px #ffffff14,0 0 0 1px #d4a85a1f,0 16px 28px #00000038,0 0 28px #d4a85a24}.master-console-live .player-art-aura{opacity:1;transform:scale(1);animation:player-art-breathe 2.6s ease-in-out infinite}.transport-chip-live{position:relative;overflow:hidden;background:linear-gradient(90deg,#7ba86c33,#abd18724),#7ba86c24;border-color:#abd18747;box-shadow:0 0 0 1px #abd1870f,0 0 18px #7ba86c1a}.transport-chip-live:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.18) 48%,transparent 100%);transform:translate(-130%);animation:transport-chip-sheen 2.4s ease-in-out infinite;pointer-events:none}.player-summary-copy{min-width:0;flex:1 1 auto}.player-context-row{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:8px}.player-scene-chip{flex:0 0 auto;max-width:220px;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e8eee4e6;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.player-transport-line{flex:1 1 auto}.player-transport-copy{color:#efe9d9;font-size:.94rem;font-weight:700}.player-transport-copy-idle,.player-transport-copy-loading{color:#efe9d9b8}.player-track,.player-subline{margin:0}.player-track{font-size:1.02rem;font-weight:700;text-align:left}.player-subline{margin-top:4px;color:var(--muted);font-size:.84rem;text-align:left}.master-player-transport{display:flex;justify-content:flex-end;flex:0 0 auto}.player-time{min-width:3.5ch;color:#f0efe8;font-size:.95rem;font-variant-numeric:tabular-nums}.player-progress-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:12px;margin-top:8px;grid-column:1 / -1}.filled-range{--range-fill: 0%;--range-track: rgba(255, 255, 255, .2);--range-progress-color: #f4f1e6;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:18px;margin:0;padding:0;background:transparent;border:0;accent-color:transparent}.player-range{width:100%}.filled-range::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--range-progress-color) 0%,var(--range-progress-color) var(--range-fill),var(--range-track) var(--range-fill),var(--range-track) 100%)}.filled-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:999px;background:transparent;box-shadow:none;opacity:0}.filled-range::-moz-range-track{height:4px;border:0;border-radius:999px;background:var(--range-track)}.filled-range::-moz-range-progress{height:4px;border-radius:999px;background:var(--range-progress-color)}.filled-range::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:999px;background:transparent;box-shadow:none;opacity:0}.player-volume-inline{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-width:108px;color:#f0efe8b3}.player-volume-value{display:none}.master-volume-control{--volume-fill-current: 0%;--volume-fill-target: 0%;--volume-travel-offset: 0%;--volume-travel-width: 0%;position:relative;width:100%;min-width:84px;max-width:104px;height:18px;display:flex;align-items:center}.master-volume-track-base,.master-volume-track-target,.master-volume-track-current,.master-volume-track-travel{position:absolute;left:0;right:0;height:4px;border-radius:999px;pointer-events:none}.master-volume-track-base{background:#ffffff29}.master-volume-track-target{right:auto;width:var(--volume-fill-target);background:#d4a85a57}.master-volume-track-current{right:auto;width:var(--volume-fill-current);background:#f0efe8f5;box-shadow:0 0 12px #f4efe62e}.master-volume-track-travel{right:auto;left:var(--volume-travel-offset);width:var(--volume-travel-width);opacity:0;height:6px;background:linear-gradient(90deg,#d4a85a1f,#d4a85ab8,#f4efe64d);box-shadow:0 0 12px #d4a85a38}.master-volume-control.ramping .master-volume-track-travel{opacity:1;animation:master-volume-travel-pulse 1s ease-in-out infinite}.master-volume-current-marker,.master-volume-target-marker{position:absolute;top:50%;width:10px;height:10px;border-radius:999px;transform:translate(-50%,-50%);pointer-events:none}.master-volume-current-marker{left:var(--volume-fill-current);width:8px;height:8px;border:2px solid rgba(244,239,230,.96);background:#0b0f0df2;box-shadow:0 0 0 2px #f4efe61a}.master-volume-target-marker{left:var(--volume-fill-target);width:12px;height:12px;border:2px solid rgba(212,168,90,.98);background:#0b0f0df2;box-shadow:0 0 0 3px #d4a85a29}.master-volume-control.ramping .master-volume-target-marker{animation:master-volume-marker-pulse 1.15s ease-in-out infinite}.master-volume-range{width:100%}.master-volume-range-overlay{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;z-index:2;width:100%;min-width:0;max-width:none;--range-progress-color: transparent;--range-track: transparent}.master-volume-range-overlay::-webkit-slider-runnable-track{background:transparent}.master-volume-range-overlay::-moz-range-track,.master-volume-range-overlay::-moz-range-progress{background:transparent}.master-volume-range-overlay::-webkit-slider-thumb,.master-volume-range-overlay::-moz-range-thumb{-webkit-appearance:none;opacity:0}.player-transport{display:flex;align-items:center;gap:10px}@keyframes master-volume-travel-pulse{0%,to{opacity:.38;filter:brightness(.96)}50%{opacity:.88;filter:brightness(1.08)}}@keyframes master-volume-marker-pulse{0%,to{box-shadow:0 0 0 3px #d4a85a1f}50%{box-shadow:0 0 0 5px #d4a85a38}}@keyframes scene-loading-shimmer{0%{transform:translate(-120%)}to{transform:translate(260%)}}@keyframes scene-spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes transport-chip-pulse{0%,to{filter:brightness(.98);box-shadow:0 0 #d4a85a0f}50%{filter:brightness(1.06);box-shadow:0 0 0 4px #d4a85a14}}@keyframes player-art-breathe{0%,to{opacity:.72;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}@keyframes transport-chip-sheen{0%,18%{transform:translate(-130%);opacity:0}34%{transform:translate(130%);opacity:1}to{transform:translate(130%);opacity:0}}.player-transport-button,.player-play-toggle{min-height:44px}.player-transport-button{display:grid;place-items:center;min-width:38px;width:38px;padding:0;background:transparent;color:#d4a85af2;border-radius:999px;text-shadow:0 0 16px rgba(212,168,90,.2)}.player-play-toggle{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;background:#f5f3ea;color:#121212;box-shadow:inset 0 1px #ffffffa6,0 8px 18px #0000004d}.player-play-toggle.pending{color:#5b420d;box-shadow:inset 0 1px #ffffffb8,0 8px 18px #0000004d,0 0 0 4px #d4a85a1f;animation:transport-chip-pulse .95s ease-in-out infinite}.player-transport-button:hover:not(:disabled),.player-play-toggle:hover:not(:disabled){transform:translateY(-1px) scale(1.03)}.player-transport-button:hover:not(:disabled){color:#f0dfb7;background:#d4a85a14}.player-transport-button:disabled,.player-play-toggle:disabled{opacity:.4}.slider-row{display:flex;align-items:center;gap:16px}.controls-header,.debug-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:6px}.controls-title{margin:0;font-family:Cinzel,serif;font-size:1.15rem}.view-mode-switch{display:inline-flex;padding:4px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.view-mode-button{padding:8px 14px;background:transparent;color:var(--muted);font-weight:700}.view-mode-button.active{background:#d4a85a29;color:#f6e6bc}.controls-collapsed-summary{margin-top:14px}.hotkeys-hint{margin:0;color:#cfd6c8;font-size:.88rem}.slider-row input[type=range]{flex:1 1 420px;width:auto;accent-color:var(--accent)}.seconds-value{min-width:5ch;text-align:right}.controls-card-compact{background:#0f1511cc}.controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.control-tile{padding:12px 14px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:linear-gradient(180deg,#ffffff0a,#080c0a33),#080c0a3d}.control-description{margin:0 0 12px;color:var(--muted);font-size:.88rem;line-height:1.45}.compact-slider-row{gap:12px}.compact-slider-row input[type=range]{flex-basis:0}.controls-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}.controls-chip-list,.technical-strip{display:flex;flex-wrap:wrap;gap:10px}.controls-chip{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--muted);font-size:.82rem;letter-spacing:.04em}.controls-chip-live{color:#f6e4b8;border-color:#d4a85a47;background:#d4a85a1a}.scene-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:24px}.desktop-hidden-scenes-dock{display:block}.mobile-hidden-scenes-dock,.mobile-scenes-dock{display:none}.hidden-scenes-dock{margin-top:22px;padding:14px 16px;background:linear-gradient(180deg,#d4a85a14,#101713cc),#101713b8;border:1px solid rgba(190,221,195,.14);border-radius:20px}.hidden-scenes-dock-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.hidden-scenes-header-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;border:0;background:transparent;color:inherit;text-align:left}.hidden-scenes-dock-summary{display:inline-flex;align-items:center;gap:10px}.hidden-scenes-title{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--muted)}.hidden-scenes-count{min-width:2.5rem;padding:4px 10px;border-radius:999px;background:#ffffff0f;color:#f0dfb7;font-size:.8rem;text-align:center}.hidden-scenes-toggle{display:inline-grid;place-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e8eee4c2}.hidden-scenes-dock.collapsed{padding-bottom:12px}.hidden-scenes-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.hidden-scenes-grid[hidden]{display:none!important}.mobile-scenes-dock{margin-top:16px}.mobile-scenes-hint{margin:0 0 8px;color:#d6ddcf80;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.mobile-scene-inline-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.mobile-scenes-list{display:grid;gap:8px;position:relative}.mobile-scene-transfer-spark{position:absolute;left:calc(var(--spark-x) - 10px);top:calc(var(--spark-y) - 10px);display:inline-grid;place-items:center;width:20px;height:20px;border-radius:999px;color:#ffe6ac;background:radial-gradient(circle,rgba(255,237,186,.3),transparent 68%);filter:drop-shadow(0 0 10px rgba(255,214,129,.38)) drop-shadow(0 0 18px rgba(255,214,129,.2));pointer-events:none;z-index:6;opacity:0;animation:mobile-scene-transfer-spark var(--spark-duration, 6s) linear forwards}.mobile-scene-item{--scene-accent: 212 168 90;--swipe-offset: 0px;--swipe-progress: 0;position:relative;overflow:hidden;border-radius:16px;border:1px solid rgb(var(--scene-accent) / .1);background:linear-gradient(180deg,rgb(var(--scene-accent) / .06),#080c0a24),#ffffff06;box-shadow:inset 0 1px #ffffff06,0 0 0 1px rgb(var(--scene-accent) / .02),0 0 10px rgb(var(--scene-accent) / .05);transition:border-color var(--scene-transition-duration, .22s) ease,background var(--scene-transition-duration, .22s) ease,box-shadow var(--scene-transition-duration, .22s) ease,opacity var(--scene-transition-duration, .22s) ease;opacity:.9}.mobile-scene-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 16% 18%,rgb(var(--scene-accent) / .26),transparent 42%),linear-gradient(180deg,rgb(var(--scene-accent) / .1),transparent 60%);opacity:0;pointer-events:none;transition:opacity var(--scene-transition-duration, .26s) ease,transform var(--scene-transition-duration, .26s) ease;transform:scale(.985)}.mobile-scene-item.active{border-color:rgb(var(--scene-accent) / .32);background:linear-gradient(180deg,rgb(var(--scene-accent) / .15),#080c0a33),#ffffff0d;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px rgb(var(--scene-accent) / .08),0 0 22px rgb(var(--scene-accent) / .18);opacity:1}.mobile-scene-item.active:after,.mobile-scene-item.scene-state-playing:after,.mobile-scene-item.scene-state-paused:after{opacity:.56;transform:scale(1)}.mobile-scene-item.scene-state-loading:after,.mobile-scene-item.scene-state-incoming:after{opacity:.58;transform:scale(1)}.mobile-scene-item.scene-state-outgoing:after,.mobile-scene-item.scene-state-pausing:after{opacity:.16;transform:scale(.995)}.mobile-scene-item.scene-state-incoming,.mobile-scene-item.scene-state-loading{border-color:rgb(var(--scene-accent) / .32);box-shadow:inset 0 1px #ffffff0f,0 0 0 1px rgb(var(--scene-accent) / .08),0 0 24px rgb(var(--scene-accent) / .19);opacity:1}.mobile-scene-item.scene-state-outgoing,.mobile-scene-item.scene-state-pausing{border-color:rgb(var(--scene-accent) / .16);box-shadow:inset 0 1px #ffffff08,0 0 0 1px rgb(var(--scene-accent) / .03),0 0 12px rgb(var(--scene-accent) / .08);opacity:.82}.mobile-scene-item:not(.active) .mobile-scene-name{color:#f2efe3d1}.mobile-scene-item:not(.active) .mobile-scene-meta{color:#bcc3b6b8}.mobile-scene-item:not(.active) .mobile-scene-expand,.mobile-scene-item:not(.active) .mobile-scene-play{border-color:#ffffff0f;background:linear-gradient(180deg,#ffffff0d,#080c0a24),#ffffff05;color:#f0dfb7ad}.mobile-scene-name,.mobile-scene-meta,.mobile-scene-expand,.mobile-scene-play{transition:color var(--scene-transition-duration, .22s) ease,border-color var(--scene-transition-duration, .22s) ease,background var(--scene-transition-duration, .22s) ease,box-shadow var(--scene-transition-duration, .22s) ease,opacity var(--scene-transition-duration, .22s) ease}.mobile-scene-item.active .mobile-scene-name{color:#faf5e8}.mobile-scene-item.active .mobile-scene-meta{color:#d6ddcfe0}.mobile-scene-item.scene-state-incoming .mobile-scene-name,.mobile-scene-item.scene-state-loading .mobile-scene-name{color:#fff4dd}.mobile-scene-item.scene-state-outgoing .mobile-scene-name,.mobile-scene-item.scene-state-pausing .mobile-scene-name{color:#f2efe3c2}.mobile-scene-item.swipe-ready{border-color:#b86f2f57;box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #b86f2f14,0 0 18px #b86f2f29}.mobile-scene-swipe-action{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding-right:14px;background:linear-gradient(270deg,rgba(184,111,47,.16),rgba(184,111,47,.04) 48%,transparent);opacity:calc(.12 + var(--swipe-progress, 0) * .88);pointer-events:none}.mobile-scene-swipe-badge{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#b86f2f2e;border:1px solid rgba(244,202,160,.24);color:#f4caa0;box-shadow:0 0 16px #b86f2f24}@keyframes mobile-scene-transfer-spark{0%{opacity:0;transform:translate(0) scale(.58) rotate(-10deg)}8%{opacity:1}68%{opacity:1;transform:translate(calc(var(--spark-dx) * .7),calc(var(--spark-dy) * .68 - 16px)) scale(.96) rotate(10deg)}to{opacity:0;transform:translate(var(--spark-dx),var(--spark-dy)) scale(.76) rotate(18deg)}}.mobile-scene-content{position:relative;z-index:1;display:grid;gap:10px;padding:10px 12px;transform:translate(calc(var(--swipe-offset, 0px) * -1));transition:transform .16s ease;touch-action:pan-y}.mobile-scene-item.swiping .mobile-scene-content{transition:none}.mobile-scene-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.mobile-scene-copy{min-width:0}.mobile-scene-name{margin:0;color:#f2efe3;font-size:.94rem;font-weight:700}.mobile-scene-meta{margin:4px 0 0;color:var(--muted);font-size:.78rem;line-height:1.25}.mobile-scene-actions{display:inline-flex;align-items:center;gap:8px}.mobile-scene-expand,.mobile-scene-play{display:inline-grid;place-items:center;position:relative;overflow:hidden;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff14,#080c0a2e),#ffffff0a;color:#f0dfb7}.mobile-scene-expand.active,.mobile-scene-play.active{color:#f8e5b9;border-color:rgb(var(--scene-accent) / .28);background:linear-gradient(180deg,rgb(var(--scene-accent) / .18),#080c0a2e),#ffffff0a;box-shadow:0 0 0 1px rgb(var(--scene-accent) / .08),0 0 12px rgb(var(--scene-accent) / .14)}.mobile-scene-play-icon{position:relative;z-index:1;display:inline-grid;place-items:center}.mobile-scene-play.transitioning,.mobile-scene-transport-play.transitioning{position:relative;overflow:hidden}.mobile-scene-play.transitioning:before,.mobile-scene-transport-play.transitioning:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgb(var(--scene-accent) / .24),transparent 70%);opacity:.65;pointer-events:none}.mobile-scene-play.transitioning:after,.mobile-scene-transport-play.transitioning:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none}.mobile-scene-play.transition-incoming,.mobile-scene-transport-play.transition-incoming{color:#1e1608;background:linear-gradient(180deg,rgb(var(--scene-accent) / .92),rgb(var(--scene-accent) / .8)),#ffffff0d;box-shadow:inset 0 1px #fff3,0 10px 22px rgb(var(--scene-accent) / .22)}.mobile-scene-play.transition-incoming:after,.mobile-scene-transport-play.transition-incoming:after{background:linear-gradient(110deg,transparent 0%,rgb(255 255 255 / .1) 22%,rgb(255 255 255 / .32) 48%,transparent 72%);transform:translate(-130%);animation:mobile-scene-play-flow-in 1s ease-in-out infinite}.mobile-scene-play.transition-outgoing,.mobile-scene-play.transition-pausing,.mobile-scene-transport-play.transition-outgoing,.mobile-scene-transport-play.transition-pausing{color:#f6e6bbe6;background:linear-gradient(180deg,rgb(var(--scene-accent) / .22),#080c0a38),#ffffff0a;box-shadow:inset 0 1px #ffffff14,0 8px 18px rgb(var(--scene-accent) / .12)}.mobile-scene-play.transition-outgoing:after,.mobile-scene-play.transition-pausing:after,.mobile-scene-transport-play.transition-outgoing:after,.mobile-scene-transport-play.transition-pausing:after{background:linear-gradient(250deg,transparent 0%,rgb(var(--scene-accent) / .08) 26%,rgb(var(--scene-accent) / .26) 54%,transparent 78%);transform:translate(130%);animation:mobile-scene-play-flow-out 1.1s ease-in-out infinite}.mobile-scene-tray{display:grid;gap:10px;padding-top:2px}.mobile-scene-tray:before{content:"";display:block;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--scene-accent) / .28),transparent)}.mobile-scene-tray-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.mobile-scene-volume{display:grid;gap:8px}.mobile-scene-volume-label{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.mobile-scene-volume-range{width:100%}.mobile-scene-volume-value{color:rgb(var(--scene-accent) / .9)}.mobile-scene-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;width:fit-content;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0d,#080c0a2e),#ffffff08;color:#d6ddcfd1;font-size:.78rem;font-weight:700}.mobile-scene-toggle.active{color:#f8e5b9;border-color:rgb(var(--scene-accent) / .28);background:linear-gradient(180deg,rgb(var(--scene-accent) / .16),#080c0a2e),#ffffff08;box-shadow:0 0 0 1px rgb(var(--scene-accent) / .08),0 0 14px rgb(var(--scene-accent) / .16)}.mobile-scene-now{display:grid;gap:10px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff0d,#080c0a33),#080c0a33}.mobile-scene-now-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.mobile-scene-now-art{display:grid;place-items:center;overflow:hidden;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,rgb(var(--scene-accent) / .18),#ffffff0f),#ffffff08;color:rgb(var(--scene-accent) / .92)}.mobile-scene-now-copy{min-width:0}.mobile-scene-now-title,.mobile-scene-now-subline{margin:0}.mobile-scene-now-title{color:#f3eee0;font-size:.88rem;font-weight:700}.mobile-scene-now-subline{margin-top:4px;color:var(--muted);font-size:.76rem}.mobile-scene-state{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#f6dfb0;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mobile-scene-state-playing,.mobile-scene-state-paused{color:#dff0cff0}.mobile-scene-progress{position:relative;height:4px;overflow:hidden;border-radius:999px;background:#ffffff1a}.mobile-scene-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(var(--scene-progress, 0));transform-origin:left center;background:linear-gradient(90deg,rgb(var(--scene-accent) / .96),rgb(var(--scene-accent) / .5))}.mobile-scene-progress-range{position:absolute;top:-7px;right:0;bottom:-7px;left:0;z-index:1;width:100%;height:18px;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;--range-progress-color: transparent;--range-track: transparent;touch-action:pan-y}.mobile-scene-progress-range::-webkit-slider-runnable-track{background:transparent}.mobile-scene-progress-range::-moz-range-track,.mobile-scene-progress-range::-moz-range-progress{background:transparent}.mobile-scene-progress-range::-webkit-slider-thumb,.mobile-scene-progress-range::-moz-range-thumb{-webkit-appearance:none;opacity:0}.mobile-scene-now-footer{display:flex;align-items:center;justify-content:space-between;color:#d6ddcfb8;font-size:.73rem;font-variant-numeric:tabular-nums}.mobile-scene-transport{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:center}.mobile-scene-transport-button,.mobile-scene-transport-play{display:inline-grid;place-items:center;width:100%;min-height:38px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0f,#080c0a2e),#ffffff08;color:#f0dfb7d6}.mobile-scene-transport-play{min-height:42px;background:linear-gradient(180deg,rgb(var(--scene-accent) / .9),rgb(var(--scene-accent) / .74)),#ffffff0a;color:#191209eb;box-shadow:0 10px 20px rgb(var(--scene-accent) / .16)}@keyframes mobile-scene-play-flow-in{0%{transform:translate(-130%);opacity:0}22%{opacity:.9}to{transform:translate(130%);opacity:0}}@keyframes mobile-scene-play-flow-out{0%{transform:translate(130%);opacity:0}22%{opacity:.82}to{transform:translate(-130%);opacity:0}}.mobile-scene-playlist-shell{display:grid;gap:8px}.mobile-scene-playlist-label{display:inline-flex;align-items:center;gap:8px;color:#f0efe8db;font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mobile-scene-playlist-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:999px;background:#ffffff12;color:#f3e1b8;font-size:.72rem;font-variant-numeric:tabular-nums}.mobile-scene-playlist{display:grid;gap:6px;max-height:176px;overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgb(var(--scene-accent, 212 168 90) / .6) rgba(255,255,255,.06)}.mobile-scene-playlist::-webkit-scrollbar{width:10px}.mobile-scene-playlist::-webkit-scrollbar-track{border-radius:999px;background:#ffffff0d}.mobile-scene-playlist::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:linear-gradient(180deg,rgb(var(--scene-accent, 212 168 90) / .78),rgb(var(--scene-accent, 212 168 90) / .46));background-clip:padding-box}.mobile-scene-playlist-item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:9px 10px;border-radius:12px;border:1px solid transparent;background:#ffffff05;color:var(--text);text-align:left}.mobile-scene-playlist-item.current{background:rgb(var(--scene-accent) / .18);border-color:rgb(var(--scene-accent) / .24);color:#ffe9bd}.mobile-scene-playlist-item.pending{border-color:rgb(var(--scene-accent) / .22);background:rgb(var(--scene-accent) / .1)}.mobile-scene-playlist-item.broken:not(.current){background:#b86f2f14;color:#f0dabac7}.mobile-scene-playlist-index{color:var(--muted);font-size:.76rem;font-variant-numeric:tabular-nums}.mobile-scene-playlist-name{min-width:0;font-size:.8rem}.mobile-scene-playlist-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;background:#b86f2f2e;color:#f4caa0;font-size:.66rem;letter-spacing:.04em;text-transform:uppercase}@media (hover: hover) and (pointer: fine){.mobile-scene-expand:hover:not(:disabled),.mobile-scene-play:hover:not(:disabled),.mobile-scene-toggle:hover:not(:disabled):not(.active),.mobile-scene-transport-button:hover:not(:disabled),.mobile-scene-transport-play:hover:not(:disabled),.mobile-scene-playlist-item:hover:not(:disabled):not(.current),.hidden-scenes-header-toggle:hover:not(:disabled) .hidden-scenes-toggle,.hidden-scenes-toggle:hover:not(:disabled){border-color:rgb(var(--scene-accent, 212 168 90) / .24);background:linear-gradient(180deg,rgb(var(--scene-accent, 212 168 90) / .12),#080c0a2e),#ffffff0a}.mobile-scene-playlist-item:hover:not(:disabled):not(.current){border-color:#ffffff14}}.feedback-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;width:fit-content;max-width:100%;margin-left:auto;margin-top:20px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.feedback-copy{min-width:0;text-align:right}.feedback-title{margin:0 0 4px;color:#f0efe8e6;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.feedback-prompt{margin:0;color:var(--muted);font-size:.88rem;line-height:1.45}.feedback-actions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.feedback-vote-button{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0d,#080c0a2e),#ffffff08;color:#d6ddcf94;transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease,opacity .16s ease,box-shadow .16s ease}.feedback-vote-button.active{color:#f8e5b9;border-color:#d4a85a47;background:linear-gradient(180deg,#d4a85a2e,#080c0a2e),#ffffff08;box-shadow:0 0 0 1px #d4a85a14,0 0 14px #d4a85a24}.feedback-vote-button:disabled{cursor:default}.feedback-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:18px;background:#03060594;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feedback-dialog{width:min(100%,460px);padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#1a201cf5,#0b100df0),#ffffff08;box-shadow:0 20px 60px #0000006b,inset 0 1px #ffffff0d}.feedback-dialog-header{margin-bottom:12px}.feedback-dialog-title{margin:0;color:#f5efdf;font-size:1.02rem;font-weight:800}.feedback-dialog-copy{margin:8px 0 0;color:#dce0d7c7;font-size:.92rem;line-height:1.5}.feedback-dialog-input{width:100%;min-height:118px;resize:vertical;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0a,#080c0a2e),#ffffff05;color:#f3efe5;font:inherit;line-height:1.5;outline:none}.feedback-dialog-input:focus{border-color:#d4a85a47;box-shadow:0 0 0 1px #d4a85a1f,0 0 0 4px #d4a85a14}.feedback-dialog-input::placeholder{color:#ced4c96b}.feedback-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.feedback-dialog-count{color:#d0d6ca8f;font-size:.76rem;font-variant-numeric:tabular-nums}.feedback-dialog-actions{display:inline-flex;align-items:center;gap:10px}.feedback-dialog-button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font:inherit;font-weight:700}.feedback-dialog-button.ghost{background:linear-gradient(180deg,#ffffff0a,#080c0a2e),#ffffff05;color:#eceee6d6}.feedback-dialog-button.primary{background:linear-gradient(180deg,#d4a85aeb,#b58139e0),#ffffff08;color:#191308;border-color:#d4a85a3d;box-shadow:0 10px 22px #b581392e}.feedback-dialog-button.primary:disabled{opacity:.48;cursor:default;box-shadow:none}@media (hover: hover) and (pointer: fine){.feedback-vote-button:hover:not(:disabled):not(.active){color:#f6ecd7d6;border-color:#d4a85a33;background:linear-gradient(180deg,#d4a85a1a,#080c0a2e),#ffffff08;transform:translateY(-1px)}.feedback-dialog-button.ghost:hover:not(:disabled){border-color:#d4a85a2e;background:linear-gradient(180deg,#d4a85a14,#080c0a2e),#ffffff08}.feedback-dialog-button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #b581393d}}.hidden-scene-chip{--scene-accent: 212 168 90;--scene-intensity: 0;display:grid;align-content:space-between;min-width:116px;min-height:74px;padding:10px 10px 8px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgb(var(--scene-accent) / calc(.06 + var(--scene-intensity, 0) * .16)),#ffffff0d),#ffffff0d;color:var(--text);text-align:left;box-shadow:inset 0 1px #ffffff0f,0 0 calc(8px + var(--scene-intensity, 0) * 18px) rgb(var(--scene-accent) / calc(.05 + var(--scene-intensity, 0) * .18));transition:border-color .14s linear,background .14s linear,box-shadow .14s linear,transform .14s ease}.hidden-scene-chip:hover:not(:disabled){transform:translateY(-1px);border-color:rgb(var(--scene-accent) / .22)}.hidden-scene-name{min-width:0;font-size:.9rem;font-weight:700}.hidden-scene-action{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#f0dfb7}.hidden-scene-action.status{width:fit-content;padding:3px 8px;border-radius:999px;background:rgb(var(--scene-accent) / .14);border:1px solid rgb(var(--scene-accent) / .22)}.hidden-scene-chip-playing,.hidden-scene-chip-paused,.hidden-scene-chip-pausing,.hidden-scene-chip-loading,.hidden-scene-chip-incoming,.hidden-scene-chip-outgoing{border-color:rgb(var(--scene-accent) / calc(.14 + var(--scene-intensity, 0) * .24))}.hidden-scene-chip-playing .hidden-scene-action.status{color:#dff0cf;background:#7ba86c24;border-color:#7ba86c3d}.hidden-scene-chip-paused .hidden-scene-action.status,.hidden-scene-chip-pausing .hidden-scene-action.status,.hidden-scene-chip-loading .hidden-scene-action.status,.hidden-scene-chip-incoming .hidden-scene-action.status,.hidden-scene-chip-outgoing .hidden-scene-action.status{color:#f7e4bc}.scene-card{--scene-accent: 212 168 90;position:relative;overflow:hidden;padding:26px 22px 22px;background:linear-gradient(180deg,rgb(var(--scene-accent) / calc(.08 + var(--scene-intensity, 0) * .26)),#141d18f0);border-color:rgb(var(--scene-accent) / calc(.14 + var(--scene-intensity, 0) * .42));box-shadow:0 24px 60px #00000059,0 0 calc(8px + var(--scene-intensity, 0) * 26px) rgb(var(--scene-accent) / calc(.08 + var(--scene-intensity, 0) * .28));transform:translateY(calc(var(--scene-intensity, 0) * -2px));transition:background .14s linear,border-color .14s linear,box-shadow .14s linear,transform .14s linear}.scene-card:hover{background:linear-gradient(180deg,rgb(var(--scene-accent) / calc(.12 + var(--scene-intensity, 0) * .3)),#161f1af5);border-color:rgb(var(--scene-accent) / calc(.2 + var(--scene-intensity, 0) * .46));box-shadow:0 28px 64px #00000061,0 0 calc(12px + var(--scene-intensity, 0) * 30px) rgb(var(--scene-accent) / calc(.12 + var(--scene-intensity, 0) * .3));transform:translateY(calc(-2px + var(--scene-intensity, 0) * -2px))}.scene-card:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,calc(.16 + var(--scene-intensity, 0) * .7)),transparent);opacity:calc(.22 + var(--scene-intensity, 0) * .78);transition:opacity .14s linear,background .14s linear}.scene-hide-button{position:absolute;top:12px;left:12px;width:26px;min-width:26px;min-height:26px;padding:0;border-radius:999px;background:#080c0a80;border:1px solid rgba(255,255,255,.12);color:#f0efe8c2;font-size:.95rem;line-height:1;display:grid;place-items:center}.scene-hide-button:hover:not(:disabled){color:#f7f1df;border-color:#ffffff40;background:rgb(var(--scene-accent) / .14)}.scene-card.active:after{opacity:1}.scene-card.scene-state-loading,.scene-card.scene-state-incoming{box-shadow:0 24px 60px #00000059,0 0 22px rgb(var(--scene-accent) / .22)}.scene-card.scene-state-outgoing{filter:saturate(.92)}.scene-theme{margin:12px 0 0;font-family:Cinzel,serif;font-size:1.65rem}.scene-intensity-badge{position:absolute;top:14px;right:16px;min-width:3.5ch;text-align:right;color:rgb(var(--scene-accent) / calc(.28 + var(--scene-intensity, 0) * .42));font-size:.76rem;letter-spacing:.08em;opacity:.8;pointer-events:none}.scene-copy{min-height:72px;margin:10px 0 18px;color:#d6ddcf}.scene-meta{margin:0 0 18px;color:var(--muted);font-size:.92rem}.scene-status-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;align-items:center;margin:0 0 16px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,#ffffff0a,#080c0a2e),#080c0a47}.scene-status-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;min-height:28px;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.scene-status-badge-playing{color:#dff0cf;background:#7ba86c24;border-color:#7ba86c47}.scene-status-badge-paused{color:#ece3d2;background:#ffffff0f}.scene-status-badge-pausing,.scene-status-badge-loading,.scene-status-badge-incoming,.scene-status-badge-outgoing{color:#ffe5b0;background:rgb(var(--scene-accent) / .14);border-color:rgb(var(--scene-accent) / .22)}.scene-status-spinner{animation:scene-spinner-spin .85s linear infinite}.scene-status-percent{color:rgb(var(--scene-accent) / .92);font-size:.82rem;align-self:center}.scene-transition-meter{position:relative;grid-column:1 / -1;height:5px;overflow:hidden;border-radius:999px;background:#ffffff14}.scene-transition-meter-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform:scaleX(var(--scene-transition-progress, 0));background:linear-gradient(90deg,rgb(var(--scene-accent) / .98),#fff0cde6)}.scene-transition-meter.indeterminate .scene-transition-meter-fill{width:42%;transform:translate(-120%);background:linear-gradient(90deg,transparent,rgb(var(--scene-accent) / .82),rgba(255,240,205,.92),transparent);animation:scene-loading-shimmer 1.1s linear infinite}.scene-volume-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 10px}.scene-volume-label{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.scene-volume-range{width:100%;--range-track: rgba(255, 255, 255, .12)}.scene-option-toggle{display:inline-grid;place-items:center;width:34px;min-width:34px;min-height:34px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0d,#080c0a2e),#ffffff08;color:#d6ddcf75;opacity:.72;box-shadow:inset 0 1px #ffffff08}.scene-option-toggle.active{color:#f8e5b9;opacity:1;border-color:rgb(var(--scene-accent) / .28);background:linear-gradient(180deg,rgb(var(--scene-accent) / .16),#080c0a2e),#ffffff08;box-shadow:0 0 0 1px rgb(var(--scene-accent) / .08),0 0 14px rgb(var(--scene-accent) / .16)}.scene-volume-value{color:rgb(var(--scene-accent) / .9)}.scene-now{margin-bottom:14px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,#060908a8,#0a0f0c61),#ffffff05;box-shadow:inset 0 1px #ffffff0d}.scene-now-main{display:flex;align-items:center;gap:12px;min-width:0}.scene-now-art{display:grid;place-items:center;overflow:hidden;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,rgb(var(--scene-accent) / .22),#ffffff0f),#ffffff08;color:rgb(var(--scene-accent) / .95);box-shadow:inset 0 1px #ffffff0f}.scene-now-copy{min-width:0;flex:1 1 auto}.scene-track-live{margin:0;color:#f4efe2;font-size:.96rem;font-weight:700}.scene-track-icon{flex:0 0 auto;opacity:.85}.scene-track-subline{margin:4px 0 0;color:var(--muted);font-size:.82rem}.scene-track-text{min-width:0;display:block}.scene-track-progress{position:relative;width:100%;height:4px;overflow:hidden;padding:0;margin-top:12px;border:0;border-radius:999px;background:#ffffff1a;cursor:pointer}.scene-track-progress:hover:not(:disabled){transform:none;background:#ffffff24}.scene-track-progress.loading{background:#ffffff14}.scene-track-progress:disabled{opacity:1;cursor:default}.scene-track-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(var(--scene-accent) / .95),rgb(var(--scene-accent) / .45));transform:scaleX(var(--scene-progress, 0));transform-origin:left center}.scene-track-progress.loading .scene-track-progress-fill{width:42%;transform:translate(-120%);transform-origin:center;background:linear-gradient(90deg,transparent,rgb(var(--scene-accent) / .8),rgba(255,240,205,.88),transparent);animation:scene-loading-shimmer 1.1s linear infinite}.scene-track-progress-copy{margin:8px 0 0;color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.scene-playlist-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex:1;padding:12px 14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff12,#ffffff0a),#ffffff0a;color:var(--text);font-weight:700}.scene-playlist-toggle:hover:not(:disabled){border-color:rgb(var(--scene-accent) / .28);background:linear-gradient(180deg,rgb(var(--scene-accent) / .12),#ffffff0a),#ffffff0a}.scene-playlist-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.scene-playlist-toggle-main,.scene-playlist-toggle-side{display:inline-flex;align-items:center;gap:8px}.scene-playlist-toggle-main{min-width:0}.scene-playlist-toggle-side{color:var(--muted)}.scene-playlist-row .scene-option-toggle{width:42px;min-width:42px;min-height:42px;flex:0 0 auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (hover: hover) and (pointer: fine){.scene-option-toggle:hover:not(:disabled):not(.active){color:#f6ecd7d6;opacity:.9;border-color:rgb(var(--scene-accent) / .2);background:linear-gradient(180deg,rgb(var(--scene-accent) / .1),#080c0a2e),#ffffff08}}.scene-playlist-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#ffffff12;color:#f3e1b8;font-size:.8rem;font-variant-numeric:tabular-nums}.scene-playlist{max-height:180px;overflow-y:auto;margin-bottom:14px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#060a0847;scrollbar-width:thin;scrollbar-color:rgb(var(--scene-accent) / .6) rgba(255,255,255,.06)}.scene-playlist::-webkit-scrollbar{width:10px}.scene-playlist::-webkit-scrollbar-track{border-radius:999px;background:#ffffff0d}.scene-playlist::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:linear-gradient(180deg,rgb(var(--scene-accent) / .78),rgb(var(--scene-accent) / .46));background-clip:padding-box}.scene-playlist-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text);text-align:left}.scene-playlist-item:hover:not(:disabled){border-color:#ffffff14;background:#ffffff0a}.scene-playlist-item.current{background:rgb(var(--scene-accent) / .18);border-color:rgb(var(--scene-accent) / .26);color:#ffe9bd}.scene-playlist-item.pending{border-color:rgb(var(--scene-accent) / .22);background:rgb(var(--scene-accent) / .1)}.scene-playlist-item.broken{color:#f0dabac7}.scene-playlist-item.broken:not(.current){background:#b86f2f14}.scene-playlist-index{color:var(--muted)}.scene-playlist-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-playlist-badge{display:inline-flex;align-items:center;gap:5px;justify-self:end;padding:2px 8px;border-radius:999px;background:#b86f2f2e;color:#f4caa0;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.mobile-scene-playlist-badge.loading,.scene-playlist-badge.loading{background:rgb(var(--scene-accent) / .18);color:#ffe9bd}.scene-actions{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,#ffffff0a,#080c0a52),#080c0a52}.scene-button,.scene-step-button{width:100%;min-height:48px}.scene-button{display:grid;place-items:center;font-size:1.25rem;line-height:1;box-shadow:inset 0 1px #fff8e72e}.scene-step-button{display:grid;place-items:center;background:#ffffff12;color:rgb(var(--scene-accent) / .98);font-size:1rem;font-weight:800;border:1px solid rgba(255,255,255,.08);border-radius:999px;text-shadow:0 0 16px rgb(var(--scene-accent) / .2)}.scene-step-button:hover:not(:disabled){color:#f0dfb7;background:rgb(var(--scene-accent) / .1);border-color:rgb(var(--scene-accent) / .22)}.scene-step-button:hover:not(:disabled),.scene-button:hover:not(:disabled){transform:translateY(-1px) scale(1.01)}.debug-panel{margin-top:24px;padding:18px 22px}.debug-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.debug-stat-card{padding:14px 16px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:#ffffff08}.debug-stat-label{margin:0 0 8px;color:var(--muted);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.debug-stat-value{margin:0;color:#f0efe8;font-size:.96rem;font-weight:700}.deck-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.deck-card{padding:18px 22px}.deck-track{margin-top:8px;color:#d6ddcf;font-size:.95rem}@media (max-width: 760px){.app-shell{width:min(100vw - 20px,1100px);padding-top:20px}.hero{margin-bottom:14px}.master-console{position:static;top:auto;overflow:hidden;padding:16px 16px 14px;border-radius:26px;background:radial-gradient(circle at top right,rgba(212,168,90,.16),transparent 34%),linear-gradient(180deg,#0c100dfa,#050706f0);box-shadow:0 24px 54px #0000004d,inset 0 1px #ffffff0f}.master-console:before{content:"";position:absolute;inset:0 0 auto;height:88px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent);pointer-events:none}.master-console-idle .master-player-summary,.master-console-loading .master-player-summary{background:linear-gradient(180deg,#ffffff0d,#080c0a3d),#ffffff06}.app-topbar{margin-bottom:14px}.controls-mobile-shell{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:16px;z-index:auto;pointer-events:auto;width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.06);border-radius:20px;background:linear-gradient(180deg,#ffffff08,#0a0e0c33),#0a0e0c2e;box-shadow:inset 0 1px #ffffff08}.controls-collapsed-dock{position:relative;margin-top:0}.controls-mobile-shell-collapsed{gap:0}.controls-card-floating{width:100%;margin-top:0;padding:10px 0 0;border:0;border-top:1px solid rgba(255,255,255,.06);border-radius:0;background:linear-gradient(180deg,#1116122e,#080b0a00),transparent;box-shadow:none}.controls-card-floating .controls-grid{gap:10px}.controls-card-floating .control-tile{padding:11px 12px}.deck-grid{grid-template-columns:1fr}.master-player,.controls-header,.debug-panel-header{grid-template-columns:1fr;flex-direction:column}.master-player{gap:14px}.master-player-summary{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;padding:14px;border-radius:20px;background:linear-gradient(180deg,#ffffff0f,#080c0a47),#ffffff08;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0a}.master-player-transport{width:100%;justify-content:stretch}.player-progress-row{grid-template-columns:42px minmax(0,1fr) 42px;row-gap:12px;margin-top:-2px;padding:0 2px}.player-volume-inline{grid-column:1 / -1;justify-self:stretch;align-items:center;justify-content:stretch;min-width:0;gap:10px;padding:9px 12px 8px;color:#f0efe8c7;border-radius:999px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,#ffffff0d,#080c0a2e),#ffffff05;box-shadow:inset 0 1px #ffffff08}.player-summary,.master-player-summary{align-items:flex-start}.player-context-row{display:grid;gap:8px;margin-bottom:8px}.player-scene-chip,.player-transport-line{max-width:100%;width:100%}.player-art{width:60px;height:60px;border-radius:18px;background:linear-gradient(140deg,#d4a85a47,#ffffff14),#ffffff0a;box-shadow:0 10px 24px #00000038,inset 0 1px #ffffff14}.player-art-aura{top:-16%;right:-16%;bottom:-16%;left:-16%}.player-summary-copy{display:grid;gap:4px}.player-scene-chip{width:fit-content;max-width:100%;padding:6px 11px;font-size:.67rem;letter-spacing:.12em;color:#f6f0e2eb;background:#ffffff0f}.player-transport-line{display:grid;gap:7px;min-width:0}.player-transport-copy{color:#f0ebdfd6;font-size:.77rem;font-weight:650;line-height:1.32}.player-transport-copy-idle,.player-transport-copy-loading{color:#d6ddcf9e}.player-track{font-size:1.04rem;line-height:1.18;letter-spacing:-.01em}.player-subline,.player-time{font-size:.79rem}.player-subline{color:#cbd3c3c2}.transport-line{flex-wrap:wrap;gap:7px}.transport-chip{padding:4px 10px;font-size:.65rem}.player-transport{width:100%;align-items:center;justify-content:space-between;gap:10px;padding:6px;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff0f,#080c0a38),#ffffff08;box-shadow:inset 0 1px #ffffff0a}.player-play-toggle{min-width:56px;min-height:56px;box-shadow:0 12px 24px #d4a85a2e,inset 0 1px #ffffff14;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.player-transport-button{min-width:48px;min-height:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.player-time{color:#f0efe8b8;font-weight:650}.player-range{--range-track: rgba(255, 255, 255, .12);--range-progress-color: linear-gradient(90deg, #f4f1e6, #e2c27a)}.player-range::-webkit-slider-runnable-track{height:5px;background:linear-gradient(90deg,rgba(244,241,230,.98) 0%,rgba(226,194,122,.96) var(--range-fill),rgba(255,255,255,.12) var(--range-fill),rgba(255,255,255,.12) 100%)}.player-range::-moz-range-track,.player-range::-moz-range-progress{height:5px}.player-range,.master-volume-range-overlay{height:28px;touch-action:pan-x;-webkit-tap-highlight-color:transparent}.player-range::-webkit-slider-thumb,.master-volume-range-overlay::-webkit-slider-thumb{width:28px;height:28px;margin-top:-12px}.player-range::-moz-range-thumb,.master-volume-range-overlay::-moz-range-thumb{width:28px;height:28px}.player-range:active,.master-volume-range-overlay:active{filter:brightness(1.04)}.player-volume-inline>svg{flex:0 0 auto;color:#eee2bee0}.master-volume-control{min-width:0;max-width:none;flex:1 1 auto}.player-volume-value{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:4px 8px;border-radius:999px;background:#d4a85a1f;border:1px solid rgba(212,168,90,.16);color:#f8e5b9eb;font-size:.72rem;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums}.view-toolbar,.view-toolbar-clusters,.view-toolbar-group,.controls-footer,.feedback-footer{flex-direction:column;align-items:stretch}.feedback-actions{justify-content:flex-end}.controls-grid,.debug-stats-grid{grid-template-columns:1fr}.view-mode-switch{width:100%}.controls-toggle-button{justify-content:center}.view-mode-button{flex:1 1 50%;justify-content:center}.mobile-scenes-dock{display:block}.scene-grid,.desktop-hidden-scenes-dock{display:none}.mobile-hidden-scenes-dock{display:block;margin-top:16px}.hidden-scenes-dock{padding:12px 14px}.hidden-scenes-header-toggle{align-items:center;min-height:36px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hidden-scenes-toggle{width:38px;min-width:38px;height:38px;min-height:38px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hidden-scenes-grid{flex-direction:column;gap:8px}.hidden-scene-chip{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;min-height:54px;padding:10px 12px}.hidden-scene-name{font-size:.88rem}.hidden-scene-action{white-space:nowrap}.mobile-scene-tray-row{grid-template-columns:minmax(0,1fr);gap:8px}.mobile-scene-volume-value{justify-self:end}}@media (min-width: 560px) and (max-width: 760px){.player-progress-row{grid-template-columns:42px minmax(0,1fr) 42px minmax(150px,180px);row-gap:0;align-items:center}.player-volume-inline{grid-column:auto;justify-self:end;min-width:150px;padding:0;border:0;background:none;box-shadow:none}.master-volume-control{max-width:132px}}
