/* Space belongs only to the login screen. No effects on the dashboard or store. */
body:has(#login:not([hidden])){background:#030305;isolation:isolate}
.cosmic-backdrop{display:none;position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:#030305;contain:strict}
body:has(#login:not([hidden])) .cosmic-backdrop{display:block}
.cosmic-stars{position:absolute;inset:-150px;background-repeat:repeat;will-change:transform;opacity:.48;background-image:radial-gradient(1px 1px at 35px 45px,#f1dfff 70%,transparent),radial-gradient(1px 1px at 160px 180px,#c49aff 70%,transparent),radial-gradient(1.2px 1.2px at 305px 75px,#f2dcff 70%,transparent),radial-gradient(.7px .7px at 440px 265px,#e6d5ff 70%,transparent),radial-gradient(1px 1px at 90px 330px,#b0bfff 70%,transparent),radial-gradient(.8px .8px at 510px 140px,#c8acff 70%,transparent),radial-gradient(.7px .7px at 240px 390px,#ddd0ff 70%,transparent);background-size:580px 440px;animation:login-star-drift 130s linear infinite alternate}
.cosmic-stars-far{background-size:390px 340px;opacity:.22;animation:login-far-drift 170s linear infinite alternate}
.cosmic-nebula{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#6431940b,transparent 65%)}
@keyframes login-star-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-95px,120px,0)}}
@keyframes login-far-drift{from{transform:translate3d(25px,-20px,0)}to{transform:translate3d(-40px,70px,0)}}
#login.login-shell{display:flex;align-items:center;justify-content:center;min-height:100svh;width:100%;max-width:none;margin:0;padding:48px 22px;background:transparent;gap:0}
#login.login-shell[hidden]{display:none}
#login .login-card{width:100%;max-width:410px;margin:0;padding:34px 32px 26px;border:1px solid #b78ce724;border-radius:18px;background:linear-gradient(150deg,#141019b8,#0b090fdd);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 80px #0006,0 0 38px #aa6aff08;color:#f5f1ff}
#login .login-card .brand{margin:0 0 34px;font-size:20px;gap:12px}#login .brandmark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;font-size:30px;background:linear-gradient(135deg,#b765fb,#7838eb);box-shadow:0 0 17px #9f5bea22;color:white}#login .brand-sub{font-size:7px;letter-spacing:1.8px;color:#a28caf}
#login .eyebrow{font-size:8px;letter-spacing:1.4px;color:#a883ca}#login .login-card h1{font-size:34px;letter-spacing:-1.3px;line-height:1.2;font-weight:550;color:#f5f1ff;margin:12px 0 10px}#login .login-card h1 span{color:#b784f6}#login .muted{font-size:12px;line-height:1.9;color:#a396b1;margin:0 0 24px}
#login #login-form{display:grid;gap:17px;margin:0}#login label{font-size:11px;color:#c5b9d2;display:grid;gap:8px;margin:0}#login input{box-sizing:border-box;width:100%;min-width:0;min-height:45px;padding:12px 13px;background:#060509a3;border:1px solid #b68af525;border-radius:8px;color:#f5f1ff;font-size:12px;box-shadow:none}#login input::placeholder{color:#74667f}#login input:focus{outline:none;border-color:#ac77e78c;box-shadow:0 0 0 3px #a973df0e}#login .password-wrap{display:block;position:relative}#login .password-wrap input{padding-right:60px}#login #password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#bb9cd8;font-size:10px;padding:5px}
#login #login-form>.primary{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:45px;margin-top:5px;padding:12px 15px;background:linear-gradient(115deg,#ad78ea,#9256dc);color:#140b22;border:1px solid #bf92f24d;border-radius:8px;font-size:12px;font-weight:600;box-shadow:0 0 17px #a169df16}#login #login-form>.primary:hover{filter:brightness(1.08)}#login #login-form>.primary:disabled{opacity:.6;cursor:wait}
#login #login-error{font-size:11px;color:#f3a7b5;line-height:1.8;margin:14px 0 0}#login #login-error:empty{display:none}#login .login-footer{display:flex;align-items:center;gap:7px;font-size:9px;color:#9788a5;margin:22px 0 0;padding:0}.login-footer .dot{width:4px;height:4px;background:#b087dc;box-shadow:0 0 7px #b087dc35}#login details{margin:21px 0 0;padding-top:18px;border-top:1px solid #b78ce717}#login summary{font-size:10px;color:#b5a0c7;cursor:pointer}#login details p{font-size:10px;color:#a08cae;line-height:1.9}#login :focus-visible{outline:2px solid #c090ff;outline-offset:3px}#login-back[hidden]{display:none}
@media(max-width:500px){#login.login-shell{padding:24px 20px}#login .login-card{padding:28px 24px 24px;max-width:380px}#login .login-card h1{font-size:31px}#login .login-card .brand{margin-bottom:30px}#login input{font-size:16px}#login .cosmic-stars{opacity:.3}}
@media(prefers-reduced-motion:reduce){.cosmic-stars{animation:none!important;will-change:auto}}
:root[data-motion=reduced] .cosmic-stars{animation:none!important;will-change:auto}
/* Reactive glass on the login card only. */
#login .login-card{position:relative;isolation:isolate;overflow:hidden;--glass-x:50%;--glass-y:30%;background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),#b983ed0c,transparent 65%),linear-gradient(145deg,#211a2b80,#0b090edb);backdrop-filter:blur(23px);-webkit-backdrop-filter:blur(23px);box-shadow:inset 0 1px 0 #ffffff0b,0 20px 85px #0007,0 0 35px #a86aea0b;transform:perspective(1100px) rotateX(var(--glass-rx,0deg)) rotateY(var(--glass-ry,0deg));transition:transform .18s ease,box-shadow .25s ease}
#login .login-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:-1;background:linear-gradient(120deg,#bc8cf51a 0%,#bc8cf51a 25%,#e1c3ff8c 40%,#a177f14d 49%,#bc8cf51a 62%,#bc8cf51a 100%);background-size:300% 300%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:glass-border-travel 9s ease-in-out infinite alternate}
#login .login-card:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;border-radius:inherit;background:radial-gradient(350px circle at var(--glass-x) var(--glass-y),#d5b4ff0c,transparent 70%),linear-gradient(115deg,transparent 30%,#e0caff04 43%,#e0caff08 48%,transparent 60%);background-size:100% 100%,300% 100%;animation:glass-sheen-travel 14s ease-in-out infinite alternate}
#login .login-card:hover{box-shadow:inset 0 1px 0 #ffffff10,0 20px 85px #0007,0 0 40px #a86aea14}
@keyframes glass-border-travel{from{background-position:0% 0%}to{background-position:100% 100%}}
@keyframes glass-sheen-travel{from{background-position:0 0,100% 0}to{background-position:0 0,0% 0}}
@media(hover:none){#login .login-card{transform:none}}
@media(prefers-reduced-motion:reduce){#login .login-card{transform:none!important;transition:none!important}#login .login-card:before,#login .login-card:after{animation:none!important}}
:root[data-motion=reduced] #login .login-card{transform:none!important;transition:none!important}:root[data-motion=reduced] #login .login-card:before,:root[data-motion=reduced] #login .login-card:after{animation:none!important}

/* Shared space atmosphere and selected glass surfaces. */
body{background:#030305;isolation:isolate}
.cosmic-backdrop{display:block!important;background:radial-gradient(ellipse at 85% 10%,#7132ac10,transparent 48%),radial-gradient(ellipse at 15% 85%,#3b238812,transparent 50%),#030305}
.cosmic-stars{opacity:.6;background-image:radial-gradient(1.1px 1.1px at 25px 35px,#f3e5ff 70%,transparent),radial-gradient(.8px .8px at 80px 140px,#c7aeeb 70%,transparent),radial-gradient(1px 1px at 140px 65px,#e8d4ff 70%,transparent),radial-gradient(.7px .7px at 205px 200px,#b5c8ff 70%,transparent),radial-gradient(1.2px 1.2px at 280px 30px,#eee1ff 70%,transparent),radial-gradient(.8px .8px at 350px 130px,#caa8f9 70%,transparent),radial-gradient(.7px .7px at 420px 245px,#e5d6f9 70%,transparent),radial-gradient(1px 1px at 35px 290px,#cab0ff 70%,transparent),radial-gradient(.8px .8px at 115px 355px,#eee4ff 70%,transparent),radial-gradient(.9px .9px at 195px 285px,#bda0ea 70%,transparent),radial-gradient(.7px .7px at 270px 365px,#cee1ff 70%,transparent),radial-gradient(1px 1px at 365px 330px,#e2c4ff 70%,transparent),radial-gradient(.8px .8px at 450px 65px,#ae9fd6 70%,transparent),radial-gradient(.7px .7px at 465px 355px,#d4c3ff 70%,transparent);background-size:490px 400px;animation:space-drift-near 34s linear infinite}
.cosmic-stars-far{background-size:340px 310px;opacity:.3;animation:space-drift-far 66s linear infinite}
.cosmic-stars-spark{background-size:710px 560px;opacity:.25;animation:space-drift-spark 48s linear infinite}
@keyframes space-drift-near{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,400px,0)}}
@keyframes space-drift-far{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,310px,0)}}
@keyframes space-drift-spark{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,560px,0)}}
.cosmic-stars{inset:-600px -80px}
.cosmic-nebula{background:radial-gradient(ellipse at 70% 30%,#7a35bc12,transparent 50%),radial-gradient(ellipse at 15% 80%,#50309e10,transparent 50%)}
#landing,#workspace{background:transparent!important}
#landing .store-header,#workspace .main-shell>header{background:#08060da8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:#bd8bff1a}
#workspace aside{background:linear-gradient(170deg,#0b0811ef,#151020d9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
#landing .product-window,#landing .home-feature-grid article,#landing .home-endcap,#landing #pricing .store-plan:not(.featured-plan),#workspace .panel,#overview .stats article,#workspace .profile-banner{background:linear-gradient(140deg,#271a338f,#100b19bc);border-color:#c08dff24;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:inset 0 1px 0 #ffffff07,0 10px 30px #0003,0 0 26px #b06aff08}
#landing .product-window{box-shadow:0 20px 70px #0006,0 0 45px #9c49ed1a}#landing #pricing{background:radial-gradient(ellipse at 80% 10%,#7e2acc22,transparent 50%),#100919ad;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#landing #pricing .featured-plan{box-shadow:0 10px 35px #943cfa2e,inset 0 1px 0 #ffffff22}#landing .home-cta,#workspace .primary{box-shadow:0 0 22px #a254e62c,0 5px 18px #0003}#landing .brandmark,#workspace .brandmark{box-shadow:0 0 24px #ac4cff3b}
#landing .home-feature-grid article:hover,#workspace .panel:hover,#overview .stats article:hover{border-color:#c48eff47;box-shadow:inset 0 1px 0 #ffffff09,0 0 28px #b16afa0e}
/* Moving glass sheen is reserved for a few focal cards, rather than every surface. */
#landing .home-endcap,#overview .performance-panel{position:relative;isolation:isolate;overflow:hidden}
#landing .home-endcap:before,#overview .performance-panel:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;border-radius:inherit;background:linear-gradient(115deg,transparent 33%,#cfa6ff07 46%,#e5d1ff0a 49%,transparent 61%);background-size:300% 100%;animation:glass-sheen-travel 18s ease-in-out infinite alternate}
/* Login: balanced identity, generous controls, calm glass frame. */
#login .login-card{max-width:440px;padding:28px 36px 30px;border-radius:23px;background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),#d0a3ff10,transparent 62%),linear-gradient(145deg,#21162bba,#09070ee8);border-color:#ba8af52e;box-shadow:inset 0 1px 0 #ffffff10,0 25px 100px #0009,0 0 65px #a65bf20f}
#login #login-back{display:inline-flex;align-items:center;padding:0;margin:0 0 28px;color:#9b86ae;font-size:10px;background:none;border:0;min-height:24px}#login #login-back:hover{color:#ddc8f1}
#login .login-card .brand{justify-content:center;gap:12px;margin:0 0 28px;font-size:22px}#login .brandmark{width:46px;height:46px;border-radius:14px;font-size:34px;box-shadow:0 0 24px #ac53ee28}#login .brand-sub{font-size:7px;letter-spacing:2px}
#login .eyebrow{text-align:center;font-size:8px;letter-spacing:2px;color:#a080bd}#login .login-card h1{text-align:center;font-size:36px;font-weight:600;letter-spacing:-1.3px;margin:13px 0 11px}#login .login-card h1 span{color:#c296ff}#login .muted{text-align:center;font-size:12px;margin:0 0 29px;color:#a699b2}
#login #login-form{gap:20px}#login label{font-size:12px;color:#cbbbd8;gap:9px}#login input{min-height:49px;border-radius:10px;background:#0503089e;border-color:#b18bd92e;padding:13px 15px;font-size:12px}#login #password-toggle{font-size:10px;right:14px}#login #login-form>.primary{min-height:49px;padding:14px 17px;font-size:12px;border-radius:10px;background:linear-gradient(115deg,#be8cf4,#9456dd);box-shadow:inset 0 1px 0 #ffffff25,0 6px 23px #a458de23;margin-top:4px}#login .login-footer{justify-content:center;font-size:9px;margin-top:25px;color:#9a85ab}#login details{margin-top:24px;padding-top:19px}#login summary{font-size:10px}#login details p{line-height:1.9}
@media(max-width:700px){.cosmic-stars{opacity:.42}.cosmic-stars-far,.cosmic-stars-spark{opacity:.2}#workspace .panel,#overview .stats article,#landing .home-feature-grid article{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}
@media(max-width:500px){#login .login-card{padding:22px 25px 25px;border-radius:20px}#login .login-card h1{font-size:32px}#login input{font-size:16px}#login #login-back{margin-bottom:24px}#login .login-card .brand{margin-bottom:26px}#login .muted{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cosmic-stars,#landing .home-endcap:before,#overview .performance-panel:before{animation:none!important;will-change:auto}}
:root[data-motion=reduced] .cosmic-stars,:root[data-motion=reduced] #landing .home-endcap:before,:root[data-motion=reduced] #overview .performance-panel:before{animation:none!important;will-change:auto}

/* Control-center lighting follows the pointer on selected focal cards. */
body:has(#workspace:not([hidden])) .cosmic-stars-near{opacity:.7}
body:has(#workspace:not([hidden])) .cosmic-stars-far{opacity:.36}
#workspace .main-shell{background:transparent}
#workspace .room-radium{position:relative;isolation:isolate;--radium-x:50%;--radium-y:0%;border-color:#bd86ff30!important;box-shadow:inset 0 1px 0 #ffffff09,0 8px 30px #0003,0 0 30px #a655f20b!important}
#workspace .room-radium:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;border-radius:inherit;background:radial-gradient(350px circle at var(--radium-x) var(--radium-y),#bb86ff19,transparent 70%);opacity:.45;transition:opacity .2s}
#workspace .room-radium:hover:after{opacity:1}
#workspace .room-radium:hover{border-color:#d2a4ff60!important;box-shadow:inset 0 1px 0 #ffffff0d,0 10px 35px #0003,0 0 35px #ad62f21b!important}
#overview .stats article{background:linear-gradient(135deg,#2a1b389c,#100b18bd)}
#overview .stats article:nth-child(1){box-shadow:0 0 28px #e83e9610,inset 0 1px 0 #ffffff07!important}#overview .stats article:nth-child(3){box-shadow:0 0 28px #389bf810,inset 0 1px 0 #ffffff07!important}
#overview .stat-label>span{box-shadow:0 0 21px #db4bc72e!important}
#workspace aside nav button.selected{background:linear-gradient(100deg,#7e31b929,#4930961f);border-color:#bd83ff3b;box-shadow:0 0 24px #a54ef21b,inset 0 0 16px #a54ef20b}
#workspace .badge{box-shadow:0 0 16px #ac68f51c;border-color:#b081ef45;background:#7b42b818;color:#dbc0ff}
#workspace .panel:focus-within{border-color:#c797ff44;box-shadow:0 0 28px #a969e812}
#workspace .main-shell>header{box-shadow:0 3px 25px #8641cf08}
@media(prefers-reduced-motion:reduce){#workspace .room-radium:after{transition:none}}
:root[data-motion=reduced] #workspace .room-radium:after{transition:none}
/* Session preference is a real checkbox, not a full-width text input. */
#login label.remember-choice{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:11px;line-height:1.5;color:#c3b4d1}#login .remember-choice input{width:16px;height:16px;min-height:16px;margin:2px 0 0;padding:0;flex-shrink:0;accent-color:#b484ef}#login .remember-choice small{display:block;font-size:9px;color:#94839f;margin-top:3px;line-height:1.6}