[data-hyos-host]{--bg:#07090d;--surface:#10141c;--ink:#f2f4fa;--muted:#a8b2c4;--line:#293242;--cyan:#76e2ef;--violet:#b49afa;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;margin:0;min-height:100dvh;background:radial-gradient(ellipse at 90% 8%,#4e32681c,transparent 38%),radial-gradient(ellipse at 10% 22%,#13636d1c,transparent 38%),var(--bg);color:var(--ink);font:16px/1.65 system-ui,sans-serif;color-scheme:dark;overflow-x:hidden}
[data-hyos-host][data-theme=light]{--bg:#f5f6fa;--surface:#fff;--ink:#151b2a;--muted:#4e5b72;--line:#d5dbe5;--cyan:#086674;--violet:#6843a5;color-scheme:light}
[data-hyos-host] *{box-sizing:border-box;min-width:0}
[data-hyos-host] [hidden]{display:none!important}
[data-hyos-host] :is(button,input,select,textarea){font:inherit;color:inherit}
[data-hyos-host] button,[data-hyos-host] .actions a{min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer}
[data-hyos-host] button:hover,[data-hyos-host] .actions a:hover{border-color:var(--cyan)}
[data-hyos-host] button:disabled{opacity:.5;cursor:wait}
[data-hyos-host] a{color:var(--cyan);text-decoration:none;text-underline-offset:4px}
[data-hyos-host] a:hover{text-decoration:underline}
[data-hyos-host] :focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
[data-hyos-host] h1{font-size:clamp(36px,5.8vw,80px);letter-spacing:-.055em;line-height:1.06;font-weight:560;margin:24px 0;max-width:1000px;overflow-wrap:anywhere}
[data-hyos-host] h2{font-size:clamp(22px,2.8vw,34px);letter-spacing:-.035em;line-height:1.2;font-weight:550}
[data-hyos-host] p{max-width:76ch;color:var(--muted)}
[data-hyos-host] .eyebrow{font-size:12px;letter-spacing:.14em;color:var(--cyan);font-weight:650}
[data-hyos-host] .lead{font-size:clamp(18px,2vw,23px);line-height:1.6;max-width:55ch}
[data-hyos-host]>header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;max-width:1440px;margin:auto;border-bottom:1px solid var(--line)}
[data-hyos-host]>header>a{letter-spacing:.14em;color:var(--ink);font-size:14px;font-weight:650;white-space:nowrap}
[data-hyos-host]>header nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
[data-hyos-host]>header nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:14px}
[data-hyos-host] .public-main{max-width:1320px;margin:auto;padding:64px 24px 96px}
[data-hyos-host] .hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:32px;min-height:620px;margin-bottom:64px}
[data-hyos-host] .hero h1{max-width:650px}
[data-hyos-host] .actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}
[data-hyos-host] .actions a:first-child{background:var(--cyan);color:var(--bg);border-color:var(--cyan);font-weight:650}
[data-hyos-host] .portrait{position:relative;isolation:isolate;aspect-ratio:1;max-width:520px;width:100%;justify-self:end;border:1px solid var(--line);border-radius:50%;padding:24px}
[data-hyos-host] .portrait:before,[data-hyos-host] .portrait:after{content:'';position:absolute;inset:8%;border:1px solid var(--cyan);border-radius:50%;transform:rotate(-28deg) scaleX(1.18);opacity:.36;z-index:-1}
[data-hyos-host] .portrait:after{transform:rotate(34deg) scaleX(1.12);border-color:var(--violet)}
[data-hyos-host] .portrait img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;filter:saturate(.78)}
[data-hyos-host] .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;align-items:start}
[data-hyos-host] .card{border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--surface);overflow-wrap:anywhere}
[data-hyos-host] .card h2{font-size:24px}
[data-hyos-host] .feature{margin-top:64px;padding:48px 0;border-top:1px solid var(--line);max-width:900px}
[data-hyos-host] .feature h2{font-size:clamp(30px,4vw,48px)}
[data-hyos-host]>footer{padding:32px 24px;max-width:1320px;margin:auto;border-top:1px solid var(--line);font-size:14px}
[data-hyos-host] .stages{margin-top:48px;max-width:1000px}
[data-hyos-host] details{border-top:1px solid var(--line);padding:16px 0}
[data-hyos-host] summary{cursor:pointer;min-height:44px;font-size:22px;padding:8px}
[data-hyos-host] details p{padding:0 8px}
[data-hyos-host] .catalogue{display:grid;grid-template-columns:240px 1fr;gap:24px;margin-top:32px}
[data-hyos-host] .hy-auth-panel{max-width:480px;margin:0 auto}
[data-hyos-host] .hyauth-card{display:flex;flex-direction:column;gap:16px;padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}
[data-hyos-host] .hyauth-name{font-size:36px}
[data-hyos-host] .hyauth-label{display:grid;gap:8px;color:var(--muted)}
[data-hyos-host] input,[data-hyos-host] textarea{background:var(--bg);border:1px solid var(--line);border-radius:8px;min-height:44px;padding:8px 12px;max-width:100%}
[data-hyos-host] .hy-auth-switch{display:flex;flex-wrap:wrap;gap:8px}
[data-hyos-host] .hyauth-error{color:var(--cyan)}
[data-hyos-host] .desktop{height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;padding-bottom:env(safe-area-inset-bottom)}
[data-hyos-host] .desktop-bar{display:flex;align-items:center;gap:12px;padding:8px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap}
[data-hyos-host] .desktop-bar>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-hyos-host] .desktop-notice{margin:0;padding:8px 24px;font-size:13px;max-width:none}
[data-hyos-host] .workspace{position:relative;min-height:0;overflow:hidden;margin:0 24px}
[data-hyos-host] .workspace:empty:after{content:'Your workspace. Open Apps to begin.';display:block;text-align:center;color:var(--muted);margin:12vh 24px}
[data-hyos-host] .os-window{position:absolute;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;container:hyos-window / inline-size;box-shadow:0 16px 48px #0004}
[data-hyos-host] .os-window[data-active=true]{border-color:var(--cyan)}
[data-hyos-host] .titlebar{display:flex;align-items:center;gap:4px;padding:8px;background:var(--surface);border-bottom:1px solid var(--line);touch-action:none;user-select:none}
[data-hyos-host] .titlebar button{padding:8px;font-size:12px}
[data-hyos-host] .window-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px;cursor:move}
[data-hyos-host] .window-body{min-height:0;overflow:auto;padding:24px;overscroll-behavior:contain}
[data-hyos-host] .window-body h1{font-size:clamp(28px,5cqi,48px)}
[data-hyos-host] .window-portals{position:absolute;inset:0;pointer-events:none}
[data-hyos-host] .window-portals>*{pointer-events:auto}
[data-hyos-host] .resize-handle{justify-self:end;border:0;border-radius:0;min-height:24px;font-size:12px;touch-action:none;cursor:nwse-resize}
[data-hyos-host] .window-switcher{display:flex;gap:8px;overflow:auto;padding:8px 24px}
[data-hyos-host] .window-switcher button{white-space:nowrap;font-size:12px}
[data-hyos-host] .dock{display:flex;justify-content:center;gap:8px;padding:8px 24px;overflow:auto}
[data-hyos-host] .drawer{position:fixed;inset:auto 0 0;max-height:85dvh;max-width:1100px;width:100%;margin:auto auto 0;padding:24px;border:1px solid var(--line);border-radius:24px 24px 0 0;background:var(--bg);color:var(--ink);overflow:auto}
[data-hyos-host] .drawer::backdrop{background:#0009}
[data-hyos-host] .drawer .cards{margin-top:24px}
[data-hyos-host] .drawer .card button{margin:4px}
@container hyos-window (max-width:600px){[data-hyos-host] .window-body{padding:16px}[data-hyos-host] .catalogue{grid-template-columns:1fr}[data-hyos-host] .cards{grid-template-columns:1fr}[data-hyos-host] .titlebar{flex-wrap:wrap}[data-hyos-host] .window-title{flex-basis:100%}[data-hyos-host] .titlebar button{flex:1}}
@media(max-width:700px){[data-hyos-host]>header{padding:16px;gap:8px;align-items:flex-start;flex-direction:column}[data-hyos-host]>header nav{gap:12px;width:100%;justify-content:space-between}[data-hyos-host] .public-main{padding:32px 16px 64px}[data-hyos-host] .hero{grid-template-columns:1fr;min-height:0;gap:32px}[data-hyos-host] .portrait{width:78%;justify-self:center;max-width:380px}[data-hyos-host] .catalogue{grid-template-columns:1fr}[data-hyos-host] .desktop-bar{padding:8px 16px;gap:8px}[data-hyos-host] .desktop-bar>a{display:none}[data-hyos-host] .desktop-bar>span{flex-basis:100%}[data-hyos-host] .desktop-notice{padding:8px 16px}[data-hyos-host] .workspace{margin:0 16px}[data-hyos-host] .os-window{border-radius:12px}[data-hyos-host] .window-switcher{padding:8px 16px}[data-hyos-host] .hyauth-card{padding:24px}[data-hyos-host] .feature{padding-top:32px}}
[data-hyos-host][data-motion=off] *,[data-hyos-host][data-hidden=true] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){[data-hyos-host] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* HYPATIAOS_V3_SHELL — approved V16 Blackhole Chroma interaction contract. */
[data-hyos-host]{
 --glass:color-mix(in srgb,var(--surface) 74%,transparent);
 --glass-strong:color-mix(in srgb,var(--surface) 90%,transparent);
 --edge-a:#64f1ff;--edge-b:#7c6cff;--edge-c:#ff5ccf;
 --shadow:0 24px 80px rgba(0,0,0,.45);
 background:#03050a;
}
[data-hyos-host][data-theme=light]{--glass:rgba(255,255,255,.76);--glass-strong:rgba(255,255,255,.94);--shadow:0 22px 64px rgba(38,43,68,.16);background:#eef3fb}
[data-hyos-host] .desktop{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,rgba(2,4,9,.2),rgba(2,4,9,.72));grid-template-rows:54px 32px minmax(0,1fr) auto auto}
[data-hyos-host] .desktop-cosmos{position:absolute;inset:0;z-index:-2;overflow:hidden;background:
 radial-gradient(circle at 18% 20%,rgba(56,214,255,.17),transparent 23%),
 radial-gradient(circle at 82% 18%,rgba(151,87,255,.18),transparent 26%),
 radial-gradient(ellipse at 52% 78%,rgba(255,52,190,.09),transparent 36%),
 linear-gradient(150deg,#02050b 0%,#060914 44%,#03040a 100%)}
[data-hyos-host][data-theme=light] .desktop-cosmos{background:radial-gradient(circle at 15% 15%,rgba(60,202,226,.24),transparent 26%),radial-gradient(circle at 82% 20%,rgba(142,101,230,.16),transparent 28%),linear-gradient(150deg,#edf7ff,#f6f1ff 52%,#eef3fb)}
[data-hyos-host] .cosmic-stars{position:absolute;inset:-20%;opacity:.72;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.2px),radial-gradient(circle,#7defff 0 1px,transparent 1.3px);background-size:89px 89px,137px 137px;background-position:13px 17px,47px 61px;animation:hyos-drift 34s linear infinite}
[data-hyos-host] .event-horizon{position:absolute;left:50%;top:58%;width:min(74vw,980px);aspect-ratio:2.45/1;transform:translate(-50%,-50%) rotate(-7deg);border-radius:50%;background:radial-gradient(ellipse at center,#000 0 28%,rgba(0,0,0,.96) 33%,rgba(15,126,163,.32) 34%,rgba(91,78,255,.18) 40%,rgba(255,50,177,.08) 49%,transparent 65%);filter:drop-shadow(0 0 38px rgba(89,208,255,.18));animation:hyos-orbit 16s ease-in-out infinite alternate}
[data-hyos-host] .event-horizon::before,[data-hyos-host] .event-horizon::after{content:"";position:absolute;inset:24%;border-radius:50%;border:1px solid rgba(120,238,255,.36);transform:scaleX(1.9) rotate(8deg);box-shadow:0 0 28px rgba(91,221,255,.15)}
[data-hyos-host] .event-horizon::after{inset:14%;border-color:rgba(176,107,255,.22);transform:scaleX(1.7) rotate(-10deg)}
[data-hyos-host] .desktop-bar{position:relative;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:7px 16px;background:rgba(3,6,13,.66);backdrop-filter:blur(24px) saturate(140%);border-bottom:1px solid rgba(124,225,255,.16);box-shadow:0 12px 35px rgba(0,0,0,.14)}
[data-hyos-host][data-theme=light] .desktop-bar{background:rgba(248,251,255,.78)}
[data-hyos-host] .desktop-bar-left,[data-hyos-host] .desktop-bar-right{display:flex;align-items:center;gap:8px}
[data-hyos-host] .desktop-bar-right{justify-content:flex-end}
[data-hyos-host] .desktop-bar-left>a{font-size:13px;letter-spacing:.12em;font-weight:750;color:var(--ink)}
[data-hyos-host] .desktop-edition{font-size:9px;letter-spacing:.16em;padding:4px 7px;border:1px solid rgba(118,226,239,.25);border-radius:999px;color:var(--muted)}
[data-hyos-host] .desktop-viewer{font-size:12px;font-weight:700;letter-spacing:.04em;padding:6px 12px;border:1px solid rgba(118,226,239,.18);border-radius:999px;background:rgba(7,12,22,.34)}
[data-hyos-host] .desktop-bar button{min-height:36px;padding:6px 10px;border-radius:10px;background:rgba(11,16,28,.54);border-color:rgba(151,185,224,.18);font-size:12px}
[data-hyos-host][data-theme=light] .desktop-bar button{background:rgba(255,255,255,.62)}
[data-hyos-host] .desktop-command{min-width:130px;text-align:left}
[data-hyos-host] .desktop-notice{position:relative;z-index:25;padding:5px 18px;margin:0;color:rgba(190,210,229,.72);font-size:11px;letter-spacing:.02em;background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 48%,rgba(0,0,0,.22));border-bottom:1px solid rgba(125,183,225,.08)}
[data-hyos-host] .notification-center{position:absolute;z-index:70;right:16px;top:58px;width:min(360px,calc(100vw - 32px));padding:20px;border:1px solid rgba(117,231,255,.2);border-radius:18px;background:var(--glass-strong);backdrop-filter:blur(30px);box-shadow:var(--shadow)}
[data-hyos-host] .notification-center h2{margin:4px 0 8px;font-size:20px}
[data-hyos-host] .workspace{z-index:2;margin:12px 20px 0;border-radius:22px;overflow:hidden}
[data-hyos-host] .workspace:empty:after{content:'HYPATIAOS';font-size:clamp(30px,5vw,72px);font-weight:250;letter-spacing:.23em;color:rgba(221,239,255,.14);margin:22vh 24px 0;text-shadow:0 0 34px rgba(105,219,255,.09)}
[data-hyos-host] .os-window{border:1px solid rgba(132,180,225,.21);border-radius:18px;background:linear-gradient(180deg,rgba(13,18,31,.93),rgba(5,8,15,.95));backdrop-filter:blur(28px) saturate(130%);box-shadow:0 28px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.035);outline:1px solid rgba(116,227,255,.02)}
[data-hyos-host][data-theme=light] .os-window{background:rgba(251,253,255,.94)}
[data-hyos-host] .os-window[data-active=true]{border-color:rgba(101,230,255,.64);box-shadow:0 30px 100px rgba(0,0,0,.48),0 0 0 1px rgba(137,105,255,.16),0 0 34px rgba(72,212,255,.08)}
[data-hyos-host] .titlebar{min-height:43px;padding:6px 8px;border-bottom:1px solid rgba(128,181,220,.14);background:linear-gradient(90deg,rgba(18,25,41,.94),rgba(10,13,23,.88))}
[data-hyos-host][data-theme=light] .titlebar{background:linear-gradient(90deg,rgba(248,251,255,.96),rgba(236,241,250,.94));border-bottom-color:rgba(75,104,145,.16)}
[data-hyos-host] .titlebar::before{content:"";width:9px;height:9px;border-radius:50%;background:#ff6a7a;box-shadow:15px 0 #f7c75b,30px 0 #61d994;margin:0 35px 0 4px}
[data-hyos-host] .window-title{font-size:12px;letter-spacing:.03em;font-weight:700}
[data-hyos-host] .titlebar button{min-height:28px;padding:4px 8px;border-radius:8px;border-color:transparent;background:transparent;color:var(--muted)}
[data-hyos-host] .titlebar button:hover{background:rgba(117,221,255,.08);color:var(--ink)}
[data-hyos-host] .window-body{background:radial-gradient(circle at 78% 5%,rgba(104,89,255,.08),transparent 32%);padding:22px}
[data-hyos-host] .window-actions{display:flex;gap:10px;margin:24px 0}
[data-hyos-host] .window-actions a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid rgba(101,230,255,.38);border-radius:12px;background:linear-gradient(110deg,rgba(74,217,255,.16),rgba(120,91,255,.14));font-weight:700}
[data-hyos-host] .window-switcher{position:relative;z-index:20;justify-content:center;min-height:43px;padding:6px 16px}
[data-hyos-host] .window-switcher button{min-height:32px;padding:4px 10px;background:rgba(6,10,18,.48);backdrop-filter:blur(12px);border-color:rgba(116,170,211,.16)}
[data-hyos-host] .dock-shell{position:relative;z-index:50;display:flex;justify-content:center;padding:0 16px max(10px,env(safe-area-inset-bottom))}
[data-hyos-host] .dock{max-width:min(900px,calc(100vw - 24px));display:flex;align-items:flex-end;justify-content:center;gap:7px;padding:7px 10px;border:1px solid rgba(140,201,239,.2);border-radius:19px;background:rgba(7,11,20,.7);backdrop-filter:blur(26px) saturate(150%);box-shadow:0 18px 60px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.055);overflow:auto}
[data-hyos-host][data-theme=light] .dock{background:rgba(255,255,255,.72)}
[data-hyos-host] .dock button{flex:0 0 auto;min-width:48px;min-height:48px;padding:4px 8px;border:0;background:transparent;display:grid;place-items:center;gap:2px;transition:transform .18s ease,background .18s ease}
[data-hyos-host] .dock button:hover{transform:translateY(-5px) scale(1.04);background:rgba(99,218,255,.08);text-decoration:none}
[data-hyos-host] .dock-launcher{font-weight:800;font-size:10px;letter-spacing:.04em}
[data-hyos-host] .dock-glyph{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(145deg,rgba(91,229,255,.2),rgba(133,89,255,.26));border:1px solid rgba(124,226,255,.25);box-shadow:inset 0 1px rgba(255,255,255,.08);font-weight:800}
[data-hyos-host] .dock-label{font-size:9px;line-height:1;color:var(--muted)}
[data-hyos-host] .drawer{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(900px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 96px));padding:22px;border:1px solid rgba(120,225,255,.26);border-radius:26px;background:rgba(5,8,16,.94);backdrop-filter:blur(32px) saturate(150%);box-shadow:0 36px 120px rgba(0,0,0,.58),0 0 0 1px rgba(132,90,255,.08)}
[data-hyos-host][data-theme=light] .drawer{background:rgba(248,251,255,.96)}
[data-hyos-host] .drawer::backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(5px)}
[data-hyos-host] .drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
[data-hyos-host] .drawer-head h2{margin:0;font-size:28px}
[data-hyos-host] .drawer-sub{margin:4px 0 0;font-size:13px}
[data-hyos-host] .drawer-search{margin:18px 0}
[data-hyos-host] .app-drawer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
[data-hyos-host] .app-tile{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:13px;border:1px solid rgba(128,183,224,.14);border-radius:15px;background:rgba(17,22,36,.5);min-height:110px}
[data-hyos-host][data-theme=light] .app-tile{background:rgba(255,255,255,.6)}
[data-hyos-host] .app-tile-glyph{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,rgba(72,219,255,.18),rgba(142,86,255,.22));border:1px solid rgba(105,223,255,.22);font-size:18px;font-weight:800}
[data-hyos-host] .app-tile-copy{display:flex;flex-direction:column;gap:3px}
[data-hyos-host] .app-tile-kind{font-size:10px;color:var(--muted)}
[data-hyos-host] .app-tile-actions{grid-column:1/-1;display:flex;gap:6px}
[data-hyos-host] .app-tile-actions button{min-height:31px;padding:4px 9px;font-size:11px}
[data-hyos-host] .account-hero,[data-hyos-host] .standalone-shell{display:flex;align-items:center;gap:18px;margin-bottom:24px}
[data-hyos-host] .profile-orb,[data-hyos-host] .standalone-mark{flex:0 0 66px;width:66px;height:66px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(67,225,255,.18),rgba(142,80,255,.22));border:1px solid rgba(116,226,255,.28);box-shadow:0 0 34px rgba(78,213,255,.1);font-size:26px;font-weight:800}
[data-hyos-host] .account-hero h1,[data-hyos-host] .standalone-shell h1{font-size:clamp(28px,5cqi,44px);margin:2px 0}
[data-hyos-host] .settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
[data-hyos-host] .settings-card{border:1px solid rgba(129,183,222,.16);border-radius:16px;padding:18px;background:rgba(10,15,25,.45)}
[data-hyos-host][data-theme=light] .settings-card{background:rgba(255,255,255,.78);border-color:rgba(75,104,145,.16)}
[data-hyos-host] .settings-card h2{margin-top:0;font-size:20px}
[data-hyos-host] .status-chip{display:inline-flex;padding:5px 9px;border:1px solid rgba(98,221,255,.25);border-radius:999px;font-size:11px}
[data-hyos-host] .hy-auth-shell{position:relative;min-height:100dvh;display:grid;place-items:center;overflow:hidden;padding:28px;background:radial-gradient(circle at 20% 20%,rgba(49,218,255,.13),transparent 28%),radial-gradient(circle at 85% 25%,rgba(129,78,255,.17),transparent 30%),#02050a}
[data-hyos-host] .hy-auth-shell::before{content:"";position:absolute;width:min(86vw,1050px);aspect-ratio:2.5/1;border-radius:50%;left:50%;top:53%;transform:translate(-50%,-50%) rotate(-10deg);background:radial-gradient(ellipse,#000 0 29%,rgba(0,0,0,.96) 34%,rgba(63,204,255,.22) 35%,rgba(125,75,255,.16) 43%,transparent 63%);animation:hyos-orbit 16s ease-in-out infinite alternate}
[data-hyos-host] .hy-auth-panel{position:relative;z-index:2;width:min(460px,100%);max-width:none;margin:0}
[data-hyos-host] .hy-auth-panel::before{content:"HYPATIA / OS";display:block;text-align:center;margin-bottom:18px;font-size:11px;letter-spacing:.28em;color:rgba(159,234,255,.74)}
[data-hyos-host] .hyauth-card{position:relative;gap:14px;padding:30px;border:1px solid rgba(121,220,255,.25);border-radius:24px;background:rgba(7,12,21,.84);backdrop-filter:blur(28px) saturate(145%);box-shadow:0 28px 100px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.05)}
[data-hyos-host][data-theme=light] .hyauth-card{background:rgba(250,252,255,.92);border-color:rgba(67,132,181,.22);box-shadow:0 24px 70px rgba(47,62,91,.16),inset 0 1px rgba(255,255,255,.7)}
[data-hyos-host][data-theme=light] .hyauth-input{background:rgba(255,255,255,.86);border-color:rgba(77,106,145,.24);color:var(--ink)}
[data-hyos-host] .hyauth-card::before{content:"GATE · SECURE WORKSPACE";font-size:9px;letter-spacing:.18em;color:var(--muted);order:-1}
[data-hyos-host] .hyauth-name{font-size:38px;letter-spacing:-.055em;margin:0}
[data-hyos-host] .hy-auth-title{font-size:18px;margin:0 0 6px;color:var(--muted)}
[data-hyos-host] .hyauth-input{background:rgba(3,7,13,.7);border-color:rgba(130,184,221,.22);border-radius:11px}
[data-hyos-host] .hyauth-input:focus{border-color:rgba(92,228,255,.7);box-shadow:0 0 0 3px rgba(82,218,255,.08)}
[data-hyos-host] .hyauth-submit{background:linear-gradient(110deg,rgba(61,218,255,.22),rgba(125,84,255,.23))!important;border-color:rgba(101,229,255,.42)!important;font-weight:800}
[data-hyos-host] .hy-auth-switch{border-top:1px solid rgba(131,184,223,.12);padding-top:10px}
[data-hyos-host] .hy-auth-switch button{min-height:30px;padding:3px 6px;border:0;background:transparent;font-size:11px;color:var(--muted)}
@keyframes hyos-orbit{0%{transform:translate(-50%,-50%) rotate(-8deg) scale(.98)}100%{transform:translate(-50%,-50%) rotate(-2deg) scale(1.03)}}
@keyframes hyos-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(89px,48px,0)}}
@media(max-width:700px){
 [data-hyos-host] .desktop{grid-template-rows:48px 26px minmax(0,1fr) 42px auto}
 [data-hyos-host] .desktop-bar{grid-template-columns:1fr auto;padding:5px 9px}
 [data-hyos-host] .desktop-viewer,[data-hyos-host] .desktop-edition,[data-hyos-host] .desktop-command{display:none}
 [data-hyos-host] .desktop-bar-right{grid-column:2}
 [data-hyos-host] .workspace{margin:4px 8px;border-radius:15px}
 [data-hyos-host] .os-window{inset:0!important;width:100%!important;height:100%!important;border-radius:14px}
 [data-hyos-host] .titlebar::before{margin-right:31px}
 [data-hyos-host] .window-switcher{justify-content:flex-start;padding:5px 8px}
 [data-hyos-host] .dock-shell{padding:0 8px max(7px,env(safe-area-inset-bottom))}
 [data-hyos-host] .dock{justify-content:flex-start;width:100%;border-radius:16px;padding:5px 7px}
 [data-hyos-host] .dock button{min-width:51px}
 [data-hyos-host] .drawer{width:calc(100vw - 18px);max-height:calc(100dvh - 80px);padding:16px;border-radius:20px}
 [data-hyos-host] .app-drawer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-hyos-host] .settings-grid{grid-template-columns:1fr}
 [data-hyos-host] .hy-auth-shell{padding:16px}
 [data-hyos-host] .hyauth-card{padding:23px}
}
[data-hyos-host][data-motion=off] .cosmic-stars,[data-hyos-host][data-motion=off] .event-horizon,[data-hyos-host][data-motion=off] .hy-auth-shell::before{animation:none!important}
@media(prefers-reduced-motion:reduce){[data-hyos-host] .cosmic-stars,[data-hyos-host] .event-horizon,[data-hyos-host] .hy-auth-shell::before{animation:none!important}}