.desktop{--menu-h:clamp(18px,3.2cqw,34px);--dock-h:clamp(39px,7.5cqw,76px);--ui:clamp(7px,1.23cqw,13px);--small:clamp(6px,1cqw,11px);background:#36332f;color:#292a2d;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif}
.desktop-wallpaper{background:radial-gradient(ellipse at 82% 86%,#b591584d,transparent 52%),radial-gradient(ellipse at 20% 12%,#c0ac8954,transparent 48%),linear-gradient(145deg,#222b30 7%,#525350 43%,#777262 61%,#22282d 100%)}
.desktop-wallpaper i{border:0;width:160%;height:105%;top:37%;right:-33%;border-radius:50%;transform:rotate(-23deg);background:linear-gradient(170deg,#c9ba9159,#554d3d 48%,#151f29 83%);box-shadow:inset 0 3px 12px #efe9cb22,0 -15px 45px #03070840}
.desktop-wallpaper i+i{top:68%;right:-20%;background:linear-gradient(160deg,#a19e873d,#29343b 55%,#0c151f);transform:rotate(-18deg)}
.desktop-wallpaper>span{font-size:9cqw;bottom:17%;color:#ffffff05;letter-spacing:-.3cqw}
.desktop .desktop-toolbar{height:var(--menu-h);min-height:0;padding:0 1.9%;font-size:var(--small);background:#20262a70;backdrop-filter:blur(22px);color:#f1f1ef;z-index:8;border:0;letter-spacing:0}
.mac-menu-left,.mac-menu-right{display:flex;align-items:center;gap:clamp(8px,1.5cqw,16px);height:100%;min-width:0}
.mac-menu-left>strong{font-weight:650}.mac-menu-left>a{color:#f0eee8}.mac-menu-left>span:last-child{color:#ddded3;font-size:.92em}.mac-mark{font-size:1.2em;font-weight:700;color:#e9e8df}
.desktop .mac-menu-right button{font-size:clamp(10px,1.65cqw,17px);padding:0;min-width:18px;min-height:0;color:#eeefe8}.mac-menu-right time{font-variant-numeric:tabular-nums;font-size:var(--small)}
.desktop-welcome{position:absolute;left:6%;top:25%;color:#eee9dc;pointer-events:none}.desktop-welcome>span{font-size:clamp(5px,.85cqw,9px);letter-spacing:.14em;color:#d1c5aa}.desktop-welcome>strong{display:block;font-weight:500;font-size:clamp(19px,3.5cqw,37px);line-height:1.3;margin:1.8cqw 0}.desktop-welcome>p{font-size:var(--ui);line-height:1.8;color:#d1d1c5}
/* Keep the same right-hand icon column when the desktop moves into the zoom dialog. */
.desktop .desktop-icons,.desktop.zoomed .desktop-icons{left:auto;right:3.5%;top:14%;width:11%;height:auto;display:flex;flex-direction:column;gap:1.7cqw;z-index:1}
.desktop .desktop-icons>button,.desktop.zoomed .desktop-icons>button{border:0;min-height:0;padding:0;gap:.6cqw;color:#faf8ed;font-size:var(--small);background:transparent;text-shadow:0 1px 3px #0009}
.desktop .desktop-icons>button:hover{background:#ffffff13}.desktop .folder-icon,.desktop.zoomed .folder-icon{width:clamp(24px,4.7cqw,47px);height:clamp(17px,3.3cqw,33px);border-radius:2px 3px 4px 4px;background:linear-gradient(#8bd2fa,#41a6e8);border:1px solid #b1e2ff77;box-shadow:0 3px 6px #0003}
.desktop .folder-icon:before,.desktop.zoomed .folder-icon:before{background:#60bdf0;width:40%;height:20%;top:-17%;border-radius:3px 3px 0 0}.desktop .skill-folder:after,.desktop.zoomed .skill-folder:after{font-size:clamp(11px,2cqw,20px);left:34%;top:14%;color:#eefaff}
.desktop.has-window .desktop-icons,.desktop.has-window .desktop-welcome{visibility:hidden}
.desktop .desktop-window,.desktop.zoomed .desktop-window{left:3.5%;top:calc(var(--menu-h) + 10px);bottom:calc(var(--dock-h) + 22px);width:93%;height:auto;z-index:4;background:#f6f5f2;border:1px solid #ffffff73;border-radius:clamp(5px,1cqw,11px);box-shadow:0 15px 45px #0005;animation:none;container-type:inline-size}
.desktop .desktop-window.maximized,.desktop.zoomed .desktop-window.maximized{left:1.3%!important;top:calc(var(--menu-h) + 5px)!important;bottom:calc(var(--dock-h) + 16px);width:97.4%;height:auto;border-radius:7px}
.desktop .window-titlebar,.desktop.zoomed .window-titlebar{height:clamp(28px,5.7cqw,58px);padding:0 1.8cqw;gap:1.5cqw;background:linear-gradient(#f5f5f3,#e8e8e5);border-bottom:1px solid #00000013;color:#303134;cursor:grab}
.desktop .window-controls,.desktop.zoomed .window-controls{gap:clamp(4px,.7cqw,7px)}
.desktop .window-controls button,.desktop.zoomed .window-controls button{width:clamp(7px,1.15cqw,12px);height:clamp(7px,1.15cqw,12px);border:1px solid #00000018;background:#ff5f57;color:transparent;font-size:clamp(6px,.95cqw,10px);border-radius:50%}
.desktop .window-controls button:nth-child(2){background:#febc2e}.desktop .window-controls button:nth-child(3){background:#28c840}.window-controls:hover button{color:#562c248c!important}
.finder-window-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.finder-window-title strong{font-size:clamp(9px,1.5cqw,15px);font-weight:650;color:#363638}.finder-window-title>span{font-size:clamp(5px,.8cqw,9px);letter-spacing:.06em;color:#8a8a86}
.finder-view-switch{display:flex;flex-shrink:0;border-radius:4px;border:1px solid #00000012;overflow:hidden}.finder-view-switch button{border:0;background:none;color:#777;font-size:clamp(11px,1.6cqw,18px);padding:.3cqw .7cqw;min-height:0}.finder-view-switch button[aria-pressed="true"]{background:#d4d5d3;color:#323236}
.finder-search{width:25%;min-width:60px;display:flex;align-items:center;gap:5px;border:1px solid #00000017;border-radius:6px;background:#ffffff85;padding:.55cqw .7cqw;color:#8a8d8e;font-size:clamp(10px,1.6cqw,16px)}
.finder-search input{border:0;background:transparent;min-width:0;width:100%;padding:0;outline:0;color:#30323a;font:var(--ui) -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.finder-search:focus-within{box-shadow:0 0 0 2px #248df63b;border-color:#72b4ef}
.desktop .window-content,.desktop.zoomed .window-content{display:grid;grid-template-columns:16% minmax(0,1fr) 34%;padding:0;overflow:hidden;flex:1;min-height:0;background:#fafaf8;scrollbar-color:#a7a8a4 transparent}
.finder-sidebar{display:flex;flex-direction:column;min-width:0;padding:1.9cqw .9cqw;background:linear-gradient(145deg,#e5e6e3,#eeefed);border-right:1px solid #0000000b;font-size:var(--ui)}
.finder-sidebar>span,.finder-sidebar-bottom>span{font-size:var(--small);font-weight:600;color:#919390;padding:0 .6cqw;margin-bottom:.8cqw;white-space:nowrap}
.finder-sidebar>button{border:0;background:none;border-radius:5px;display:flex;align-items:center;gap:.7cqw;text-align:left;padding:.8cqw .6cqw;color:#4b4c4e;font-size:var(--ui);min-height:0}
.finder-sidebar>button.active{background:#d2d5d6;color:#22252a}.finder-sidebar i{font-size:1.25em;font-style:normal;color:#278bd6}.finder-sidebar-bottom{margin-top:auto;padding-top:2cqw;display:flex;flex-direction:column;gap:.5cqw}.finder-sidebar-bottom>a{font-size:var(--small);padding:.5cqw .6cqw;color:#737973}
.finder-list{overflow:auto;min-width:0;min-height:0;padding:.8cqw;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bfc0bd transparent}
.desktop .desktop-item,.desktop.zoomed .desktop-item{margin:0;padding:.7cqw;gap:1cqw;min-width:0;border:0;border-radius:5px;box-shadow:none;color:#323438;background:transparent;transition:background .12s;transform:none;text-align:left}
.desktop .desktop-item:hover{background:#e9eff6;transform:none}.desktop .desktop-item.selected{background:#dceafa}.desktop .desktop-item:focus-visible{outline:2px solid #5c9be0;outline-offset:-2px}
.desktop .desktop-item>.item-glyph,.desktop.zoomed .desktop-item>.item-glyph{width:clamp(24px,4cqw,41px);height:clamp(24px,4cqw,41px);padding:3px;flex-shrink:0;border:1px solid #0000000a;background:#e9ebea;border-radius:5px}
.desktop .item-glyph img{height:100%;width:100%;object-fit:contain}.desktop .desktop-item strong,.desktop.zoomed .desktop-item strong{font-size:var(--ui);font-weight:550;line-height:1.45}.desktop .desktop-item small,.desktop.zoomed .desktop-item small{font-size:var(--small);line-height:1.4;color:#979993;margin-top:3px}.item-kind{font-size:var(--small);color:#a2a59e;margin-left:auto;padding:0 .3cqw}.finder-file-icon{display:grid;place-items:center;width:100%;height:100%;color:#ba9653;font-size:clamp(14px,2.5cqw,25px)}.finder-file-icon.skills{color:#776da1}
.finder-list[data-view="grid"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:1cqw;padding:1.5cqw}.desktop .finder-list[data-view="grid"] .desktop-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1cqw;gap:.7cqw}.desktop .finder-list[data-view="grid"] .item-glyph{width:100%;height:6.5cqw;min-height:26px}.finder-list[data-view="grid"] .item-kind{display:none}.finder-list[data-view="grid"] .item-copy{max-width:100%;width:100%;flex:0}.desktop .finder-list[data-view="grid"] strong{white-space:normal;font-size:var(--small)}.finder-list[data-view="grid"] small{display:none}
.desktop .desktop-preview.finder-preview,.desktop.zoomed .desktop-preview.finder-preview{position:static;left:auto;right:auto;top:auto;bottom:auto;width:auto;display:flex;flex-direction:column;gap:0;border:0;border-left:1px solid #0000000c;border-radius:0;padding:1.8cqw;background:#f3f4f1;overflow:auto;min-height:0;color:#333;animation:none}
.finder-preview-art{display:flex;justify-content:center;align-items:center;aspect-ratio:16/10;flex-shrink:0;min-width:0;width:100%;padding:.7cqw;background:#e7e9e5;border:1px solid #00000008;border-radius:5px;margin-bottom:1.6cqw}.finder-preview-art img{display:block;height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 2px 4px #0002)}.finder-preview-art.note-art{background:linear-gradient(140deg,#ede6d4,#faf9f3);flex-direction:column;gap:.5cqw;color:#ac8e57}.note-art>span{font-size:4cqw}.note-art>small{font-size:var(--small)}
.finder-preview-kind{font-size:clamp(5px,.8cqw,9px);color:#a59a7e}.finder-preview h3{font-size:clamp(10px,1.7cqw,18px);line-height:1.5;color:#33373b;margin:.9cqw 0 .8cqw;font-weight:600}.finder-preview>p{font-size:var(--small);color:#898c88;line-height:1.8;margin:0 0 1.2cqw}.finder-preview-meta{font-size:clamp(5px,.85cqw,10px);color:#999d97;line-height:1.7}
.finder-preview-open{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:.9cqw 0 .2cqw;min-height:0;color:#3284d1;border:0;background:none;font-size:var(--small)}
.finder-empty{grid-column:1/-1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1cqw;padding:4cqw 1cqw;color:#929894;font-size:var(--ui);height:100%}.finder-empty>span{font-size:var(--small)}
.finder-statusbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:.6cqw 1.6cqw;min-height:clamp(19px,3cqw,31px);border-top:1px solid #0000000c;background:#f2f2ef;font-size:var(--small);color:#9c9e97;flex-shrink:0}.finder-statusbar a{color:#7f909d}.finder-statusbar button{border:0;background:none;color:#2784d1;font-size:var(--small);padding:0;min-height:0}.finder-statusbar button:disabled{color:#afb1a9}
.desktop .desktop-dock,.desktop.zoomed .desktop-dock{bottom:10px;left:50%;gap:clamp(5px,1.4cqw,14px);padding:clamp(4px,.8cqw,8px) clamp(7px,1.2cqw,13px) clamp(8px,1.5cqw,16px);border-radius:clamp(8px,1.8cqw,19px);background:#ffffff24;border:1px solid #ffffff35;backdrop-filter:blur(22px) saturate(1.4);box-shadow:0 9px 20px #0003;z-index:6;height:var(--dock-h);align-items:center}
.desktop .desktop-dock button,.desktop.zoomed .desktop-dock button{display:block;position:relative;padding:0;border:0;min-height:0;outline-offset:3px;background:none!important;transition:transform .22s cubic-bezier(.2,.7,.2,1)}
.desktop-dock button:hover{transform:translateY(-5px) scale(1.1)}.desktop .desktop-dock button.active{border:0}.desktop-dock button.running:after{content:"";position:absolute;bottom:-7px;left:calc(50% - 2px);width:4px;height:4px;background:#ededdf;border-radius:50%}.desktop-dock button.minimized:after{background:#ddba77}
.desktop-dock small{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);padding:5px 8px;border-radius:5px;background:#eeeeeedb;color:#333;font-size:11px;opacity:0;white-space:nowrap;pointer-events:none}.desktop-dock button:hover small,.desktop-dock button:focus-visible small{opacity:1}
.desktop .mac-app-icon,.desktop.zoomed .mac-app-icon{display:grid;place-items:center;position:relative;overflow:hidden;width:clamp(22px,4.6cqw,49px);height:clamp(22px,4.6cqw,49px);border-radius:22%;font-size:clamp(15px,3.2cqw,34px);color:white;box-shadow:inset 0 1px 2px #ffffff90,0 3px 4px #0003;border:1px solid #ffffff32}
.projects-icon{background:linear-gradient(90deg,#63b8f5 0 49%,#d4efff 50%)}.finder-face{position:absolute;inset:26% 18% 20%;border-bottom:2px solid #245d9b;border-radius:0 0 45% 45%}.finder-face:before,.finder-face:after{content:"";position:absolute;top:2%;height:23%;width:2px;background:#245d9b;border-radius:2px}.finder-face:before{left:20%}.finder-face:after{right:20%}
.notes-icon{background:linear-gradient(#ffd457 0 28%,#fffef4 28%)}.notes-icon i{position:absolute;inset:40% 20% 12%;background:repeating-linear-gradient(transparent 0 17%,#c9c4b34d 18% 23%,transparent 24% 39%)}.skills-icon{background:linear-gradient(140deg,#7668b9,#574882);font-weight:400}
.desktop .desktop-window.is-minimizing{animation:mac-minimize .18s ease-in both;pointer-events:none}
.desktop.zoomed .desktop-toolbar{min-height:0;height:var(--menu-h)}
@keyframes mac-minimize{to{opacity:0;transform:translateY(22%) scale(.7)}}
@container(max-width:550px){.desktop .window-content{grid-template-columns:20% minmax(0,1fr)}.desktop .desktop-preview.finder-preview{display:none}.mac-menu-left>span:last-child{display:none}.finder-list[data-view="grid"]{grid-template-columns:repeat(3,minmax(0,1fr))}.finder-window-title>span{display:none}.finder-search{width:28%}.finder-sidebar-bottom{display:none}.item-kind{display:none}}
@media(max-width:760px){#desktop-zoom{height:92svh}.zoom-bar{height:44px}#zoom-stage{height:calc(100% - 44px);padding:7px}.desktop.zoomed .desktop-window{bottom:calc(var(--dock-h) + 23px)}.desktop.zoomed .desktop-toolbar{height:var(--menu-h);font-size:var(--small)}.desktop.zoomed .desktop-icons{left:auto;right:5%;top:14%;width:13%}}
@media(prefers-reduced-motion:reduce){.desktop .desktop-window.is-minimizing{animation:none}.desktop-dock button:hover{transform:none}}

.desktop-mirror{position:absolute;inset:0;pointer-events:none}
.desktop-mirror-launch{position:absolute;left:8.8%;top:12.9%;width:82.4%;height:53.35%;border:0;background:none;padding:0;pointer-events:auto;cursor:pointer;z-index:12}
.home-monitor .desktop{--menu-h:13px;--dock-h:27px;--small:6px;--ui:7px}
.home-monitor .desktop-toolbar{padding:0 3%}
.home-monitor .mac-menu-left{gap:5px}.home-monitor .mac-menu-left>a{display:none}
.home-monitor .mac-menu-right{gap:5px}.home-monitor .mac-menu-right button{font-size:10px;min-width:12px}
.home-monitor .desktop-welcome{left:7%;top:25%}.home-monitor .desktop-welcome>strong{font-size:clamp(11px,4.8cqw,17px);margin:5px 0}.home-monitor .desktop-welcome>p{display:none}.home-monitor .desktop-welcome>span{font-size:4px}
.home-monitor .desktop .desktop-icons{top:23%;right:4%;width:16%;gap:7px}
.home-monitor .desktop .desktop-icons>button{gap:2px;font-size:6px}
.home-monitor .desktop .folder-icon{width:17px;height:12px}.home-monitor .desktop .skill-folder:after{font-size:9px;top:0;left:32%}
.home-monitor .desktop .desktop-dock{bottom:5px;padding:3px 6px 6px;gap:7px;height:var(--dock-h);border-radius:7px}
.home-monitor .desktop .mac-app-icon{width:17px;height:17px;font-size:12px}.home-monitor .desktop-dock button.running:after{width:2px;height:2px;bottom:-4px;left:calc(50% - 1px)}
.home-monitor .desktop .desktop-window{top:calc(var(--menu-h) + 4px);bottom:calc(var(--dock-h) + 10px)}
.home-monitor .desktop .desktop-window.maximized{top:calc(var(--menu-h) + 2px)!important;bottom:calc(var(--dock-h) + 8px)}
.home-monitor .desktop .window-titlebar{height:22px;min-height:22px;gap:4px;padding:0 5px}
.home-monitor .finder-window-title strong{font-size:7px}.home-monitor .finder-search{min-width:34px;font-size:9px}.home-monitor .finder-search input{font-size:6px}
.home-monitor .desktop .window-controls{gap:3px}.home-monitor .desktop .window-controls button{width:5px;height:5px}
.home-monitor .finder-view-switch button{font-size:8px}.home-monitor .finder-statusbar{min-height:13px;padding:2px 4px;font-size:5px}
.home-monitor .desktop .desktop-item strong{font-size:6px}.home-monitor .desktop .desktop-item small{font-size:4px}.home-monitor .desktop .desktop-item>.item-glyph{width:17px;height:17px;padding:1px}
.home-monitor .finder-sidebar{font-size:6px}.home-monitor .finder-sidebar>button{font-size:6px;padding:3px 2px}.home-monitor .finder-sidebar>span{font-size:4px}