:root{--bg:#020912;--panel:rgba(7,27,47,.82);--line:rgba(29,166,255,.26);--text:#eef8ff;--muted:#8faec5;--blue:#087cff;--cyan:#29dfff;--violet:#7768ff;--radius:18px;--shadow:0 24px 70px rgba(0,0,0,.4),0 0 28px rgba(0,126,255,.06)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 72% 8%,rgba(22,100,176,.2),transparent 34%),linear-gradient(145deg,#020911 0%,#061321 54%,#071727 100%)}button,input{font:inherit}.aurora{position:fixed;inset:auto -12% -20% 15%;height:55vh;background:radial-gradient(ellipse,rgba(17,125,211,.22),transparent 68%);filter:blur(30px);pointer-events:none}.skybar{height:72px;padding:0 clamp(18px,4vw,58px);display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);background:rgba(3,12,22,.62);backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}.brand{border:0;background:none;color:white;display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:.12em;cursor:pointer}.cloud-mark{width:35px;height:23px;position:relative;display:inline-block;filter:drop-shadow(0 0 12px #178cff)}.cloud-mark i{position:absolute;background:linear-gradient(145deg,#55c6ff,#075dff);border-radius:50%}.cloud-mark i:nth-child(1){width:20px;height:20px;left:8px;top:0}.cloud-mark i:nth-child(2){width:18px;height:18px;left:0;bottom:0}.cloud-mark i:nth-child(3){width:24px;height:18px;right:0;bottom:0;border-radius:10px}.command{max-width:520px;flex:1;margin:auto;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.045);height:43px;color:var(--muted);display:flex;align-items:center;gap:12px;padding:0 13px;cursor:pointer}.command em{font-style:normal;flex:1;text-align:left}.command kbd,.command-dialog kbd{font-size:11px;color:#91a5bc;border:1px solid var(--line);padding:4px 7px;border-radius:6px}.status{display:flex;align-items:center;gap:11px;color:#a8b6c7;font-size:11px;letter-spacing:.09em}.online-dot{width:7px;height:7px;background:#49e2a1;border-radius:50%;box-shadow:0 0 10px #49e2a1}.status button{border:0;background:none;color:#d7e0ec}.avatar{width:34px;height:34px!important;border-radius:50%!important;background:linear-gradient(145deg,#174b80,#277bc4)!important;font-size:11px}.desktop{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:66px 0 130px}.welcome h1{font-size:clamp(32px,4vw,51px);font-weight:540;letter-spacing:-.045em;margin:8px 0}.welcome p{color:var(--muted);font-size:17px}.welcome .eyebrow{color:#57b8ff;font-size:11px;letter-spacing:.18em;font-weight:700}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);gap:20px;margin-top:38px}.glass{background:linear-gradient(145deg,rgba(18,40,63,.82),rgba(8,21,35,.74));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(24px)}.hero-panel,.today{border-radius:var(--radius);min-height:300px;padding:28px;position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:290px;height:290px;border-radius:50%;right:-90px;top:-110px;background:radial-gradient(circle,rgba(49,168,255,.22),transparent 67%)}.panel-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.pill{font-size:10px;letter-spacing:.13em;color:#a9dbff;font-weight:700}.pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3aa8ff;box-shadow:0 0 9px #3aa8ff;margin-right:8px}.preview,.local-badge{font-size:9px;letter-spacing:.12em;color:#6cbbf5;border:1px solid rgba(78,174,247,.24);padding:5px 8px;border-radius:20px}.hero-panel h2{font-size:clamp(31px,4vw,47px);font-weight:520;letter-spacing:-.045em;line-height:1.05;margin:35px 0 14px;position:relative;z-index:2}.hero-panel h2 span{color:#70baff}.hero-panel>p{color:#9cafc4;max-width:570px;line-height:1.6;position:relative;z-index:2}.prompt-row{height:49px;display:flex;border:1px solid rgba(105,186,255,.24);border-radius:13px;background:rgba(3,13,23,.58);margin-top:24px;position:relative;z-index:2}.prompt-row input{border:0;outline:0;background:none;color:white;flex:1;padding:0 15px}.prompt-row button{width:40px;height:40px;margin:4px;border:0;border-radius:10px;background:linear-gradient(145deg,#2f9cff,#1673db);color:#fff;font-size:21px;cursor:pointer}.operator-reply{margin-top:12px;color:#b9dcf8;font-size:13px}.today h3{margin:0;font-size:14px}.today button{background:none;border:0;color:var(--muted)}.metric{display:flex;align-items:center;gap:16px;margin:25px 0}.metric strong{font-size:47px;font-weight:400;color:#68baff}.metric span{color:var(--muted);font-size:12px;line-height:1.45}.today ul{list-style:none;margin:0;padding:0}.today li{display:grid;grid-template-columns:10px 1fr auto;gap:10px;padding:15px 0;border-top:1px solid var(--line);font-size:12px}.today li i{width:7px;height:7px;margin-top:4px;border-radius:50%}.today li b{font-weight:400;color:#71859c;font-size:10px}.blue{background:var(--blue)}.cyan{background:var(--cyan)}.violet{background:var(--violet)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin:43px 0 16px}.section-head h3{margin:0 0 6px;font-size:17px}.section-head p{margin:0;color:var(--muted);font-size:12px}.section-head button{border:0;background:none;color:#61b5f4;cursor:pointer}.apps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.app{border:1px solid var(--line);background:rgba(9,23,38,.58);border-radius:17px;min-height:150px;padding:17px;display:flex;flex-direction:column;align-items:flex-start;color:white;text-decoration:none;text-align:left;cursor:pointer;transition:.22s}.app:hover{transform:translateY(-4px);border-color:rgba(78,174,247,.38);background:rgba(16,39,62,.76)}.app-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:24px;margin-bottom:23px;box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 20px rgba(0,0,0,.2)}.files{background:linear-gradient(145deg,#1b9bfd,#1555cc)}.search{background:linear-gradient(145deg,#45dfd8,#168fbc)}.notes{background:linear-gradient(145deg,#9a79ff,#5f44df)}.chat{background:linear-gradient(145deg,#3ea9ff,#2463ec)}.auth{background:linear-gradient(145deg,#43d7a6,#0a8e7b)}.wallet,.coin{background:linear-gradient(145deg,#ffa24c,#dd5625)}.exchange{background:linear-gradient(145deg,#ce78ff,#713be0)}.info{background:linear-gradient(145deg,#8aa3ba,#40586d)}.app b{font-size:13px;margin-bottom:5px}.app small{color:#788da3;font-size:10px}.extra{display:none}.apps.expanded .extra{display:flex}.orbit{position:fixed;z-index:30;bottom:18px;left:50%;transform:translateX(-50%);height:61px;padding:7px 9px;display:flex;gap:6px;align-items:center;border-radius:19px;background:rgba(5,17,29,.83);border:1px solid rgba(139,198,250,.2);box-shadow:0 20px 50px rgba(0,0,0,.48);backdrop-filter:blur(24px)}.orbit button,.orbit a{width:45px;height:45px;display:grid;place-items:center;border:0;border-radius:13px;background:transparent;color:#9cb0c5;text-decoration:none;font-size:22px;cursor:pointer}.orbit button:hover,.orbit a:hover,.orbit .active{background:rgba(64,153,231,.17);color:#69bdff}.orbit span{width:1px;height:25px;background:var(--line);margin:0 3px}.build-label{position:fixed;left:14px;bottom:12px;font-size:8px;letter-spacing:.12em;color:#42566c}dialog{border:0;padding:0;background:transparent;color:white;width:min(920px,calc(100% - 24px));max-width:none}dialog::backdrop{background:rgba(0,6,12,.73);backdrop-filter:blur(6px)}.window{border-radius:20px;overflow:hidden;min-height:540px}.window>header{height:52px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);font-size:12px}.window>header>div{display:flex;gap:7px}.traffic{width:11px;height:11px;border:0;border-radius:50%;background:#ff635d}.window header i{width:11px;height:11px;border-radius:50%;background:#ffc043}.window header i:last-child{background:#3cd36a}.local-badge{justify-self:end}.window-body{padding:28px}.window-body h2{font-size:27px;margin:0 0 8px}.window-body p{color:var(--muted)}.placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.placeholder-card{min-height:135px;padding:17px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.placeholder-card b{display:block;margin-bottom:7px}.placeholder-card small{color:var(--muted)}.search-box,.note-area{width:100%;background:#06111e;border:1px solid var(--line);border-radius:12px;color:white;padding:14px;outline:0}.note-area{min-height:230px;resize:vertical}.save-note{margin-top:12px;border:0;border-radius:10px;background:#1686e5;color:white;padding:11px 18px}.command-dialog{width:min(680px,calc(100% - 24px));margin-top:15vh}.command-palette{border-radius:18px;padding:10px}.command-palette label{display:flex;align-items:center;gap:12px;height:50px;padding:0 8px}.command-palette input{flex:1;border:0;background:none;color:white;outline:0}.command-palette button{width:100%;border:0;border-top:1px solid var(--line);background:none;color:white;padding:14px;text-align:left}.command-palette button small{display:block;color:var(--muted);margin-top:4px}
@media(max-width:900px){.command{display:none}.skybar{justify-content:space-between}.workspace-grid{grid-template-columns:1fr}.apps{grid-template-columns:repeat(3,1fr)}.today{min-height:auto}.status>span:nth-child(2){display:none}}
@media(max-width:560px){.skybar{height:62px;padding:0 14px}.brand{font-size:16px}.status{gap:6px}.desktop{width:calc(100% - 24px);padding-top:35px}.welcome h1{font-size:34px}.welcome p{font-size:14px}.workspace-grid{margin-top:26px}.hero-panel,.today{padding:20px}.hero-panel h2{font-size:32px;margin-top:28px}.apps{grid-template-columns:repeat(2,1fr)}.app{min-height:132px}.app-icon{margin-bottom:16px}.orbit{bottom:max(9px,env(safe-area-inset-bottom));height:57px}.orbit button,.orbit a{width:40px;height:40px}.build-label{display:none}.placeholder-grid{grid-template-columns:1fr}.window{min-height:75vh}.window-body{padding:20px}.local-badge{display:none}}

/* SKYOS family identity: SkySearch logo + Earth-horizon desktop */
body{background:linear-gradient(180deg,rgba(2,9,18,.12),rgba(2,9,18,.2)),url('assets/sky-horizon-earth-v1.png') center bottom/cover fixed no-repeat,#020912}
.aurora{inset:0;height:auto;background:linear-gradient(180deg,rgba(2,9,18,.04) 0%,rgba(2,9,18,.06) 60%,rgba(2,9,18,.36) 100%);filter:none}
.brand{gap:10px}.brand-logo{width:38px;height:38px;object-fit:cover;border-radius:10px;box-shadow:0 0 18px rgba(29,166,255,.36)}
.glass{background:linear-gradient(145deg,rgba(10,34,57,.82),rgba(4,17,30,.76));border-color:rgba(29,166,255,.3)}
@media(max-width:560px){body{background-position:58% bottom;background-attachment:scroll}.brand-logo{width:34px;height:34px}}