@charset "UTF-8";

:root{font-family:system-ui,"SF Pro Text","Helvetica Neue",sans-serif;color:#25252a;font-synthesis:none;--ease:cubic-bezier(.22,1,.36,1);--glass:rgba(247,246,249,.78);--menu-height:28px;--window-radius:11px;--accent:#517be6;--window-shadow:0 28px 70px -22px rgba(18,9,35,.48),0 7px 23px -8px rgba(18,9,35,.35),0 0 0 .5px rgba(0,0,0,.26)}
*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{font-size:13px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit;cursor:default;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(82,135,245,.65);outline-offset:2px}button{border:0;background:none}button:disabled{opacity:.35;pointer-events:none}svg{display:block;flex-shrink:0}button svg{pointer-events:none}::selection{background:#b5d6ff}button,.menu-bar,.window-titlebar,.window-tabs,.dock,.desktop-shortcuts,.view-toolbar{-webkit-user-select:none;user-select:none}.desktop-shell{position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;background:#382042}.wallpaper{position:absolute;inset:0;background:#49304e url('./wallpaper.svg') center/cover no-repeat;pointer-events:none;transition:filter 1s var(--ease),background 1s var(--ease)}.desktop-shell[data-wallpaper="midnight"] .wallpaper{filter:hue-rotate(42deg) saturate(.8) brightness(.69)}.desktop-shell[data-wallpaper="coast"] .wallpaper{filter:hue-rotate(157deg) saturate(.67) brightness(.91)}.desktop-shell[data-wallpaper="sunrise"] .wallpaper{filter:saturate(1.1) brightness(1.08)}.desktop-shell:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;box-shadow:inset 0 0 150px rgba(20,9,40,.12)}

/* The desktop chrome deliberately stays quiet around the workspace. */
.menu-bar{height:var(--menu-height);position:absolute;inset:0 0 auto;z-index:400;display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 16px;gap:10px;color:#1d1720;background:rgba(249,238,240,.64);backdrop-filter:blur(36px) saturate(1.8);-webkit-backdrop-filter:blur(36px) saturate(1.8);border-bottom:.5px solid rgba(255,255,255,.25);font-size:13px;letter-spacing:-.15px}.menu-left,.menu-right,.menubar-controls{display:flex;align-items:center;height:100%;min-width:0;gap:1px}.menu-right{gap:11px;font-size:12px;font-weight:500;white-space:nowrap}.menu-item{height:25px;padding:2px 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:5px;white-space:nowrap;transition:background .15s}.menu-item:hover,.menu-item.open,.menu-item[aria-expanded="true"]{background:rgba(44,24,49,.13)}.sidebar-toggle{padding-left:3px;padding-right:13px}.sidebar-toggle svg{width:15px;height:17px}.brand-menu{font-weight:700;letter-spacing:-.2px}.menubar-controls{gap:2px;padding:0 9px;margin-right:0;border-right:1px solid rgba(37,25,40,.13)}.menubar-controls button{height:22px;min-width:24px;padding:2px 5px;display:grid;place-items:center;border-radius:5px;font-size:13px;font-weight:650}.menubar-controls button:hover{background:rgba(40,24,48,.1)}.menubar-controls button.active,.menubar-controls button[aria-pressed="true"]{background:rgba(38,35,45,.75);color:white}.menubar-controls svg{width:15px;height:15px}.menu-right>button{padding:0;display:grid;place-items:center}.menu-right>button svg{width:15px;height:15px}.menu-clock{letter-spacing:0;font-variant-numeric:tabular-nums}.save-slot{position:relative}.save-slot.saved:after{content:"";position:absolute;bottom:2px;left:50%;width:3px;height:3px;border-radius:50%;background:currentColor;transform:translateX(-50%)}
.desktop-area{position:absolute;top:var(--menu-height);bottom:0;left:0;right:0;overflow:hidden;touch-action:none}.world-layer{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.world-layer.camera-moving{transition:transform 660ms var(--ease)}.desktop-region{position:absolute;border-radius:7px;overflow:hidden;background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:left 460ms var(--ease),top 460ms var(--ease),width 460ms var(--ease),height 460ms var(--ease),box-shadow .25s}.desktop-region:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.025);pointer-events:none}.desktop-region.framed{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.desktop-shortcuts{position:absolute;top:18px;right:10px;display:flex;flex-direction:column;gap:9px;align-items:center;padding:0 3px}.desktop-item{width:79px;min-height:78px;padding:5px 3px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid transparent;border-radius:7px;text-align:center;outline-offset:-2px;white-space:normal}.desktop-item:hover{background:rgba(255,255,255,.08)}.desktop-item.selected{background:rgba(75,103,180,.4);border-color:rgba(210,223,255,.4)}.desktop-item svg,.desktop-item>img{width:47px;height:47px;filter:drop-shadow(0 4px 3px rgba(20,10,35,.25))}.desktop-item span{font-size:13px;font-weight:600;line-height:1.25;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8);padding:0 2px;max-width:100%;overflow-wrap:anywhere}

/* Real, retained app contents live inside these spatial frames. */
.window-frame{position:absolute;display:flex;flex-direction:column;min-width:0;min-height:0;border-radius:var(--window-radius);overflow:hidden;background:#f5f5f7;box-shadow:0 14px 40px -16px rgba(15,9,32,.37),0 0 0 .5px rgba(0,0,0,.22);transition:left 460ms var(--ease),top 460ms var(--ease),width 460ms var(--ease),height 460ms var(--ease),box-shadow .25s;transform:translateZ(0)}.window-frame.active{box-shadow:var(--window-shadow)}.window-frame.active .window-titlebar{color:#34343a}.window-frame:not(.active) .window-titlebar{color:#8c8c92;background:linear-gradient(#f1f1f3,#ededf0)}.window-frame.is-docked{box-shadow:0 7px 25px -12px rgba(15,8,30,.35),0 0 0 .5px rgba(0,0,0,.2)}.window-frame.is-docked.active{box-shadow:0 11px 32px -14px rgba(15,8,30,.43),0 0 0 1px rgba(255,255,255,.35)}.window-frame.dragging{z-index:500!important;box-shadow:0 36px 80px -15px rgba(10,7,30,.5),0 0 0 .5px rgba(0,0,0,.35);opacity:.97}.window-titlebar{position:relative;flex:0 0 38px;min-height:38px;display:flex;align-items:center;gap:9px;padding:0 12px;background:linear-gradient(180deg,rgba(250,250,252,.98),rgba(235,235,239,.98));border-bottom:1px solid rgba(0,0,0,.095);color:#55545b;cursor:default;touch-action:none;overflow:hidden}.window-titlebar:active{cursor:default}.window-title{flex:1;min-width:0;text-align:center;font-size:12px;font-weight:600;letter-spacing:.05px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}.window-title small{font-size:12px;font-weight:400;opacity:.65;margin-left:5px}.window-titlebar .traffic-lights{display:flex;align-items:center;gap:7px;flex-shrink:0;padding-right:1px;z-index:2}.traffic-lights button{position:relative;width:12px;height:12px;min-width:12px;min-height:12px;padding:0;border-radius:50%;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.13);font-size:0;cursor:default;display:grid;place-items:center}.traffic-lights .close{background:#ff5f57}.traffic-lights .minimize{background:#febc2e}.traffic-lights .zoom{background:#28c840}.traffic-lights button:after,.traffic-lights button:before{content:"";position:absolute;opacity:0;transition:opacity .1s}.traffic-lights:hover .close:before,.traffic-lights:hover .close:after{width:7px;height:1px;left:2.5px;top:5.5px;background:#7c2525;transform:rotate(45deg);opacity:1}.traffic-lights:hover .close:after{transform:rotate(-45deg)}.traffic-lights:hover .minimize:after{width:7px;height:1px;left:2.5px;top:5.5px;background:#895b07;opacity:1}.traffic-lights:hover .zoom:after{width:5px;height:5px;border-top:1px solid #0b6b24;border-left:1px solid #0b6b24;left:3px;top:3px;opacity:1}.traffic-lights button svg{width:7px;height:7px;opacity:0}.traffic-lights:hover button svg{opacity:.7}.window-frame:not(.active) .traffic-lights:not(:hover) button{background:#d7d7dc}.window-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;min-width:45px;justify-content:flex-end}.window-actions button{width:24px;height:25px;display:grid;place-items:center;border-radius:5px;color:#71717a;padding:4px}.window-actions button:hover{background:rgba(0,0,0,.07);color:#383840}.window-actions svg{width:14px;height:14px}.window-body{position:relative;flex:1;min-height:0;min-width:0;overflow:hidden;background:#fff}.window-body>.app-content{width:100%;height:100%;min-width:0;min-height:0}.window-tabs{display:flex;gap:1px;align-items:stretch;min-width:0;overflow:auto;scrollbar-width:none;flex:1;padding:4px 0 0;align-self:stretch}.window-tabs::-webkit-scrollbar{display:none}.window-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:70px;padding:6px 10px;border-radius:6px 6px 0 0;font-size:13px;white-space:nowrap;color:#83838a;cursor:default;overflow:hidden;text-overflow:ellipsis}.window-tab:hover{background:rgba(0,0,0,.035)}.window-tab.active{background:rgba(255,255,255,.94);color:#36363c;box-shadow:0 0 0 .5px rgba(0,0,0,.05)}.window-tab svg,.window-tab img{width:16px;height:16px}.window-tab span{overflow:hidden;text-overflow:ellipsis;pointer-events:none}.window-tab .tab-close{width:14px;height:14px;padding:0;opacity:0;color:#777;border-radius:3px;display:grid;place-items:center;margin-left:auto}.window-tab:hover .tab-close{opacity:1}.window-tab .tab-close:hover{background:rgba(0,0,0,.1)}.window-resize-handle{position:absolute;right:0;bottom:0;width:17px;height:17px;z-index:10;cursor:nwse-resize;touch-action:none}.window-resize-handle:after{content:"";position:absolute;right:4px;bottom:4px;width:6px;height:6px;border-right:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2);opacity:0;transition:opacity .15s}.window-frame:hover .window-resize-handle:after{opacity:1}.tile-proxy,.group-proxy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--app-color,#8e7fd2),#fff 27%),color-mix(in srgb,var(--app-color,#8e7fd2),#171226 30%));color:rgba(255,255,255,.9);text-align:center;cursor:zoom-in;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.2)}.tile-proxy:before,.group-proxy:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 0,rgba(255,255,255,.13),transparent 75%);pointer-events:none}.tile-proxy svg,.tile-proxy img{width:min(50%,50px);height:auto;max-height:52%;filter:drop-shadow(0 3px 5px rgba(0,0,0,.15));z-index:1}.tile-proxy span{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90%;z-index:1}.group-proxy{background:rgba(47,40,68,.65);backdrop-filter:blur(15px)}.group-proxy svg{width:42px;height:42px;opacity:.7}.seam{position:absolute;z-index:50;touch-action:none;pointer-events:auto;border-radius:4px;background:transparent}.seam:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:6px;background:rgba(255,255,255,.7);box-shadow:0 1px 3px rgba(0,0,0,.15);opacity:0;transition:opacity .2s,background .2s}.seam-x{cursor:col-resize}.seam-y{cursor:row-resize}.seam-x:after{width:3px;height:30px;max-height:50%}.seam-y:after{height:3px;width:30px;max-width:50%}.seam:hover:after,.seam.dragging:after,.always-handles .seam:after{opacity:1}.seam:hover{background:rgba(255,255,255,.08)}

/* Dock and native-style overlays. */
.dock-wrap{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:350;pointer-events:none;max-width:calc(100% - 24px)}.dock{display:flex;align-items:flex-end;gap:4px;padding:9px 9px 5px;border-radius:21px;background:rgba(240,230,240,.38);border:1px solid rgba(255,255,255,.33);box-shadow:0 12px 36px -12px rgba(15,5,30,.4),inset 0 0 0 .5px rgba(255,255,255,.13);backdrop-filter:blur(38px) saturate(1.6);-webkit-backdrop-filter:blur(38px) saturate(1.6);pointer-events:auto}.dock-item{position:relative;width:52px;height:58px;flex:0 0 52px;display:flex;align-items:flex-start;justify-content:center;padding:0 1px 6px;border-radius:12px;outline-offset:3px}.dock-icon{width:50px;height:50px;display:block;transform-origin:50% 100%;transition:transform .25s cubic-bezier(.2,1.6,.5,1);filter:drop-shadow(0 3px 2px rgba(30,10,44,.22));pointer-events:none}.dock-icon svg,.dock-icon img{width:100%;height:100%;border-radius:11px}.dock-item:hover .dock-icon,.dock-item:focus-visible .dock-icon{transform:translateY(-7px) scale(1.15)}.dock-item:active .dock-icon{filter:brightness(.8) drop-shadow(0 3px 2px rgba(30,10,44,.22));transform:translateY(-4px) scale(1.08)}.dock-item.bounce .dock-icon{animation:dock-bounce .65s var(--ease)}.running-dot{position:absolute;width:4px;height:4px;background:rgba(35,22,43,.85);border-radius:50%;bottom:0;left:50%;transform:translateX(-50%)}.dock-separator{height:43px;width:1px;background:rgba(50,25,60,.22);align-self:center;margin:0 6px 4px}.dock-label{position:absolute;left:50%;bottom:calc(100% + 13px);transform:translateX(-50%) translateY(5px);background:rgba(246,244,249,.93);border:.5px solid rgba(255,255,255,.6);color:#333039;box-shadow:0 5px 18px rgba(15,9,30,.2);font-size:13px;line-height:1;padding:7px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .13s,transform .18s}.dock-label:after{content:"";position:absolute;top:100%;left:calc(50% - 4px);border:4px solid transparent;border-top-color:rgba(246,244,249,.93)}.dock-item:hover .dock-label,.dock-item:focus-visible .dock-label{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes dock-bounce{0%,100%{transform:translateY(0)}38%{transform:translateY(-17px)}68%{transform:translateY(-5px)}}
.menu-popover,.context-menu{position:absolute;z-index:900;min-width:232px;max-width:calc(100vw - 20px);padding:5px;background:rgba(247,245,249,.9);backdrop-filter:blur(40px) saturate(1.7);-webkit-backdrop-filter:blur(40px) saturate(1.7);border:.5px solid rgba(255,255,255,.75);border-radius:7px;box-shadow:0 14px 40px -8px rgba(18,6,35,.36),0 0 0 .5px rgba(0,0,0,.17);font-size:12px;color:#2e2b34;-webkit-user-select:none;user-select:none}.menu-row{display:flex;align-items:center;gap:9px;width:100%;min-height:27px;padding:5px 10px;border-radius:4px;text-align:left;line-height:1.2;white-space:nowrap}.menu-row:hover,.menu-row:focus-visible{background:#3977de;color:white;outline:none}.menu-row.danger{color:#d3333d}.menu-row.danger:hover{color:white;background:#d93d4a}.menu-row svg{width:14px;height:14px;flex-shrink:0}.menu-label{flex:1}.menu-shortcut{font-size:13px;color:inherit;opacity:.56;letter-spacing:.5px;padding-left:16px}.menu-divider{height:1px;background:rgba(50,30,60,.13);margin:5px 8px}.menu-popover h4,.menu-heading{font-size:12px;letter-spacing:.1px;color:#969199;font-weight:600;padding:5px 10px;margin:0}.checkmark{width:12px;display:inline-block;font-size:13px}.menu-row .checkmark{margin-left:-5px;margin-right:-3px}.menu-row.selected:before{content:"✓";width:12px;margin-left:-5px;margin-right:-3px;font-size:13px}.menu-footer{font-size:12px;color:#8a838e;padding:7px 10px;line-height:1.5}.drop-preview{position:absolute;z-index:800;pointer-events:none;border:2px solid rgba(170,202,255,.98);background:rgba(102,151,241,.28);border-radius:10px;box-shadow:0 0 0 1px rgba(44,94,190,.25),inset 0 0 38px rgba(102,151,241,.12);backdrop-filter:blur(2px);transition:left 120ms var(--ease),top 120ms var(--ease),width 120ms var(--ease),height 120ms var(--ease);display:grid;place-items:center}.drop-hint{display:flex;align-items:center;gap:7px;background:rgba(36,58,107,.8);border:1px solid rgba(255,255,255,.25);color:white;font-weight:550;font-size:12px;padding:8px 13px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.15);white-space:nowrap}.drop-hint svg{width:15px;height:15px}.frame-selection{position:absolute;z-index:850;border:1.5px solid #87b4ff;background:rgba(80,140,240,.2);box-shadow:0 0 0 1px rgba(16,42,108,.2);pointer-events:none}.frame-selection:after{content:"Frame this view";position:absolute;bottom:calc(100% + 9px);left:0;color:white;font-size:13px;background:rgba(30,40,75,.8);padding:5px 9px;border-radius:5px;white-space:nowrap}
.overlay-panel{position:absolute;inset:var(--menu-height) 0 0;z-index:700;background:rgba(27,18,46,.22);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center}.launchpad{position:absolute;inset:0;padding:75px 10vw 110px;background:rgba(33,24,46,.16);overflow:auto}.launchpad-search{display:block;margin:0 auto 44px;background:rgba(245,239,248,.2);border:1px solid rgba(255,255,255,.2);border-radius:8px;width:240px;height:31px;text-align:center;color:white;font-size:13px;outline:none}.launchpad-search::placeholder{color:rgba(255,255,255,.7)}.launchpad-grid{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:38px 30px;max-width:1000px;margin:auto}.app-tile{display:flex;align-items:center;flex-direction:column;gap:13px;background:none;color:white;min-width:0;text-shadow:0 1px 4px rgba(0,0,0,.35);font-size:12px;font-weight:500;border-radius:14px;padding:8px;transition:background .2s,transform .2s var(--ease)}.app-tile:hover{background:rgba(255,255,255,.08);transform:translateY(-3px)}.app-tile svg,.app-tile img{width:75px;height:75px;filter:drop-shadow(0 6px 8px rgba(10,5,30,.24));border-radius:17px}.app-tile span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.launchpad-close,.overlay-close{position:absolute;right:25px;top:20px;width:30px;height:30px;display:grid;place-items:center;color:rgba(255,255,255,.8);border-radius:50%;background:rgba(20,13,35,.2)}.launchpad-close:hover,.overlay-close:hover{background:rgba(20,13,35,.4)}.spotlight{position:absolute;top:20%;left:50%;transform:translateX(-50%);width:min(610px,calc(100vw - 40px));border-radius:13px;overflow:hidden;background:rgba(247,246,250,.94);border:1px solid rgba(255,255,255,.8);box-shadow:0 28px 100px rgba(15,5,35,.35),0 0 0 .5px rgba(0,0,0,.15);backdrop-filter:blur(40px)}.spotlight-input-wrap{display:flex;align-items:center;padding:0 22px;gap:15px}.spotlight-input-wrap svg{width:24px;height:24px;color:#aaa8b0}.spotlight-input{width:100%;height:65px;font-size:24px;letter-spacing:-.4px;border:0;outline:none;background:none;color:#44414b;font-weight:350;padding:0 20px}.spotlight-input:focus{outline:none}.spotlight-input::placeholder{color:#939099}.spotlight-results{border-top:1px solid rgba(25,14,40,.08);padding:7px;max-height:380px;overflow:auto}.spotlight-result{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:9px 13px;border-radius:7px;font-size:13px}.spotlight-result svg,.spotlight-result img{width:30px;height:30px}.spotlight-result:hover,.spotlight-result.active{background:#407de5;color:white}.spotlight-result small{display:block;font-size:13px;margin-top:3px;opacity:.6}.spotlight-empty{padding:22px;color:#9b96a1;text-align:center;font-size:12px}.spotlight-hint{font-size:13px;opacity:.5;margin-left:auto}

/* The map is another view of the same windows, not a second desktop. */
.overview-overlay{position:absolute;inset:var(--menu-height) 0 0;z-index:600;overflow:hidden;background:rgba(20,17,37,.29);backdrop-filter:blur(16px) saturate(.9);-webkit-backdrop-filter:blur(16px) saturate(.9)}.overview-top{position:absolute;top:0;left:0;right:0;height:118px;display:flex;align-items:flex-start;justify-content:center;gap:18px;padding:15px;background:rgba(17,14,31,.18);border-bottom:1px solid rgba(255,255,255,.08)}.overview-space{width:145px;height:82px;border-radius:7px;border:2px solid transparent;background:url('./wallpaper.svg') center/cover;box-shadow:0 4px 15px rgba(0,0,0,.2);position:relative;color:white;font-size:13px;flex-shrink:0}.overview-space>span{position:absolute;top:calc(100% + 5px);left:0;right:0;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.6)}.overview-space.active{border-color:#bed5ff;box-shadow:0 0 0 2px rgba(79,123,214,.6),0 4px 15px rgba(0,0,0,.2)}.overview-space.empty{background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:22px;color:rgba(255,255,255,.65);box-shadow:none;border:1px solid rgba(255,255,255,.12);width:65px}.overview-canvas{position:absolute;top:145px;bottom:85px;left:30px;right:30px}.overview-card{position:absolute;border-radius:9px;overflow:visible;background:rgba(255,255,255,.86);box-shadow:0 12px 28px rgba(8,4,20,.35),0 0 0 1px rgba(255,255,255,.18);transition:box-shadow .2s,transform .25s var(--ease);cursor:default}.overview-card:hover{box-shadow:0 12px 28px rgba(8,4,20,.35),0 0 0 3px #98bcff;transform:translateY(-3px)}.overview-card .window-body{height:100%;border-radius:8px;pointer-events:none;overflow:hidden}.overview-title{position:absolute;bottom:-27px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;color:white;text-shadow:0 1px 4px rgba(0,0,0,.7);font-size:13px;font-weight:500;pointer-events:none}.overview-title svg{width:16px;height:16px}.overview-caption{position:absolute;bottom:29px;left:0;right:0;text-align:center;color:rgba(255,255,255,.72);font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.overview-close{position:absolute;right:24px;top:18px;background:rgba(255,255,255,.13);color:white;padding:7px 12px;border-radius:6px;font-size:13px;z-index:2}
.toast-stack{position:absolute;right:18px;bottom:110px;z-index:1000;display:flex;flex-direction:column;gap:9px;max-width:min(340px,calc(100vw - 36px));pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:13px 16px;background:rgba(248,247,250,.92);border:1px solid rgba(255,255,255,.75);border-radius:12px;box-shadow:0 10px 35px -6px rgba(20,8,37,.28);backdrop-filter:blur(30px);animation:toast-in .3s var(--ease);font-size:12px;line-height:1.4}.toast-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#e5ecfa;color:#4b74b7;flex-shrink:0}.toast-icon svg{width:15px;height:15px}.toast-copy strong{display:block;font-size:12px;font-weight:650;margin-bottom:2px}.toast-copy small{font-size:13px;color:#8b8593}.toast.out{opacity:0;transform:translateY(8px);transition:.2s}@keyframes toast-in{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}.view-toolbar{position:absolute;bottom:97px;left:50%;transform:translateX(-50%);z-index:360;display:flex;align-items:center;gap:3px;padding:5px;border-radius:11px;background:rgba(39,28,54,.55);color:rgba(255,255,255,.9);backdrop-filter:blur(30px) saturate(1.6);-webkit-backdrop-filter:blur(30px) saturate(1.6);box-shadow:0 6px 18px rgba(17,7,35,.18),inset 0 0 0 .5px rgba(255,255,255,.2);font-size:13px;white-space:nowrap}.view-toolbar button{height:27px;padding:4px 9px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:6px;color:inherit;font-size:13px;transition:background .15s}.view-toolbar button:hover,.view-toolbar button.active{background:rgba(255,255,255,.15)}.view-toolbar svg{width:13px;height:13px}.view-toolbar .toolbar-divider{height:15px;width:1px;background:rgba(255,255,255,.15);margin:0 3px}.view-toolbar .toolbar-label{padding:0 7px 0 9px;font-weight:600;opacity:.65}.keycap{font-size:12px;font-weight:500;min-width:16px;padding:1px 4px;border-radius:3px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.17);box-shadow:0 1px 0 rgba(0,0,0,.08);color:inherit;line-height:1.4}.command-help{position:absolute;right:20px;top:48px;z-index:450;width:295px;max-width:calc(100vw - 40px);padding:20px;background:rgba(249,247,251,.93);backdrop-filter:blur(35px);border:1px solid rgba(255,255,255,.65);border-radius:13px;box-shadow:0 15px 55px rgba(15,6,33,.28);font-size:12px;animation:toast-in .3s var(--ease)}.command-help h3{font-size:16px;letter-spacing:-.4px;margin:0 0 8px;color:#3a3444}.command-help>p{font-size:13px;color:#8b8392;line-height:1.6;margin:0 0 13px}.command-help .help-close{position:absolute;right:9px;top:8px;width:22px;height:22px;color:#a09aa6}.help-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid rgba(0,0,0,.055);line-height:1.4;color:#5c5566}.help-row .keycap{color:#81788d;background:#eae6ef;border-color:#dfdae6;white-space:nowrap;align-self:center}.command-help .help-note{margin-top:12px;font-size:12px;color:#aaa2b0;line-height:1.5}.mobile-hint{position:absolute;left:50%;bottom:145px;transform:translateX(-50%);z-index:355;background:rgba(32,23,47,.55);backdrop-filter:blur(15px);border-radius:6px;color:rgba(255,255,255,.8);font-size:12px;padding:6px 10px;white-space:nowrap;pointer-events:none}.touch-actions{display:none}.empty-desktop-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.45);font-size:12px;font-weight:500;pointer-events:none;text-shadow:0 1px 5px rgba(0,0,0,.15)}.is-interacting .window-frame,.is-interacting .desktop-region,.is-interacting .world-layer{transition:none!important}.is-interacting,.is-interacting *{user-select:none!important;-webkit-user-select:none!important}.is-interacting .window-body{pointer-events:none}.is-interacting .seam:after{opacity:1}.is-framing{cursor:crosshair!important}.is-framing .window-body{pointer-events:none}

@media(min-width:1500px){.dock-item{width:58px;flex-basis:58px;height:64px}.dock-icon{width:56px;height:56px}.dock{padding:9px 10px 5px;gap:4px}.view-toolbar{bottom:104px}.dock-wrap{bottom:12px}}
@media(max-width:1100px){.menu-bar{padding-left:12px;padding-right:12px}.menu-item{padding-left:7px;padding-right:7px}.menu-right{gap:8px}.menubar-controls{padding:0 6px}.dock{gap:2px;padding:8px 7px 5px}.dock-item{width:46px;flex-basis:46px;height:52px}.dock-icon{width:44px;height:44px}.dock-separator{margin-left:4px;margin-right:4px;height:35px}.view-toolbar{bottom:89px}.launchpad-grid{gap:25px 20px}.launchpad{padding-left:7vw;padding-right:7vw}}
@media(max-width:900px){.optional-menu{display:none!important}.menu-right{gap:7px}.menubar-controls button{min-width:21px;padding:2px 4px}.menu-bar{font-size:12px}.menu-item{padding-left:6px;padding-right:6px}.dock-item{width:41px;flex-basis:41px;height:46px}.dock-icon{width:39px;height:39px}.dock{border-radius:17px;gap:1px;padding:7px 6px 4px}.dock-label{font-size:12px}.dock-wrap{bottom:9px}.view-toolbar{bottom:79px}.view-toolbar button{padding:4px 7px}.command-help{width:270px;top:43px;right:13px;padding:17px}.launchpad-grid{grid-template-columns:repeat(5,minmax(70px,1fr));gap:22px 15px}.app-tile svg,.app-tile img{width:65px;height:65px}.launchpad{padding-top:55px}.launchpad-search{margin-bottom:30px}.overview-top{height:102px}.overview-space{width:120px;height:67px}.overview-canvas{top:127px;left:20px;right:20px}.window-titlebar{padding:0 9px;gap:5px}.window-title{font-size:13px;padding:0 3px}.window-actions{min-width:26px}.window-actions button{width:22px}.window-tabs{gap:0}.window-tab{padding:6px 7px;min-width:55px;font-size:12px}.window-tab svg{width:14px;height:14px}.toast-stack{bottom:89px;right:13px}.desktop-shortcuts{right:5px}.desktop-item{width:67px}.desktop-item svg,.desktop-item>img{width:40px;height:40px}}
@media(max-width:600px){:root{--menu-height:30px}.menu-bar{padding:0 9px;gap:4px}.menu-left .menu-item:not(.sidebar-toggle):not(.brand-menu){display:none}.menu-right{gap:8px;font-size:12px}.menu-right>.optional-menu,.menu-right>.status-extra{display:none}.menubar-controls{padding:0 4px;border:0}.menubar-controls button{min-width:22px;font-size:12px}.brand-menu{font-size:12px}.sidebar-toggle{padding-right:7px}.menu-clock{font-size:12px}.dock-wrap{bottom:9px;max-width:calc(100% - 16px);width:auto}.dock{gap:0;max-width:100%;overflow-x:auto;overflow-y:visible;border-radius:17px;scrollbar-width:none;padding:7px 5px 4px}.dock::-webkit-scrollbar{display:none}.dock-item{width:36px;flex-basis:36px;height:40px}.dock-icon{width:34px;height:34px}.dock-label{display:none}.dock-item:hover .dock-icon{transform:none}.dock-separator{height:28px;margin:0 4px 3px}.running-dot{width:3px;height:3px}.view-toolbar{bottom:68px;max-width:calc(100% - 20px);gap:1px;padding:4px;border-radius:9px}.view-toolbar button{font-size:12px;padding:4px 6px;height:26px}.view-toolbar .toolbar-label,.view-toolbar .optional-menu,.view-toolbar .keycap{display:none}.view-toolbar svg{width:12px;height:12px}.touch-actions{display:flex;gap:3px}.mobile-hint{bottom:107px;font-size:11px}.command-help{top:42px;right:10px;width:265px}.launchpad{padding:50px 18px 100px}.launchpad-grid{grid-template-columns:repeat(4,minmax(50px,1fr));gap:20px 5px}.app-tile{gap:9px;font-size:12px;padding:4px}.app-tile svg,.app-tile img{width:53px;height:53px;border-radius:12px}.launchpad-search{width:210px;font-size:12px;margin-bottom:28px}.spotlight{top:16%;width:calc(100% - 24px)}.spotlight-input{height:57px;font-size:21px}.spotlight-results{max-height:340px}.overview-top{height:89px;gap:10px;padding-top:12px}.overview-space{width:94px;height:53px}.overview-space.empty{width:40px}.overview-space>span{font-size:11px}.overview-canvas{top:112px;bottom:90px;left:12px;right:12px}.overview-caption{bottom:67px;font-size:11px;padding:0 20px}.overview-close{top:91px;right:12px;padding:4px 7px;font-size:11px}.toast-stack{right:10px;bottom:107px;max-width:calc(100% - 20px)}.toast{padding:10px 13px;font-size:13px}.menu-popover,.context-menu{min-width:215px;font-size:13px}.menu-row{min-height:29px}.menu-shortcut{font-size:12px}.desktop-shortcuts{top:13px;right:4px;gap:6px}.desktop-item{width:61px;min-height:67px;gap:4px}.desktop-item svg,.desktop-item>img{width:36px;height:36px}.desktop-item span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:1ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}
