:root{color-scheme:dark;--bg:#080b0a;--panel:#0f1311;--line:#ffffff21;--text:#edf1eb;--muted:#8e9890;--accent:#b9ff32;--shadow:0 28px 80px #0008}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}.boot{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;align-content:center;background:#050706;transition:.6s}.boot.done{opacity:0;visibility:hidden}.boot-logo,.lock-mark{display:grid;place-items:center;width:84px;aspect-ratio:1;border:1px solid var(--accent);color:var(--accent);font-size:42px;font-weight:800;transform:rotate(45deg)}.boot p{margin:38px 0 16px;letter-spacing:.35em;font-size:13px}.boot small{margin-top:14px;color:#5d675f;letter-spacing:.24em;font:9px monospace}.boot-line{width:220px;height:2px;background:#1e241f;overflow:hidden}.boot-line span{display:block;width:40%;height:100%;background:var(--accent);animation:load 1.25s infinite}@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
.desktop{position:relative;width:100%;height:100%}.topbar{position:absolute;z-index:500;inset:0 0 auto;height:44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);background:#080b0ad9;backdrop-filter:blur(22px)}.topbar button{border:0;background:transparent;color:var(--text)}.atlas-menu-button{justify-self:start;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:.14em;cursor:pointer}.atlas-menu-button span,.mini-logo{display:grid;place-items:center;width:24px;aspect-ratio:1;border:1px solid var(--accent);color:var(--accent);font-weight:800}.workspace-label{color:#687169;font:9px monospace;letter-spacing:.18em}.system-tray{justify-self:end;display:flex;align-items:center;gap:14px;color:#aab2ab;font:10px monospace}.status-dot{width:7px;height:7px;padding:0;border-radius:50%;background:var(--accent)!important;box-shadow:0 0 12px var(--accent)}
.wallpaper{position:absolute;inset:44px 0 0;overflow:hidden;background:radial-gradient(circle at 67% 43%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 22%),linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px),linear-gradient(145deg,#0c100e,#060807 70%);background-size:auto,54px 54px,54px 54px,auto}.wallpaper::after{content:"";position:absolute;width:55vmin;aspect-ratio:1;right:12%;top:50%;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);transform:translateY(-50%) rotate(45deg)}.wallpaper-word{position:absolute;right:-2vw;top:48%;transform:translateY(-50%);color:transparent;-webkit-text-stroke:1px #ffffff0e;font-size:clamp(8rem,24vw,25rem);font-weight:850;letter-spacing:-.09em}.desktop-status{position:absolute;left:5vw;bottom:8vh;z-index:2;display:flex;flex-direction:column}.desktop-status span{color:var(--accent);font:9px monospace;letter-spacing:.23em}.desktop-status strong{margin:10px 0 5px;font-size:clamp(18px,2vw,28px);font-weight:450}.desktop-status small{color:#667067;font:8px monospace;letter-spacing:.17em}.desktop-icons{position:absolute;z-index:3;top:28px;left:24px;display:grid;gap:12px}.desktop-icon{width:72px;padding:8px 4px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text)}.desktop-icon:hover{border-color:var(--line);background:#ffffff0f}.desktop-icon span{display:grid;place-items:center;width:42px;aspect-ratio:1;margin:auto;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:#111612;color:var(--accent);font:22px monospace}.desktop-icon small{display:block;margin-top:6px;font-size:10px}
.dock{position:absolute;z-index:600;left:50%;bottom:14px;display:flex;align-items:center;gap:6px;padding:7px;border:1px solid var(--line);border-radius:13px;background:#0c100ecc;box-shadow:var(--shadow);backdrop-filter:blur(25px);transform:translateX(-50%)}.dock button{position:relative;width:42px;aspect-ratio:1;border:1px solid transparent;border-radius:8px;background:transparent;color:#c7cec8;font:20px monospace;cursor:pointer;transition:.18s}.dock button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-4px)}.dock button.active::after{content:"";position:absolute;bottom:2px;left:50%;width:4px;aspect-ratio:1;border-radius:50%;background:var(--accent)}.dock i{width:1px;height:26px;background:var(--line)}.dock-atlas{font-weight:800;color:var(--accent)}
.start-menu{position:absolute;z-index:800;top:52px;left:12px;width:min(360px,calc(100vw - 24px));padding:16px;border:1px solid var(--line);border-radius:10px;background:#0d110ff2;box-shadow:var(--shadow);backdrop-filter:blur(26px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.18s}.start-menu.open{opacity:1;visibility:visible;transform:none}.start-head{display:flex;align-items:center;gap:12px}.start-head div{display:flex;flex-direction:column}.start-head strong{font-size:12px;letter-spacing:.14em}.start-head small{color:var(--muted);font-size:9px}.search{display:flex;gap:9px;margin:17px 0;padding:9px 11px;border:1px solid var(--line);background:#090c0a}.search span{color:var(--accent)}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.start-grid button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 5px;border:1px solid transparent;background:transparent;color:#bdc5be;font-size:9px;cursor:pointer}.start-grid button:hover{border-color:var(--line);background:#ffffff0a}.start-grid span{color:var(--accent);font:19px monospace}.start-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.start-foot span{display:flex;gap:6px}.start-foot b{width:5px;height:5px;border-radius:50%;background:var(--accent)}.start-foot button{border:1px solid var(--line);padding:5px 10px;background:transparent;color:var(--muted)}
.window-layer{position:absolute;z-index:10;inset:0;pointer-events:none}.window{position:absolute;top:8%;left:16%;width:min(760px,75vw);height:min(520px,70vh);min-width:300px;min-height:210px;display:flex;flex-direction:column;border:1px solid #ffffff2e;border-radius:9px;background:#0d110ff7;box-shadow:var(--shadow);overflow:hidden;pointer-events:auto;animation:win .18s}.window.focused{border-color:var(--accent)}.window.maximized{inset:8px!important;width:auto!important;height:calc(100% - 86px)!important}.window.minimized{display:none}@keyframes win{from{opacity:0;transform:scale(.96) translateY(8px)}}.titlebar{height:38px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 9px;border-bottom:1px solid var(--line);background:#101411;cursor:move;user-select:none}.window-title{grid-column:2;color:#aeb6af;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.window-controls{grid-column:3;justify-self:end;display:flex;gap:6px}.window-controls button{width:20px;height:20px;border:1px solid var(--line);border-radius:50%;background:transparent;color:#899189;font-size:9px}.window-controls button:hover{border-color:var(--accent);color:var(--accent)}.window-body{flex:1;min-height:0;background:#0b0e0c;overflow:auto}.window-status{height:24px;display:flex;align-items:center;padding:0 10px;border-top:1px solid var(--line);color:#5d675f;font:8px monospace}
.about-app{height:100%;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;padding:40px;background:radial-gradient(circle at 25% 50%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 25%)}.about-logo{display:grid;place-items:center;width:120px;aspect-ratio:1;margin:auto;border:1px solid var(--accent);color:var(--accent);font-size:62px;font-weight:800;transform:rotate(45deg)}.about-copy h1{margin:0;font-size:48px;line-height:.9;letter-spacing:-.05em}.about-copy h1 span{color:var(--accent)}.about-copy p{max-width:400px;color:var(--muted);font-size:13px}.about-copy a{display:inline-block;padding:9px 13px;background:var(--accent);color:#111;text-decoration:none;font-size:10px;font-weight:800}.files-app,.settings-app{height:100%;display:grid;grid-template-columns:150px 1fr}.files-sidebar,.settings-nav{padding:15px;border-right:1px solid var(--line)}.files-sidebar p{color:#59625b;font:8px monospace}.files-sidebar button{display:block;width:100%;padding:7px;border:0;background:transparent;color:#9fa7a0;text-align:left;font-size:10px}.files-main,.settings-content{padding:20px}.files-path{margin-bottom:20px;color:#69726b;font:9px monospace}.file-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.file{padding:15px 8px;border:1px solid var(--line);text-align:center}.file span{display:block;color:var(--accent);font-size:28px}.file p{font-size:9px}.browser-app{height:100%;display:flex;flex-direction:column}.browser-tools{display:flex;gap:7px;padding:8px;border-bottom:1px solid var(--line)}.browser-tools button,.browser-tools input{border:1px solid var(--line);background:#090c0a;color:#aab2ab}.browser-tools input{flex:1;padding:7px}.browser-page{flex:1;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent),transparent 30%)}.browser-page h2{margin:0;font-size:44px}.browser-page h2 span{color:var(--accent)}.browser-page form{display:flex;width:min(480px,90%);margin-top:20px}.browser-page input{flex:1;padding:11px;border:1px solid var(--line);background:#0a0d0b;color:var(--text)}.browser-page button{border:0;padding:0 16px;background:var(--accent);color:#111}.terminal-app{height:100%;padding:16px;background:#070907;color:#c6cec7;font:11px/1.7 monospace;overflow:auto}.green{color:var(--accent)}.terminal-output{white-space:pre-wrap}.terminal-line{display:flex}.terminal-line input{flex:1;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.notes-app{height:100%;display:flex}.notes-list{width:160px;padding:12px;border-right:1px solid var(--line)}.notes-list button{width:100%;padding:10px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#b7bfb8;text-align:left;font-size:10px}.notes-list span{display:block;color:#626b64;font-size:8px}.notes-editor{flex:1;padding:22px;border:0;resize:none;outline:0;background:#0a0d0b;color:#dce2dc;font:14px/1.7 Georgia}.settings-nav p{padding:8px;color:var(--accent);font-size:10px}.settings-content h2{margin:0}.settings-content>p{color:var(--muted);font-size:11px}.theme-options{display:flex;gap:12px;margin-top:30px}.theme{width:100px;padding:8px;border:1px solid var(--line);background:#0a0d0b;color:#aeb6af;font-size:9px}.theme span{display:block;height:54px;margin-bottom:7px;background:linear-gradient(145deg,#101510,#b9ff32)}.theme[data-theme=blue] span{background:linear-gradient(145deg,#0d1319,#57b8ff)}.theme[data-theme=amber] span{background:linear-gradient(145deg,#17120b,#ffb52e)}
.lock-screen{position:absolute;z-index:950;inset:0;display:grid;place-items:center;align-content:center;background:#050706fa;opacity:0;visibility:hidden;transition:.3s}.lock-screen.open{opacity:1;visibility:visible}.lock-screen time{margin-top:46px;font-size:64px}.lock-screen p{margin:0 0 24px;color:var(--muted)}.lock-screen button{padding:10px 16px;border:1px solid var(--accent);background:transparent;color:var(--accent)}.toast{position:absolute;z-index:900;right:18px;bottom:18px;padding:10px 14px;border:1px solid var(--line);border-left:2px solid var(--accent);background:var(--panel);font-size:10px;opacity:0;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}noscript{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;background:#080b0a}body.blue{--accent:#57b8ff}body.amber{--accent:#ffb52e}
@media(max-width:680px){.workspace-label,.desktop-status{display:none}.topbar{grid-template-columns:1fr 1fr}.desktop-icons{grid-template-columns:repeat(2,72px)}.dock{bottom:8px}.dock button{width:36px}.window{top:8px!important;left:8px!important;width:calc(100vw - 16px)!important;height:calc(100% - 74px)!important}.about-app,.files-app,.settings-app{grid-template-columns:1fr}.about-logo,.files-sidebar,.settings-nav,.notes-list{display:none}.file-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}