@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600&display=swap');

:root {
  --ink: #edf5ff;
  --muted: #8c9cad;
  --glass: rgba(12, 21, 34, .76);
  --glass-strong: rgba(14, 24, 39, .91);
  --line: rgba(255, 255, 255, .11);
  --cyan: #69e8ff;
  --violet: #9d8cff;
  --dock-height: 76px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
  color: var(--ink);
  background: #03070d;
  font-synthesis: none;
}

* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; overscroll-behavior: none; }
body { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
button, input { font: inherit; color: inherit; }
button { appearance: none; border: 0; background: none; padding: 0; }
button:not(:disabled) { cursor: default; }
svg { width: 1.1em; fill: currentColor; }
.hidden { display: none !important; }

.desktop {
  position: relative; width: 100%; height: 100%; overflow: hidden;
  background:
    radial-gradient(ellipse at 48% 118%, rgba(82, 196, 255, .34), transparent 43%),
    radial-gradient(circle at 88% 34%, rgba(80, 46, 143, .3), transparent 37%),
    radial-gradient(circle at 11% 8%, rgba(27, 67, 102, .46), transparent 30%),
    linear-gradient(143deg, #071421 0%, #050c15 43%, #080817 76%, #02060a 100%);
}
.desktop::before {
  content: ""; position: absolute; width: 78vmax; height: 78vmax; left: 19%; top: 8%; opacity: .55;
  background: repeating-radial-gradient(ellipse at center, transparent 0 50px, rgba(98, 225, 255, .035) 51px 52px, transparent 53px 69px);
  transform: perspective(900px) rotateX(62deg) rotateZ(-11deg); border-radius: 50%;
}
.ambient { position: absolute; border-radius: 50%; filter: blur(70px); pointer-events: none; animation: drift 12s ease-in-out infinite alternate; }
.ambient-one { width: 32vw; height: 32vw; background: rgba(68, 171, 255, .13); left: -10%; bottom: -12%; }
.ambient-two { width: 27vw; height: 27vw; background: rgba(140, 73, 255, .12); right: -8%; top: 8%; animation-delay: -5s; }
.grain { position: absolute; inset: 0; opacity: .08; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E"); }
@keyframes drift { to { transform: translate(40px, -24px) scale(1.08); } }

.menubar {
  position: absolute; z-index: 1000; inset: 0 0 auto; height: calc(32px + env(safe-area-inset-top)); padding: env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));
  display: flex; align-items: center; gap: 2px; background: rgba(5, 10, 18, .46); border-bottom: 1px solid rgba(255,255,255,.07); backdrop-filter: saturate(150%) blur(24px); -webkit-backdrop-filter: saturate(150%) blur(24px); font-size: 12px;
}
.menubar button { height: 26px; padding: 0 9px; border-radius: 6px; }
.menubar button:hover, .menubar button.menu-open { background: rgba(255,255,255,.12); }
.menu-brand { display: grid; place-items: center; color: var(--cyan); }
.menu-brand svg { width: 17px; }
.active-app { font-weight: 700; }
.desktop-menus { display: flex; align-items: center; }
.status-items { margin-left: auto; display: flex; height: 100%; align-items: center; gap: 1px; }
.status-button { display: grid; place-items: center; }
.status-button svg { width: 15px; }
.clock { min-width: 102px; font-weight: 600; letter-spacing: -.02em; }

.desktop-icons { position: absolute; z-index: 2; top: calc(54px + env(safe-area-inset-top)); right: max(22px, env(safe-area-inset-right)); display: grid; gap: 18px; }
.desktop-icon { width: 78px; display: grid; justify-items: center; gap: 7px; text-shadow: 0 1px 6px #000; }
.desktop-icon b { font-size: 11px; font-weight: 500; }
.desktop-icon:focus b { background: #2466cf; border-radius: 3px; padding: 2px 4px; }
.drive-icon { width: 47px; height: 35px; position: relative; border-radius: 8px; background: linear-gradient(#dce9f2, #768795 55%, #33414e); box-shadow: inset 0 1px 0 white, 0 7px 16px #0007; }
.drive-icon::before { content:""; position:absolute; inset:4px 5px 11px; border-radius:5px; background:linear-gradient(145deg,#708494,#c6d4db); box-shadow:inset 0 0 0 1px #27354088; }
.drive-icon i { position:absolute; width:4px;height:4px;border-radius:50%;background:#63eaff;right:8px;bottom:4px;box-shadow:0 0 7px #63eaff; }
.folder-icon { width: 48px; height: 36px; position:relative; border-radius:5px 7px 8px 8px;background:linear-gradient(150deg,#50c4e9,#2783bd);box-shadow:0 7px 14px #0006,inset 0 1px #bff4ff; }
.folder-icon::before { content:"";position:absolute;left:2px;top:-5px;width:23px;height:10px;border-radius:5px 5px 0 0;background:#53bce0; }

.window {
  --window-x: 8vw; --window-y: 10vh;
  position: absolute; z-index: 10; left: var(--window-x); top: var(--window-y); width: min(780px, 82vw); height: min(610px, calc(100vh - 150px)); min-width: 420px; min-height: 280px; overflow: hidden;
  border: 1px solid rgba(255,255,255,.16); border-radius: 15px; background: var(--glass); box-shadow: 0 35px 90px rgba(0,0,0,.62), 0 2px 8px rgba(0,0,0,.55), inset 0 1px rgba(255,255,255,.08); backdrop-filter: blur(44px) saturate(130%); -webkit-backdrop-filter: blur(44px) saturate(130%); transform-origin: bottom center; transition: box-shadow .2s, opacity .2s, transform .22s;
}
.window:not(.is-active) { filter: saturate(.82); box-shadow: 0 15px 42px rgba(0,0,0,.45); }
.window.minimizing { opacity: 0; transform: scale(.28) translateY(120vh); }
.window.maximized { --window-x: 8px !important; --window-y: calc(40px + env(safe-area-inset-top)) !important; width: calc(100vw - 16px) !important; height: calc(100vh - var(--dock-height) - 58px - env(safe-area-inset-top)) !important; }
.window-header { height: 47px; display: flex; align-items: center; padding: 0 13px; gap: 16px; border-bottom: 1px solid var(--line); background: rgba(6,12,21,.58); touch-action: none; }
.traffic-lights { display:flex;gap:8px;flex:0 0 54px; }
.traffic { width: 12px; height: 12px; border-radius:50%; box-shadow:inset 0 -1px 1px #0005; }
.traffic.close { background:#ff605c; }.traffic.minimize { background:#ffbd44; }.traffic.maximize { background:#00ca4e; }
.traffic-lights:not(:hover) .traffic::after { display:none; }
.window-nav { display:flex;gap:4px; }
.window-nav button,.window-tools button,.browser-controls button { height:28px;min-width:28px;border-radius:6px;font-size:21px;color:#bdc8d3; }
.window-nav button:hover,.window-tools button:hover,.browser-controls button:hover { background:#fff1; }
.window-nav button:disabled { opacity:.3; }
.window-title { position:absolute;left:50%;transform:translateX(-50%);font-size:12px;font-weight:600;white-space:nowrap; }
.window-tools { margin-left:auto;display:flex;gap:4px; }
.window-tools svg { width:14px; }
.window-body { height:calc(100% - 47px); }
.finder-body { display:grid;grid-template-columns:184px 1fr; }
.sidebar { padding:18px 10px 10px;background:rgba(5,12,21,.44);border-right:1px solid var(--line);overflow:auto; }
.sidebar p,.notes-list p { margin:6px 10px 7px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#6f8090;font-weight:700; }
.sidebar button { display:flex;align-items:center;gap:9px;width:100%;height:29px;padding:0 9px;border-radius:6px;text-align:left;font-size:11px;color:#b8c4ce; }
.sidebar button span { width:15px;text-align:center;color:#6fdcf2;font-size:14px; }
.sidebar button:hover { background:#ffffff0b; }.sidebar button.selected { background:#ffffff13;color:white; }
.storage { margin:22px 10px 0; }.storage span { display:block;height:3px;border-radius:2px;background:#ffffff12;overflow:hidden; }.storage i { display:block;width:43%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet)); }.storage small { display:block;margin-top:6px;font-size:8px;color:#647585; }
.files-area { padding:27px 30px 28px;overflow:auto; }
.welcome-copy span { font:600 8px/1 Space Grotesk,sans-serif;letter-spacing:.18em;color:#55d8f2; }
.welcome-copy h1 { margin:8px 0 3px;font:500 clamp(25px,3vw,34px)/1.1 Space Grotesk,sans-serif;letter-spacing:-.04em; }.welcome-copy h1 em { font-style:normal;color:#8694a5; }.welcome-copy p { margin:0;color:#667585;font-size:11px; }
.file-grid { display:grid;grid-template-columns:repeat(4,minmax(82px,1fr));gap:15px;margin-top:27px; }
.file-card { display:flex;flex-direction:column;align-items:flex-start;padding:12px;border:1px solid transparent;border-radius:10px;text-align:left;transition:.16s;min-width:0; }
.file-card:hover,.file-card:focus { background:#ffffff09;border-color:#ffffff10;transform:translateY(-2px); }.file-card b { margin-top:10px;font-size:10px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis; }.file-card small { margin-top:3px;font-size:8px;color:#657688; }
.folder-art { display:block;position:relative;width:100%;height:58px;border-radius:8px 8px 10px 10px;box-shadow:0 10px 17px #0005,inset 0 1px #ffffff62; }
.folder-art::before { content:"";position:absolute;left:0;top:-5px;width:45%;height:12px;border-radius:6px 7px 0 0;background:inherit; }.folder-art::after { content:"";position:absolute;inset:8px 7px auto;height:5px;border-radius:5px;background:#fff2;box-shadow:0 11px #fff1; }.folder-art.violet { background:linear-gradient(145deg,#9986f7,#534da1); }.folder-art.blue { background:linear-gradient(145deg,#48c9e7,#2677a7); }.folder-art.coral { background:linear-gradient(145deg,#f08c8d,#93566e); }
.document-art { display:flex;flex-direction:column;gap:7px;width:47px;height:58px;margin-left:12px;padding:14px 9px;border-radius:4px;background:linear-gradient(145deg,#dce7ed,#8597a6);box-shadow:0 9px 16px #0005; }.document-art i { height:2px;background:#455d70;border-radius:2px; }.document-art i:last-child{width:60%;}
.recent-section { margin-top:26px; }.recent-section>div { display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:7px; }.recent-section h2 { margin:0;font-size:10px; }.recent-section>div button { font-size:8px;color:#5fd7f1; }
.recent-file { display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;width:100%;padding:9px 5px;border-bottom:1px solid #ffffff09;text-align:left;border-radius:5px; }.recent-file:hover{background:#fff08}.recent-file b { display:block;font-size:9px; }.recent-file small{display:block;color:#627487;font-size:7px;margin-top:2px;}.recent-file em{font-style:normal;color:#607181;font-size:8px;}.mini-preview{width:28px;height:23px;border-radius:3px;display:block}.mini-preview.signal{background:radial-gradient(circle at 35% 45%,#70edff,transparent 12%),radial-gradient(circle at 56% 45%,#8377fd,transparent 24%),#0e2439}.mini-preview.atlas{background:linear-gradient(130deg,#e98e82 0 25%,#151c32 26% 60%,#4bc7d7 61%)}
.resize-grip { position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize; }

.notes-window { --window-x: 25vw;--window-y: 15vh;width:min(650px,70vw);height:min(470px,65vh); }.notes-body{display:grid;grid-template-columns:170px 1fr;height:calc(100% - 47px)}.notes-list{padding:12px 8px;background:#08101cd9;border-right:1px solid var(--line)}.notes-list button{display:flex;flex-direction:column;width:100%;padding:9px 10px;text-align:left;border-radius:7px}.notes-list button.selected{background:#ffffff12}.notes-list b{font-size:10px}.notes-list small{color:#788899;font-size:8px;margin-top:3px}.note-paper{padding:35px 42px;background:rgba(19,26,37,.72);outline:0;overflow:auto;-webkit-user-select:text;user-select:text}.note-paper time{color:#647486;font-size:9px}.note-paper h1{font:600 27px Space Grotesk;margin:13px 0 24px}.note-paper p{font-size:12px;line-height:1.75;color:#b4c0ca}
.browser-window{--window-x:17vw;--window-y:12vh;width:min(760px,76vw);height:min(530px,72vh)}.browser-controls{display:flex}.address-bar{height:28px;max-width:390px;flex:1;margin:auto;display:flex;align-items:center;gap:8px;border-radius:7px;background:#ffffff0e;padding:0 10px}.address-bar span{color:#68dbef}.address-bar input{width:100%;border:0;background:none;outline:0;font-size:10px;text-align:center;color:#96a6b5}.browser-page{height:calc(100% - 47px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#1b3456,#080d18 48%,#050810)}.orbital-logo{position:relative;width:74px;height:74px;border:1px solid #66e5ff;border-radius:50%;box-shadow:0 0 30px #41cbe844,inset 0 0 24px #41cbe833;animation:spin 10s linear infinite}.orbital-logo:before,.orbital-logo:after{content:"";position:absolute;inset:12px -9px;border:1px solid #9e8dff;border-radius:50%;transform:rotate(58deg)}.orbital-logo:after{transform:rotate(-58deg)}.orbital-logo i{position:absolute;width:17px;height:17px;left:27px;top:27px;border-radius:50%;background:#eaffff;box-shadow:0 0 22px #68ebff}.browser-page>p{margin:24px 0 8px;font-size:8px;letter-spacing:.24em;color:#68deef}.browser-page h1{margin:0;text-align:center;font:500 32px/1.05 Space Grotesk;letter-spacing:-.04em}.browser-page label{display:flex;align-items:center;gap:9px;width:min(380px,72%);height:38px;margin-top:23px;padding:0 13px;border:1px solid #ffffff17;border-radius:9px;background:#ffffff0b}.browser-page label svg{width:15px;color:#63788c}.browser-page label input{border:0;outline:0;background:none;width:100%;font-size:10px}.quick-links{display:flex;gap:9px;margin-top:16px}.quick-links button{padding:7px 11px;border-radius:7px;background:#ffffff08;font-size:9px;color:#8fa0ae}.quick-links span{color:#67d9ef;margin-right:4px}@keyframes spin{to{transform:rotate(360deg)}}
.about-window{--window-x:36vw;--window-y:19vh;width:340px;height:400px;min-width:300px}.about-content{text-align:center;padding:30px}.about-mark,.boot-mark{position:relative;width:70px;height:70px;margin:0 auto;border:1px solid #64e9ff;border-radius:22px;background:radial-gradient(circle at 50% 45%,#173b55,#060d18 65%);box-shadow:0 0 30px #42d8ff29,inset 0 0 15px #69e8ff22}.about-mark:before,.boot-mark:before{content:"";position:absolute;inset:14px;border:2px solid #65e8ff;transform:rotate(30deg);border-radius:8px}.about-mark span,.boot-mark span{position:absolute;inset:25px;border-radius:50%;background:#dfffff;box-shadow:0 0 18px #5ce6ff}.about-content>p{font-size:9px;letter-spacing:.24em;color:#60e3f7;margin:19px 0 5px}.about-content h2{font:600 28px Space Grotesk;margin:0}.about-content>small{font-size:9px;color:#677788}.about-content dl{margin:24px 0 0;border-top:1px solid var(--line)}.about-content dl div{display:flex;justify-content:space-between;padding:9px 3px;border-bottom:1px solid #ffffff0b;font-size:9px}.about-content dt{color:#748494}.about-content dd{margin:0}

.popover{position:absolute;z-index:1200;top:calc(35px + env(safe-area-inset-top));min-width:205px;padding:6px;border:1px solid #ffffff1a;border-radius:10px;background:rgba(17,26,39,.87);box-shadow:0 18px 55px #0009,inset 0 1px #ffffff12;backdrop-filter:blur(34px) saturate(150%);-webkit-backdrop-filter:blur(34px) saturate(150%)}.popover button{display:flex;align-items:center;width:100%;height:27px;padding:0 10px;border-radius:5px;text-align:left;font-size:11px}.popover button:hover{background:#377bed;color:#fff}.popover hr{height:1px;margin:5px 4px;border:0;background:#ffffff13}.popover kbd{margin-left:auto;color:#788898;font:10px Inter}.popover button:hover kbd{color:#dfefff}.system-menu{left:11px}.text-menu{left:48px}.wifi-menu,.control-center,.calendar-popover{right:10px}.wifi-menu>div{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;font-size:12px}.wifi-menu button small{margin-left:auto}.switch{width:34px!important;height:19px!important;padding:2px!important;border-radius:12px!important;background:#44505b!important}.switch.on{background:#48c97c!important}.switch i{width:15px;height:15px;background:#fff;border-radius:50%;margin-left:15px}.wifi-dot{width:13px;height:10px;margin-right:8px;border-top:2px solid #71def0;border-radius:50%}.control-center{width:260px;padding:10px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.control-tile{height:55px!important;background:#ffffff0b;border-radius:9px!important;display:grid!important;grid-template-columns:27px 1fr!important;padding:7px!important}.control-tile.wide{grid-column:1/-1}.control-tile span{grid-row:1/3;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#394758}.control-tile.on span{background:#3b8beb}.control-tile b{font-size:9px}.control-tile small{font-size:7px;color:#718394}.slider-row{display:block;margin-top:9px;padding:8px 10px;border-radius:9px;background:#ffffff0b;font-size:8px}.slider-row input{width:100%;margin-top:6px;accent-color:#fff}.now-playing{display:grid;grid-template-columns:33px 1fr 26px;align-items:center;gap:8px;margin-top:8px;padding:8px;border-radius:9px;background:#ffffff0b}.album-art{width:33px;height:33px;border-radius:5px;background:radial-gradient(circle at 65% 33%,#f08cbe,transparent 18%),linear-gradient(140deg,#5a47a2,#16263d)}.now-playing b,.now-playing small{display:block;font-size:8px}.now-playing small{color:#748596;margin-top:3px}.calendar-popover{width:240px;padding:18px}.calendar-popover>p:first-child{font-size:10px;color:#8393a4;margin:0 0 5px}.calendar-popover strong{font:500 28px Space Grotesk}.calendar-line{height:1px;background:var(--line);margin:17px 0}.calendar-popover small{font-size:7px;letter-spacing:.12em;color:#5be0f3}.calendar-popover p:last-child{font-size:10px;color:#8393a4;margin-bottom:3px}

.dock{position:absolute;z-index:1000;left:50%;bottom:max(9px,env(safe-area-inset-bottom));height:66px;display:flex;align-items:center;gap:6px;padding:7px 9px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(11,18,28,.58);box-shadow:0 15px 40px #0008,inset 0 1px #ffffff17;backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%)}.dock-app{position:relative;width:49px;height:52px;display:grid;place-items:center;transition:transform .15s}.dock-app:hover{transform:translateY(-8px) scale(1.1)}.dock-app.running::after{content:"";position:absolute;bottom:-2px;width:4px;height:4px;border-radius:50%;background:#d6faff}.dock-app em{display:none;position:absolute;bottom:64px;padding:5px 8px;border-radius:5px;background:#172230dd;border:1px solid #ffffff14;font-style:normal;font-size:9px;white-space:nowrap}.dock-app:hover em{display:block}.app-icon{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;box-shadow:inset 0 1px #ffffff65,0 5px 10px #0007;overflow:hidden}.app-icon.finder{background:linear-gradient(135deg,#71e6f5 0 49%,#296da8 50%)}.app-icon.finder:before{content:"";position:absolute;left:19px;height:100%;border-left:1px solid #0b4769}.app-icon.finder:after{content:"";width:22px;height:8px;border-bottom:2px solid #092e4d;border-radius:50%;margin-top:9px}.app-icon.orbit{background:radial-gradient(circle,#dfffff 0 7%,#4be2ef 8% 10%,transparent 11%),radial-gradient(circle,#182a53,#080d19)}.app-icon.orbit:before{content:"";position:absolute;width:31px;height:15px;border:1px solid #77eaff;border-radius:50%;transform:rotate(37deg)}.app-icon.notes{background:linear-gradient(#fff6b9 0 21%,#f2e7a8 22%);}.app-icon.notes:before{content:"";position:absolute;inset:14px 7px 7px;background:repeating-linear-gradient(transparent 0 5px,#afa97f 6px 7px)}.app-icon.photos{background:conic-gradient(#f45b75,#f7c954,#54d7a4,#4daced,#9a67ea,#f45b75)}.app-icon.photos:before{content:"";width:19px;height:19px;border-radius:50%;background:#fff8}.app-icon.messages{background:linear-gradient(#69e69a,#23a95b)}.app-icon.messages:before{content:"";width:27px;height:20px;border-radius:50%;background:white}.app-icon.messages:after{content:"";position:absolute;left:11px;bottom:8px;border:5px solid transparent;border-top-color:white;transform:rotate(25deg)}.app-icon.trash{background:linear-gradient(90deg,#8a9ca888 0 15%,#d7e0e5aa 16% 30%,#7f929f88 31% 45%,#d7e0e5aa 46%);border:1px solid #b8c8d0}.dock-divider{height:39px;width:1px;background:#ffffff1b;margin:0 2px}
.notification{position:absolute;z-index:1100;right:18px;top:calc(48px + env(safe-area-inset-top));width:270px;display:grid;grid-template-columns:38px 1fr;gap:10px;padding:12px;border:1px solid #ffffff15;border-radius:12px;background:#111c29d9;box-shadow:0 15px 38px #0007;backdrop-filter:blur(30px);animation:notify .4s ease-out}.notification>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#57ddee,#5d55ae)}.notification b{font-size:10px}.notification p{margin:4px 0 0;font-size:9px;color:#8495a6}@keyframes notify{from{opacity:0;transform:translateX(30px)}}

.boot{position:fixed;z-index:9000;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#03070d;transition:opacity .7s}.boot.fade{opacity:0;pointer-events:none}.boot-mark{width:78px;height:78px}.boot p{margin:22px 0 26px;font:600 11px Space Grotesk;letter-spacing:.35em;color:#9cefff}.boot-progress{width:128px;height:2px;border-radius:2px;background:#17212d;overflow:hidden}.boot-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 10px var(--cyan);animation:boot 1.7s ease-out forwards}@keyframes boot{from{width:0}to{width:100%}}
.lock-screen{position:fixed;z-index:8000;inset:0;display:flex;flex-direction:column;align-items:center;padding-top:13vh;background:radial-gradient(circle at 50% 120%,#24506d,#090d18 50%,#05080e);backdrop-filter:blur(20px)}.lock-screen>p{margin:0;font-size:16px;color:#aab6c2}.lock-screen>h1{font:500 clamp(70px,14vw,130px)/1 Space Grotesk;margin:4px 0}.lock-user{margin-top:auto;margin-bottom:12vh;display:flex;flex-direction:column;align-items:center;gap:8px}.avatar{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#67e7f5,#5a4f9e);font:600 24px Space Grotesk}.lock-user small{color:#738394;font-size:9px}
.desktop.focus-mode .window,.desktop.focus-mode .desktop-icons{opacity:.12;filter:blur(3px)}

@media (max-width: 760px) {
  .desktop-menus button:nth-last-child(-n+2){display:none}.window{--window-x:3vw;--window-y:8vh;width:91vw;height:calc(100vh - 150px);min-width:0}.finder-body{grid-template-columns:146px 1fr}.sidebar{padding-left:6px;padding-right:6px}.files-area{padding:22px 20px}.file-grid{grid-template-columns:repeat(2,minmax(90px,1fr))}.notes-window,.browser-window{width:91vw}.desktop-icons{display:none}.clock{min-width:86px}.status-items .status-button:first-child{display:none}
}
@media (max-width: 560px) {
  .desktop-menus{display:none}.active-app{display:none}.menubar{height:calc(38px + env(safe-area-inset-top))}.finder-body{grid-template-columns:1fr}.sidebar{display:none}.window{top:calc(46px + env(safe-area-inset-top));left:6px;width:calc(100vw - 12px);height:calc(100vh - 130px - env(safe-area-inset-top));border-radius:12px}.file-grid{grid-template-columns:repeat(2,1fr)}.dock{max-width:calc(100vw - 12px);gap:2px}.dock-app{width:44px}.notes-body{grid-template-columns:1fr}.notes-list{display:none}.browser-page h1{font-size:26px}.about-window{left:calc(50vw - 160px);width:320px}.clock{font-size:11px}.status-button{padding:0 6px!important}
}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}