/* LIQUID GLASS · Original CSS + SVG material. Text is never displaced.
   Blur is limited to a few elevated surfaces; repeated content cards use solid tints. */
:root{--glass-edge:rgba(232,244,255,.25);--glass-floor:rgba(18,30,48,.85);--glass-muted:#b9c9dc;--glass-x:50%;--glass-y:42%}
body{background:#0b1220;color:#eef6ff}
.cosmic-background{background:radial-gradient(ellipse at 88% 4%,#1d626d44,transparent 40%),radial-gradient(ellipse at 26% 40%,#4c3f7544,transparent 46%),#0b1220}
.cosmic-background>i{opacity:.24!important}
.sidebar{background:linear-gradient(160deg,#24344ae6,#121b2cef 58%);border-right:1px solid #d0e9ff21;box-shadow:6px 0 35px #0002}
.brand-icon{background:linear-gradient(145deg,#eafaff66,#96b9e327 56%,#c9b8ff45);border:1px solid #e3f5ff55;box-shadow:inset 0 1px 1px #fff8,inset 0 -1px 2px #a8b4ff55,0 7px 20px #0003}
.nav-link.active{background:linear-gradient(120deg,#c4cfff2d,#9de2ec12);border:1px solid #d9eeff33;box-shadow:inset 0 1px #ffffff17;color:#f0f5ff}
.topbar{background:#111c2bd9;border-bottom:1px solid #d4e8ff1c;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}
.topbar .search{background:#d3e7ff08;border:1px solid #cbdfff20;border-radius:12px;padding:9px 12px}
.command-trigger,#motion-toggle{background:linear-gradient(140deg,#d9f0ff19,#a5b9e609);border:1px solid #d0e8ff38;box-shadow:inset 0 1px #ffffff20;color:#e1edf9;border-radius:12px}

/* A moving color field behind clear material makes translucency visible. */
.hero.spatial-hero{border:1px solid #e4f3ff47;border-radius:32px;background:linear-gradient(120deg,#1c2a40b8,#112b38a6 72%,#233948a6);box-shadow:inset 0 1px 1px #fff4,inset 0 -1px 1px #b3c8ff20,0 28px 65px #02081445}
.hero.spatial-hero:before{inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),#d5f5ff10,transparent 54%);opacity:1}
.liquid-field{position:absolute;inset:0;overflow:hidden;z-index:-1;border-radius:inherit;pointer-events:none}
.liquid-field:before,.liquid-field:after{content:'';position:absolute;border-radius:44% 56% 61% 39%/50% 39% 61% 50%;filter:blur(30px);transform:translate3d(0,0,0);animation:liquid-drift 20s ease-in-out infinite alternate}
.liquid-field:before{width:65%;height:84%;top:16%;right:-9%;background:radial-gradient(ellipse at 34% 35%,#80f4df60,#4f9fca35 50%,transparent 75%)}
.liquid-field:after{width:67%;height:88%;top:-42%;left:7%;background:radial-gradient(ellipse,#bea3ff55,#6865ba27 52%,transparent 74%);animation-duration:26s;animation-delay:-9s}
.liquid-ribbon{position:absolute;width:63%;height:50%;right:-6%;top:27%;border-radius:50%;border:30px solid #b7f7ed13;transform:rotate(-33deg);box-shadow:0 0 24px #b8f5ea09,inset 0 0 25px #b4f7ed0b;animation:liquid-ribbon 23s ease-in-out infinite alternate}
.spatial-grid{opacity:.14;z-index:-1;mask-image:linear-gradient(90deg,transparent 25%,#000 95%)}
.spatial-hero .hero-copy,.hero-bottomline{z-index:2;position:relative}.hero-bottomline{position:absolute}
.spatial-hero .eyebrow{color:#d2e4ef}.spatial-hero .eyebrow:before{background:#b8f4e4;box-shadow:0 0 14px #a5f7df77}.eyebrow-line{background:#c0deec66}
.spatial-hero h1{color:#f2f8ff;text-shadow:0 2px 15px #04132630}.spatial-hero h1 span{background-image:linear-gradient(105deg,#e9e3ff,#bce6f7 55%,#baf2df)}
.spatial-hero .hero-copy>p{color:#c0cfdd}.hero-suggestions,.hero-search-feedback{color:#bbccd9}.hero-suggestions button{color:#d1d4ef}
.hero-search-form,.orbit-node,.launch-deck{position:relative;isolation:isolate;border:1px solid #e5f6ff55;background:linear-gradient(130deg,#e4f6ff25,#bedcff0a 48%,#d9fff314);box-shadow:inset 0 1px 1px #fff7,inset 0 -1px 1px #e2efff20,0 10px 30px #020b1e3d;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}
.hero-search-form:after,.orbit-node:after,.launch-deck:after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),#f2ffff2b,transparent 65%);opacity:.6;transition:opacity .2s ease}
.glass-pointing:after{opacity:1}.hero-search-form{border-radius:18px}.hero-search-form input{color:#fff}.hero-search-form input::placeholder{color:#d2deeb}.hero-search-form button{background:linear-gradient(145deg,#e5fff2,#b7ddd9 65%,#bdd3f3);border:1px solid #f2fff5;color:#163b42;box-shadow:inset 0 1px #fff,0 4px 15px #011c2938;border-radius:12px}
.hero-search-form:focus-within{border-color:#e0fff6;box-shadow:0 0 0 3px #b3f6e52c,inset 0 1px #fff5}
.spatial-hero .primary-btn{background:linear-gradient(135deg,#e9fff5,#b6dfde);border:1px solid #effff7;border-radius:14px;color:#193b43;box-shadow:inset 0 1px #fff,0 6px 20px #061d2844}
.spatial-hero .text-btn{color:#d3e6ef}.hero-bottomline{border-color:#d4e8ff29;color:#b1c7d7}

/* The orb is a lens, not an opaque gradient ball. Its underlay is visibly displaced.
   SVG filtering is a progressive enhancement; Safari receives the frosted blur. */
.orbit-observatory{z-index:1}.observatory-coordinate{color:#c1d8e4}.orb-aura{background:radial-gradient(circle,#a4ffe72e,transparent 68%);filter:blur(10px)}
.orbital-sphere{border:1px solid #efffff9c;background:radial-gradient(ellipse at 22% 15%,#fff6,transparent 38%),radial-gradient(ellipse at 80% 82%,#d2fff827,transparent 47%),linear-gradient(145deg,#d1ddff22,#b4e4e506 52%,#abd0e830);box-shadow:inset 0 3px 4px #fff9,inset 6px 1px 16px #e3d8ff38,inset -8px -9px 20px #06374b77,inset 0 -2px 3px #d9fff9a6,0 0 0 7px #d3f9ff05,0 27px 55px #03172670;-webkit-backdrop-filter:blur(3px) saturate(145%);backdrop-filter:blur(3px) saturate(145%)}
.orbital-sphere:before{content:'';position:absolute;inset:4px;border-radius:50%;border:1px solid #f6ffff45;box-shadow:inset 0 1px 2px #fff5,inset -2px -2px 8px #cdf8ee33;pointer-events:none;z-index:2}
.orbital-sphere:after{content:'';position:absolute;width:64%;height:23%;left:7%;top:5%;border-radius:50%;background:linear-gradient(180deg,#fff9,#eaffff04);transform:rotate(-27deg);filter:blur(3px);pointer-events:none;opacity:.64}
.liquid-refraction{position:absolute;inset:-18%;z-index:0;border-radius:50%;background:repeating-linear-gradient(125deg,transparent 0 36px,#d9fff328 40px,#d5c4ff1d 44px,transparent 48px 86px);filter:url('#orbit-glass-refraction');opacity:.55;transform:rotate(-12deg);animation:liquid-caustic 18s ease-in-out infinite alternate}
.sphere-sheen{background:conic-gradient(from 10deg,transparent 18%,#ddfff324 30%,transparent 42%,#c5c8ff2c 70%,transparent 82%);animation-duration:38s}.sphere-grid{opacity:.44;color:#e2ffff66}.sphere-wordmark{z-index:3;text-shadow:0 2px 8px #12333fa6,0 0 28px #0b284b66}.sphere-wordmark strong{color:#f7ffff}.sphere-wordmark small,.sphere-wordmark>span{color:#e3f2fa}
.orbit-ring{border-color:#d9fff391;box-shadow:0 -1px 2px #f0fff52e,inset 0 1px 2px #c1fbf728}.ring-two{border-color:#d6d9ff7a}.ring-three{border-color:#dcf5ff3b}.orbit-ring>i{background:#e2fff3;box-shadow:0 0 12px #bcffe0}.orbit-star{color:#e4fff6}
.orbit-node{position:absolute;border-radius:19px;background:linear-gradient(135deg,#ebf7ff38,#a7d4dc14 48%,#c4ebec25);-webkit-backdrop-filter:blur(15px) saturate(145%);backdrop-filter:blur(15px) saturate(145%)}
.orbit-node:hover{border-color:#edfff3;transform:translateY(-3px)}.orbit-node strong{color:#fff;font-weight:600;text-shadow:0 1px 3px #12313a88}.orbit-node small{color:#d2e4ec}.orbit-node .node-icon{border:1px solid #e2ffff55;background:linear-gradient(135deg,#e0f8ff24,#afbee914);color:#e5f5ff;box-shadow:inset 0 1px #fff4;border-radius:10px}.node-studio .node-icon{background:#c4fff02b;color:#d7ffed}.orbit-node i{color:#e0f5ef}.observatory-caption{color:#c0d4df}
.launch-deck{border-radius:20px;background:linear-gradient(120deg,#c4dafa17,#8fced50d);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.launch-deck>a,.launch-deck>button{border-color:#d4eeff25}.launch-deck>a:hover,.launch-deck>button:hover{background:#d1f3ff13}.launch-deck strong{color:#edf6ff}.launch-deck small{color:#b3c5d8}.launch-symbol{color:#cceee8}.launch-deck b{color:#b8d3df}

/* Quiet frosted layers across the app. No blur per card or portrait. */
.orbit-story,.utility-hub,.mission-desk,.task-navigator,.intelligence,.paper-news,.discovery,.studio,.skills-square{border-color:#bfdcff30;background:linear-gradient(135deg,#233348c9,#162436d9);box-shadow:inset 0 1px #e5f4ff17,0 12px 30px #050c171a}
.orbit-story{background:#18283aaf}.orbit-story>summary{color:#c7d7e5}
.utility-panel,.mission-form,.studio-shell,.cast-detail,.rail-card,.skills-intro{border-color:#d7eaff35;background:linear-gradient(135deg,#d3e8ff0e,#c5dfff04),#1a2c3de6;box-shadow:inset 0 1px #effaff20,0 8px 25px #050e191a}
.utility-tile,.tool-card,.discovery-card,.skill-card,.mission-role,.task-group,.cast-card{border-color:#d1e4ff2c;background:linear-gradient(145deg,#d3e8ff10,#b8deff03),#1b2b3c;box-shadow:inset 0 1px #effaff14}
.utility-tile[aria-pressed=true],.mission-role[aria-pressed=true],.task-group[aria-pressed=true]{background:linear-gradient(135deg,#b5dfff26,#a7d9df16),#243d50;border-color:#b7eee0a3;color:#f4fffc}
.cast-detail{background:linear-gradient(125deg,#2c4152,#28394d);border-radius:22px}.cast-card{background:#203144}.cast-jump,.cast-actions button{background:linear-gradient(135deg,#d1e5ff18,#c2dfff05),#22394d;border-color:#b3d7f242}.cast-actions .cast-enter{background:linear-gradient(135deg,#b0e5db,#c2d9ee);border-color:#dbfff3;color:#173b42}.cast-portrait,#cast-focus-portrait{filter:none}
.utility-panel input,.utility-panel select,.utility-panel textarea,.mission-desk textarea,.composer,.task-search-form input,.paper-toolbar input,.skills-toolbar input,.skills-toolbar select,.discovery-search{background:#0d1b2bd9;border-color:#c5deff40;color:#eef7ff}
.utility-muted,.utility-meta,.mission-caveat,.mission-form small,.ranking-method,.paper-status,.ranking-status{color:#b8cadd}
#tool-dialog,.orbit-command{background:linear-gradient(135deg,#243b4ee8,#1c2b40ef);border:1px solid #d9f5ff73;border-radius:24px;box-shadow:inset 0 1px 1px #fff5,0 35px 100px #0008;-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)}
.orbit-command::backdrop,#tool-dialog::backdrop{background:#0715249c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.command-input-wrap{background:#0e2239ac;border-color:#d1e7ff66}.command-result:hover,.command-result:focus{background:#d0f3ff16;border-color:#c7ecff73}.command-result small,#command-status,.command-foot{color:#b9cfdf}.command-header>button{background:#e5f8ff14;border-color:#d8f2ff40}
:is(button,a,input,select,textarea):focus-visible{outline:2px solid #c9fff1;outline-offset:3px}

@keyframes liquid-drift{to{transform:translate3d(-7%,8%,0) rotate(13deg) scale(1.08)}}
@keyframes liquid-ribbon{to{transform:translate3d(-6%,-5%,0) rotate(-20deg)}}
@keyframes liquid-caustic{to{transform:translate3d(5%,4%,0) rotate(12deg)}}
.motion-paused .liquid-field:before,.motion-paused .liquid-field:after,.page-hidden .liquid-field:before,.page-hidden .liquid-field:after,.spatial-offscreen .liquid-field:before,.spatial-offscreen .liquid-field:after{animation-play-state:paused!important}
.motion-paused .hero-search-form:after,.motion-paused .orbit-node:after,.motion-paused .launch-deck:after{transition:none}
.motion-paused .orbit-node:hover{transform:none}
@supports (backdrop-filter:url('#orbit-glass-refraction')){.orbital-sphere{backdrop-filter:url('#orbit-glass-refraction') blur(2px) saturate(145%)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hero-search-form,.orbit-node,.launch-deck,.topbar{background-color:#263c4f}.orbital-sphere{background-color:#34566a}#tool-dialog,.orbit-command{background:#20364b}}
@media(max-width:780px){.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero.spatial-hero{border-radius:26px}.orbit-node{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-search-form{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.launch-deck{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#23364cb8}.liquid-field:before,.liquid-field:after{filter:blur(20px)}.orbital-sphere{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px) saturate(135%)}.liquid-refraction{filter:none;animation:none;opacity:.4}.orbit-node{border-radius:15px}}
@media(max-width:620px){.hero.spatial-hero{padding-top:30px}.spatial-hero .hero-copy>p{color:#ccdce8}.hero-search-form input{font-size:13px}.orbit-node strong{font-size:11px}.orbit-node small{font-size:9px}.observatory-caption{font-size:10px}.hero-suggestions button{min-height:44px}.topbar .search{padding:8px 7px}.launch-deck strong{font-size:11px}.sidebar{background:#19283af5}}
@media(prefers-reduced-motion:reduce){.liquid-field:before,.liquid-field:after,.liquid-ribbon,.liquid-refraction{animation:none!important}.hero-search-form:after,.orbit-node:after,.launch-deck:after{transition:none}.orbit-node:hover{transform:none}.orbital-sphere{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.liquid-refraction{filter:none}}
@media(prefers-reduced-transparency:reduce){.topbar,.sidebar,.hero-search-form,.orbit-node,.launch-deck,#tool-dialog,.orbit-command{background-color:#21384d;-webkit-backdrop-filter:none;backdrop-filter:none}}