:root{font-family:Segoe UI,Arial,sans-serif;color:#d9dcda;background:#111416;font-synthesis:none;font-size:12px;--muted: #7c8484;--line: #2a3032;--accent: #c6d9b1}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{color:#aeb5b3;border:1px solid #32383b;border-radius:6px;background:#22272a;padding:8px 10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .18s,color .18s,border-color .18s}button:hover,.button:hover{background:#303735;color:#eff2ec;border-color:#586353}button:disabled{opacity:.35;cursor:not-allowed}button svg,.button svg{width:16px;height:16px;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #c6d9b1;outline-offset:3px}input,select{min-width:0;border:1px solid #333b3e;background:#161b1d;border-radius:5px;color:#cdd2cf;padding:7px;width:100%}input[type=range]{padding:0;border:none;appearance:none;height:3px;background:#353d3c;accent-color:var(--accent);cursor:pointer;margin:13px 0 7px}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:#c6d9b1;border:2px solid #212725;border-radius:50%;box-shadow:0 0 0 2px #c6d9b133}input[type=checkbox]{width:13px;height:13px;accent-color:var(--accent)}small{font-size:10px;color:var(--muted);line-height:1.5}strong{font-weight:550}.app{height:100dvh;min-height:620px;overflow:hidden;display:flex;flex-direction:column}.topbar{height:66px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#171b1d;z-index:5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#e4e7df}.brand-icon{color:#d2ddba;display:grid;place-items:center;border:1px solid #455040;border-radius:9px;width:35px;height:35px;background:#262e25}.brand strong{font-size:23px;letter-spacing:-1px}.brand strong span{font-weight:350;color:#8e9690;margin-left:3px}.version{font:9px monospace;color:#6e7777;letter-spacing:1.2px;border-left:1px solid #353b3b;padding-left:16px;margin-left:7px}.top-right{display:flex;align-items:center;gap:18px}.connection{font-size:11px;color:#919b94;display:flex;align-items:center;gap:7px}.connection i,.fps i{width:5px;height:5px;border-radius:50%;background:#bad69b;display:inline-block}.icon-button{border:none;background:none;padding:5px}.button-small{font-size:11px;background:#222729;padding:7px 10px}.island{position:absolute;z-index:20;left:50%;top:10px;transform:translate(-50%);width:235px;background:#090c0d;border:1px solid #343a37;border-radius:14px;box-shadow:0 6px 20px #0005;overflow:hidden;transition:width .55s cubic-bezier(.2,1.4,.4,1),border-radius .4s}.island.expanded{width:370px;border-radius:17px}.island-top{width:100%;height:42px;border:none;background:none;justify-content:flex-start;padding:0 13px;font-size:11px;color:#d3d9ca}.island-orb{height:26px;width:26px;border-radius:50%;background:#263024;color:#cbdfb5;display:grid;place-items:center}.island-wave{display:flex;align-items:center;gap:3px;margin-left:auto}.island-wave i{width:2px;height:8px;background:#c2d6a6}.island-wave i:nth-child(2){height:15px}.island-wave i:nth-child(3){height:11px}.island-chevron{margin-left:8px;color:#798177}.island-content{padding:10px 17px 17px;animation:reveal .35s ease}.island-content>small{font-size:9px;letter-spacing:1px}.island-content p{line-height:1.6;color:#b9c0b5}.workspace{display:grid;grid-template-columns:260px minmax(260px,1fr) 278px;gap:0;flex:1;min-height:0}.workspace.no-left{grid-template-columns:minmax(260px,1fr) 278px}.workspace.no-right{grid-template-columns:260px minmax(260px,1fr)}.workspace.no-left.no-right{grid-template-columns:1fr}.panel{background:#191e20;min-height:0;display:flex;flex-direction:column}.assets-panel{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.panel-title{height:49px;flex-shrink:0;padding:0 18px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);color:#c2c7c3;font-size:12px}.panel-title svg{color:#7c877c}.panel-title .tag{margin-left:auto}.tag{font:8px monospace;letter-spacing:.6px;padding:3px 5px;border-radius:3px;border:1px solid #3b4540;color:#94a28f;white-space:nowrap}.panel-body{padding:0 17px 20px;overflow:auto;scrollbar-width:thin;scrollbar-color:#3a4440 transparent}.section-kicker{display:flex;align-items:center;gap:7px;font:9px monospace;letter-spacing:1.25px;color:#7d8984;margin:23px 0 13px}.section-kicker>span:not(.status-dot){margin-left:auto}.upload-zone{width:100%;min-height:150px;flex-direction:column;border:1px dashed #414a43;border-radius:8px;background:#202623;color:#a8b79b;gap:7px}.upload-zone>svg{width:24px;height:24px;margin-bottom:5px}.upload-zone strong{color:#d5ddce;font-size:12px}.upload-zone>span{font-size:11px;color:#8b9c83}.upload-zone>small{font-size:9px;color:#677762}.asset-status{display:flex;gap:9px;margin:17px 0 29px;font-size:10px;align-items:flex-start}.asset-status .status-dot{margin-top:4px;flex-shrink:0}.asset-status strong{color:#bbac90}.asset-status p{font-size:10px;color:#818b85;line-height:1.7;margin:5px 0 0}.status-dot{width:5px;height:5px;border-radius:50%;background:#b4ce98;display:inline-block}.status-dot.amber{background:#d1b58a}.field-label{display:flex;flex-direction:column;gap:8px;color:#8c9791;font-size:10px;margin:12px 0}.field-label select{font-size:11px}.mapping-preview{display:flex;align-items:center;gap:10px;background:#14191b;border:1px solid #2f3836;border-radius:6px;padding:12px;margin:13px 0}.mapping-preview strong{display:block;color:#c5cec1;margin-bottom:4px}.mapping-preview small{display:block;font-size:9px}.mapping-preview .tag{margin-left:auto}.ghost-mini{width:34px;height:34px;border-radius:43% 45% 40% 44%;background:#cab7a1;opacity:.6}.wide{width:100%;font-size:10px;margin:5px 0;padding:9px}.muted{color:#7f8b85;font-size:10px;line-height:1.7}.rig-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9aa79d;margin:8px 0;text-transform:capitalize}.rig-row select{width:120px;font-size:10px}.toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#9aa49d;margin:17px 0}.warning{font-size:9px;color:#ae9c7d;display:flex;gap:7px;align-items:flex-start;line-height:1.6;padding:12px 0}.warning svg{flex-shrink:0}.button-row{display:flex;gap:6px;margin:9px 0}.button-row>*{flex:1;font-size:10px}.numeric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.numeric-grid label{font-size:9px;color:#89968d;display:flex;flex-direction:column;gap:5px}.numeric-grid input{font:10px monospace}details{margin:13px 0;color:#93a18e;font-size:10px}summary{cursor:pointer}.sheet-scroll{max-height:250px;overflow:auto;background-color:#202624;background-image:conic-gradient(#333b36 25%,transparent 0 50%,#333b36 0 75%,transparent 0);background-size:16px 16px}.sheet{position:relative;image-rendering:pixelated}.frame{position:absolute;border:1px solid #a9ba9666;color:#fff;background:none;border-radius:0;justify-content:flex-start;align-items:flex-start;padding:2px;font:9px monospace}.frame.selected{border:2px solid #c9ef9e;background:#d4e8a329}.tabs{display:flex;padding:0 17px;gap:17px;border-bottom:1px solid var(--line)}.tabs button{border:0;border-radius:0;background:none;padding:14px 0 11px;font-size:10px;color:#7c8982}.tabs .active{color:#d1ddc7;border-bottom:2px solid #c8d7b5}.preset-row{display:flex;gap:5px}.preset-row button{flex:1;font-size:9px;padding:7px 4px}.preset-row button:first-child{color:#c8d7b8;background:#2c3528;border-color:#4a5741}.range-label{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:10px;color:#a0aaa3;margin:15px 0}.range-label>span{font:10px monospace;color:#c3d0ba}.range-label input{width:100%}.debug-card{background:#14191b;border:1px solid #303a34;border-radius:7px;padding:0 12px 10px;margin-top:24px}.debug-card .section-kicker{font-size:8px;margin:15px 0}.debug-grid{display:grid;grid-template-columns:1fr auto;gap:9px;font:9px monospace}.debug-grid>span{color:#6f7c74}.debug-grid>strong{color:#b5c5ab;text-align:right}.debug-card p{font-size:9px;color:#788771;line-height:1.6;border-top:1px solid #2c352e;padding-top:10px;margin-bottom:0}.stage-wrap{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:#131719}.stage-heading{padding:30px 30px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-shrink:0;pointer-events:none}.stage-heading .section-kicker{font-size:8px;margin:0 0 11px;color:#83947e}.stage-heading h1{font-weight:400;font-size:clamp(19px,2.2vw,32px);letter-spacing:-1.1px;color:#d7ded1;margin:0}.stage-heading p{font-size:11px;color:#778379;margin:9px 0 0}.stage-mode{pointer-events:auto;margin-top:2px;background:#1a201e;border:1px solid #333e34;color:#95a38e;font-size:9px;white-space:nowrap;gap:8px;padding:8px}.monitor-icon{width:12px;height:9px;border:1px solid #7d8a76;display:block;border-radius:2px}.canvas-region{flex:1;position:relative;min-height:140px;margin:24px 20px 0;background-image:radial-gradient(#73816d26 .7px,transparent .7px);background-size:22px 22px;border:1px solid #33402d55;border-bottom:0;border-radius:5px 5px 0 0}.canvas-region canvas{position:absolute;width:100%;height:100%;touch-action:none;cursor:grab;display:block}.canvas-region canvas:active{cursor:grabbing}.stage-coordinate{position:absolute;font:8px monospace;letter-spacing:.5px;color:#53624c;pointer-events:none}.top-left{top:13px;left:14px}.top-right-coordinate{top:13px;right:14px}.silhouette-label{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);font:8px monospace;letter-spacing:1px;color:#9caa91;display:flex;align-items:center;gap:6px;white-space:nowrap;pointer-events:none;margin-top:-85px}.silhouette-label>span:last-child{position:absolute;top:18px;left:50%;transform:translate(-50%);font:9px Segoe UI,sans-serif;color:#596650;letter-spacing:0}.stage-hint{position:absolute;top:57%;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:10px;color:#67785e;pointer-events:none}.stage-hint svg{color:#94a782}.stage-hint span{color:#48563f}.floor-label{position:absolute;bottom:12px;left:15px;color:#4e5c48;font:8px monospace;letter-spacing:.6px;pointer-events:none}.floor-label span{margin-left:12px;color:#45533e;font:8px Segoe UI,sans-serif;letter-spacing:0}.stage-toolbar{position:relative;display:flex;align-items:center;align-self:center;gap:15px;border:1px solid #3d4738;border-radius:10px;background:#20271fe8;padding:5px 7px;box-shadow:0 8px 24px #0004;margin-top:-8px;z-index:2}.toolbar-group{display:flex;gap:2px}.stage-toolbar button{border:0;background:transparent;padding:7px;color:#8fa17f;min-width:29px;height:29px}.stage-toolbar button:hover,.stage-toolbar button.active{background:#3c4a33;color:#d8e5c9}.stage-toolbar button svg{width:15px;height:15px}.toolbar-speed{display:flex;border-left:1px solid #3a4632;border-right:1px solid #3a4632;padding:0 8px;gap:2px}.toolbar-speed button{font:9px monospace;padding:4px}.stage-toolbar .recording{color:#f5a1a1;background:#5b3434}.reactions{padding:25px 23px 23px;flex-shrink:0}.reactions>div:first-child{display:flex;gap:7px;align-items:center;font:8px monospace;letter-spacing:1.2px;color:#839078;margin-bottom:12px}.reaction-list{display:flex;gap:5px;flex-wrap:wrap}.reaction-list button{font-size:9px;padding:7px 10px;background:#1d241e;border-color:#333e30;color:#a4b397}.timeline{height:105px;flex-shrink:0;border-top:1px solid #30372f;background:#171c1b;display:flex;align-items:stretch;position:relative}.timeline-label{width:135px;flex-shrink:0;padding:20px;display:flex;gap:7px;align-items:flex-start;font:8px monospace;letter-spacing:1px;color:#89957e}.timeline-label .status-dot{margin-top:2px}.timeline-label>span:last-child{color:#66745b}.timeline-events{overflow:auto;display:flex;align-items:flex-start;gap:20px;padding:17px 140px 16px 0;scrollbar-width:thin;scrollbar-color:#33412e transparent}.timeline-event{display:grid;grid-template-columns:auto 1fr;gap:7px;min-width:185px;max-width:230px;border-left:1px solid #34432c;padding-left:12px;font-size:9px}.timeline-event time{font:8px monospace;color:#66775a;padding-top:3px}.event-state{color:#c3d0b3;font:9px monospace;padding:2px 5px;background:#2e3b26;border-radius:3px;justify-self:start}.event-state.error,.event-state.angry{background:#453129;color:#d6ae94}.timeline-event>span:last-child{grid-column:1/-1;color:#6b7c60;line-height:1.6}.fps{position:absolute;right:0;top:0;background:#171c1b;height:100%;padding:23px 18px;width:125px;font:9px monospace;color:#aabc97;border-left:1px solid #2b3627}.fps i{margin-right:6px}.fps>span{display:block;color:#526445;font-size:8px;margin-top:9px;letter-spacing:.5px}.music-card{display:flex;gap:10px;align-items:center;background:#14191a;padding:10px;border:1px solid #303933;border-radius:7px}.album{display:grid;place-items:center;width:44px;height:44px;background:#2e3a2b;color:#c1d2a9;border-radius:5px;flex-shrink:0}.music-card strong{font-size:10px;display:block}.music-card small{font-size:8px;display:block;margin-top:4px;overflow-wrap:anywhere}.accent{color:#20301c;background:#b8cfa1;border-color:#b8cfa1}.accent:hover{background:#d2e4bf;color:#24351e}.energy-bars{display:flex;gap:3px;height:42px;align-items:center;margin:12px 0}.energy-bars i{width:4px;background:#9fb78b;border-radius:2px;transition:height .15s}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.source-grid button{font-size:10px;justify-content:flex-start;padding:9px 7px;background:#202723}.source-grid button svg{margin-left:auto;color:#5e7253}.source-dot{width:5px;height:5px;border-radius:50%;background:#99b888}.source-dot.red{background:#d28c7a}.session-card{border:1px solid #3d4c35;border-radius:7px;padding:12px;margin:15px 0;background:#141b15}.session-card>div:first-child{display:flex;align-items:center;gap:7px}.session-card .tag{margin-left:auto;letter-spacing:0;font-size:7px}.session-card p{font-size:10px;line-height:1.6;color:#9faf93}.session-card progress{width:100%;height:3px;accent-color:#a9c78e}.diff-link{font:9px monospace;padding:8px 0;background:none;border:none;display:flex;width:100%}.diff-link span{color:#a6c58c;margin-left:auto}pre{font:9px/1.6 monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#0c130e;color:#acbd9e;padding:10px;border-radius:4px}.chat-log{max-height:150px;overflow:auto;color:#96a78a;font-size:10px;line-height:1.7}.chat-form{display:flex;gap:4px}.chat-form input{font-size:10px}.toast{position:fixed;bottom:125px;left:50%;transform:translate(-50%);background:#2b3627;color:#d2dfc7;border:1px solid #536247;border-radius:9px;box-shadow:0 10px 35px #0007;padding:12px 14px;display:flex;gap:10px;align-items:center;z-index:40;max-width:650px;font-size:11px}.toast button{border:0;background:none;padding:2px}.file-tray{position:absolute;right:15px;bottom:25px;display:flex;gap:8px;max-width:85%;overflow:auto;align-items:flex-end}.file-tray article{position:relative;background:#222e20f5;border:1px solid #5a6d4f;border-radius:7px;padding:13px;width:180px;flex-shrink:0;max-height:230px;overflow:auto}.file-tray strong{font-size:10px;display:block;margin-right:12px;overflow-wrap:anywhere}.file-tray small{font-size:8px;display:block;margin:5px 0}.file-tray img{max-width:100%;max-height:130px;object-fit:contain}.file-dismiss{position:absolute;right:3px;top:3px;border:0;background:none;padding:3px}.file-dismiss svg{width:11px;height:11px}.file-tray pre{max-height:130px;overflow:auto}.file-tray button{font-size:9px}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-thumb{background:#3b4736}@keyframes reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.workspace{grid-template-columns:285px minmax(260px,1fr) 305px}.workspace.no-left{grid-template-columns:1fr 305px}.workspace.no-right{grid-template-columns:285px 1fr}.panel-body{padding-left:22px;padding-right:22px}.stage-heading{padding:40px 40px 0}.canvas-region{margin:30px 30px 0}.reactions{padding:30px}.reaction-list button{font-size:10px;padding:9px 13px}}@media(max-width:1100px){.workspace{grid-template-columns:220px minmax(250px,1fr) 240px}.workspace.no-left{grid-template-columns:1fr 240px}.workspace.no-right{grid-template-columns:220px 1fr}.panel-body{padding-left:12px;padding-right:12px}.version,.connection,.stage-mode{display:none}.stage-heading{padding:25px 20px 0}.stage-toolbar{gap:3px}.toolbar-speed{padding:0 4px}.stage-hint{font-size:8px;gap:4px}.reactions{padding:20px 16px}.reaction-list{gap:4px}.reaction-list button{padding:6px 8px}.island{width:210px}}@media(max-width:800px){.workspace,.workspace.no-left,.workspace.no-right{display:flex}.assets-panel{display:none}.inspector{width:235px;flex-shrink:0}.stage-wrap{flex:1}.stage-heading h1{font-size:21px}.stage-hint{display:none}.canvas-region{margin-left:10px;margin-right:10px}.stage-toolbar{transform:scale(.86);margin-left:-20px;margin-right:-20px}.topbar{padding:0 14px}.brand strong{font-size:20px}.button-small{display:none}.island{left:auto;right:14px;transform:none;width:190px}.island.expanded{width:300px}.top-right{margin-right:205px}.timeline-label{width:110px}.timeline{height:85px}}@media(max-width:540px){.inspector{width:190px}.stage-heading{padding:22px 12px 0}.stage-heading h1{font-size:19px}.stage-heading p{font-size:9px;line-height:1.5}.stage-toolbar{transform:scale(.6);margin-left:-80px;margin-right:-80px}.panel-title{padding:0 12px}.tabs{gap:12px;padding:0 12px}.reactions{padding:12px}.reaction-list button{font-size:8px;padding:5px 6px}.silhouette-label{font-size:6px;gap:4px}.top-right{margin-right:195px}.brand-icon{width:27px;height:27px}.brand{gap:6px}.brand strong{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:900px){.workspace,.workspace.no-left,.workspace.no-right,.workspace.no-left.no-right{display:flex}.stage-wrap{width:100%;flex:1}.assets-panel{display:flex;position:absolute;z-index:15;top:66px;bottom:105px;left:0;width:260px;box-shadow:12px 0 25px #0005}.inspector{position:absolute;z-index:15;top:66px;bottom:105px;right:0;width:265px;box-shadow:-12px 0 25px #0005}.stage-heading h1{font-size:26px}.canvas-region{margin:20px 15px 0}.stage-toolbar{transform:none;margin-left:0;margin-right:0}.top-right{margin-right:0;gap:4px}.island{top:75px;right:18px;left:auto;width:150px}.island-top{height:35px;font-size:9px;padding:0 8px}.island-orb{width:20px;height:20px}.island-wave{display:none}.island.expanded{width:min(300px,calc(100vw - 30px))}.stage-heading{padding:65px 18px 0}.stage-heading p{font-size:10px}.silhouette-label{font-size:8px}.topbar{padding:0 14px}.timeline{height:105px}.stage-hint{display:flex;font-size:8px;gap:5px}.reactions{padding:20px 15px}.reaction-list button{font-size:9px;padding:6px 8px}.floor-label{font-size:7px}.floor-label span{display:none}}@media(max-width:400px){.stage-toolbar{gap:0;padding:4px;transform:scale(.88);margin-left:-15px;margin-right:-15px}.toolbar-speed{padding:0 2px}.stage-toolbar button{min-width:24px;padding:5px}.stage-hint{display:none}.brand strong{font-size:20px}}.play-mode .topbar{position:absolute;inset:0 0 auto;height:66px;background:transparent;border:0;pointer-events:none}.play-mode .brand,.play-mode .top-right{pointer-events:auto}.play-mode .brand-icon{background:#222a22;border-color:#3a4535}.play-mode .brand strong{font-size:20px}.play-mode .top-right{opacity:.45;transition:opacity .2s}.play-mode .top-right:hover{opacity:1}.play-mode .button-small{display:none}.play-mode .workspace{display:flex;height:100%;flex:1}.play-mode .stage-wrap{width:100%;flex:1;background:#131719}.play-mode .stage-heading,.play-mode .reactions,.play-mode .timeline,.play-mode .stage-coordinate,.play-mode .stage-hint,.play-mode .floor-label{display:none}.play-mode .canvas-region{margin:0;border:0;border-radius:0;background-image:radial-gradient(#7b8d6c18 .6px,transparent .7px);background-size:30px 30px}.play-mode .stage-toolbar{position:absolute;right:24px;bottom:22px;margin:0;gap:0;padding:5px;border-radius:30px;border-color:#35402f88;background:#20271dd9;box-shadow:0 5px 20px #0002;opacity:.55;transition:opacity .25s}.play-mode .stage-toolbar:hover{opacity:1}.play-mode .toolbar-speed,.play-mode [aria-label="Step frame"],.play-mode [aria-label=Screenshot],.play-mode [aria-label=Record],.play-mode [aria-label="Debug overlays"]{display:none}.play-mode .stage-toolbar button{width:34px;height:31px;border-radius:50%}.play-mode .silhouette-label{left:24px;top:auto;bottom:28px;transform:none;margin:0;color:#7e8c73;font:8px monospace;opacity:.55}.play-mode .silhouette-label>span:last-child{display:none}.play-mode .island{top:13px}.play-mode .assets-panel,.play-mode .inspector{position:absolute;top:75px;bottom:80px;width:280px;z-index:16;border:1px solid #35402f;border-radius:10px;box-shadow:0 12px 40px #0005}.play-mode .assets-panel{left:18px}.play-mode .inspector{right:18px}.play-mode .toast{bottom:85px;font-size:10px}.play-mode .file-tray{bottom:85px}.lab-mode .quick-music{display:none}.play-mode .panel-title{border-radius:10px 10px 0 0}@media(max-width:900px){.play-mode .island{left:50%;right:auto;transform:translate(-50%);top:16px;width:160px}.play-mode .island.expanded{width:min(330px,calc(100vw - 24px))}.play-mode .brand strong{font-size:18px}.play-mode .brand-icon{width:27px;height:27px}.play-mode .topbar{padding:0 14px}.play-mode .top-right{gap:0}.play-mode .stage-toolbar{right:16px;bottom:17px;transform:none}.play-mode .silhouette-label{left:16px;bottom:28px;font-size:7px}.play-mode .assets-panel{left:10px;width:min(280px,calc(100vw - 20px))}.play-mode .inspector{right:10px;width:min(280px,calc(100vw - 20px))}.lab-mode .topbar{padding-right:16px}}.play-mode{min-height:0}.play-mode .stage-toolbar{bottom:90px}.play-mode .silhouette-label{bottom:18px}@media(min-width:901px){.play-mode .stage-toolbar{bottom:22px}}body{overflow:hidden}.native,.native body,.native .app.play-mode,.native .play-mode .stage-wrap{background:transparent}.native .play-mode .canvas-region{background:none}.native .play-mode .topbar{pointer-events:auto}.native .play-mode .top-right{opacity:1}@media(max-width:400px){.play-mode .brand strong{display:none}.play-mode .island{width:150px}.play-mode .icon-button{padding:5px}}.app{isolation:isolate;background:#131719;transition:color .8s,background 1.2s}.app .stage-wrap,.app.play-mode .stage-wrap{background:transparent}.workspace{position:relative;z-index:1}.aero-world{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;opacity:0;transition:opacity 1.35s cubic-bezier(.2,.7,.2,1)}.aero .aero-world{opacity:1}.aero-wallpaper{position:absolute;inset:-1px;background:url(/assets/aero-wallpaper.png) center center/cover no-repeat;transform:scale(1.025);transition:transform 2.5s cubic-bezier(.2,.7,.2,1)}.aero .aero-wallpaper{transform:scale(1)}.aero-light{position:absolute;inset:0;background:linear-gradient(180deg,#ccf3ff22 0%,transparent 30%,transparent 76%,#1c728315 100%);box-shadow:inset 0 0 100px #e3fbff16}.aero-bubbles{position:absolute;inset:0}.aero-bubbles i{position:absolute;bottom:-150px;left:calc(7% + var(--i) * 13%);width:calc(26px + var(--i) * 9px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 28% 22%,#fff9 0%,#fff3 8%,transparent 18%),radial-gradient(circle at 65% 75%,#e6ffff2b,transparent 55%);border:1px solid #e3ffff55;box-shadow:inset -3px -5px 10px #a9f1ff25,inset 2px 3px 6px #fff6,0 0 8px #d5fbff22;animation:bubble-rise calc(22s + var(--i) * 3s) linear infinite;animation-delay:calc(var(--i) * -8s);animation-play-state:paused;opacity:.65}.aero .aero-bubbles i{animation-play-state:running}@keyframes bubble-rise{0%{transform:translateZ(0);opacity:0}10%{opacity:.6}80%{opacity:.4}to{transform:translate3d(35px,-110vh,0);opacity:0}}.top-left-group{display:flex;align-items:center;gap:22px;pointer-events:auto}.app .topbar{z-index:25}.app .top-right,.app.play-mode .top-right{opacity:1;gap:12px}.app .top-right>.icon-button{opacity:.45;transition:opacity .2s}.app .top-right>.icon-button:hover{opacity:1}.app .brand{flex-shrink:0}.aero-switch{height:39px;display:flex;gap:12px;border-radius:22px;padding:0 8px 0 16px;border:1px solid #53605d55;background:#202724a3;box-shadow:inset 0 1px #ffffff08;color:#a5b2a5;white-space:nowrap;font-size:11px;font-weight:450;transition:background .8s,border-color .8s,color .8s,box-shadow .8s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.aero-switch:hover{background:#303c33;border-color:#6a7e60;color:#e0e8d7}.switch-track{display:block;width:39px;height:23px;flex-shrink:0;padding:3px;border:1px solid #75847744;border-radius:18px;background:linear-gradient(#0c110f,#26312a);box-shadow:inset 0 1px 4px #0008;transition:background .7s,border .7s}.switch-knob{display:block;width:15px;height:15px;border-radius:50%;background:linear-gradient(#e0e6db,#82967e);box-shadow:0 1px 3px #0008,inset 0 1px 1px #fff8;transform:translate(0);transition:transform .5s cubic-bezier(.23,1.6,.4,1),background .6s}.aero-switch[aria-checked=true] .switch-track{background:linear-gradient(#287b0e,#80da17 50%,#a4ed3e);border-color:#3b951a;box-shadow:inset 0 1px 4px #174e0888,0 0 8px #a7fb5c55}.aero-switch[aria-checked=true] .switch-knob{transform:translate(16px);background:linear-gradient(#fff,#e8f7fc 45%,#bbd6e2);box-shadow:0 1px 4px #17453499,inset 0 1px 1px #fff}.fruit-player{position:relative;display:flex;align-items:center;gap:9px;height:53px;padding:4px 14px 4px 5px;border-radius:29px;background:linear-gradient(150deg,#35403955,#111713a6);border:1px solid #768b6b2d;box-shadow:inset 0 1px #f3ffe00d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .8s,border-color .8s,box-shadow .8s}.cd-toggle{position:relative;display:block;width:43px;height:43px;padding:0;border:0;background:none!important;border-radius:50%;flex-shrink:0}.cd-disc{position:absolute;inset:1px;display:block;border-radius:50%;background:conic-gradient(from 10deg,#d7e9ef,#f4ffff,#a4b2bd 50deg,#89d8e4 72deg,#dbafde 89deg,#f7deb9 109deg,#e4f3e9 123deg,#a8b1bd 150deg,#f7fcff 180deg,#c3cfd8 211deg,#88d3da 241deg,#dbabcf 263deg,#f6e9ad 278deg,#c6d7db 300deg,#fff 333deg,#d7e9ef 360deg);box-shadow:inset 0 0 0 1px #ffffffcf,inset 0 0 0 2px #72869777,0 2px 4px #0006;animation:cd-spin 6s linear infinite;animation-play-state:paused}.is-playing .cd-disc{animation-play-state:running}.cd-grooves{position:absolute;inset:4px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 1.1px,#6a8fa41f 1.3px 1.7px);box-shadow:inset 0 0 0 1px #fff5}.cd-center{position:absolute;inset:38%;border-radius:50%;background:#27302b;border:2px solid #d4e0e5;box-shadow:0 0 0 2px #e4f5f877,0 0 0 4px #59697436;transition:background .8s}.cd-action{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:#10282a99;opacity:0;transition:opacity .2s;color:#fff;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.cd-toggle:hover .cd-action,.cd-toggle:focus-visible .cd-action{opacity:1}.cd-action svg{width:17px;height:17px}.fruit-label{padding:0;border:0;background:none!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:69px;color:#dbe4d3;text-align:left}.fruit-label strong{font-size:12px;font-weight:550;max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fruit-label>span{display:flex;align-items:center;gap:2px;font-size:8px;color:#80917a;white-space:nowrap;line-height:1}.fruit-label i{display:block;height:7px;width:2px;background:currentColor;transform-origin:bottom;animation:equalizer .65s ease-in-out infinite alternate;animation-play-state:paused;opacity:.3}.fruit-label i:first-of-type{margin-left:5px;animation-delay:-.2s}.fruit-label i:last-child{animation-delay:-.4s}.is-playing .fruit-label i{animation-play-state:running;opacity:1}@keyframes cd-spin{to{transform:rotate(360deg)}}@keyframes equalizer{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.fruit-popover{position:absolute;left:0;top:62px;width:215px;padding:15px 16px;background:#1d2924ed;border:1px solid #57714b77;border-radius:15px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 10px 30px #0004;animation:reveal .25s ease;color:#bdceb0}.fruit-track{display:flex;justify-content:space-between;font:9px Segoe UI,sans-serif;font-variant-numeric:tabular-nums;color:inherit}.fruit-popover input[type=range]{margin:10px 0}.fruit-volume{display:flex;gap:12px;align-items:center}.fruit-volume button{background:none;border:none;padding:3px;color:inherit}.fruit-error{position:absolute;top:65px;left:0;background:#27352b;padding:10px;border-radius:8px;width:210px;font-size:11px}.sol-speech{position:absolute;left:0;top:0;z-index:4;pointer-events:none;will-change:transform;contain:layout style;--tail-x: 110px}.speech-card{position:relative;padding:13px 17px;color:#d9e2d0;background:linear-gradient(150deg,#354237ed,#1b251fea);border:1px solid #82957555;border-radius:17px;box-shadow:0 8px 28px #0002,inset 0 1px #efffe312;font-size:12px;line-height:1.6;text-align:center;text-wrap:pretty;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transform:translateY(9px) scale(.86);transform-origin:50% 100%;transition:opacity .25s,transform .45s cubic-bezier(.2,1.5,.4,1),color .8s,background .8s,border-color .8s}.speech-card:after{content:"";position:absolute;bottom:-5px;left:var(--tail-x);width:8px;height:8px;background:#222d25;border-right:1px solid #82957555;border-bottom:1px solid #82957555;transform:translate(-50%) rotate(45deg)}.sol-speech[data-below=true] .speech-card:after{bottom:auto;top:-5px;transform:translate(-50%) rotate(225deg)}.sol-speech[data-visible=true] .speech-card{opacity:1;transform:translateY(0) scale(1)}.aero{--muted: #34596b;--line: #729eb188;--accent: #4e9f11;color:#183f51}.aero .canvas-region{background-image:none}.aero .topbar{background:transparent}.aero .brand{color:#fff;text-shadow:0 1px 3px #075b8380}.aero .brand strong span{color:#e3f8ff}.aero .brand-icon{background:linear-gradient(180deg,#d6f8ffbf,#71cbef8f 48%,#168dcc8a 51%,#66ddf6a8);border-color:#f1ffffbd;color:#fff;box-shadow:inset 0 1px 1px #fff,0 2px 7px #064f7660}.aero .top-right>.icon-button{color:#174c65;opacity:.85;background:#e5faff3b;border:1px solid #f4ffff59;border-radius:7px;box-shadow:0 1px 2px #075b8333}.aero .aero-switch{color:#214c5b;text-shadow:0 1px 0 #fff9;border:1px solid #edffffd9;background:linear-gradient(180deg,#f5ffffc9,#d5f5ff99 47%,#68bed461 50%,#c5f4ff85);box-shadow:0 2px 9px #075b8344,inset 0 1px 1px #fff,inset 0 -1px #5499b166;-webkit-backdrop-filter:blur(15px) saturate(1.6);backdrop-filter:blur(15px) saturate(1.6)}.aero .aero-switch:hover{background:linear-gradient(180deg,#fff,#e1faffb8 48%,#90d6e887 50%,#ddfcffc4)}.aero .fruit-player{background:linear-gradient(180deg,#effeffba,#c8f3ff72 47%,#63b8d474 50%,#c7f5ff96);border-color:#ecffffdb;box-shadow:inset 0 1px #fff,inset 0 -1px #4087a177,0 3px 12px #075c8640;-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6)}.aero .fruit-label{color:#174259;text-shadow:0 1px 0 #fffb}.aero .fruit-label>span{color:#2c657b}.aero .cd-center{background:#a8d8e7}.aero .island{border-color:#eaffffe6;background:linear-gradient(180deg,#f1ffffb5,#b9edff7a 46%,#5fb5d36b 49%,#c9f4ff94);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #337f9a77,0 4px 16px #08557d4a;-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);transition:width .55s cubic-bezier(.2,1.4,.4,1),background .8s,box-shadow .8s,border-color .8s}.aero .island-top{color:#214e60;text-shadow:0 1px 0 #fffa}.aero .island-top:hover{background:#e5ffff30}.aero .island-orb{background:linear-gradient(#d2f5ac,#78c231 49%,#3b940c 50%,#a4ec48);border:1px solid #f3ffe4d9;box-shadow:inset 0 1px 2px #fff,0 1px 3px #1e65195c;color:#fff}.aero .island-wave i{background:#4b9322;box-shadow:0 1px 1px #fff9}.aero .island-chevron{color:#376579}.aero .island-content p{color:#22576b}.aero .island-content>small{color:#3a7282;text-shadow:0 1px #fff8}.aero .stage-toolbar{background:linear-gradient(180deg,#edffffbd,#b7e6f575 47%,#6bb4ce6e 50%,#d2fbffa8);border:1px solid #eaffffdc;box-shadow:inset 0 1px 1px #fff,inset 0 -1px #2c87a566,0 3px 13px #09608966;-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);opacity:.88}.aero .stage-toolbar button{color:#245e74;text-shadow:0 1px #fff}.aero .stage-toolbar button:hover,.aero .stage-toolbar button.active{background:linear-gradient(#e7ffffb3,#86d9f18c);color:#0a4872;box-shadow:inset 0 1px #fff9,0 1px 3px #1f73944d}.aero .speech-card{color:#18445a;background:linear-gradient(155deg,#ffffffeb,#e7faffbd 49%,#b4e3f196 50%,#f1ffffcf);border-color:#f7fffff2;text-shadow:0 1px 0 #fff9;box-shadow:inset 0 1px 1px #fff,inset 0 -1px #5498b14d,0 5px 22px #0c5a8040;-webkit-backdrop-filter:blur(18px) saturate(1.45);backdrop-filter:blur(18px) saturate(1.45)}.aero .speech-card:after{background:#dcf6f9;border-color:#efffff}.aero .fruit-popover,.aero .file-tray article{background:linear-gradient(145deg,#f6ffffe3,#b6e6f4ad);border-color:#f1ffffec;box-shadow:inset 0 1px 1px #fff,0 8px 25px #185c7b55;color:#22546a;-webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5)}.aero .panel{background:linear-gradient(150deg,#edfcfff0,#cfedeee6);color:#234e5c;border-color:#f2ffff;-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4)}.aero .panel-title{color:#244f62;border-color:#77a0ae77}.aero .panel-title svg{color:#2c7282}.aero .section-kicker{color:#427480}.aero .panel-body small,.aero .muted{color:#4b7380}.aero .tabs{border-color:#91b6c1}.aero .tabs button{color:#4b7789}.aero .tabs .active{color:#17638a;border-color:#269bc0}.aero .panel button,.aero .island-content button,.aero .file-tray button{color:#22546a;border-color:#6fa3b78a;background:linear-gradient(#f9ffffda,#dbf4f9ae 46%,#a7d3df8c 50%,#e8ffffb8);box-shadow:inset 0 1px #fff}.aero .panel input,.aero .panel select,.aero .fruit-popover input{color:#214c60;background:#f5ffffba;border-color:#6b9fae99;accent-color:#66a91a}.aero input[type=range]{background:#386e856b}.aero input[type=range]::-webkit-slider-thumb{background:linear-gradient(#fff,#cfedf9);border-color:#4792b3;box-shadow:0 1px 4px #2a6d8a55}.aero .range-label,.aero .toggle,.aero .field-label,.aero .rig-row{color:#365f6e}.aero .range-label>span{color:#226079}.aero .debug-card,.aero .mapping-preview,.aero .music-card,.aero .session-card{background:#eefbffa6;border-color:#8fbac6;color:#22546a}.aero .debug-grid>span,.aero .debug-card p{color:#5c7f87}.aero .debug-grid>strong,.aero .mapping-preview strong{color:#2e6771}.aero .tag{color:#427962;border-color:#88ae99}.aero .timeline{background:#e0f4fae3;border-color:#a4d0d8}.aero .timeline-label,.aero .timeline-event>span:last-child{color:#497887}.aero .fps{background:#e0f4fa;color:#356a7c}.aero .toast{background:#e3f7fae6;border-color:#fff;color:#235566;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.aero .stage-heading h1{color:#fff;text-shadow:0 1px 4px #17658077}.aero .stage-heading p{color:#e6faff;text-shadow:0 1px 3px #165c77}.aero .brand strong,.aero .brand-icon,.aero .stage-toolbar,.fruit-label,.island-top{transition:color .8s,background .8s,box-shadow .8s,border-color .8s}@media(min-width:901px)and (max-width:1250px){.app .topbar{padding:0 17px}.top-left-group{gap:12px}.app .brand strong{display:none}.aero-switch{font-size:10px;gap:9px;padding-left:12px}.app .top-right{gap:7px}.app .island{width:190px}.app .island.expanded{width:330px}.fruit-player{height:47px}.cd-toggle{width:37px;height:37px}}@media(max-width:900px){.app.play-mode .topbar{height:66px;align-items:flex-start;padding-top:12px}.top-left-group{gap:10px}.app .top-left-group .brand{height:39px}.app .brand strong{display:none}.app.play-mode .top-right{gap:6px;align-items:center}.app .aero-switch{font-size:10px;gap:9px;padding-left:12px;height:37px}.app.play-mode .island{top:78px;right:16px;left:auto;transform:none;width:165px}.app.play-mode .island.expanded{width:min(330px,calc(100vw - 24px));z-index:30}.fruit-player{position:absolute;left:16px;top:71px;height:48px;gap:8px}.cd-toggle{width:38px;height:38px}.app .top-right>.icon-button{padding:4px}.aero .top-right>.icon-button{border-color:transparent;background:transparent;box-shadow:none}.fruit-popover{top:56px}.app .island-wave{display:flex}.app .island-top{height:38px}.app.lab-mode .fruit-player{display:none}.app.lab-mode .aero-switch{font-size:9px}.app.lab-mode .topbar{height:66px}.app.lab-mode .island{top:72px}.app.lab-mode .button-small{display:none}}@media(max-width:440px){.app.play-mode .topbar{padding-left:12px;padding-right:9px}.app .top-left-group .brand-icon{width:25px;height:25px}.app .aero-switch{font-size:9px;padding-left:10px;gap:7px;height:33px}.switch-track{width:34px;height:21px;padding:2px}.switch-knob{width:15px;height:15px}.aero-switch[aria-checked=true] .switch-knob{transform:translate(13px)}.app .top-right>.icon-button svg{width:14px;height:14px}.app.play-mode .top-right{gap:3px}.fruit-player{left:12px;top:64px}.app.play-mode .island{right:12px;top:70px;width:145px}.app .island-top{font-size:9px}.app .island-wave{display:none}.speech-card,.app .fruit-label strong{font-size:11px}.app .fruit-label>span{font-size:8px}}@media(prefers-reduced-motion:reduce){.aero-bubbles{display:none}.cd-disc,.fruit-label i{animation-duration:0s!important;animation:none!important}.aero-wallpaper{transform:none}.sol-speech .speech-card{transition:opacity .1s!important;transform:none!important}}.app.play-mode .canvas-region{margin-bottom:62px}.app.play-mode .stage-toolbar{bottom:15px;right:18px}.app .aero-switch:focus:not(:focus-visible){outline:none}.aero .canvas-region canvas{filter:drop-shadow(0 3px 3px #285d4814)}.app .island{z-index:30}.app{min-height:0;background:#12191e}.app.aero{background:#b8eafa}.app .topbar{height:54px;flex:0 0 54px;justify-content:flex-end;padding:7px 16px;border:0;background:transparent}.app .top-left-group{display:none}.app .top-right{gap:0}.app .aero-world{position:fixed}.app .aero-wallpaper{background-image:url(/assets/aero-wallpaper.png);background-size:cover;background-position:center 52%;filter:saturate(1.04)}.app .aero-light{background:linear-gradient(180deg,#a5e3ff2b,transparent 38%,#194b5412);box-shadow:inset 0 0 90px #fff2}.desktop-stage{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;isolation:isolate}.desktop-stage>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:none}.desktop-stage>.sol-speech{position:absolute;z-index:4}.desktop-icons{position:absolute;z-index:6;top:18px;left:16px;display:flex;flex-direction:column;gap:10px;width:84px}.desktop-icon{min-height:80px;width:80px;border:1px solid transparent;padding:5px 3px;flex-direction:column;gap:2px;color:#fff;background:transparent!important;text-shadow:0 1px 3px #053854,0 0 5px #053854b0;font:12px Segoe UI,sans-serif;border-radius:4px}.desktop-icon:hover,.desktop-icon:focus-visible{border-color:#efffff9c;background:#cef5ff49!important;box-shadow:inset 0 0 0 1px #fff6;color:#fff}.desktop-icon-art{width:44px;height:44px;display:grid;place-items:center;color:#e9fbff;filter:drop-shadow(0 2px 2px #052d46a8)}.desktop-icon-art svg{width:36px;height:36px}.desktop-icon-art.bin{color:#c8f5ff}.desktop-sol-icon{width:40px;height:40px;filter:drop-shadow(0 2px 3px #123b5d99)}.desktop-sol-icon img{width:100%;height:100%;object-fit:contain}.win-taskbar{position:absolute;z-index:12;inset:auto 0 0;height:48px;display:flex;align-items:center;gap:6px;padding:4px 11px 4px 8px;border-top:1px solid #e8ffffdc;background:linear-gradient(180deg,#f1ffff68,#a5e5ff77 22%,#438db66b 58%,#1d547b99);box-shadow:0 -2px 14px #14577c38,inset 0 1px #fff;-webkit-backdrop-filter:blur(24px) saturate(1.65);backdrop-filter:blur(24px) saturate(1.65)}.start-orb{width:42px;height:42px;padding:0;margin-right:4px;border:1px solid #f2ffff;border-radius:50%;color:#fff;font-size:22px;background:radial-gradient(circle at 35% 26%,#dfffff,#8ce6ff 22%,#30a6e9 55%,#07569f 76%,#48c9fa)!important;box-shadow:0 0 0 2px #0a4e7877,inset 0 1px 2px #fff,0 1px 5px #073653}.start-orb span{line-height:1;filter:drop-shadow(0 1px 1px #06456c)}.start-menu{position:absolute;z-index:15;left:7px;bottom:47px;width:min(355px,calc(100vw - 18px));padding:10px;border:1px solid #ecffff;border-radius:9px 9px 4px 4px;color:#194a65;background:linear-gradient(145deg,#f3ffffef,#a9e0f1e8 52%,#e5faffef);box-shadow:0 12px 35px #0636537a,inset 0 1px #fff;-webkit-backdrop-filter:blur(25px) saturate(1.6);backdrop-filter:blur(25px) saturate(1.6)}.start-profile{display:flex;align-items:center;gap:10px;padding:6px 8px 11px;border-bottom:1px solid #74b6cf5c}.start-profile img{width:40px;height:40px;border:2px solid #f6ffff;border-radius:6px;box-shadow:0 1px 4px #245d7266}.start-profile span{display:flex;flex-direction:column;gap:2px}.start-profile strong{font-size:13px}.start-profile small{color:#548193;font-size:10px}.start-links{display:grid;gap:3px;padding:8px 0}.start-links button{justify-content:flex-start;gap:10px;height:36px;padding:5px 9px;border:1px solid transparent;color:#23586f;background:transparent}.start-links button:hover{border-color:#b0e1f1;background:#e7faffb8;color:#0f5074}.start-links svg{width:20px;height:20px;color:#328ab0}.start-shutdown{width:100%;justify-content:space-between;border:1px solid #81b7cd;color:#1d5974;background:linear-gradient(#f7ffff,#bbdfed 52%,#e4faff)}.start-shutdown span{font-size:15px}.taskbar-app{height:39px;min-width:43px;padding:5px 9px;border:1px solid #bff4ff80;border-radius:5px;background:linear-gradient(180deg,#f4ffff5e,#72c9f24f 50%,#2c82bb47)!important;color:#f1fcff;box-shadow:inset 0 1px #fff8,0 1px 3px #0b456a4a;text-shadow:0 1px 2px #0b4c71}.taskbar-app:hover,.taskbar-app.active{background:linear-gradient(180deg,#ffffff9e,#8fddff92 50%,#388bc1a1)!important;box-shadow:inset 0 1px #fff,0 0 9px #c9f8ff8f}.taskbar-app>svg{width:24px;height:24px}.taskbar-player-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#8af0fd,#2788c2 58%,#155c9d);box-shadow:inset 0 1px #fff}.taskbar-tray{margin-left:auto;min-width:91px;height:38px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 9px;color:#fff;border:1px solid #dcfbff71;border-radius:4px;background:linear-gradient(180deg,#fff2,#195d8c52);text-shadow:0 1px 2px #064369;font-size:10px;line-height:1.2}.taskbar-tray svg{width:15px;height:15px}.desktop-window{position:absolute;z-index:9;top:50%;left:50%;width:min(560px,calc(100vw - 38px));overflow:hidden;transform:translate(-50%,-50%);border:1px solid #f4ffff;border-radius:9px;background:linear-gradient(145deg,#e9fbffed,#a4dff2d9 48%,#e3faffee);box-shadow:0 18px 55px #073c5c70,inset 0 1px #fff;-webkit-backdrop-filter:blur(26px) saturate(1.65);backdrop-filter:blur(26px) saturate(1.65);animation:window-appear .24s cubic-bezier(.2,1.35,.4,1)}@keyframes window-appear{0%{opacity:0;transform:translate(-50%,-48%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.window-titlebar{height:38px;display:flex;align-items:center;gap:8px;padding:0 7px 0 12px;color:#123c59;border-bottom:1px solid #6ab2d04a;text-shadow:0 1px #fff;font:12px Segoe UI,sans-serif}.window-title-icon{display:grid;place-items:center;color:#2680ad}.window-title-icon svg{width:17px;height:17px}.window-titlebar strong{font-weight:500}.window-actions{margin-left:auto;display:flex;gap:4px;align-self:flex-start}.window-actions button{width:34px;height:24px;padding:0;margin-top:-1px;border:1px solid #a9d9eb;border-top:0;border-radius:0 0 5px 5px;color:#21516a;background:linear-gradient(#f7ffffdd,#acdff0cc);box-shadow:inset 0 1px #fff}.window-actions button:last-child{width:43px;color:#fff;border-color:#ffede1;background:linear-gradient(#fb9b86,#e24638 52%,#b91f20);text-shadow:0 1px #8c1b1b}.window-actions svg{width:13px;height:13px}.media-player{padding:0 10px 10px;color:#17465f}.media-menu{height:28px;display:flex;align-items:center;gap:19px;padding:0 7px;color:#244d62;font:11px Segoe UI,sans-serif}.media-menu span:hover{color:#057bb3}.media-toolbar{height:34px;display:flex;align-items:center;gap:6px;padding:3px 5px;border:1px solid #91cde2;border-bottom-color:#6aa9c1;border-radius:5px 5px 0 0;background:linear-gradient(#fbffffed,#d2f2ffba 49%,#9fd9f0a3 51%,#e8fbffcc);box-shadow:inset 0 1px #fff}.media-toolbar span{padding:4px 9px;border-radius:4px;font:11px Segoe UI,sans-serif;color:#28627a;text-shadow:0 1px #fff}.media-toolbar span:first-child{color:#fff;background:linear-gradient(#60b5e7,#2579b6);box-shadow:inset 0 1px #d9f5ff}.media-art{display:block;width:100%;height:clamp(210px,37vh,330px);object-fit:cover;object-position:center 48%;border:1px solid #82bed5;border-top:0;box-shadow:inset 0 0 20px #fff}.media-caption{display:flex;justify-content:space-between;align-items:center;height:32px;padding:0 11px;color:#e9faff;background:linear-gradient(90deg,#135c86dd,#268bc1bd 55%,#0a5279d9);text-shadow:0 1px 2px #073650;font:11px Segoe UI,sans-serif}.media-caption strong{font-size:12px;font-weight:600}.media-caption span{opacity:.9}.media-controls{padding:7px 10px 6px;border:1px solid #9acfe1;border-top:0;border-radius:0 0 5px 5px;background:linear-gradient(180deg,#dff7ffdf,#a6def0bd 48%,#d9f6ffde);box-shadow:inset 0 1px #fff}.media-time{color:#28637b;font:9px Segoe UI,sans-serif;font-variant-numeric:tabular-nums}.media-controls>input{display:inline-block;width:calc(100% - 76px);vertical-align:middle;margin:0 5px}.media-controls input[type=range]{height:4px;accent-color:#208bc3;background:#65b8d477}.media-controls input[type=range]::-webkit-slider-thumb{width:12px;height:12px;border:1px solid #efffff;background:linear-gradient(#fff,#9fe2fa);box-shadow:0 1px 3px #245c7a77}.media-buttons{height:39px;display:flex;align-items:center;justify-content:center;gap:8px}.media-buttons button{width:29px;height:25px;padding:0;border:1px solid #82bfd7;border-radius:5px;color:#1d5b77;background:linear-gradient(#f8ffff,#aadff0 50%,#d8f8ff);box-shadow:inset 0 1px #fff,0 1px 2px #41758a44}.media-buttons .media-play{width:35px;height:32px;border-radius:50%;border-color:#f3ffff;color:#fff;background:radial-gradient(circle at 35% 25%,#fff,#71d8ff 22%,#187fbc 65%,#0e5794);box-shadow:inset 0 1px #fff,0 1px 4px #2b6989}.media-buttons .media-play svg{width:16px;height:16px}.media-buttons label{margin-left:12px;display:flex;align-items:center;gap:6px;color:#28718b}.media-buttons label svg{width:15px;height:15px}.media-buttons label input{width:76px}.explorer-window-content{padding:12px;background:#f1fbffd9}.browser-address{height:31px;display:flex;align-items:center;gap:8px;padding:0 8px;border:1px solid #a3cede;border-radius:4px;background:#fff9;color:#4d7487;font:11px Segoe UI,sans-serif}.browser-address svg{color:#2781b2}.browser-address span{flex:1}.browser-address button{padding:2px 8px;border:0;background:transparent;color:#247ca8}.browser-page{position:relative;min-height:240px;margin-top:10px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#155477;background:linear-gradient(#b4e9ff,#f7ffff 67%,#3ec3da 68%,#057cbb)}.browser-page h2{position:relative;z-index:1;margin:5px 10px;font:24px Segoe UI Light,Segoe UI,sans-serif}.browser-page p{position:relative;z-index:1;margin:5px 18px;font-size:12px}.browser-sun{position:relative;z-index:1;color:#fff2a5;font-size:40px;text-shadow:0 0 22px #fff}.browser-water{position:absolute;inset:68% 0 0;background:radial-gradient(ellipse at 35% 20%,#b9ffffcc,transparent 30%),linear-gradient(165deg,#0f92bd,#075a99)}.file-window-content{min-height:190px;display:flex;align-items:center;gap:20px;padding:30px 35px;color:#23586d;font:13px Segoe UI,sans-serif}.file-window-content>svg{width:46px;height:46px;color:#378fb7}.file-window-content p{margin:8px 0 0;color:#537786}.file-window-content .soft-note{max-width:310px;padding:10px 12px;border-left:2px solid #54b7d4;background:#dff8ff7a}.desktop-sol-call{display:none}.quiet-controls{position:absolute;z-index:6;right:16px;bottom:16px;display:flex;gap:6px;opacity:.45;transition:opacity .2s}.quiet-controls:hover{opacity:1}.quiet-controls button{width:36px;height:34px;padding:0;border:1px solid #ffffff42;border-radius:7px;background:#26313caa;color:#edf7f4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.quiet-controls button svg{width:17px;height:17px}@media(max-width:600px){.app .topbar{height:48px;flex-basis:48px;padding:6px 9px}.desktop-icons{top:8px;left:4px;gap:4px}.desktop-icon{min-height:67px;width:69px;font-size:10px}.desktop-icon-art{height:37px;width:37px}.desktop-icon-art svg{width:30px;height:30px}.win-taskbar{height:44px;padding:3px 6px;gap:4px}.start-orb{width:39px;height:39px}.taskbar-app{min-width:38px;height:35px;padding:4px 7px}.taskbar-tray{min-width:74px;font-size:9px;padding:0 5px}.desktop-window{width:calc(100vw - 24px)}.media-player{padding:0 6px 7px}.media-toolbar{gap:0;justify-content:space-around}.media-toolbar span{padding:4px 5px;font-size:10px}.media-art{height:clamp(185px,34vh,260px)}.media-caption span{font-size:9px}.media-buttons label{margin-left:4px}.media-buttons label input{width:54px}}.start-menu{display:grid;grid-template-columns:58% 42%;width:min(430px,calc(100vw - 18px));height:min(548px,calc(100dvh - 110px));overflow:hidden;padding:7px 7px 7px 8px;border:1px solid #f5ffff;border-radius:8px 8px 3px 3px;color:#123c59;background:linear-gradient(135deg,#f9fffff2,#c5eff5c9 54%,#e9fcffdb);box-shadow:0 15px 42px #06365375,inset 0 1px #fff,0 0 0 1px #3286aa38;-webkit-backdrop-filter:blur(32px) saturate(1.75);backdrop-filter:blur(32px) saturate(1.75)}.start-programs{min-width:0;display:flex;flex-direction:column;padding:6px 7px 7px 2px;border:1px solid #c2dbe6;border-radius:4px 0 0 4px;background:linear-gradient(145deg,#fffefaed,#f7fbf9e9 70%,#e9f5f6ed);box-shadow:inset 0 1px #fff}.start-program-list{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#87bdcf transparent}.start-program{width:100%;height:36px;justify-content:flex-start;gap:8px;padding:3px 5px;border:1px solid transparent;border-radius:3px;background:transparent;color:#172f40;text-align:left;font-size:12px}.start-program:hover,.start-program:focus-visible{border-color:#a7d9e8;background:linear-gradient(#f9ffffdf,#bdeeff99);color:#102f49;box-shadow:inset 0 1px #fff}.program-glyph{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border:1px solid #d4e5e8;border-radius:4px;background:linear-gradient(#fff,#b4dcea);color:#19658d;font-weight:700;font-size:17px;box-shadow:0 1px 3px #57788744,inset 0 1px #fff}.glyph-internet-explorer{font:italic 700 21px Georgia;color:#1377bd;text-shadow:1px 1px #f8d756}.glyph-calculator{color:#315b69;background:linear-gradient(#f9ffff,#a7cbd2)}.program-chevron{margin-left:auto;color:#427489;font-size:18px}.no-programs{padding:12px;color:#496c7b;font-size:11px}.all-programs{width:100%;height:31px;margin-top:4px;justify-content:space-between;border:1px solid transparent;border-top-color:#b2d5dc;border-radius:0;background:linear-gradient(90deg,transparent,#def4f5a6);color:#183a4b;font-size:11px}.all-programs:hover{color:#0069a3;background:#d3f3faaa}.start-search{height:32px;display:flex;align-items:center;margin-top:4px;padding:0 7px;border:1px solid #a8c8d0;border-radius:2px;background:#fffefa;box-shadow:inset 0 1px 2px #183d4d18}.start-search input{min-width:0;height:28px;padding:3px 0;border:0;background:transparent;box-shadow:none;color:#253f4b;font:italic 11px Segoe UI,sans-serif;outline:none}.start-search span{color:#3887a9;font-size:21px;line-height:1}.start-user-pane{min-width:0;display:flex;flex-direction:column;padding:5px 5px 0 10px;border-radius:0 4px 4px 0;background:linear-gradient(130deg,#286781c9,#123b5ebf 55%,#175170c9);box-shadow:inset 1px 0 #ffffffb5,inset 0 1px #ffffffb0;-webkit-backdrop-filter:blur(30px) saturate(1.7);backdrop-filter:blur(30px) saturate(1.7);color:#f4fcff;text-shadow:0 1px 2px #052d4b}.start-profile{height:63px;display:flex;align-items:center;gap:9px;padding:4px 5px 10px 0;justify-content:flex-end}.start-profile img{width:46px;height:46px;border:2px solid #f6ffff;border-radius:5px;box-shadow:0 1px 5px #052f4b8a}.start-profile strong{font-size:13px;font-weight:600}.start-shortcuts{display:grid;gap:0}.start-shortcuts button{height:34px;min-width:0;justify-content:flex-start;gap:7px;padding:3px 4px;border:1px solid transparent;border-radius:3px;background:transparent;color:#f5fbff;text-shadow:0 1px 2px #07304a;font-size:11px;white-space:nowrap}.start-shortcuts button:hover{border-color:#b7f2ffad;background:linear-gradient(90deg,#c5f5ff4c,#defbff25);box-shadow:inset 0 1px #fff6}.start-shortcuts button span{width:18px;flex-shrink:0;text-align:center;color:#d4f6ff;font-size:15px}.start-shutdown{height:31px;margin-top:auto;margin-bottom:4px;justify-content:space-between;padding:4px 9px;border:1px solid #d9f4ff;border-radius:4px;color:#fff;background:linear-gradient(#93d8f2,#337ca9 51%,#155785);box-shadow:inset 0 1px #fff,0 1px 3px #062e49a1;text-shadow:0 1px 2px #0c3650;font-size:11px}.start-shutdown:hover{background:linear-gradient(#c7efff,#3e9cce 51%,#176396);color:#fff;border-color:#fff}.start-shutdown span{padding-left:7px;font-size:16px}.desktop-window{background:linear-gradient(145deg,#ffffff75,#b9f0ff46 48%,#e3fdff70);box-shadow:0 18px 55px #073c5c66,inset 0 1px #fff,inset 0 0 0 1px #ffffff76;-webkit-backdrop-filter:blur(32px) saturate(1.9);backdrop-filter:blur(32px) saturate(1.9)}.window-fruit{width:min(650px,calc(100vw - 34px))}.window-titlebar{background:linear-gradient(180deg,#ffffffb5,#d8f6ff74 48%,#8cd5ee70 50%,#f7ffff86);box-shadow:inset 0 1px #fff}.media-player{background:linear-gradient(180deg,#effdff45,#ffffff1c)}.media-toolbar{background:linear-gradient(#ffffffa8,#d2f2ff68 49%,#9fd9f06b 51%,#e8fbff88)}.media-art{height:clamp(240px,43vh,380px)}.aero .desktop-window{position:absolute;border:1px solid #f5ffff;background:linear-gradient(135deg,#f8ffff12,#c7f6ff08 24%,#80dfff0b 52%,#f4ffff19);box-shadow:0 24px 70px #073c5c35,inset 0 1px #fff,inset 1px 0 #ffffffad,inset -1px 0 #bcf4ff61,inset 0 -1px #eaffffbd,0 0 0 1px #9ce8ff35;backdrop-filter:blur(9px) saturate(1.35) contrast(1.05);-webkit-backdrop-filter:blur(9px) saturate(1.35) contrast(1.05)}.aero .desktop-window:before{position:absolute;z-index:3;inset:1px;border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(174deg,transparent 0 17%,#eaffff20 19%,#ffffff55 20%,#a8f2ff20 22%,transparent 25% 100%),linear-gradient(103deg,#ffffff36 0%,#ffffff0c 5%,transparent 14% 82%,#bbf5ff29 94%,#ffffff5c 100%),radial-gradient(ellipse at 50% -7%,#fffa 0%,#d9faff42 25%,transparent 58%);box-shadow:inset 0 0 0 1px #fff6,inset 0 12px 24px #ffffff20;mix-blend-mode:screen}.aero .window-titlebar{position:relative;z-index:4;background:linear-gradient(180deg,#ffffff36,#e8fbff0d 48%,#9de5ff10 50%,#f7ffff27);backdrop-filter:blur(6px) saturate(1.2);-webkit-backdrop-filter:blur(6px) saturate(1.2);box-shadow:inset 0 1px #fff9,inset 0 -1px #fff5}.aero .window-titlebar strong,.aero .window-title-icon{text-shadow:0 1px 2px #ffffffd9,0 0 8px #ffffffb8}.aero .media-player{background:linear-gradient(180deg,#effdff19,#ffffff08)}.aero .media-toolbar{background:linear-gradient(#fff5,#d2f2ff25 49%,#9fd9f02c 51%,#e8fbff43)}.aero .media-controls{background:linear-gradient(180deg,#ffffff4a,#a6def030 48%,#d9f6ff5c)}.aero .browser-address{background:#f7ffffd9}.aero .explorer-window-content{background:linear-gradient(135deg,#ffffff24,#9beaff15 58%,#efffff2b);-webkit-backdrop-filter:blur(9px) saturate(1.3);backdrop-filter:blur(9px) saturate(1.3)}.aero .browser-page{border:1px solid #eaffff80;box-shadow:inset 0 1px #fff8,0 2px 8px #07577a25}.media-caption{background:linear-gradient(90deg,#135c86d9,#268bc1a8 55%,#0a5279d4)}.media-controls{background:linear-gradient(180deg,#ffffff95,#a6def06b 48%,#d9f6ff9c)}.browser-page{position:relative;min-height:270px;margin-top:10px;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;color:#173f58;background:linear-gradient(180deg,#bdefff,#e8fbff 64%,#efffff 75%,#c5f5fa)}.browser-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding-top:27px}.browser-page h2{margin:8px 10px;font:25px Segoe UI Light,Segoe UI,sans-serif;letter-spacing:.1px;color:#194c69;text-shadow:0 1px #fff9}.browser-page p{position:absolute;z-index:3;inset:auto 0 0;height:38px;margin:0;padding:11px 10px;color:#f7fdff;background:linear-gradient(90deg,#12668f,#258ab0 50%,#12668f);font-size:11px;text-shadow:0 1px 1px #0b4664}.browser-sun{color:#ffdc68;font-size:37px;text-shadow:0 0 18px #fff7,0 1px #daaa37}.browser-water{position:absolute;inset:auto 0 38px;height:64px;background:radial-gradient(ellipse at 35% 20%,#d8ffffd9,transparent 35%),linear-gradient(165deg,#41bfd4,#0785b6 48%,#08638f);box-shadow:0 -2px 12px #b6f6ff88}.notepad-content{padding:8px;color:#243d49;font:11px Segoe UI,sans-serif;background:#f8fbfc}.notepad-content>div{height:25px;padding:5px;border-bottom:1px solid #d4e2e8}.notepad-content textarea{display:block;width:100%;height:230px;resize:vertical;border:0;border-radius:0;padding:12px;color:#243a45;background:#fff;font:13px Consolas,monospace}.calculator-content{padding:15px;background:linear-gradient(#e7f7ff,#bbdeef);color:#26475c}.calculator-content output{display:block;height:56px;padding:12px;text-align:right;border:1px solid #a1bdca;background:#f5fbfc;font:24px Segoe UI,sans-serif}.calculator-keys{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:8px}.calculator-keys button{height:31px;padding:3px;border:1px solid #8eb1c1;color:#204860;background:linear-gradient(#fff,#d1eaf4)}.paint-content{padding:10px;background:#e7f5fb}.paint-tools{height:36px;margin-bottom:8px;color:#427287}.paint-canvas{height:220px;display:grid;place-items:center;border:1px solid #91b7c8;background:#fff}.paint-canvas img{max-width:100%;max-height:100%;object-fit:contain}.control-panel-icon{font-size:46px;color:#3487a5}@media(max-width:600px){.start-menu{grid-template-columns:60% 40%;height:min(510px,calc(100dvh - 102px))}.start-program{height:33px;gap:5px;padding:2px 3px;font-size:10px}.program-glyph{width:25px;height:25px}.start-user-pane{padding-left:5px}.start-profile{height:58px;gap:5px}.start-profile img{width:37px;height:37px}.start-shortcuts button{height:31px;gap:3px;padding:2px;font-size:9px}.start-shortcuts button span{width:14px;font-size:12px}.start-search{height:29px}.start-search input{font-size:9px}.media-art{height:clamp(210px,36vh,290px)}}