/* Leopard-style desktop furniture; the Aero wallpaper and entry stay intact. */
#desktop{min-height:100svh;animation:desktop-in .45s ease-out}
#desktop .topbar{position:relative;z-index:5;min-height:34px;padding:3px 22px;gap:24px;background:linear-gradient(#fbffffeb,#c5e3efc9);border-bottom:1px solid #496a8599;box-shadow:0 1px 5px #00345144;backdrop-filter:blur(18px);font-size:14px;color:#173a4b}
.topbar .brand{font-size:15px;font-weight:600;letter-spacing:-.4px}.desktop-label{font-size:14px}.menu-clock{margin-left:auto;display:flex;gap:15px;align-items:center;font-size:14px;white-space:nowrap}.menu-clock time{font-variant-numeric:tabular-nums}.topbar #exit{padding:3px 8px;font-size:14px;border:0;box-shadow:none;background:transparent}.topbar #exit:hover{background:#ffffff70}.topbar #exit span{padding-left:4px}
#desktop .workspace{min-height:0;flex:1;padding:0;overflow:visible}
.folders{position:fixed;z-index:20;left:50%;bottom:max(7px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:flex-end;justify-content:center;gap:21px;width:auto;max-width:calc(100vw - 20px);height:115px;margin:0;padding:0 30px 21px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;isolation:isolate}
.folders::before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:5px;height:54px;background:linear-gradient(180deg,#f9ffffb5,#c8f0ff60 44%,#f7ffff91 100%);border:1px solid #f4ffffc9;box-shadow:inset 0 2px 1px #fff9;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);backdrop-filter:blur(10px)}
.folders::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;border:1px solid #f2ffffb3;border-top:0;border-radius:0 0 3px 3px;background:linear-gradient(#c6deebdb,#547989c7);box-shadow:0 5px 12px #00344877;z-index:-1}
.folders .folder{--dock-scale:1;--dock-lift:0px;flex:none;position:relative;width:76px;height:78px;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:translateY(var(--dock-lift)) scale(var(--dock-scale));transform-origin:center bottom;transition:transform .15s ease-out;overflow:visible;justify-content:center}
.folders .folder:hover{background:none;border:0;box-shadow:none}.folders .folder:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:8px;box-shadow:0 0 12px #0476b5}
.folders .folder>svg:not(.dock-reflection){width:72px;height:57px;margin:0;stroke:#9c711e;filter:drop-shadow(0 3px 2px #00466b77)}
.folders .folder:nth-child(2)>svg{filter:hue-rotate(135deg) saturate(.8) drop-shadow(0 3px 2px #00466b66)}
.folders .folder:nth-child(3)>svg{filter:hue-rotate(50deg) saturate(.75) drop-shadow(0 3px 2px #00466b66)}
.folders .folder>span{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);padding:5px 11px;border-radius:6px;border:1px solid #ffffff85;background:#1b354dd9;box-shadow:0 2px 6px #0003;color:#fff;font-size:14px;line-height:1.3;white-space:nowrap;text-shadow:0 1px #0005;opacity:0;pointer-events:none;transition:opacity .14s}
.folders .folder:hover>span,.folders .folder:focus-visible>span{opacity:1}
.folders .folder>small{display:none}.folders .folder>.dock-reflection{position:absolute;left:2px;top:64px;width:72px;height:30px;margin:0;transform:scaleY(-1);opacity:.23;pointer-events:none;mask-image:linear-gradient(to top,#000,transparent 90%);stroke:#9c711e}
.folders .folder::after{content:"";position:absolute;left:calc(50% - 4px);bottom:-13px;width:8px;height:4px;border-radius:50%;background:#e2ffff;box-shadow:0 0 3px 2px #66d9ff,0 0 8px #fff;opacity:0}.folders .folder.is-open::after{opacity:1}
#window{position:fixed;z-index:15;inset:0;margin:auto;width:min(600px,calc(100vw - 28px));max-height:calc(100svh - 210px);padding:0;border:1px solid #607f90;border-radius:8px;overflow:auto;background:#edf7fb;box-shadow:0 18px 60px #003b6066,0 0 0 1px #ffffffa3;backdrop-filter:blur(18px)}
#window[open]{animation:desktop-in .2s ease-out}#window .window-header{position:relative;justify-content:center;min-height:38px;padding:7px 45px;background:linear-gradient(#f7ffffed,#bddeebde);border-bottom:1px solid #8aa6b8;border-radius:7px 7px 0 0}#window .window-header h2{font-size:14px;text-shadow:0 1px #fff}#window #close{position:absolute;left:10px;top:10px;align-self:auto;width:18px;height:18px;border-radius:50%;border:1px solid #ae463f;background:linear-gradient(#ffdacb,#f87564 48%,#db453b 51%,#ff9180);box-shadow:inset 0 1px #ffffffb3,0 1px #fff9;font-size:16px;line-height:14px;color:#6e211d;text-shadow:none}#window .window-body{border:0;min-height:270px}#window .window-footer{border:0;border-top:1px solid #b2c8d2;text-align:center;background:linear-gradient(#eef8fb,#c9e0eb);font-size:12px}
@keyframes desktop-in{from{opacity:0}to{opacity:1}}
@media(max-width:600px){#desktop .topbar{gap:10px;padding:6px 12px;min-height:38px}.desktop-label,.menu-clock #date{display:none}.menu-clock{gap:0}.folders{gap:15px;height:110px;padding:0 22px 21px;margin:0}.folders .folder{width:66px;height:72px}.folders .folder>svg:not(.dock-reflection){width:62px;height:50px}.folders .folder>.dock-reflection{width:62px;top:58px;height:28px}.folders .folder>span{opacity:1;bottom:100%;font-size:14px;padding:3px 7px;background:#23495fc7}.folders::before{height:49px}#window .window-body{min-height:220px}}
@media(prefers-reduced-motion:reduce){#desktop,.folders .folder,#window[open]{animation:none;transition:none}.folders .folder{transform:none}}