.performance-banner{z-index:1003;opacity:0;pointer-events:none;width:min(560px,100vw - 32px);transition:opacity .35s,transform .35s cubic-bezier(.22,1,.36,1);position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(12px)}.performance-banner--visible{opacity:1;pointer-events:all;transform:translate(-50%)translateY(0)}.performance-banner[hidden]{display:none!important}.performance-banner-glass{color:#fffffff2;-webkit-backdrop-filter:blur(28px)saturate(140%);background:#ffffff14;border-radius:20px;flex-direction:column;gap:16px;padding:18px 20px;display:flex;box-shadow:0 16px 48px #00000047,inset 0 1px #ffffff1f}.performance-banner-text{color:#ffffffe6;margin:0;font-family:Montserrat,sans-serif;font-size:.86rem;font-weight:500;line-height:1.45}.performance-banner-actions{flex-wrap:wrap;gap:10px;display:flex}.performance-banner-btn{letter-spacing:.08em;text-transform:uppercase;color:#ffffffe0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;flex:auto;min-width:120px;padding:11px 16px;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.performance-banner-btn:hover{background:#ffffff24;border-color:#fff3}.performance-banner-btn:active{transform:scale(.98)}.performance-banner-btn--primary{color:#ebf5fffa;background:#6e9bff47;border-color:#96beff59}.performance-banner-btn--primary:hover{background:#78a5ff61;border-color:#aacdff73}@media (width<=480px){.performance-banner{width:calc(100vw - 24px);bottom:16px}.performance-banner-actions{flex-direction:column}.performance-banner-btn{width:100%}}.radial-color-menu-backdrop{z-index:9999;pointer-events:all;-webkit-backdrop-filter:blur(2px);background:#0000001a;animation:.2s ease-in-out radial-fade-in;position:fixed;inset:0}.radial-color-menu{--menu-size:280px;z-index:10000;pointer-events:all;position:fixed;transform:translate(-50%,-50%)}.radial-trigger-button{z-index:10001;color:#fff;cursor:pointer;background:linear-gradient(135deg,#e0e2e9 0%,#656363 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px;transition:all .2s ease-in-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0000001a,0 8px 24px #0003}.radial-trigger-button:hover{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 6px 16px #0006,0 12px 32px #00000040}.radial-trigger-button svg{pointer-events:none;transition:transform .3s ease-in-out}.radial-color-menu.active .radial-trigger-button svg{transform:rotate(90deg)}.radial-menu-list{width:var(--menu-size);height:var(--menu-size);margin:0;padding:0;list-style:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radial-menu-item{opacity:0;width:50px;height:50px;list-style:none;transition:all .35s cubic-bezier(.68,-.55,.265,1.55);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.1)}.radial-color-menu.active .radial-menu-item{--angle:0deg;--star-angle:0deg;--point-size:50px;--countItem:9;--radius:calc((var(--menu-size) / 2) - (var(--point-size) / 2));--x:calc(var(--radius) * cos(var(--angle) + var(--star-angle)));--y:calc(var(--radius) * sin(var(--angle) + var(--star-angle)));top:calc(var(--radius) + var(--y) + (var(--point-size) / 2));left:calc(var(--radius) + var(--x) + (var(--point-size) / 2));width:var(--point-size);height:var(--point-size);opacity:1;transform:translate(-50%,-50%)scale(1)}.radial-color-menu.active .radial-menu-item:first-child{--angle:calc((360deg / var(--countItem)) * 0);transition-delay:20ms}.radial-color-menu.active .radial-menu-item:nth-child(2){--angle:calc((360deg / var(--countItem)) * 1);transition-delay:40ms}.radial-color-menu.active .radial-menu-item:nth-child(3){--angle:calc((360deg / var(--countItem)) * 2);transition-delay:60ms}.radial-color-menu.active .radial-menu-item:nth-child(4){--angle:calc((360deg / var(--countItem)) * 3);transition-delay:80ms}.radial-color-menu.active .radial-menu-item:nth-child(5){--angle:calc((360deg / var(--countItem)) * 4);transition-delay:.1s}.radial-color-menu.active .radial-menu-item:nth-child(6){--angle:calc((360deg / var(--countItem)) * 5);transition-delay:.12s}.radial-color-menu.active .radial-menu-item:nth-child(7){--angle:calc((360deg / var(--countItem)) * 6);transition-delay:.14s}.radial-color-menu.active .radial-menu-item:nth-child(8){--angle:calc((360deg / var(--countItem)) * 7);transition-delay:.16s}.radial-color-menu.active .radial-menu-item:nth-child(9){--angle:calc((360deg / var(--countItem)) * 8);transition-delay:.18s}.radial-color-menu.active .radial-menu-item:nth-child(10){--angle:calc((360deg / var(--countItem)) * 9);transition-delay:.2s}.radial-color-button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;padding:0;transition:all .25s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000040,0 8px 24px #00000026,inset 0 2px 4px #ffffff4d}.radial-color-button:before{content:"";opacity:.6;background:radial-gradient(circle at 30% 30%,#fff6,#0000 50%);border-radius:50%;position:absolute;inset:0}.radial-color-button:hover{z-index:100;border-width:4px;transform:scale(1.3);box-shadow:0 6px 16px #00000059,0 12px 32px #0003,inset 0 2px 6px #fff6}.radial-color-button:active,.radial-color-button.active{transform:scale(1.15)}.radial-color-button.active:after{content:"";z-index:10;background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 2px 6px #0006}.radial-color-button.active:hover{transform:scale(1.25)}@keyframes radial-fade-in{0%{opacity:0}to{opacity:1}}@media (width<=768px){.radial-color-menu{--menu-size:240px}.radial-menu-item{width:55px;height:55px}.radial-trigger-button{width:50px;height:50px;font-size:18px}.radial-color-button{border-width:4px}}@media (width<=480px){.radial-color-menu{--menu-size:220px}.radial-menu-item{width:50px;height:50px}.radial-trigger-button{width:45px;height:45px;font-size:16px}}.paint-hover-hint-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@layer tokens{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#0a0a0a;--surface-raised:#ffffff0f;--glass:#746f9b1f;--glass-border:#ffffff38;--glass-blur:blur(14px) saturate(1.4);--glass-shadow:0 4px 24px #0000001f, inset 0 1px 0 #ffffff1f;--panel:#0a0c14bf;--panel-border:#ffffff14;--panel-shadow:0 20px 60px #00000073;--surface-hover:#ffffff1f;--text:#fffffff2;--text-muted:#ffffffb8;--text-label:#ffffff6b;--accent:#b9b4e8;--line:#ffffff38;--line-soft:#ffffff1a;--scrim:#0000008c;--radius:22px;--radius-small:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--motion:.2s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-pop:cubic-bezier(.68, -.55, .265, 1.55);--warmth:.6;--font:"Segoe UI Variable Display", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif}}@layer base{*{box-sizing:border-box}[hidden]{display:none!important}html,body,#experience{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--surface);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:inherit}h1,h2,p{margin:0}fieldset{border:0;min-width:0;margin:0;padding:0}:focus-visible{outline:2px solid var(--text);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#scene{touch-action:none;outline-offset:-4px;width:100%;height:100%;transition:opacity .35s var(--ease-out);display:block}:root:not([data-state=ready]) #scene{opacity:0}:root:not([data-state=ready]) #experience>:not(#scene,#loading-panel){visibility:hidden}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-small);color:var(--text);transition:background var(--motion), border-color var(--motion), transform var(--motion) var(--ease-out);background:0 0;border:1px solid #0000;font-size:12px;font-weight:550;display:inline-flex;position:relative}.button:hover:not(:disabled),.button[aria-expanded=true],.button[aria-pressed=true]{background:var(--surface-hover)}.button svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.primary{color:#2c3da1;letter-spacing:.08em;text-transform:uppercase;background:#ffffffeb;border-radius:100px;font-weight:600}.primary:hover:not(:disabled){background:#fff}.ghost{border-color:var(--line);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.eyebrow{color:var(--text-label);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:600;display:block}}@layer presentation{.round,.pill,.sun-chip{background:var(--glass);border-color:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}.round{border-radius:50%;width:44px;padding:0}.pill{letter-spacing:.18em;text-transform:uppercase;border-radius:100px;min-height:30px;padding-inline:26px;font-size:9px;font-weight:600}.round:hover:not(:disabled){transform:translateY(-1px)}.tip{-webkit-backdrop-filter:blur(8px)saturate(1.5)brightness(1.2);backdrop-filter:blur(8px)saturate(1.5)brightness(1.2);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--motion), translate var(--motion) var(--ease-out);background:#68686826;border:1px solid #ffffff4d;border-radius:10px;padding:5px 10px;font-size:11px;font-weight:500;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50% 4px}.tip.below{top:calc(100% + 10px);bottom:auto;translate:-50% -4px}.tip.end{left:auto;right:0;translate:0 4px}.button:hover .tip,.button:focus-visible .tip{opacity:1;translate:-50%}.button:hover .tip.end,.button:focus-visible .tip.end{translate:0}.button[aria-expanded=true] .tip{opacity:0}.edge-shade{pointer-events:none;background:linear-gradient(175deg, var(--scrim), transparent 30%), linear-gradient(0deg, #00000059, transparent 22%);position:fixed;inset:0}.scene-header{inset:40px var(--space-7) auto;justify-content:space-between;align-items:center;gap:var(--space-5);pointer-events:none;display:flex;position:fixed}.identity{align-items:center;gap:var(--space-3);text-shadow:0 1px 12px var(--scrim);display:flex}.wordmark{letter-spacing:.02em;text-transform:uppercase;color:#ffffffbf;font-size:24px;font-weight:300;line-height:1}.identity-rule{background:var(--line);width:1px;height:16px}.scene-identity h1{letter-spacing:.3em;text-transform:uppercase;font-size:8px;font-weight:600}.scene-identity p{letter-spacing:.12em;color:var(--text-label);margin-top:2px;font-size:8px}.header-actions{align-items:center;gap:var(--space-3);pointer-events:auto;display:flex}.experience-dock{inset:auto var(--space-7) 36px;pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:fixed}.dock-group{align-items:center;gap:var(--space-3);display:flex}.experience-dock .button{pointer-events:auto}.sun-chip{gap:var(--space-3);border-radius:100px;min-height:56px;padding:6px 18px 6px 12px}.sun-chip .sun-arc{stroke-width:2.4px;width:52px;height:29px}.sun-arc path{stroke:#ffffffd9}#sun-dot{fill:#fff;stroke:none;filter:drop-shadow(0 0 4px #ffd59a);transition:cx var(--motion), cy var(--motion)}.sun-text{text-align:start;line-height:1.05;display:grid}#sun-period{font-size:11px;font-weight:600}#sun-clock{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:22px;font-weight:500}.scene-caption{inset:auto auto 106px var(--space-7);max-width:420px;color:var(--text-muted);text-shadow:0 1px 8px var(--scrim);pointer-events:none;font-size:11px;position:fixed}.scene-caption p:empty{display:none}.floating-panel{inset:auto auto 108px var(--space-7);width:336px;max-height:calc(100dvh - 220px);padding:var(--space-5);background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);animation:panel-arrive .45s var(--ease-out);position:fixed;overflow-y:auto}#settings-panel,#info-panel{inset:104px var(--space-7) auto auto;border-radius:28px;width:400px;max-height:calc(100dvh - 150px);animation-name:sheet-arrive}.panel-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.panel-heading h2{margin-top:var(--space-1);letter-spacing:-.01em;font-size:20px;font-weight:600}.close-button{border-radius:50%;min-width:44px;margin:-10px -12px 0 0;padding:0;font-size:24px;font-weight:300}.floating-panel label:not(.check-row,.tier-card){margin:var(--space-4) 0 var(--space-2);color:var(--text-label);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:600;display:block}select:not([class]){width:100%;min-height:44px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface-raised);color:var(--text)}select:not([class]) option{background:#1b1d27}input[type=range]:not([class]){accent-color:#fff;cursor:pointer;width:100%;min-height:32px;margin:0}.range-labels{color:var(--text-label);justify-content:space-between;font-size:10px;display:flex}.check-row{align-items:center;gap:var(--space-3);min-height:44px;margin-top:var(--space-4);color:var(--text-muted);cursor:pointer;font-size:12px;display:flex}.check-row input{width:16px;height:16px;accent-color:var(--accent);margin:0}.helper{margin-top:var(--space-4);color:var(--text-muted);font-size:12px;line-height:1.6}.preset-controls{padding-bottom:var(--space-4);border-bottom:1px solid var(--line-soft)}.tier-controls{gap:var(--space-2);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--line-soft);display:grid}.tier-controls legend{margin-bottom:var(--space-2)}.tier-card{align-items:flex-start;gap:var(--space-3);border:1px solid var(--line-soft);color:var(--text);letter-spacing:0;text-transform:none;cursor:pointer;transition:background var(--motion), border-color var(--motion);border-radius:16px;margin:0;padding:12px 14px;font-size:13px;display:flex}.tier-card:hover{background:var(--surface-hover)}.tier-card:has(input:checked){background:#6e82ff24;border-color:#8ca0ff8c}.tier-card:has(input:focus-visible){outline:2px solid var(--text);outline-offset:2px}.tier-card input{accent-color:#9fb0ff;margin:3px 0 0}.tier-card span{gap:2px;display:grid}.tier-card strong{font-weight:600}.tier-card small{color:var(--text-muted);font-size:11.5px;line-height:1.45}.preset-controls>label:first-child{margin-top:0}.feature-list{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.feature-list li{border:1px solid var(--line-soft);color:var(--text-muted);border-radius:20px;padding:4px 10px;font-size:10px}.sky-panel{isolation:isolate;border:1px solid #ffffff2e}.sky-panel:before{content:"";z-index:-1;opacity:.55;background:linear-gradient(180deg, color-mix(in oklab, #7b729f calc(var(--warmth) * 100%), #6fc3ff), color-mix(in oklab, #ffaf62 calc(var(--warmth) * 100%), #b5e6ff));position:absolute;inset:0}.time-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.time-heading label{margin:0!important}input[type=time]{width:180px;min-height:44px;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;letter-spacing:-.04em;text-shadow:0 1px 8px #00000040;font-variant-numeric:tabular-nums;background:0 0;border:0;flex:0 0 180px;padding:4px 0;font-size:24px;font-weight:250}.time-shortcuts{grid-template-columns:1fr 1fr;gap:6px;margin-top:20px;display:grid}.time-shortcuts .button{border-color:var(--line);background:#0000001f}.time-shortcuts .button[aria-pressed=true]{background:#ffffff2e;border-color:#fff}.surface{margin-bottom:var(--space-5)}.surface legend{gap:var(--space-2);margin-bottom:var(--space-3);color:var(--text-label);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:600;display:flex}.surface legend span{color:var(--text);letter-spacing:.04em;text-transform:none;font-size:11px;font-weight:500}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{background:radial-gradient(circle at 32% 28%, #ffffff73, transparent 45%), var(--swatch);width:32px;height:32px;animation:swatch-pop .3s var(--ease-pop) both;animation-delay:calc(var(--i) * 20ms);transition:transform var(--motion) var(--ease-pop);border:3px solid #ffffffeb;border-radius:50%;padding:0;position:relative;box-shadow:0 4px 12px #0000004d}.swatch.original{background:linear-gradient(135deg,#0000 46%,#ffffffd9 46% 54%,#0000 54%),#ffffff1a}.swatch:hover:not(:disabled){transform:scale(1.18)}.swatch[aria-pressed=true]:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;margin:-4px;position:absolute;inset:50%;box-shadow:0 0 0 1px #00000040}.material-controls .ghost{width:100%}#info-panel>p:not(.signature){color:var(--text-muted);font-size:13px;line-height:1.75}.scene-versions{margin-top:var(--space-5);border-block:1px solid var(--line-soft);gap:1px;display:grid}.scene-versions a{justify-content:space-between;align-items:center;min-height:48px;font-size:12px;text-decoration:none;display:flex}.scene-versions a:hover{color:var(--accent)}.scene-versions a[aria-current=page]{color:var(--accent);font-weight:600}.signature{margin-top:var(--space-5);letter-spacing:.08em;color:var(--text-label);font-size:10px}.loading-panel{z-index:1100;background:var(--surface);text-align:center;grid-template-columns:min(400px,100vw - 40px);place-content:center;justify-items:center;display:grid;position:fixed;inset:0}.loading-ring{border:2px solid var(--line-soft);border-top-color:var(--text);border-radius:50%;place-items:center;width:68px;height:68px;animation:1.1s linear infinite spin;display:grid}.loading-ring svg{fill:none;width:26px;height:26px;stroke:var(--text);stroke-width:1.2px;stroke-linejoin:round;animation:1.1s linear infinite reverse spin}:root[data-state=loading] .loading-panel :is(h2,p){clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}:root[data-state=error] .loading-ring{display:none}.loading-panel h2{margin-top:var(--space-3);letter-spacing:-.02em;font-size:26px;font-weight:300;line-height:1.2}.loading-panel p{margin-top:var(--space-3);color:var(--text-muted);font-size:13px}progress{width:68px;height:2px;margin-top:var(--space-4);background:var(--line-soft);border:0;border-radius:2px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--line-soft)}progress::-webkit-progress-value{background:var(--text);transition:width var(--motion)}progress::-moz-progress-bar{background:var(--text)}#retry{min-width:160px;margin-top:var(--space-5)}.movement-help{padding:var(--space-2) var(--space-3);border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-muted);white-space:nowrap;border-radius:100px;align-items:center;gap:6px;font-size:11px;display:flex;position:fixed;bottom:112px;left:50%;transform:translate(-50%)}kbd{border:1px solid var(--line);color:var(--text);font:10px var(--font);border-radius:4px;padding:2px 5px}.help-separator{margin-inline:3px}.debug-panel{top:105px;left:var(--space-5);width:min(460px,100vw - 48px);max-height:calc(100dvh - 220px);padding:var(--space-4);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-small);font-size:11px;position:fixed;overflow:auto}.debug-panel h2{margin-bottom:var(--space-3);font-size:13px}.debug-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px}@keyframes panel-arrive{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes sheet-arrive{0%{opacity:0;transform:translate(24px)}}@keyframes swatch-pop{0%{opacity:0;transform:scale(.4)}}@keyframes spin{to{rotate:360deg}}}@layer responsive{@media (width<=700px){.scene-header{inset:var(--space-5) var(--space-4) auto;align-items:flex-start}.identity{gap:var(--space-2);flex-wrap:wrap}.wordmark{font-size:20px}#fullscreen{display:none}.experience-dock{inset-inline:var(--space-4);bottom:max(20px, env(safe-area-inset-bottom))}.dock-group{gap:var(--space-2)}.sun-chip{padding-inline:8px 12px}.sun-chip .sun-arc{width:40px;height:22px}#sun-clock{font-size:18px}.floating-panel,#settings-panel,#info-panel{inset:auto var(--space-4) 92px;width:auto;max-height:calc(100dvh - 190px)}.scene-caption{left:var(--space-4);max-width:calc(100vw - 32px);bottom:92px}.movement-help{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 24px);bottom:92px}}@media (width<=430px){.scene-identity p,.identity-rule{display:none}.round{width:40px;min-height:40px}.sun-text #sun-period{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}}body{visibility:visible}