:root{--desk:#eae8df;--paper:#faf9f2;--ink:#363b31;--muted:#6b7060;--line:#b8bbae;--green:#586b43;--accent:#b25838;--shadow:rgba(54,59,49,.13);font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-size:12px;color:var(--ink);background:var(--desk)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100svh}button,input{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}button:hover{color:var(--accent)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.35;cursor:default}.skip{position:fixed;top:-80px}.skip:focus{top:48px;left:10px;z-index:30;background:var(--paper);padding:12px}.menubar{height:45px;display:flex;align-items:center;gap:28px;padding:0 24px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.brand{display:flex;gap:12px;font-size:13px}.brand strong{font-weight:600}.menubar nav{display:flex;gap:21px}.menubar nav button{font-size:10px}.build-tag{margin-left:auto;color:var(--accent);font-size:9px;letter-spacing:1px}#clock{font-size:10px;white-space:nowrap}#desktop{position:relative;min-height:calc(100svh - 45px);overflow:hidden;background-image:radial-gradient(var(--line) .55px,transparent .55px);background-size:7px 7px}.wallpaper{position:absolute;inset:0;pointer-events:none;color:var(--muted);opacity:.38}.cloud{position:absolute;right:10%;top:8%;font-size:17px;line-height:1.2;animation:drift 50s ease-in-out infinite alternate}.landscape{position:absolute;left:15%;bottom:16%;text-align:center}.landscape pre{font-size:16px;line-height:1.45}.landscape span{font-size:9px;letter-spacing:2px}.desktop-folders{position:relative;display:grid;gap:23px;padding:36px 28px;width:150px;z-index:1}.folder{display:flex;align-items:center;flex-direction:column;gap:10px;padding:10px 2px;width:100%;color:var(--ink)}.folder:hover,.folder:focus-visible{background:var(--paper);box-shadow:0 0 0 1px var(--line)}.folder pre{font-size:12px;line-height:1.1;margin:0;color:var(--green);text-shadow:1px 1px var(--paper)}.folder-name{font-size:10px;padding:3px 5px;text-align:center;background:var(--desk)}.folder small{font-size:8px;color:var(--muted)}.desktop-caption{position:absolute;left:190px;top:45px;max-width:360px}.desktop-caption>span{font-size:8px;letter-spacing:2px;color:var(--muted)}h1{font-size:32px;font-weight:400;line-height:1.3;letter-spacing:-1.7px;margin:17px 0}h1 span{color:var(--accent);animation:blink 1.4s steps(1) infinite}.desktop-caption p{font-size:10px;line-height:1.8;color:var(--muted)}.window{position:absolute;left:43%;top:21%;width:51%;max-width:760px;min-height:380px;height:58vh;max-height:660px;background:var(--paper);border:1px solid var(--ink);box-shadow:7px 7px 0 var(--shadow);display:flex;flex-direction:column;z-index:3}.window-titlebar{height:39px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,var(--line) 3px,var(--line) 4px);padding:0 12px;touch-action:none;cursor:grab;flex-shrink:0}.window-titlebar:active{cursor:grabbing}.window-controls{display:flex;gap:6px;background:var(--paper);padding:0 5px}.window-controls button{width:17px;height:17px;line-height:12px;border:1px solid var(--ink);background:var(--paper);padding:0}.window-titlebar h2{font-size:11px;font-weight:500;padding:5px 15px;background:var(--paper);margin:0;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.window-number{background:var(--paper);font-size:9px;padding:3px 5px}.window-body{flex:1;min-height:0;overflow:auto;padding:28px 30px}.welcome .eyebrow{font-size:8px;letter-spacing:2px;color:var(--muted)}.welcome h3{font-size:27px;font-weight:400;letter-spacing:-1.3px;margin:20px 0 16px}.welcome p{max-width:380px;line-height:1.9;color:var(--muted);font-size:11px}.welcome .rule{height:1px;background:var(--line);margin:24px 0}.welcome-links{display:flex;gap:10px;flex-wrap:wrap}.outline{border:1px solid var(--line);padding:10px 12px;font-size:10px;background:var(--paper)}.welcome .small-note{font-size:9px;margin-top:23px}.window-status{height:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 12px;color:var(--muted);font-size:8px;gap:10px;flex-shrink:0}.window-toolbar{display:flex;align-items:center;padding:10px 12px;gap:12px;border-bottom:1px solid var(--line)}#path{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search{display:flex;align-items:center;border:1px solid var(--line);padding:5px 7px;gap:5px;margin-left:auto;max-width:180px}.search input{width:100%;min-width:0;background:none;border:0;font-size:9px;outline:none}.window-toolbar>button{font-size:10px}.empty{display:flex;align-items:center;justify-content:center;min-height:240px;text-align:center;flex-direction:column}.empty pre{color:var(--green);font-size:16px;line-height:1.2}.empty h3{font-size:16px;font-weight:400}.empty p{font-size:10px;color:var(--muted);max-width:300px;line-height:1.8}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:22px 16px}.media-file{text-align:left;min-width:0;padding:0}.thumbnail{height:108px;border:1px solid var(--line);background:var(--desk);overflow:hidden;display:grid;place-items:center;position:relative}.thumbnail img{width:100%;height:100%;object-fit:cover;filter:none}.thumbnail pre{margin:0;font-size:23px;color:var(--green)}.media-file:hover .thumbnail{border-color:var(--accent)}.media-file strong{display:block;font-size:9px;font-weight:400;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-file small{font-size:8px;color:var(--muted)}.media-grid.list{display:flex;flex-direction:column;gap:0}.list .media-file{display:grid;grid-template-columns:42px 1fr 70px;gap:12px;align-items:center;border-bottom:1px dotted var(--line);padding:8px 0}.list .thumbnail{height:34px}.list .thumbnail pre{font-size:14px}.list .media-file strong{margin:0}.desktop-footer{position:absolute;left:28px;right:28px;bottom:100px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted)}.dock{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:9px 13px;background:var(--paper);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--shadow);z-index:6}.dock button{min-width:54px;display:flex;flex-direction:column;align-items:center;gap:5px}.dock button>span{font-size:20px}.dock small{font-size:8px}.dock-divider{height:30px;width:1px;background:var(--line);margin:0 4px}.disk-status{font-size:8px;color:var(--muted);white-space:nowrap;padding:0 8px}.disk-status i{display:inline-block;width:5px;height:5px;background:var(--green);margin-right:7px}.window.maximized{left:170px!important;top:24px!important;width:calc(100% - 200px);max-width:none;height:calc(100% - 140px);max-height:none}#notice{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);padding:14px 20px;background:var(--paper);border:1px solid var(--line);z-index:20;font-size:10px;max-width:90vw;line-height:1.6}.night{--desk:#1e1e1e;--paper:#252526;--ink:#d4d4d4;--muted:#a6a6ad;--line:#505055;--green:#9cdcfe;--accent:#569cd6;--shadow:rgba(0,0,0,.4);--media-stage:#181818;--flap-ink:#d4d4d4;--flap-top:#2d2d30;--flap-bottom:#333337;--flap-seam:#181818}@keyframes blink{50%{opacity:0}}@keyframes drift{to{transform:translateX(-100px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}@media(max-width:900px){.desktop-caption{left:175px}.desktop-caption h1{font-size:27px}.window{left:30%;width:65%;top:29%;height:55vh}.landscape{left:5%}.landscape pre{font-size:12px}.window-body{padding:23px}.build-tag{display:none}}@media(max-width:600px){.menubar{padding:0 12px;gap:14px}.menubar nav{gap:11px}.menubar nav button{font-size:8px}.brand{gap:5px;font-size:11px}#clock{margin-left:auto;font-size:8px}.desktop-caption{left:25px;top:30px}.desktop-caption h1{font-size:27px}.desktop-caption p{font-size:9px}.desktop-caption>span{font-size:7px}.desktop-folders{padding:212px 14px 0;grid-template-columns:repeat(3,1fr);width:100%;gap:6px}.folder pre{font-size:10px}.folder-name{font-size:8px}.folder small{font-size:7px}.window,.window.maximized{left:12px!important;top:335px!important;width:calc(100% - 24px);height:440px;max-height:none;min-height:360px;max-width:none}.window.maximized{position:fixed;top:60px!important;height:calc(100svh - 155px)}#desktop{min-height:900px}.window-body{padding:23px 20px}.welcome h3{font-size:25px}.welcome p{font-size:10px}.window-titlebar{padding:0 8px}.window-status{font-size:7px}.window-status>span:last-child{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landscape{left:0;bottom:15%;width:100%;overflow:hidden}.landscape pre{font-size:10px}.cloud{font-size:12px;right:20px;top:35px}.dock{gap:3px;padding:9px 7px;bottom:12px}.dock button{min-width:50px}.disk-status{display:none}.dock-divider:last-of-type{display:none}.desktop-footer{bottom:105px;left:20px;right:20px;font-size:7px}.window-toolbar{gap:7px;padding:10px}.search{max-width:120px}.window-toolbar #path{max-width:95px;font-size:8px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.thumbnail{height:100px}}


@media(max-width:600px){.desktop-folders{grid-template-columns:repeat(4,minmax(0,1fr))}.folder{min-width:0}.folder-name{overflow-wrap:anywhere}}