*{box-sizing:border-box}body{color:#dedfe8;background:#050610;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #8dfaff}button:hover{color:#fff}button[hidden],[hidden]{display:none!important}a{color:#a3e8e9}header{border-bottom:1px solid #ffffff0b;align-items:center;gap:40px;height:82px;padding:20px 34px;display:flex}.identity{letter-spacing:.16em;color:#dedfe8;font-size:19px;text-decoration:none}.identity span{color:#858897;letter-spacing:.17em;margin-top:5px;font-size:9px;display:block}.header-place{color:#9398a6;font-size:12px}.source-button{color:#a7abba;white-space:nowrap;padding:0;font-size:11px}main{grid-template-columns:minmax(0,1fr) 236px;min-height:540px;display:grid}.stage{height:calc(100svh - 261px);min-height:540px;position:relative;overflow:hidden}.scene{position:absolute;inset:0}.scene canvas{touch-action:none;width:100%;height:100%;display:block}.scene-heading{pointer-events:none;position:absolute;top:28px;left:34px}.eyebrow{letter-spacing:.22em;color:#aaa4bb;margin:0;font-size:10px}h1{letter-spacing:-.035em;margin:9px 0;font-size:30px;font-weight:350}h2{letter-spacing:-.025em;margin:0 0 8px;font-size:24px;font-weight:400}.scene-heading>p:last-child{color:#9491a7;margin:0;font-size:13px}.view-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090814a8;border:1px solid #c4c6f01c;border-radius:4px;gap:3px;display:flex;position:absolute;bottom:49px;left:34px}.view-controls button{color:#9793aa;padding:10px 12px;font-size:12px}.view-controls button.active{color:#f1eff9;background:#c4c6f012}.scene-foot{color:#7f7a94;pointer-events:none;justify-content:space-between;gap:15px;font-size:11px;display:flex;position:absolute;bottom:19px;left:34px;right:24px}.world-label{color:#a3a0b8;pointer-events:none;text-shadow:0 1px 6px #050410;font-size:11px;position:absolute;transform:translate(-50%,-50%)}.layer-panel{background:linear-gradient(90deg,#08061270,#0000);border-left:1px solid #c4c6f013;padding:28px 24px 12px 18px}.panel-heading{letter-spacing:.12em;color:#9390a7;justify-content:space-between;margin:0 4px 14px;font-size:10px;display:flex}.panel-heading span:last-child{letter-spacing:0}#bands{flex-direction:column;gap:2px;display:flex}.band{text-align:left;align-items:center;gap:10px;width:100%;height:27px;padding:5px;transition:opacity .2s,background .2s;display:flex}.band:hover,.band.selected{background:#ece7ff09;border-radius:3px}.band.selected{outline:1px solid #ece7ff26}.band.dimmed{opacity:.36}.band-alt{color:#d8d3e5;font-variant-numeric:tabular-nums;white-space:nowrap;width:42px;font-size:12px}.band-alt small{color:#8b859f;font-size:10px}.band-track{background:#ffffff07;flex:1;height:3px}.band-track span{background:var(--band-colour);height:3px;box-shadow:0 0 10px var(--band-colour);display:block}.band-value{color:#afa7c1;text-align:right;font-variant-numeric:tabular-nums;width:29px;font-size:11px}.layer-detail{min-height:62px;margin:22px 4px 8px;font-size:13px}.layer-detail>span{color:#d6cee6}.layer-detail p{color:#8f869f;margin:6px 0;font-size:12px;line-height:1.7}.key{color:#766f8b;margin:18px 4px 0;font-size:11px;line-height:1.7}#clear-band{color:#b9b0d0;padding:6px 4px;font-size:12px}.playback{border-top:1px solid #c4c6f018;padding:21px 34px 20px}.playback-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.nights{gap:5px;display:flex}.nights button{color:#8d869f;border:1px solid #0000;border-radius:3px;padding:8px 14px;font-size:13px}.nights button.active{color:#e8d8fc;background:#c6b2ea0a;border-color:#c6b2ea33}.time{align-items:baseline;gap:10px;display:flex}.time strong{letter-spacing:.015em;font-variant-numeric:tabular-nums;font-size:29px;font-weight:400}.time>span{color:#8d879e;font-size:11px}.timeline-row{align-items:center;gap:24px;margin-top:6px;display:flex}#play{color:#dfd1f0;flex-shrink:0;width:34px;height:44px;font-size:19px}.timeline{flex:1;height:69px;position:relative}#spark{color:#aaa0bd6e;width:100%;height:43px;position:absolute;top:0;left:0}#time{cursor:pointer;accent-color:#d1bae9;width:100%;height:20px;margin:0;position:absolute;top:36px;left:0}#time::-webkit-slider-runnable-track{background:#b6a3d43a;height:2px}#time::-webkit-slider-thumb{margin-top:-7px}.time-ticks{color:#7f7893;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:56px;left:0;right:0}.playback-foot{color:#7e7690;justify-content:space-between;gap:18px;margin-top:13px;font-size:11px;display:flex}.about-panel{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121020f5;border:1px solid #c6b2ea38;border-radius:6px;width:min(480px,100% - 32px);max-height:calc(100svh - 120px);padding:30px;position:fixed;top:85px;right:24px;overflow:auto;box-shadow:0 20px 60px #0008}.about-panel h2{padding-right:30px;font-size:21px}.about-panel p{color:#bbb3cd;margin:18px 0 0;font-size:14px;line-height:1.7}#close-about{padding:4px 10px;font-size:26px;position:absolute;top:16px;right:16px}#empty{color:#c6bdd6;text-align:center;max-width:300px;font-size:14px;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}@media (width>=1600px){.playback{padding-left:34px;padding-right:34px}.scene-heading,.view-controls,.scene-foot{left:34px}main{grid-template-columns:minmax(0,1fr) 270px}.layer-panel{padding-right:40px}.band{height:31px}}@media (width<=760px){header{height:74px;padding:15px 20px}.identity{flex-shrink:0;font-size:17px}.header-place{display:none}.source-button{text-align:left;min-height:44px;font-size:11px}.stage{height:58svh;min-height:400px}.scene-heading{top:23px;left:20px}.scene-heading h1{font-size:24px}.scene-heading>p:last-child{max-width:240px;font-size:12px}main{min-height:0;display:block}.view-controls{bottom:48px;left:20px}.scene-foot{flex-wrap:wrap;gap:4px;font-size:10px;left:20px;right:20px}.layer-panel{border-top:1px solid #c4c6f013;border-left:0;padding:14px 20px 18px}#bands{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 12px;display:grid}.band{gap:5px;height:36px;padding:4px}.band-alt{width:35px;font-size:11px}.band-track{min-width:5px}.band-value{width:23px;font-size:10px}.panel-heading{margin-bottom:10px;font-size:10px}.layer-detail{min-height:0;margin:14px 4px 0}.layer-detail p{margin:4px 0}.key{display:none}.playback{padding:18px 20px 22px}.nights{gap:1px}.nights button{padding:8px;font-size:11px}.time strong{font-size:24px}.time{gap:6px}.time>span{font-size:10px}.timeline-row{gap:15px}.playback-foot{flex-direction:column;gap:7px;font-size:10px}.about-panel{padding:24px;top:70px;right:16px}.world-label{font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.panel-heading,.band-alt small,.band-value,.key,.scene-foot,.world-label,.playback-foot,.time-ticks,.time>span{font-size:12px}.band-alt{font-size:13px}@media (width<=760px){.band{height:44px}.band-alt,.band-value,.nights button,.view-controls button{font-size:12px}.band-alt small{display:none}.band-alt{width:25px}.band-value{width:27px}.nights button,.view-controls button{min-height:44px}.time strong{font-size:22px}.scene-foot{font-size:12px}.scene-heading>p:last-child{font-size:13px}#app{flex-direction:column;display:flex}header{order:0}main{display:contents}.stage{order:1}.playback{order:2}.layer-panel{order:3}}.scene-heading>p:not(.eyebrow):not(.sky-state){color:#9491a7;margin:0;font-size:13px}.scene-heading .sky-state{letter-spacing:.08em;color:#c4a48d!important;margin:14px 0 0!important;font-size:11px!important}