:root{font-family:Verdana,Geneva,sans-serif;color:#17191c;background:#a7abb0;font-synthesis:none;--paper:#d8dadd;--line:#22252a;--blue:#173f8f;--muted:#676d75}*{box-sizing:border-box}body{margin:0;overflow:hidden;height:100vh;height:100dvh;background:#aeb2b6;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:8px 8px}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:active{transform:translate(1px,1px)}button:focus-visible,.titlebar:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.menubar{position:fixed;inset:0 0 auto;z-index:10001;display:flex;justify-content:space-between;pointer-events:none}.identity,.system{display:flex;align-items:center;min-height:38px;background:#e3e4e4;border:1px solid var(--line);border-top:0;box-shadow:2px 2px 0 #72767c;pointer-events:auto;font-size:12px}.identity{border-left:0}.brandmark{display:grid;place-items:center;align-self:stretch;width:38px;background:var(--blue);color:#fff;font:23px/1 Verdana,Geneva,sans-serif}.identity>span:not(.brandmark){padding:0 11px}.edition{border-left:1px solid #a4a7aa;color:var(--blue)}.system{border-right:0}time{padding:10px 13px;white-space:nowrap}#clock{border-left:1px solid #9a9da1;color:var(--blue)}#desktop{position:absolute;inset:44px 0 108px;isolation:isolate}.wallpaper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:22px;user-select:none;pointer-events:none;color:#747a81}.wordmark{font:700 clamp(62px,10vw,140px)/1 Verdana,Geneva,sans-serif;letter-spacing:-.08em;text-transform:lowercase;color:#858a90;text-shadow:1px 1px #dfe1e2}.wallpaper-line{width:2px;height:66px;background:var(--blue)}.wallpaper-number{font:700 clamp(28px,4vw,48px)/1 Verdana,Geneva,sans-serif;color:var(--blue)}.dock{position:fixed;z-index:10000;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;max-width:calc(100% - 16px);padding:4px;background:#d5d7d9;border:1px solid var(--line);box-shadow:3px 3px 0 #666b70}.apps{display:flex;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x mandatory}.apps::-webkit-scrollbar{display:none}.app{position:relative;width:84px;min-width:84px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:0;border-right:1px solid #a1a5a9;background:transparent;color:#292c30;font-size:13px;scroll-snap-align:start}.app:last-child{border-right:0}.app:hover{background:#ececec}.app[aria-pressed=true]{background:var(--blue);color:#fff}.app[data-open=true]:after{content:"";position:absolute;bottom:3px;width:12px;height:2px;background:currentColor}.icon{position:relative;display:block;width:31px;height:27px;border:1px solid currentColor;background:transparent}.icon:before{content:"";position:absolute;left:4px;right:4px;top:5px;height:1px;background:currentColor;box-shadow:0 5px currentColor}.icon:after{content:attr(data-num);position:absolute;right:3px;bottom:1px;font-size:11px;font-weight:bold}.pager{display:none;width:26px;flex-shrink:0;border:0;background:#c4c7ca;color:var(--blue);font-size:22px}.pager:disabled{opacity:.3;cursor:default}.window{position:absolute;min-width:240px;min-height:170px;display:flex;flex-direction:column;padding:4px;background:#d5d7d9;border:1px solid var(--line);box-shadow:6px 6px 0 #555a60;animation:open .12s ease-out}.window.inactive{border-color:#666b70;box-shadow:4px 4px 0 #73777b}.window.inactive .titlebar{opacity:.55}.titlebar{height:38px;flex-shrink:0;display:flex;align-items:center;gap:4px;padding:3px 3px 6px;cursor:grab;touch-action:none;user-select:none}.titlebar:active{cursor:grabbing}.window h1{order:-2;margin:0 10px 0 0;white-space:nowrap;color:var(--blue);font-size:13px;letter-spacing:.06em}.title-stripes{order:-1;flex:1;height:1px;margin:0 9px;background:#7d8288}.window-control{width:25px;height:25px;display:grid;place-items:center;padding:0;border:1px solid #555a60;background:#e2e3e4;color:#25282c;box-shadow:1px 1px 0 #777b80;font:17px/1 Verdana,Geneva,sans-serif}.window-control:hover{background:var(--blue);color:#fff}.window-control[data-action=close]{order:3}.window-control[data-action=maximize]{order:2}.window-control[data-action=minimize]{order:1}.window-content{flex:1;min-height:0;overflow:auto;background:#ececeb;border:1px solid #777c82;box-shadow:inset 1px 1px #b7b9ba}.window-bottom{position:relative;height:14px;flex-shrink:0}.resize{position:absolute;right:0;bottom:0;width:17px;height:14px;touch-action:none;cursor:nwse-resize;background:repeating-linear-gradient(135deg,transparent 0 3px,#555 3px 4px,transparent 4px 6px);clip-path:polygon(100% 0,100% 100%,0 100%)}.window.maximized .resize{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes open{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:760px){.menubar{padding:4px}.identity,.system{min-height:32px;border:1px solid var(--line);box-shadow:1px 1px 0 #72767c}.brandmark{width:31px}.identity>span:not(.brandmark){padding:0 7px}.edition,#clock{display:none}time{padding:8px;font-size:11px}#desktop{inset:48px 0 96px}.wordmark{font-size:61px}.wallpaper{gap:15px}.wallpaper-line{height:43px}.wallpaper-number{font-size:25px}.dock{width:calc(100% - 12px);bottom:max(6px,env(safe-area-inset-bottom));box-shadow:2px 2px 0 #666b70}.apps{flex:1}.app{min-width:calc((100vw - 80px)/4);width:calc((100vw - 80px)/4);height:70px}.pager{display:block}.window{padding:4px;box-shadow:4px 4px 0 #555a60}.titlebar{height:43px;padding:4px 2px 7px}.window h1{font-size:12px;margin-right:3px}.title-stripes{margin:0 3px}.window-control{width:31px;height:31px}.resize{width:22px;height:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}