[hidden]{display:none!important}
.world-layer{width:100%;height:100%}.clock{font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:-.15px}.menu-saved{display:flex;gap:1px}.icon-control{font-size:21px!important;font-weight:400!important}.canopy-control{margin-left:3px}.menu-item.is-open{background:#1c152323}.desktop-region{box-shadow:none}.window-tabs{flex:0 0 29px;height:29px;padding:0 4px;background:#e4e5e9;border-bottom:1px solid #cacbd1}.window-tab{padding:5px 9px;min-width:90px;touch-action:none}.window-tab .tab-close{font-style:normal;flex-shrink:0}.window-more{letter-spacing:1px;font-size:12px}.window-frame.tiny .window-titlebar{min-height:25px;flex-basis:25px;padding:0 7px}.window-frame.tiny .window-title{font-size:11px}.window-frame.tiny .window-actions,.window-frame.tiny .window-tabs{display:none}.window-frame.tiny .traffic-lights{gap:4px}.window-frame.tiny .traffic-lights button{width:8px;height:8px;min-width:8px;min-height:8px}.tile-proxy{top:25px}.tile-proxy small{font-size:11px;opacity:.65}.tile-proxy span{max-width:85%;text-overflow:ellipsis;overflow:hidden}.window-frame.dragging{pointer-events:none}.window-frame.is-docked{border-radius:8px}.show-handles .seam:after{opacity:.8}.toolbar-brand{display:flex;gap:6px;align-items:center;font-size:13px;font-weight:650;padding:0 8px;opacity:.9}.help-button{font-weight:650;border:1px solid #ffffff40;margin-left:2px;min-width:24px}.desktop-tip{position:absolute;bottom:141px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.1px;color:#ffffffc2;display:flex;align-items:center;gap:8px;white-space:nowrap;text-shadow:0 1px 8px #0008;z-index:100;max-width:90vw}.desktop-tip button{font-size:14px;color:#fff9;padding:0 4px}.mini-window{border:1px solid #ffffff65;border-top-width:7px;background:#ffffff60;border-radius:5px;padding:3px;transform:rotate(2deg)}.mini-window svg{border-radius:3px}.menu-popover{z-index:1200;min-width:245px;max-height:calc(100vh - 60px);overflow:auto}.menu-row{display:flex;width:100%;gap:20px;justify-content:space-between;text-align:left}.menu-label{flex:1;white-space:nowrap}.menu-shortcut{color:inherit;opacity:.45;font-size:13px;white-space:nowrap}.menu-row:disabled{opacity:.35}.menu-divider{height:1px;margin:5px;background:#0002}.menu-row:hover{background:#3b7eef;color:white}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:600}.overlay-panel{overflow:auto}.overlay-close{font-size:23px}.launchpad{display:block;padding-top:68px;padding-bottom:40px;z-index:800}.launchpad-grid{max-width:960px}.launchpad-caption{text-align:center;color:#fff8;font-size:13px;margin:38px 0 20px;letter-spacing:.4px}.launchpad-search{margin-bottom:30px}.spotlight-layer{display:block}.spotlight-searchrow{display:flex;align-items:center;padding:0 18px;gap:12px;color:#7c7d85}.spotlight-searchrow .spotlight-input{padding:0;font-size:24px}.spotlight-searchrow>svg{flex-shrink:0}.spotlight-searchrow kbd{font-size:12px;border:1px solid #0002;padding:2px 5px;border-radius:4px}.spotlight-result .result-copy{flex:1}.spotlight-result .result-copy b{font-weight:500}.spotlight-result.selected{background:#e1e5ec}.spotlight-result.selected:hover{background:#407de5}.spotlight footer{display:flex;justify-content:space-between;padding:12px 20px;background:#ececf0;font-size:11px;letter-spacing:.7px;color:#9696a1}.spotlight footer span{letter-spacing:0}.action-symbol{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:#e4ebf4}.action-symbol svg{width:18px;height:18px}.overview-overlay{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:35px 45px 30px;background:#15172661;overflow:auto;gap:26px}.overview-top{position:static;height:auto;min-height:95px;display:flex;align-items:center;justify-content:space-between;padding:0;border:0;background:none;color:white}.overview-top h2{font-size:29px;font-weight:500;letter-spacing:-1px;margin:7px 0}.overview-top p{font-size:12px;color:#ffffff9c;margin:0}.overview-top .eyebrow{opacity:.55;font-size:11px}.overview-done{background:#ffffff24;color:white;padding:9px 14px;border-radius:8px;border:1px solid #ffffff24;font-size:12px}.overview-done kbd{margin-left:10px;opacity:.5;font-size:11px}.overview-spaces{display:flex;flex-wrap:wrap;align-items:flex-start;gap:22px;overflow:auto;min-height:250px;flex:1}.overview-space{position:relative;flex:1 1 40%;min-width:260px;max-width:650px;width:auto;height:auto;border:1px solid #ffffff4f;border-radius:12px;background:#ffffff0a;box-shadow:0 18px 40px #08061825;padding:7px;transition:background .2s,border-color .2s}.overview-space.selected{border:2px solid #c4dbff;padding:6px;background:#ffffff20}.overview-space.drag-over{border-color:#a3dd9d;background:#e1ffe033}.space-label{display:flex;align-items:center;justify-content:space-between;height:29px;color:white;padding:0 5px}.space-label button{font-size:12px;color:white;font-weight:600}.space-label>span{position:static;text-align:right;font-size:12px;color:#ffffff8c}.overview-canvas{position:relative;inset:auto;width:100%;height:auto;background:url('wallpaper.svg') center/cover;border-radius:6px;overflow:hidden}.overview-card{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:20px;background:linear-gradient(130deg,color-mix(in srgb,var(--app-color),white 70%),color-mix(in srgb,var(--app-color),white 37%));border:1px solid #ffffff83;border-radius:4px;overflow:hidden;padding:3px;box-shadow:0 4px 10px #190c2b30}.overview-card>svg{width:min(38px,55%);height:auto;max-height:55%}.overview-card .overview-title{position:static;font-size:11px;line-height:1.2;color:#27323b;text-shadow:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:95%;display:block}.overview-card:hover{transform:none;box-shadow:0 0 0 2px #a7c9ff}.overview-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:90px;height:110px;align-self:center;color:#fff9;border:1px dashed #ffffff50;border-radius:10px;flex-shrink:0}.overview-add>span{font-size:30px;font-weight:200}.overview-add b{font-size:11px;font-weight:400}.overview-open-apps{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.overview-open-apps button{display:flex;align-items:center;gap:7px;background:#11132140;border:1px solid #fff2;border-radius:8px;padding:7px 11px;color:#fffc;font-size:12px}.overview-open-apps button:hover{background:#fff2}.help-layer,.about-layer{background:#101c2870;padding:25px}.interaction-guide{position:relative;width:730px;max-width:calc(100vw - 40px);max-height:calc(100vh - 80px);overflow:auto;border:1px solid #ffffff80;background:#f7f8f4f7;border-radius:18px;padding:35px 42px 20px;box-shadow:0 30px 120px #0005;color:#233a31}.interaction-guide>.overlay-close,.about-card>.overlay-close{background:#173e3110;color:#233a3190;right:18px;top:16px}.guide-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#214934;color:#d1ecc1;margin-bottom:20px}.guide-mark svg{width:21px;height:21px}.interaction-guide>.eyebrow{font-size:10px;letter-spacing:1.7px;color:#8a9b8a}.interaction-guide h2{font-family:Georgia,'Times New Roman',serif;font-size:39px;font-weight:400;letter-spacing:-1px;line-height:1.07;margin:12px 0 16px}.guide-intro{font-size:12px;color:#869080}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;margin:27px 0}.guide-grid b{display:flex;align-items:center;gap:10px;color:#b3bcac;font-size:12px;font-weight:500}.guide-grid b span{font-size:12px;color:#345444;font-weight:600}.guide-grid p{font-size:13px;line-height:1.65;color:#8b9688;margin:8px 0 0}.guide-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:16px 0;border-top:1px solid #e0e5d9;font-size:12px;color:#81907c}.guide-shortcuts span{display:flex;align-items:center;gap:7px}.guide-shortcuts kbd{border:1px solid #dbe2d2;border-radius:4px;font:9px inherit;padding:3px 5px;background:#fff;color:#5e7357;min-width:67px}.guide-start{display:flex;align-items:center;justify-content:space-between;width:100%;background:#234c38;color:#f2f9ec;padding:13px 16px;border-radius:8px;margin-top:10px;font-size:12px}.guide-start span{font-size:17px}.guide-foot{font-size:11px;text-align:center;color:#a6afa0;margin:14px 0 0}.about-card{position:relative;background:#f6f7f4;border-radius:17px;padding:44px 45px 22px;text-align:center;box-shadow:0 25px 100px #0005;max-width:380px;color:#254535}.about-icon{background:#244c36;color:#cfecc0;display:grid;place-items:center;width:70px;height:70px;border-radius:18px;margin:auto}.about-icon svg{width:40px;height:40px}.about-card h2{font-family:Georgia,serif;font-weight:400;font-size:39px;letter-spacing:-1px;margin:22px 0 9px}.about-card p{font-size:13px;color:#5a705c}.about-card small{display:block;line-height:1.9;font-size:13px;color:#96a18e;margin-top:15px}.about-learn{display:block;width:100%;border:1px solid #becab5;padding:10px;border-radius:7px;margin-top:25px;font-size:13px}.about-card footer{font-size:11px;color:#adb3a5;margin-top:25px}.desktop-shell[data-theme="dark"] .window-titlebar{background:linear-gradient(#383b42,#2f3239);color:#e8eaed}.desktop-shell[data-theme="dark"] .window-title{color:#d6dce2}.desktop-shell[data-theme="dark"] .window-tabs{background:#2d3238;border-color:#171d23}.desktop-shell[data-theme="dark"] .window-tab.active{background:#484c55;color:white}.desktop-shell[data-theme="dark"] .menu-bar{background:#1c23276b;color:#f5f8f1}.desktop-shell[data-theme="dark"] .running-dot{background:#fff9}.desktop-shell[data-theme="dark"] .dock{background:#1f292d55}
@media(max-width:1100px){.clock{font-size:12px}.menu-right{gap:2px}.menu-item.optional-menu{padding-left:6px;padding-right:6px}.dock-wrap{max-width:calc(100% - 18px)}.dock-item{width:44px;flex-basis:44px;height:49px}.dock-icon{width:42px;height:42px}.dock{gap:3px;border-radius:19px}.view-toolbar{bottom:85px}.desktop-tip{bottom:127px;font-size:11px}.overview-overlay{padding:24px 27px}.overview-top h2{font-size:25px}.overview-top p{font-size:13px}}
@media(max-width:760px){.menu-left>.optional-menu{display:none}.menu-right>.optional-menu{display:none}.menu-right{gap:0}.menu-saved .save-slot{min-width:19px;padding:0 2px}.menubar-controls{padding:0 4px;border:0}.clock{font-size:11px}.dock-item{width:37px;flex-basis:37px;height:43px}.dock-icon{width:36px;height:36px}.dock{gap:3px;padding:6px 6px 4px;border-radius:16px}.dock-wrap{bottom:12px}.view-toolbar{bottom:78px}.desktop-tip{bottom:119px;font-size:11px}.overview-spaces{gap:15px}.overview-space{min-width:240px;flex-basis:100%}.overview-open-apps button>span:not(.canopy-app-icon){display:none}.overview-open-apps button{padding:6px}.interaction-guide{padding:27px}.interaction-guide h2{font-size:34px}.guide-grid{gap:15px 20px}.overview-top{gap:15px}.overview-top h2{font-size:23px}.overview-top p{max-width:220px}.overview-done kbd{display:none}}
@media(max-width:520px){.dock-wrap{max-width:98vw}.dock{gap:1px;padding:5px}.dock-item{width:29px;flex-basis:29px;height:35px}.dock-icon{width:28px;height:28px}.dock-separator{height:26px;margin:0 3px}.menubar-controls .save-slot:nth-child(3){display:none}.menu-bar{padding-left:8px;padding-right:8px}.menu-left .menu-item{padding:0 6px}.clock{font-size:10px;max-width:95px;overflow:hidden}.view-toolbar{font-size:12px;bottom:67px}.view-toolbar button{font-size:12px;padding:3px 7px}.toolbar-brand{font-size:12px;padding:0 5px}.desktop-tip{white-space:normal;text-align:center;font-size:10px;bottom:109px}.guide-grid{grid-template-columns:1fr}.interaction-guide h2{font-size:33px}.guide-shortcuts{grid-template-columns:1fr}.launchpad-grid{grid-template-columns:repeat(4,minmax(54px,1fr));gap:20px 14px}.launchpad{padding:65px 18px 30px}.app-tile svg{width:54px;height:54px}.app-tile{font-size:12px;gap:7px}.overview-top h2{font-size:22px}.overview-top p{font-size:12px}.overview-overlay{padding:20px 15px}.overview-spaces{min-height:220px}.overview-space{min-width:0;width:100%}.spotlight-searchrow .spotlight-input{font-size:18px}.desktop-item{transform:scale(.8);transform-origin:top right;min-height:64px}.desktop-shortcuts{gap:0;top:8px;right:0}}
.group-proxy{inset:auto;position:absolute;z-index:8;border:1px solid #ffffff40;border-radius:7px;gap:8px;color:#e3e4ef;background:#24263694}.group-proxy>svg{position:absolute;inset:4%;width:92%;height:92%;opacity:.22}.group-proxy>span{background:#222b3a80;padding:5px 8px;border-radius:5px;font-size:12px;z-index:1}.group-proxy:hover{background:#3f4d6690}.app-content.app-music,.app-content.app-notes{overscroll-behavior:contain}
.overview-card:has(.overview-preview){display:block;padding:0;overflow:hidden;background:#eef0f2}.overview-preview{position:absolute;top:15px;left:0;transform-origin:0 0;pointer-events:none;overflow:hidden;text-align:left;background:white}.overview-preview>.app-content{width:100%;height:100%;font-size:12px}.overview-card:has(.overview-preview)>svg{position:absolute;left:5px;top:3px;width:10px;height:10px;max-height:none}.overview-card:has(.overview-preview)>.overview-title{position:absolute;left:20px;top:2px;bottom:auto;text-align:left;font-size:10px;color:#5d6672;white-space:nowrap;height:12px}.overview-space .overview-card .overview-title{right:3px}.desktop-shell.is-framing .window-body{pointer-events:none}
.overview-overlay{background:linear-gradient(180deg,#17183378,#1c19396e),url('wallpaper.svg') center/cover;backdrop-filter:none;-webkit-backdrop-filter:none}.overview-preview .app-content{pointer-events:none}.overview-space>.space-label>span{position:static;top:auto;left:auto;right:auto}.overview-top .eyebrow{color:#e2ddeb}

/* Simple desktop: a stationary wallpaper and folders, with independent windows. */
.world-layer{transform:none!important;transition:none!important;will-change:auto}
.desktop-region{inset:0!important;width:100%!important;height:100%!important;border-radius:0;box-shadow:none!important;transition:none!important;z-index:0;pointer-events:none;overflow:visible}
.desktop-region:before{display:none}
.desktop-shortcuts{top:18px;right:12px;transition:none!important;pointer-events:auto}
.desktop-item{transition:background .12s,border-color .12s}
.drop-preview,.frame-selection{display:none!important}
.menu-popover{min-width:232px;padding:5px;border-radius:9px}
.menu-row{align-items:center;justify-content:flex-start;gap:10px;min-height:30px;padding:6px 9px}
.menu-icon{display:flex;align-items:center;justify-content:center;width:17px;height:17px;flex:0 0 17px;color:inherit;opacity:.78}
.menu-icon svg{width:16px;height:16px;stroke-width:1.5}
.menu-icon:empty{visibility:hidden}
.menu-label{flex:1;line-height:1.2}
.menu-shortcut{padding-left:10px;font-size:12px}
.window-more{font-size:12px;letter-spacing:1px}
.window-more:hover{background:#0000000b}
.view-toolbar{gap:4px}
.view-toolbar button{gap:6px}
.desktop-tip{color:#ffffffe0;font-size:12px}
@media(max-width:760px){.desktop-shortcuts{right:7px;top:14px}.desktop-tip{font-size:11px}}
@media(max-width:520px){.desktop-shortcuts{right:2px;top:10px}.desktop-tip{max-width:86vw;font-size:10px}.view-toolbar button{gap:5px}}

/* Saved layouts stay close to the window controls. */
.menu-saved{display:flex;align-items:center;gap:2px;margin-right:4px}
.menu-saved .save-slot{display:grid;place-items:center;width:22px;min-width:22px;height:22px;padding:0;border-radius:5px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;opacity:.55}
.menu-saved .save-slot.saved{opacity:1;background:#ffffff18}
.menu-saved .save-slot:hover{opacity:1;background:#ffffff30}
.menu-saved .save-slot.active{opacity:1;background:#ffffff65;box-shadow:0 0 0 .5px #ffffff4f}
@media(max-width:520px){.menubar-controls .save-slot:nth-child(3){display:grid}.menu-saved{gap:1px;margin-right:2px}.menu-saved .save-slot{width:18px;min-width:18px;height:20px;font-size:11px}}

/* Window changes animate briefly; pointer movement remains immediate. */
.window-frame{transition:left .22s var(--ease),top .22s var(--ease),width .22s var(--ease),height .22s var(--ease),box-shadow .2s}
.menu-saved .save-slot.active{background:#302b43b8;color:#fff;box-shadow:inset 0 0 0 .5px #ffffff30}
.folder-shape{display:block;line-height:0}.folder-shape svg{width:47px;height:47px;filter:drop-shadow(0 4px 3px #140a2340)}
.show-handles .window-resize-handle:after{opacity:.7}
.desktop-tip{pointer-events:none}.desktop-tip button{pointer-events:auto}

/* Auto-hiding Dock: the bottom edge stays available over every app window. */
.dock-trigger{position:absolute;inset:auto 0 0;height:10px;z-index:1090}
.dock-wrap{bottom:10px;z-index:1100;padding-top:18px;opacity:0;transform:translate(-50%,calc(100% + 14px));transition:transform .24s var(--ease),opacity .16s ease;will-change:transform;pointer-events:none}
.dock-wrap .dock{pointer-events:none}
.dock-wrap.is-visible,.dock-wrap:has(:focus-visible){opacity:1;transform:translate(-50%,0)}
.dock-wrap.is-visible .dock,.dock-wrap:has(:focus-visible) .dock{pointer-events:auto}
@media(hover:none){.dock-trigger{display:none}.dock-wrap{opacity:1;transform:translate(-50%,0)}.dock-wrap .dock{pointer-events:auto}}
/* Keep app window stacking below the Dock even after many activations. */
.desktop-area{isolation:isolate}

/* Library icons stay crisp throughout the shell and app launch surfaces. */
.menu-icon>.ui-icon{width:17px;height:17px}.window-more>.ui-icon{width:18px;height:18px}
.menu-item>.ui-icon,.menu-item>[data-ui-icon]{display:grid;place-items:center}
.folder-shape>.ui-icon{width:52px;height:52px;color:#8ac6ed;filter:drop-shadow(0 3px 3px #10273e30)}
.desktop-item>.ui-icon{width:47px;height:47px;color:#f2f1eb;filter:drop-shadow(0 3px 3px #10273e30)}
.about-icon>.ui-icon{width:40px;height:40px}.guide-mark>.ui-icon{width:21px;height:21px}
.app-tile>.canopy-app-icon{flex-shrink:0}.overview-card>.canopy-app-icon{position:relative;z-index:1}
@media(max-width:520px){.app-tile>.canopy-app-icon{width:54px;height:54px}.folder-shape>.ui-icon{width:40px;height:40px}}
/* Reveal before the pointer reaches the host computer's bottom edge. */
.dock-trigger{height:84px;pointer-events:none}