@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#f4f3ed;background:#0b0d0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark;font-weight:400;--muted:#858d8b;--accent:#97f3df;--line:#ffffff19;--header:88px;--footer:108px}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{color:inherit;cursor:pointer;background:transparent;border:0}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}input[type=range]{accent-color:var(--accent);cursor:pointer}a{color:inherit}button svg{flex-shrink:0}button{transition:background .15s,color .15s,opacity .15s}button:hover{color:var(--accent)}.album-app{height:100dvh;min-height:460px;position:relative;isolation:isolate;background:#0b0d0f}.app-header{height:var(--header);padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff09;position:relative;z-index:10}.album-brand{display:flex;align-items:center;gap:15px;padding:0}.album-brand>span:first-of-type{font-family:Space Grotesk,sans-serif;font-size:27px;font-weight:600;letter-spacing:-1.4px}.album-brand svg{color:var(--accent)}.artist-name{font-size:11px;letter-spacing:2.4px;color:#a4aeaa;margin-left:6px;border-left:1px solid #ffffff24;padding-left:22px;font-weight:500}.header-actions{display:flex;align-items:center;gap:36px}.sound-state{font-size:9px;font-weight:550;letter-spacing:1.6px;color:#8d9792;display:flex;gap:9px;align-items:center}.sound-dot{width:5px;height:5px;border-radius:50%;background:#728078}.sound-dot.active{background:var(--accent);box-shadow:0 0 10px #97f3df60}.tracks-toggle{font-size:12px;display:flex;align-items:center;gap:10px;padding:10px 0 10px 12px}.tracks-toggle svg{color:#b9c3be}.tracks-toggle .count{color:#95a09a;font:10px monospace;margin-left:4px;border:1px solid var(--line);padding:3px 5px;border-radius:3px}.selected{color:var(--accent)!important}.art-stage{position:absolute;inset:var(--header) 0 var(--footer);overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#15211e,#0b0d0f 69%)}.webgl-stage{position:absolute;top:17px;right:26px;bottom:56px;left:26px;touch-action:none;cursor:grab}.webgl-stage:active{cursor:grabbing}.cover-placeholder{position:absolute;top:17px;right:26px;bottom:56px;left:26px;display:flex;align-items:center;justify-content:center;pointer-events:none}.cover-placeholder img{height:97.1%;max-width:97.1%;object-fit:contain;box-shadow:0 0 100px #66bfa010}.overview-side{position:absolute;left:41px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg) translateY(50%);font-size:9px;letter-spacing:3.5px;color:#67746e;pointer-events:none}.scene-top{position:absolute;left:40px;top:22px;right:40px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.scene-top>*{pointer-events:auto}.back-button{display:flex;align-items:center;gap:8px;color:#d8e2da;font-size:12px;padding:12px 15px;background:#0b0d0fa6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--line);border-radius:4px}.scene-name{text-align:right;display:flex;align-items:baseline;gap:12px;background:#0b0d0fa6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 15px;border-radius:4px}.scene-name>span{font:11px monospace;color:var(--scene-accent)}.scene-name h1{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.8px;margin:0}.scene-tools{position:absolute;right:34px;bottom:25px;display:flex;align-items:center;gap:6px;padding:4px;background:#0b0d0fc9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff0e;border-radius:5px}.icon-button{width:36px;height:36px;padding:8px;display:inline-flex;align-items:center;justify-content:center;color:#9da8a1;border-radius:4px}.icon-button:hover{background:#ffffff0b;color:#dffff4}.explore-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;gap:11px;align-items:center;white-space:nowrap;font-size:11px;color:#b1b9b3;pointer-events:none;min-height:35px;padding:8px 15px;background:#0b0d0fc9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:3px}.explore-hint>svg{color:#809589}.hint-divider{width:1px;height:12px;background:#ffffff1a;margin:0 1px}.secondary-hint{color:#69786f;font-size:10px}.has-hover{color:#dcfff4}.hint-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.transport{position:absolute;bottom:0;left:0;right:0;height:var(--footer);border-top:1px solid var(--line);background:#0c0f10;display:grid;grid-template-columns:1fr minmax(280px,460px) 1fr;align-items:center;padding:0 38px;gap:30px;z-index:15}.now-playing{display:flex;gap:14px;align-items:center;min-width:0}.art-thumb{padding:0;width:50px;height:50px;flex-shrink:0;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a}.art-thumb img{width:100%;height:100%;object-fit:cover}.playing-title{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.playing-subtitle{font:9px monospace;letter-spacing:1.3px;color:#738078;margin-top:8px}.player-center{display:flex;flex-direction:column;align-items:center;gap:9px}.playback-buttons{display:flex;align-items:center;gap:20px}.play-button{width:38px;height:38px;border-radius:50%;background:#e0eee6;color:#0c1511;display:flex;align-items:center;justify-content:center}.play-button:hover{background:var(--accent);color:#0c1511}.play-button svg{stroke-width:1.5;width:17px}.play-button svg.lucide-play{margin-left:2px}.skip{color:#a4b0a8;width:30px;height:30px}.seek-row{width:100%;display:flex;align-items:center;gap:12px}.seek-row time{font:9px monospace;color:#7d8b81;min-width:29px;text-align:center}.seek-row input{flex:1;min-width:0;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#b0dbc5 var(--progress),#2b3530 var(--progress));border-radius:8px;outline-offset:8px}.seek-row input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:8px;height:8px;background:#c4e7d4;border-radius:50%;opacity:0;transition:opacity .2s}.seek-row input:hover::-webkit-slider-thumb,.seek-row input:focus::-webkit-slider-thumb{opacity:1}.player-right{display:flex;justify-content:flex-end;gap:6px;align-items:center}.volume{width:70px;height:3px}.fullscreen{margin-left:15px}.drawer-scrim{position:absolute;inset:var(--header) 0 0;z-index:29;background:#03060670;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%}.track-drawer{position:absolute;right:0;top:0;bottom:0;width:390px;z-index:30;background:#101614;box-shadow:-24px 0 100px #0008;border-left:1px solid #ffffff14;display:flex;flex-direction:column;animation:drawer-in .25s ease}.track-drawer header{padding:30px 25px 23px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line)}.track-drawer h2{font:500 26px Space Grotesk,sans-serif;letter-spacing:-.8px;margin:0}.track-drawer header p{font-size:11px;color:#7f9085;margin:9px 0 0}.track-drawer ol{list-style:none;padding:9px 12px;margin:0;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#3c4d42 transparent}.track-row{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:11px 12px;min-height:64px;border-bottom:1px solid #ffffff06;border-radius:3px}.track-row:hover{background:#ffffff05}.track-number{width:19px;font:10px monospace;color:#6f8378;flex-shrink:0}.track-row img{width:38px;height:38px;object-fit:cover;border-radius:2px}.track-name{font-size:12px;flex:1}.track-row time{font:10px monospace;color:#6f8378}.track-arrow{display:none}.track-row.active{background:#98ecd90b;color:#b8f4dd}.track-row.active .track-number{color:var(--accent)}.track-row:hover .track-arrow{display:block}.track-row:hover time{display:none}.track-drawer footer{padding:20px 25px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font:9px monospace;letter-spacing:2px;color:#6a8072}.transition-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0d0f;pointer-events:none;opacity:0}.phase-entering .transition-veil{animation:entry-fade .89s ease both}.phase-returning .transition-veil{animation:entry-fade .65s ease both}.phase-entering .explore-hint,.phase-loading .explore-hint{opacity:.4}.loading-art{position:absolute;left:50%;bottom:16px;transform:translate(-50%);color:#a4c2ae;font-size:11px}.media-host{position:fixed;bottom:0;left:0;width:1px;height:1px;opacity:.001;overflow:hidden;pointer-events:none;z-index:-1}.media-host video{width:1px;height:1px}.playback-notice{position:absolute;bottom:calc(var(--footer) + 10px);left:50%;transform:translate(-50%);z-index:20;padding:10px 16px;font-size:12px;border:1px solid #c0efdc33;background:#0d2018ec;border-radius:5px;max-width:90%;text-align:center}.playback-notice button{margin-left:12px;text-decoration:underline;color:var(--accent)}.share-link{position:absolute;right:36px;bottom:78px;background:#17241e;border:1px solid #ffffff20;border-radius:5px;padding:18px;width:300px;z-index:20;font-size:12px}.share-link input{width:100%;margin:10px 0;padding:10px;border:1px solid #fff3;background:#090e0b;border-radius:3px}.share-link button{color:var(--accent)}.fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.fallback-cover{position:relative;max-height:96%;height:100%;max-width:96%;aspect-ratio:1}.fallback-cover img{width:100%;height:100%;object-fit:contain}.fallback-cover svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.fallback-cover polygon{fill:transparent;cursor:pointer}.fallback-cover polygon:hover{fill:#97f3df25;stroke:#97f3df;stroke-width:1}.fallback-scene{height:100%;width:100%;position:relative;display:flex;align-items:center;justify-content:center}.fallback-scene>img{height:100%;max-width:100%;object-fit:contain}.fallback-scene>div:not(.fallback-wave){position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center}.fallback-scene video{height:100%;max-width:100%;object-fit:contain}.fallback-wave{position:absolute;bottom:0;left:0;right:0;mix-blend-mode:screen;opacity:.4;height:30%;overflow:hidden}.fallback-wave video{width:100%}.fallback-notice{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:10px;color:#bdd2c5;background:#07170ee6;padding:6px 9px;border-radius:4px;width:max-content;max-width:90%}.fallback-notice button{text-decoration:underline;color:var(--accent)}.editor-link{position:absolute;left:39px;bottom:calc(var(--footer) + 20px);color:#64776a;text-decoration:none;font:9px monospace;z-index:18}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.spin{animation:spin 1s linear infinite}.authoring{position:absolute;z-index:40;left:0;top:0;bottom:0;width:360px;overflow-y:auto;background:#111b17;padding:22px;border-right:1px solid #b4e8c62b;font-size:12px;scrollbar-width:thin}.editing .app-header{left:0;margin-left:360px}.editing .art-stage{left:360px}.editing .transport{margin-left:0}.authoring header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.authoring h2{font:500 23px Space Grotesk,sans-serif;margin:0}.authoring p{color:#8da997;font-size:11px;line-height:1.6}.authoring label{display:flex;flex-direction:column;gap:7px;margin:12px 0;color:#aec7b6;font-size:11px}.authoring select,.authoring input:not([type=range]):not([type=file]){padding:9px 10px;border:1px solid #c3ead322;border-radius:3px;background:#0a130f;color:#eef7f0;font-size:11px;min-width:0;width:100%}.authoring input[type=range]{width:100%}.authoring button:not(.icon-button),.authoring .file-button{display:inline-flex;align-items:center;gap:7px;border:1px solid #c3ead326;border-radius:3px;padding:9px 12px;font-size:11px;background:#193023;color:#d2eedf}.editor-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.file-button input{display:none}.polygon-editor{width:100%;height:auto;aspect-ratio:1;border:1px solid #ffffff20;touch-action:none;cursor:crosshair}.polygon-editor circle{cursor:move}.field-help{font-size:10px!important;color:#7d9a89!important}.field-pair{display:flex;gap:8px}.field-pair>label{flex:1;min-width:0}.authoring details{border-top:1px solid #ffffff18;margin-top:18px;padding-top:15px}.authoring summary{cursor:pointer;color:#e1efe7}.authoring fieldset{border:1px solid #ffffff16;margin:15px 0;padding:10px}.authoring legend{color:var(--accent)}.editor-preview{width:100%;justify-content:center;margin-top:5px}.editor-message{background:#28433388;padding:10px;border-radius:3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes entry-fade{0%,35%{opacity:0}75%,to{opacity:.96}}@media(min-width:1600px){:root{--header:96px;--footer:116px}.app-header,.transport{padding:0 52px}.webgl-stage,.cover-placeholder{top:14px;right:34px;bottom:58px;left:34px}}@media(max-width:1000px){.transport{grid-template-columns:1fr 1.2fr .6fr;gap:18px;padding:0 25px}.playing-title{max-width:175px}.volume{width:45px}.header-actions{gap:24px}.overview-side{left:24px}.scene-tools{right:20px}.secondary-hint,.hint-divider{display:none}}@media(max-width:650px){:root{--header:72px;--footer:144px}.app-header{padding:0 20px}.album-brand{gap:10px}.album-brand>span:first-of-type{font-size:23px}.album-brand svg{width:21px}.artist-name{display:none}.header-actions{gap:12px}.sound-state{display:none}.tracks-toggle{font-size:11px;gap:7px}.tracks-toggle .count{font-size:9px}.webgl-stage,.cover-placeholder{top:7px;right:0;bottom:70px;left:0}.art-stage{background:radial-gradient(ellipse,#12221c,#0b0d0f 75%)}.overview-side{display:none}.scene-top{left:15px;right:15px;top:10px}.back-button{font-size:10px;padding:10px;gap:5px}.scene-name{padding:10px;gap:7px}.scene-name h1{font-size:16px;letter-spacing:-.4px}.scene-name>span{font-size:9px}.scene-tools{right:13px;bottom:21px;gap:0;padding:2px}.scene-tools .icon-button{width:30px;height:30px}.explore-hint{left:17px;transform:none;bottom:22px;padding:8px 0;font-size:10px;gap:7px;background:none;max-width:calc(100% - 145px)}.explore-hint>svg{width:12px}.explore-hint .secondary-hint{display:none}.transport{display:grid;grid-template-columns:1fr auto;grid-template-rows:60px 54px;align-content:start;padding:13px 20px 10px;gap:0 12px}.now-playing{grid-column:1;grid-row:1;gap:12px}.art-thumb{width:43px;height:43px}.playing-title{font-size:12px;max-width:210px}.playing-subtitle{font-size:8px;margin-top:6px;letter-spacing:1px}.player-center{display:contents}.playback-buttons{grid-column:2;grid-row:1;gap:4px}.play-button{width:34px;height:34px}.skip{width:26px;height:30px;padding:5px}.seek-row{grid-column:1 / -1;grid-row:2;align-self:center;gap:10px;margin-top:0}.seek-row input{height:3px}.seek-row input::-webkit-slider-thumb{opacity:1}.player-right{position:absolute;right:19px;bottom:6px;height:22px}.player-right .icon-button{width:27px;height:25px;padding:5px}.player-right .icon-button svg{width:14px}.volume{width:46px}.fullscreen{margin-left:7px}.track-drawer{width:min(100%,390px)}.track-drawer header{padding:25px 22px 19px}.editor-link{left:18px;bottom:calc(var(--footer) + 8px);font-size:8px}.playback-notice{font-size:10px;bottom:calc(var(--footer) + 61px);width:90%}.authoring{width:100%;max-width:360px}.editing .app-header,.editing .transport{margin-left:0;left:0}.editing .art-stage{left:0}.fallback-notice{bottom:4px}.share-link{right:16px}.in-scene .webgl-stage{top:5px;right:0;bottom:62px;left:0}}@media(max-height:650px)and (min-width:651px){:root{--header:62px;--footer:86px}.webgl-stage,.cover-placeholder{top:8px;right:30px;bottom:41px;left:30px}.explore-hint{bottom:9px}.scene-tools{bottom:10px}.scene-top{top:10px}.scene-name h1{font-size:20px}.transport{gap:25px}.art-thumb{width:40px;height:40px}.player-center{gap:5px}.play-button{width:31px;height:31px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.transition-veil{display:none}}.webgl-stage{container-type:size}.fallback-cover{width:min(96cqw,96cqh);height:min(96cqw,96cqh)}.in-scene .webgl-stage{top:0;right:0;bottom:0;left:0}.in-scene .explore-hint{background:#0b1116b8;padding:9px 14px;border-radius:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.in-scene .scene-tools{background:#0b1116b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.reduced-motion *{animation:none!important;transition:none!important}.reduced-motion .transition-veil{display:none}.world-controls{position:absolute;left:30px;bottom:76px;z-index:20;width:370px;padding:14px 16px 12px;border:1px solid #c6efe125;border-radius:14px;background:linear-gradient(135deg,#0c1519ed,#101621d9);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 12px 36px #0003;color:#e0ebe8;pointer-events:auto}.world-controls-heading{display:flex;align-items:center;width:100%;gap:8px;background:none;border:0;padding:0;color:#a0b9b3;font-size:9px;letter-spacing:1.6px;cursor:pointer}.world-controls-status{margin-left:auto;color:var(--scene-accent);font-size:8px;letter-spacing:1px}.camera-modes{display:flex;gap:5px;margin:12px 0}.camera-modes button{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;border:1px solid #b4d1c61c;background:#ffffff04;color:#a9bbb7;border-radius:7px;padding:9px 5px;font:inherit;font-size:10px;white-space:nowrap;cursor:pointer}.camera-modes button[aria-pressed=true]{color:#eafff7;background:color-mix(in srgb,var(--scene-accent) 16%,transparent);border-color:color-mix(in srgb,var(--scene-accent) 50%,transparent)}.camera-modes button:focus-visible,.world-controls button:focus-visible{outline:2px solid var(--scene-accent);outline-offset:3px}.chaos-control{display:flex;align-items:center;gap:14px;font-size:11px}.chaos-control input{min-width:0;flex:1;height:16px;accent-color:var(--scene-accent);cursor:ew-resize}.chaos-control output{min-width:30px;text-align:right;font-size:10px;font-variant-numeric:tabular-nums;color:#a9c0b9}.world-control-help{margin:10px 0 0;font-size:10px;line-height:1.7;color:#91a7a2;letter-spacing:.1px}.mouse-look{display:flex;align-items:center;gap:6px;margin:10px 0 0;padding:8px 0 0;border:0;border-top:1px solid #ffffff12;width:100%;color:#d2e5df;background:none;font:inherit;font-size:10px;cursor:pointer}.mouse-look span{margin-left:auto;font-size:9px;color:#8caaa1}.world-control-notice{font-size:10px;line-height:1.5;color:#b0cac1;margin:8px 0 0}.scene-hint-hidden{display:none!important}.world-controls.collapsed{padding-bottom:14px}.touch-flight{display:none}.webgl-stage canvas:focus{outline:none}.webgl-stage canvas{touch-action:none}@media(max-width:650px){.world-controls{left:15px;bottom:64px;width:min(370px,calc(100% - 30px));padding:12px}.camera-modes button,.world-control-help{font-size:9px}.mouse-look span{font-size:8px}.scene-tools{bottom:18px}.world-controls-heading{font-size:8px}.world-controls-status{font-size:7px}}@media(pointer:coarse){.touch-flight{display:flex;gap:5px;margin-top:10px}.touch-flight button{flex:1;min-height:34px;background:#ffffff08;color:#d5e5e0;border:1px solid #ffffff20;border-radius:6px;touch-action:none}.world-control-help{max-width:310px}}