:root{color-scheme:dark;--text:#dbd9cd;--muted:#90948e;--amber:#c9af80;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body{margin:0;background:#171c1d;color:var(--text);font:14px/1.5 var(--mono);min-height:100vh;min-height:100svh}button{font:inherit;color:inherit;border:0;cursor:pointer}button:focus-visible{outline:2px solid var(--amber);outline-offset:5px}button:disabled{cursor:default;opacity:.3}.sprite{position:absolute;width:0;height:0;overflow:hidden}.wallpaper{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 60% 25%,#3a403b40,transparent 65%),linear-gradient(120deg,#1c2324,#14191a 65%,#0d1113)}.light{position:absolute;inset:-60% -30%;transform:rotate(-31deg);background:repeating-linear-gradient(0deg,transparent 0 62px,#c4c5a605 63px,#c4c5a60b 111px,transparent 113px 150px);mask-image:linear-gradient(90deg,transparent 25%,#000 65%,transparent)}.wallpaper:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.16' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.19}.wallpaper-word{position:absolute;right:4%;bottom:7%;font-size:clamp(100px,21vw,340px);font-weight:700;letter-spacing:-.08em;color:#dde0d605;line-height:1}.wallpaper-coordinate{position:absolute;right:3%;bottom:25px;font-size:11px;letter-spacing:2px;color:#6b736e}.menubar{height:42px;padding:0 27px;background:#101415c9;border-bottom:1px solid #ffffff0c;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(20px);font-size:13px}.menu-left,.menu-right{display:flex;gap:26px;align-items:center}.menu-left button{background:none;padding:4px 0;color:#acaea5;font-size:13px}.menu-left button:hover{color:#fff}.brand-mark{font-size:25px;font-weight:700;line-height:1}.brand-mark span{color:var(--amber)}.menu-right{gap:19px;font-size:12px}.local-label{font-size:10px;letter-spacing:1.4px;color:#a9aca3;display:flex;align-items:center;gap:8px}.local-dot{width:5px;height:5px;border-radius:50%;background:#b7bc9a}.connection-icon{font-size:25px;line-height:1}#desktop{max-width:1640px;margin:auto;padding:55px 70px 120px}.desktop-heading{margin-bottom:38px}.eyebrow{font-size:11px;letter-spacing:2px;color:#a6aa9c}.eyebrow span{color:#5c625c;margin:0 10px}h1{font-size:29px;font-weight:400;letter-spacing:-1.3px;margin:13px 0 5px}.cursor{color:var(--amber);margin-left:5px}.desktop-heading p{font-size:12px;color:#7e8884;margin:0}.desktop-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:70px;align-items:center}.folders{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:31px 25px;max-width:960px}.folder-item{position:relative;background:transparent;display:flex;align-items:center;flex-direction:column;min-width:0;padding:5px 7px 14px;border-radius:6px;isolation:isolate}.folder-item:before{position:absolute;content:"";inset:0;border:1px solid transparent;border-radius:6px;z-index:-1;transition:background .16s,border-color .16s}.folder-item:hover:before{background:#ffffff05;border-color:#ffffff08}.folder-item.selected:before{background:#c3ac7e12;border-color:#c3ac7e40}.folder-image{width:166px;max-width:100%;height:137px;filter:drop-shadow(0 13px 9px #0005);transition:transform .2s;overflow:visible}.folder-item:hover .folder-image{transform:translateY(-4px)}.folder-number{position:absolute;top:78px;left:50%;transform:translate(-50%);font-size:12px;color:#5f513b;letter-spacing:2px;pointer-events:none}.folder-label{font-size:14px;letter-spacing:.1px;white-space:nowrap;line-height:1.6;margin-top:8px;text-shadow:0 2px 2px #000}.folder-meta{font-size:10px;letter-spacing:1.5px;color:#7e8780;margin-top:4px}.archive-note{position:relative;border:1px solid #89918130;background:#1a20203d;padding:19px 20px 33px;transform:rotate(2deg);box-shadow:4px 6px 20px #0001;margin-top:-18px;align-self:center}.note-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px;color:#909b8b}.archive-note p{font-size:14px;line-height:1.7;letter-spacing:1px;color:#acb09f;margin:25px 0 19px}.note-rule{height:1px;background:#85907b30}.archive-note dl{font-size:11px;color:#91998b;margin:17px 0 23px;letter-spacing:1px}.archive-note dl>div{display:flex;justify-content:space-between;margin-bottom:10px}.archive-note dd{margin:0;color:#c6c8b5}.note-foot{font-size:11px;color:#737e74;line-height:1.7}.note-cross{position:absolute;bottom:8px;right:12px;color:#8e9889}.desktop-footer{border-top:1px solid #abb69e14;margin-top:49px;padding-top:17px;display:flex;justify-content:space-between;font-size:10px;color:#79847d;letter-spacing:1px}.small-cross{font-size:16px;color:#b4bda5;margin-right:9px}.touch-hint{display:none}.dock{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:13px;padding:10px 13px;border:1px solid #a5ada130;border-radius:17px;background:linear-gradient(#343a39a6,#202729cf);box-shadow:0 12px 30px #0005,inset 0 1px #ffffff08;backdrop-filter:blur(20px);z-index:2}.dock-button{position:relative;width:48px;height:48px;border-radius:11px;box-shadow:inset 0 1px #ffffff20,0 3px 6px #0003;display:grid;place-items:center;transition:transform .18s}.dock-button:hover{transform:translateY(-5px)}.dock-button:before{content:attr(data-tip);position:absolute;bottom:60px;left:50%;transform:translate(-50%);white-space:nowrap;background:#303634;border:1px solid #ffffff20;padding:5px 10px;border-radius:5px;font-size:11px;opacity:0;pointer-events:none}.dock-button:hover:before,.dock-button:focus-visible:before{opacity:1}.dock svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.4}.desktop-app{background:linear-gradient(135deg,#859893,#465b59);color:#e7e6d5}.desktop-app svg{fill:#d0d5c2;stroke:none;width:25px}.desktop-app:after{content:"";position:absolute;bottom:-7px;width:3px;height:3px;border-radius:50%;background:#c7cabb}.archive-app{background:linear-gradient(135deg,#b09b78,#7c6849);color:#eee1c6}.terminal-app{background:linear-gradient(135deg,#333e39,#1c2822);color:#a9b49c}.dock-divider{height:36px;width:1px;background:#ffffff19;margin:0 2px}.dock-label{font-size:11px;line-height:1.6;letter-spacing:1px;padding:0 5px;color:#c1c5b6}.dock-label span{font-size:9px;color:#78847a}dialog{color:var(--text);padding:0;border:1px solid #ffffff26;background:#202526;box-shadow:0 30px 100px #0009;border-radius:11px}dialog::backdrop{background:#05090b50;backdrop-filter:blur(3px)}#finder{width:min(920px,calc(100vw - 40px));max-width:none;height:min(570px,calc(100svh - 110px));max-height:none}#finder.expanded{width:calc(100vw - 36px);height:calc(100svh - 80px)}.window-frame{height:100%;display:flex;flex-direction:column}.window-bar{height:49px;flex-shrink:0;background:linear-gradient(#343939,#2b3030);border-bottom:1px solid #0c1010;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:13px}.traffic-lights{display:flex;gap:8px;width:88px}.traffic{width:12px;height:12px;border-radius:50%;padding:0;border:1px solid #0002}.close{background:#d37265}.minimize{background:#c0a163}.maximize{background:#849d79}.window-badge{width:88px;text-align:right;color:#7f8a83;font-size:10px;letter-spacing:2px}.finder-body{display:flex;flex:1;min-height:0}.finder-sidebar{width:220px;padding:19px 10px;background:#1d2424;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #ffffff06;overflow-y:auto}.finder-sidebar p{font-size:10px;letter-spacing:1.2px;color:#727f79;margin:0 10px 10px}.finder-sidebar p:nth-of-type(2){margin-top:24px}.finder-sidebar button{background:transparent;width:100%;text-align:left;font-size:12px;border-radius:5px;padding:8px 10px;color:#a6afa7;display:flex;gap:9px;align-items:center}.finder-sidebar button.active{color:#eee4ce;background:#bca57422}.finder-sidebar button:hover{background:#ffffff08}.finder-sidebar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}.sidebar-bottom{margin:auto 10px 0;padding-top:25px;font-size:9px;line-height:1.8;letter-spacing:1px;color:#69756e}.finder-content{min-width:0;flex:1;display:flex;flex-direction:column}.finder-toolbar{min-height:47px;border-bottom:1px solid #ffffff09;padding:9px 17px;display:flex;align-items:center;gap:14px;font-size:12px;color:#a9b0a5}.finder-toolbar button{background:none;font-size:27px;line-height:1;padding:0 5px}.finder-toolbar>svg{width:16px;height:16px;margin-left:auto;fill:#a9b0a5;flex-shrink:0}#breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#window-content{flex:1;overflow:auto;padding:24px}.window-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.window-grid .folder-image{width:110px;height:90px}.window-grid .folder-label{font-size:12px}.window-grid .folder-number{top:52px;font-size:9px}.window-grid .folder-meta{font-size:9px}.finder-status{min-height:32px;display:flex;justify-content:space-between;padding:8px 18px;font-size:9px;color:#7d8980;border-top:1px solid #ffffff09;letter-spacing:1px}.empty-state{height:100%;min-height:270px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-folder{width:100px;height:80px;opacity:.38;filter:grayscale(.4)}.empty-state .eyebrow{font-size:10px;margin-top:19px;color:#8b9589}.empty-state h2{font-size:19px;font-weight:400;margin:10px 0;color:#c0c4b6}.empty-state p{font-size:12px;line-height:1.9;color:#828d84;margin:0;max-width:290px}#about{width:min(440px,calc(100% - 32px));padding:40px;text-align:center}.about-close{position:absolute;top:8px;right:14px;background:none;font-size:25px;color:#879388}.about-brand{font-size:60px;font-weight:700;letter-spacing:-8px;margin:0 10px 20px 0}.about-brand span{color:var(--amber)}#about h2{font-size:24px;letter-spacing:4px;margin:12px 0}#about p{font-size:12px;color:#9ba696;line-height:1.9}.about-help{font-size:11px;text-align:left;line-height:2;color:#879283;border-top:1px solid #ffffff12;margin-top:25px;padding-top:20px}.about-foot{display:block;font-size:9px;letter-spacing:1px;margin-top:25px;color:#6e7c6c}@media (min-width:1450px){#desktop{padding-top:75px}.desktop-heading{margin-bottom:50px}.folders{row-gap:40px}.folder-image{width:180px;height:150px}.folder-number{top:85px}}@media (max-width:1100px){#desktop{padding:40px 40px 130px}.desktop-layout{gap:25px;grid-template-columns:1fr 165px}.folders{gap:22px 10px;grid-template-columns:repeat(4,minmax(110px,1fr))}.folder-image{width:137px;height:117px}.folder-number{top:68px}.folder-label{font-size:12px}.archive-note{padding:17px 15px}.archive-note p{font-size:12px}.desktop-footer{font-size:9px}}@media (max-width:850px){.archive-note{display:none}.desktop-layout{display:block}.folders{max-width:none}.menu-left,.menu-right{gap:18px}.local-label,.connection-icon{display:none}#desktop{padding-top:45px}.desktop-footer{margin-top:40px}.finder-sidebar{width:190px}.window-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.menubar{height:39px;padding:0 16px}.menu-left{gap:17px}.menu-left button{display:none}.menu-left strong{font-size:12px}.menu-right{font-size:10px}.brand-mark{font-size:22px}#desktop{padding:32px 22px 132px}.eyebrow{font-size:9px;letter-spacing:1px}.eyebrow span{margin:0 4px}h1{font-size:26px}.desktop-heading p{font-size:11px}.desktop-heading{margin-bottom:25px}.folders{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 15px}.folder-item{padding-bottom:10px}.folder-image{width:139px;height:112px}.folder-number{top:65px}.folder-label{font-size:13px}.folder-meta{font-size:9px}.desktop-footer{margin-top:24px;font-size:9px;gap:10px;align-items:center}.open-hint{display:none}.touch-hint{display:block;font-size:8px;max-width:90px;text-align:right}.dock{bottom:14px;gap:12px;padding:8px 11px}.dock-button{width:43px;height:43px}.wallpaper-coordinate{display:none}.wallpaper-word{position:fixed;bottom:10%}#finder{height:calc(100svh - 70px);width:calc(100vw - 20px)}.finder-sidebar{display:none}.window-bar{padding:0 12px}.window-badge{display:none}.traffic-lights{width:65px}#finder-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 85px)}.finder-toolbar{padding:8px 12px}.window-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#window-content{padding:14px}.finder-status{font-size:8px;padding:8px 12px}.empty-state h2{font-size:17px}.empty-state p{font-size:12px}}@media (pointer:coarse){.open-hint{display:none}.touch-hint{display:block}}@media (prefers-reduced-motion:reduce){*,*:before{transition:none!important;scroll-behavior:auto!important}}@media (min-width:561px) and (max-height:850px){#desktop{padding-top:29px;padding-bottom:100px}.desktop-heading{margin-bottom:20px}.folders{row-gap:16px}.folder-image{width:142px;height:110px}.folder-number{top:63px}.desktop-footer{margin-top:22px}.archive-note{margin-top:0}}.finder-sidebar button,.empty-state p,.folder-label{font-size:14px}.sidebar-root{line-height:1.5}