:root{#--bg1:#0b1020;--bg2:#0f2a3a;--glass: rgba(255,255,255,.14);--glass2: rgba(255,255,255,.08);--stroke: rgba(255,255,255,.18);--shadow: 0 20px 60px rgba(0,0,0,.45);--shadow2: 0 10px 30px rgba(0,0,0,.35);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.75);--accent: #4f8cff;--danger: #ff5f57;--warn: #febc2e;--ok: #28c840;--radius: 16px;--radius2: 22px;--dockH: 88px;--menubarH: 34px;--iconSquircle: 28%;--iconBg: rgba(255,255,255,.08);--iconStroke: rgba(255,255,255,.14);--iconSize: 54px;--iconMask: url(/masks/app-icon-mask.svg);background-image:url(/bg1.webp);background-size:100%;background-position:left;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden;background:radial-gradient(1200px 800px at 25% 20%,rgba(255,74,148,.35),transparent 60%),radial-gradient(1200px 800px at 75% 30%,rgba(79,140,255,.35),transparent 55%),radial-gradient(1200px 900px at 55% 85%,rgba(39,201,186,.3),transparent 60%),linear-gradient(180deg,var(--bg1),var(--bg2));color:var(--text)}a{color:inherit}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}#app{height:100%;position:relative}.boot{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(900px 700px at 50% 30%,rgba(255,255,255,.08),transparent 65%),linear-gradient(180deg,#0a0c12,#06070a)}.boot-inner{display:flex;flex-direction:column;align-items:center;gap:18px;transform:translateY(-15px)}.apple{width:64px;height:64px;opacity:.92;filter:drop-shadow(0 14px 22px rgba(0,0,0,.55))}.progress{width:260px;height:6px;border-radius:999px;background:#ffffff1f;overflow:hidden}.progress>div{height:100%;width:40%;border-radius:999px;background:#ffffffbf;animation:bootbar 1.3s ease-in-out infinite}@keyframes bootbar{0%{transform:translate(-120%)}50%{transform:translate(80%)}to{transform:translate(220%)}}.boot-hint{font-size:13px;color:#ffffffb3}.login{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(1000px 700px at 50% 30%,rgba(255,255,255,.1),transparent 60%),linear-gradient(180deg,#0c0e16bf,#080a108c)}.login-card{width:min(560px,92vw);padding:28px 28px 22px;border-radius:26px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow);display:flex;align-items:center;gap:18px}.avatar{width:72px;height:72px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#ffffff73,#ffffff14),linear-gradient(135deg,#4f8cff99,#ff4a9473);border:1px solid rgba(255,255,255,.22);box-shadow:0 16px 28px #00000059;flex:0 0 auto}.login-meta{flex:1 1 auto}.login-title{font-weight:700;letter-spacing:.2px}.login-sub{margin-top:4px;color:#ffffffc2;font-size:13px}.login-actions{margin-top:14px;display:flex;gap:10px;align-items:center}.pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#ffffffeb;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s ease,background .15s ease}.pill:hover{background:#ffffff24;transform:translateY(-1px)}.pill:active{transform:translateY(0) scale(.99)}.pill.primary{background:#4f8cff40;border-color:#4f8cff73}.login-foot{margin-top:16px;font-size:12px;color:#ffffff9e}.desktop{position:absolute;top:0;right:0;bottom:0;left:0}.menubar{height:var(--menubarH);position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}.menubar-left,.menubar-right{display:flex;align-items:center;gap:10px;font-size:13px;color:#ffffffe0}.menu-pill{padding:6px 10px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);cursor:pointer;-webkit-user-select:none;user-select:none}.menu-pill:hover{background:#ffffff1f}.desktop-area{position:absolute;inset:var(--menubarH) 0 var(--dockH) 0}.desktop-icons{position:absolute;top:14px;right:14px;bottom:14px;left:14px;display:grid;grid-template-columns:1fr 1fr;column-gap:48px}.desktop-icon>div:last-child{white-space:nowrap;display:block;text-align:center;max-width:145px;overflow:hidden;text-overflow:ellipsis}.desktop-icon.left-col{grid-column:1}.desktop-icon.right-col{grid-column:2;justify-self:end;margin-top:20px}.spotlight{position:absolute;top:calc(var(--menubarH) + 10px);left:50%;transform:translate(-50%);width:min(720px,92vw);border-radius:18px;background:#14161e8c;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--shadow2);overflow:hidden}.spotlight.hidden{display:none}.spotlight input{width:100%;padding:14px;outline:none;border:0;background:transparent;color:#ffffffeb;font-size:14px}.spotlight-results{border-top:1px solid rgba(255,255,255,.1);max-height:320px;overflow:auto}.spotlight-item{display:flex;gap:12px;padding:10px 12px;cursor:pointer;align-items:center}.spotlight-item:hover{background:#ffffff14}.spotlight-item img{display:none}.spotlight-item .t{font-weight:600;font-size:13px}.spotlight-item .d{font-size:12px;color:#ffffffb3}.dock{position:absolute;left:50%;transform:translate(-50%);bottom:10px;height:78px;padding:10px 12px;display:flex;gap:12px;align-items:flex-end;border-radius:22px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--shadow2);-webkit-user-select:none;user-select:none}.dock-item{width:53px;height:52px;border-radius:14px;display:grid;place-items:center;position:relative;cursor:pointer;transform-origin:50% 100%;transition:transform 80ms linear}.dock-dot{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:999px;background:#fffc;opacity:0}.dock-item.running .dock-dot{opacity:.9}.dock-tooltip{position:absolute;bottom:86px;left:50%;transform:translate(-50%);padding:6px 10px;border-radius:999px;background:#0000008c;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.dock-item:hover .dock-tooltip{opacity:1;transform:translate(-50%) translateY(-3px)}.windows{position:absolute;top:0;right:0;bottom:0;left:0}.window{position:absolute;border-radius:var(--radius2);background:#12141ce6;border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow);overflow:hidden;min-width:320px;min-height:220px;transform:translateZ(0)}.window.focused{border-color:#ffffff38;box-shadow:0 28px 80px #0000008c}.window:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 420px at 35% 0%,rgba(255,255,255,.14),transparent 62%);pointer-events:none}.titlebar{height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#ffffff14;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}.traffic{display:flex;gap:8px;margin-right:4px}.dot{width:12px;height:12px;border-radius:999px;box-shadow:inset 0 0 0 1px #00000038}.dot.close{background:var(--danger)}.dot.min{background:var(--warn)}.dot.max{background:var(--ok)}.win-title{font-size:13px;color:#ffffffe0;font-weight:600;letter-spacing:.2px;-webkit-user-select:none;user-select:none}.win-body{position:relative;height:calc(100% - 44px);padding:14px;overflow:auto;color:#ffffffdb;font-size:14px}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;padding:2px 6px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.cards{display:grid;grid-template-columns:auto;gap:12px}.card{padding:12px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.card h3{margin:0 0 6px;font-size:14px}.card p{margin:0;color:#ffffffbf;font-size:13px}.badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.badge{font-size:12px;padding:4px 8px;border-radius:999px;background:#4f8cff2e;border:1px solid rgba(79,140,255,.28);color:#ffffffe0}.btnrow{display:flex;gap:10px;margin-top:12px;margin-bottom:12px;flex-wrap:wrap}.btn{padding:8px 10px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);cursor:pointer;text-decoration:none;font-size:13px}.btn:hover{background:#ffffff1f}.minimize-anim{animation:minimize .26s ease forwards}@keyframes minimize{to{transform:translate3d(var(--minX),var(--minY),0) scale(.12);opacity:0;filter:blur(2px)}}.resize-edge{position:absolute;top:0;right:0;bottom:0;left:0}@media (max-width: 768px){.dock{width:calc(100% - 18px);justify-content:space-between;gap:8px}.dock-item{width:46px;height:46px}.dock-item img{display:none}.dock .app-icon-shape{width:40px;height:40px}.window{min-width:280px}}.boot-brand{width:360px;height:360px;object-fit:contain;margin-top:0;margin-bottom:0;opacity:.98;filter:drop-shadow(0 16px 28px rgba(0,0,0,.45))}.desktop-icons{position:absolute;top:14px;right:14px;bottom:14px;left:14px;display:grid;grid-auto-flow:column;grid-auto-columns:84px;grid-template-rows:repeat(auto-fill,92px);gap:14px;align-content:start;justify-content:start;pointer-events:auto}.desktop-icon{width:145px;height:94px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:2px 54px 8px;border-radius:14px;cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent;border:1px solid transparent}.desktop-icon:hover{background:#ffffff14;border-color:#ffffff1a}.desktop-icon:active{transform:translateY(1px)}.desktop-icon img{display:none}.desktop-icon span{font-size:12px;text-align:center;line-height:1.15;color:#ffffffeb;text-shadow:0 2px 10px rgba(0,0,0,.55);max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.app-header{display:flex;gap:12px;align-items:center;margin-bottom:10px}.app-header-icon{width:52px;height:52px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 22px #00000040}.app-header-title{font-weight:800;font-size:18px;letter-spacing:.2px}.app-header-sub{font-size:13px;color:#ffffffc7;margin-top:2px}.spotlight{position:relative!important;top:1px!important;left:auto!important;transform:none!important;width:min(765px,60vw);margin:0 auto;border-radius:12px;box-shadow:none;background:#0000002e;border:1px solid rgba(255,255,255,.14)}.spotlight.hidden{display:block!important;opacity:1!important}.spotlight input{padding:7px 10px;font-size:14px}.spotlight-results{max-height:0;opacity:0;transform:translateY(-6px) scaleY(.96);transform-origin:top;pointer-events:none;transition:max-height .16s ease,opacity .14s ease,transform .16s ease}.spotlight.open .spotlight-results{max-height:320px;opacity:1;transform:translateY(0) scaleY(1);pointer-events:auto}.clock-chip{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);box-shadow:0 10px 22px #0000002e;font-size:12.5px;color:#ffffffeb;cursor:pointer}.clock-dot{width:8px;height:8px;border-radius:999px;background:#ffffffd9;box-shadow:0 0 0 3px #ffffff14;animation:clockPulse 2.6s ease-in-out infinite}@keyframes clockPulse{0%,to{transform:scale(1);opacity:.65}50%{transform:scale(1.15);opacity:.95}}.clock-sec{opacity:0;width:0;overflow:hidden;transition:.15s ease}.clock-chip:hover .clock-sec{opacity:.7;width:18px}.control-center{position:absolute;top:calc(var(--menubarH) + 8px);right:12px;width:280px;padding:14px;border-radius:18px;background:#14161e8c;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--shadow2);display:none;z-index:9999}.control-center.open{display:block}.cc-date{font-weight:700;font-size:14px}.cc-sub{font-size:12px;opacity:.75;margin-top:2px}.cc-toggles{display:flex;gap:10px;margin-top:12px}.cc-toggle{flex:1;padding:10px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);cursor:pointer;text-align:center;font-size:12px}.cc-toggle:hover{background:#ffffff1f}.app-icon-shape{width:var(--iconSize);height:var(--iconSize);-webkit-mask-image:var(--iconMask);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:var(--iconMask);mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 10px 18px #00000040}.dock-item .app-icon-shape{width:42x;height:54px;background-size:cover;background-position:center;background-repeat:no-repeat}.spotlight .app-icon-shape.spotlight-icon{width:44px;height:35px;background-size:cover;background-position:center;background-repeat:no-repeat}