@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;color:#eee9e1;background:#11171c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:transparent;border:1px solid #ffffff20;border-radius:8px;padding:9px 12px;transition:.2s}button:hover{background:#ffffff16;border-color:#e9c29880}button:focus-visible,input:focus-visible{outline:2px solid #e9c298;outline-offset:4px}button:disabled{opacity:.3;cursor:wait}#stage{position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}header{position:fixed;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:28px 38px;background:linear-gradient(#10171de6,transparent);pointer-events:none}.brand{pointer-events:auto;text-decoration:none;color:#fff;font-size:23px;font-weight:700;letter-spacing:3px}.brand span{font-weight:400;color:#dfbb8c}.brand i{display:block;font-style:normal;font-size:10px;font-weight:400;letter-spacing:4px;margin-top:7px;color:#aab2b8}.top-right{display:flex;align-items:center;gap:12px;pointer-events:auto}.top-right button{font-size:12px;background:#171e2680;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}#fps{font:11px monospace;color:#a8b5ba;margin-right:10px}main{position:relative;pointer-events:none}.intro{position:fixed;left:38px;bottom:140px;text-shadow:0 2px 25px #000}.eyebrow{font-size:9px;letter-spacing:2px;color:#c6b59f;display:flex;align-items:center;gap:8px}.eyebrow i{width:5px;height:5px;border-radius:50%;background:#e6bd85;box-shadow:0 0 12px #e6bd85}h1{font-weight:500;font-size:37px;letter-spacing:8px;margin:15px 0 10px}h1 span{font-size:12px;letter-spacing:2px;color:#c1c4c4;display:inline-block;margin-left:18px}.intro p{font-size:12px;color:#aab2b5;letter-spacing:1px}aside{position:fixed;right:30px;top:115px;width:250px;padding:22px;pointer-events:auto;border:1px solid #ffffff13;border-radius:15px;background:linear-gradient(145deg,#1c252cdb,#151c24c9);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 16px 60px #0003;transition:opacity .2s,transform .2s}aside.hidden{opacity:0;transform:translate(300px);pointer-events:none}.panel-heading{display:flex;align-items:center;justify-content:space-between}h2{font-size:15px;font-weight:500;margin:0}.panel-heading span{font-size:8px;letter-spacing:2px;color:#c5aa84}.panel-note,.tiny{font-size:10px;color:#8e9ba2;line-height:1.7}.panel-note{margin:10px 0 24px}label{display:block;font-size:11px;color:#c5cdd0;margin:15px 0}output{float:right;color:#e8c69b;font-size:10px;font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;height:3px;appearance:none;background:#5b64694d;border-radius:5px;margin:14px 0;cursor:pointer;accent-color:#ddbb8f}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:#e4c59d;border:2px solid #f4debf;border-radius:100%;box-shadow:0 0 10px #e7be8733}.divider{height:1px;background:#ffffff13;margin:24px 0 18px}.section-label{display:flex;justify-content:space-between;font-size:10px;color:#a4aeb4}.section-label span{color:#d5bc9b;font-size:9px}.looks{display:flex;gap:5px;margin-top:12px}.looks button{font-size:10px;padding:8px 11px;flex:1}.looks .active,#fixtures .active{color:#edd0a9;background:#e3bb8518;border-color:#e3bb8550}.fixture-heading{margin-top:23px;align-items:center}.fixture-heading button{border:0;font-size:9px;color:#bdad95;padding:0}#fixtures{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin:12px 0 18px}#fixtures button{font-size:9px;padding:7px 0;border-radius:4px}.tiny{font-size:9px;margin-bottom:0}footer{position:fixed;bottom:20px;left:30px;right:30px;min-height:85px;display:flex;align-items:center;gap:23px;padding:16px 24px;border-radius:14px;background:#182129ee;border:1px solid #ffffff18;box-shadow:0 15px 45px #0004;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.track{display:flex;align-items:center;gap:13px;min-width:200px}.track img{width:46px;height:46px;border-radius:6px;object-fit:cover}.track strong{display:block;font-size:13px;font-weight:500;margin-bottom:7px}.track span{font-size:10px;color:#8f9da5}.play{height:42px;width:42px;flex-shrink:0;display:grid;place-items:center;background:#dfc39f;color:#1b2126;border:0;border-radius:50%;font-size:15px;padding:0}.play:hover{background:#edd5b6}.timeline{flex:1}.time-row{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#bac4c9;font-variant-numeric:tabular-nums}.time-row #lyric-caption{color:#9caeb8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;max-width:70%;text-align:center}#seek{margin:12px 0 2px;background:linear-gradient(to right,#dbba8a,#52606b70 0%)}.volume{width:85px}.volume span{font-size:10px;color:#8e9ba2}.volume input{margin:12px 0 0}#notice{position:fixed;top:85px;left:50%;transform:translate(-50%);padding:10px 18px;background:#29313b;border:1px solid #ffffff20;border-radius:8px;font-size:12px;display:none;z-index:8}#loading{position:fixed;inset:0;background:#121a22;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .5s}#loading.done{opacity:0;pointer-events:none}#loading b{font-weight:400;letter-spacing:4px;font-size:17px}#loading small{font-size:11px;color:#8495a2}.spinner{width:35px;height:35px;border:1px solid #ffffff18;border-top-color:#ddbb8f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-height:750px){aside{top:90px;padding:16px}.panel-note{margin-bottom:14px}label{margin:10px 0}.divider{margin:17px 0}.fixture-heading{margin-top:15px}.intro{bottom:125px}}@media(max-width:850px){header{padding:20px}.brand{font-size:18px}.top-right{gap:7px}#fps,#reset-view{display:none}aside{right:15px;width:220px;top:90px}.intro{left:22px;bottom:130px}.intro p{display:none}h1{font-size:28px}footer{left:12px;right:12px;bottom:12px;gap:12px;padding:14px}.track{min-width:unset}.track div,.volume{display:none}.track img{width:36px;height:36px}.time-row #lyric-caption{font-size:10px}.eyebrow{font-size:8px;letter-spacing:1px}}h1 #hero-title{font:inherit;letter-spacing:inherit;color:inherit;margin:0}h1 small{font-size:12px;letter-spacing:2px;color:#c1c4c4;margin-left:18px}#controls{max-height:calc(var(--room-height,100dvh) - 235px);overflow-y:auto;scrollbar-width:thin}#fixtures{grid-template-columns:repeat(8,1fr)}#fixtures button{font-size:8px}#playlist-panel{left:30px;right:auto;top:116px;width:264px;padding:20px;max-height:calc(var(--room-height,100dvh) - 335px);display:flex;flex-direction:column;background:linear-gradient(145deg,#19242cee,#141c24d9)}#playlist-panel.hidden{transform:translate(-310px)}#playlist-panel h2{font-size:23px;letter-spacing:5px;margin-top:8px}#playlist-close{font-size:20px;border:0;padding:0 5px;color:#a7b3ba}.album-caption{font-size:10px;line-height:1.8;color:#94a4ad;margin:14px 0}.album-foot{display:flex;justify-content:space-between;border-top:1px solid #ffffff12;padding-top:12px;margin-top:10px;font-size:9px;color:#a39b8d}#track-list{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5e6973 transparent;min-height:0}.song-row{width:100%;display:flex;align-items:center;gap:12px;border:0;border-radius:7px;padding:11px 10px;text-align:left}.song-number{color:#7d909b;font:10px monospace;width:16px}.song-title{flex:1;font-size:12px;letter-spacing:1px}.song-duration{font:10px monospace;color:#8d9da5}.song-row[aria-current=true]{background:#d7b78815;color:#f0d0a6}.song-row[aria-current=true] .song-number{color:#e1b982}.intro{bottom:137px}.intro h1{margin:12px 0 7px}.intro p{margin:0}footer{gap:18px}.track{border:0;padding:0;text-align:left;min-width:190px}.track:hover{background:transparent}.track-copy>span{display:block}.list-icon{font-size:24px!important;color:#cfb68f!important;margin-left:6px}.transport{display:flex;align-items:center;gap:6px;flex-shrink:0}.transport>button{border:0;padding:8px;font-size:12px}.transport>.play{padding:0}.transport>.mode{font-size:22px;color:#83939d;position:relative}.transport>.mode.active{color:#edc38f}.mode #repeat-label{font-size:8px;display:block;margin-top:-3px}.timeline{min-width:80px}.time-row{gap:8px}#controls[inert],#playlist-panel[inert]{pointer-events:none}.top-right button[aria-expanded=true]{border-color:#d7b78870;color:#edc38f}@media(max-width:1100px){footer{gap:12px}.track{min-width:145px}.track-copy>span{max-width:120px;overflow:hidden;white-space:nowrap}.volume{width:60px}#playlist-panel{width:238px;left:20px}.intro{left:25px}}@media(max-width:850px){#playlist-panel{top:87px;left:15px;max-height:calc(var(--room-height,100dvh) - 285px);width:220px;padding:15px}.track-copy{display:none}.track{min-width:unset;gap:6px}.transport{gap:1px}.transport>button{padding:7px}.volume{display:none}footer{flex-wrap:wrap;gap:10px;padding:12px 15px}.timeline{flex-basis:100%;order:3}.transport{margin-left:auto}footer .track img{width:38px;height:38px}.intro{bottom:150px}.intro h1{font-size:26px}#controls{max-height:calc(var(--room-height,100dvh) - 230px)}#capture{font-size:10px;padding:8px}.top-right{gap:5px}.song-row{padding:9px 8px}.list-icon{display:block}}@media(max-height:650px){#playlist-panel{top:85px;max-height:calc(var(--room-height,100dvh) - 260px)}.album-caption{margin:7px 0}.intro h1{font-size:24px}.intro{bottom:125px}#playlist-panel h2{font-size:18px}}.looks{flex-wrap:wrap}.looks button{padding:8px 7px;min-width:40%}.cinema .intro{display:none}.cinema header .brand{opacity:.3}.cinema .top-right>:not(#cinema):not(#fullscreen){opacity:0;pointer-events:none}.cinema .top-right:hover>*,.cinema .top-right:focus-within>*{opacity:1;pointer-events:auto}.cinema footer{opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s}.cinema footer:hover,.cinema footer:focus-within{opacity:1;transform:translateY(0)}@media(max-width:600px){#capture{display:none}.brand i{letter-spacing:2px}.top-right button{padding:8px;font-size:10px}#cinema{white-space:nowrap}}#live-room{position:fixed;inset:0;width:100vw;height:100dvh;transform:translateZ(0);--room-height:100dvh;isolation:isolate;overflow:hidden}:fullscreen,html:-webkit-full-screen{background:#11171c}#fullscreen{white-space:nowrap}@media(max-width:600px)and (orientation:portrait){#live-room{width:100dvh;height:100vw;inset:0 auto auto 0;transform-origin:0 0;transform:translate(100vw) rotate(90deg);--room-height:100vw}}@media(max-width:600px)and (orientation:portrait),(max-height:600px)and (orientation:landscape){header{padding:10px max(14px,env(safe-area-inset-left));align-items:center}.brand{font-size:17px}.brand i{font-size:8px;margin-top:4px;letter-spacing:2px}.top-right{gap:6px}.top-right button{font-size:11px;padding:8px 10px}#fps,#reset-view,#capture{display:none}.intro{left:18px;bottom:85px}.intro h1{font-size:22px;margin:8px 0}.intro p{display:none}footer{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:8px;min-height:62px;padding:10px 14px;gap:12px;flex-wrap:nowrap}.track{min-width:unset;gap:6px}.track-copy,.volume{display:none}.track img{width:34px;height:34px}.transport{margin-left:0;gap:2px}.transport>button{padding:7px}.transport>.play{width:36px;height:36px;padding:0}.timeline{flex:1;flex-basis:auto;order:0;min-width:120px}.time-row #lyric-caption{font-size:10px}#controls,#playlist-panel{top:62px;width:220px;max-height:calc(var(--room-height) - 148px);padding:14px}#controls{right:12px}#playlist-panel{left:12px}.album-caption{margin:7px 0}.album-foot{padding-top:8px;margin-top:7px}.panel-note{margin:7px 0 12px}#notice{top:60px;max-width:75%;font-size:11px}}@media(max-width:600px)and (orientation:portrait),(max-height:600px)and (orientation:landscape){input[type=range]{height:24px;margin:5px 0;background-size:100% 3px!important;background-position:center!important;background-repeat:no-repeat!important}input[type=range]::-webkit-slider-thumb{width:14px;height:14px}#seek{margin:2px 0 0}#controls label{margin:5px 0}.top-right button{min-height:36px}}