/* Source: /assets/build/app.min.css */
:root{--bg-0: #020713;--bg-1: #040b1a;--bg-2: #071227;--panel: rgba(7, 19, 39, .84);--panel-strong: rgba(8, 23, 47, .95);--panel-soft: rgba(11, 26, 52, .72);--panel-muted: rgba(12, 25, 48, .55);--line: rgba(116, 147, 211, .17);--line-strong: rgba(125, 159, 232, .28);--text: #f5f7ff;--text-soft: #b8c2d9;--muted: #73809a;--violet: #8a5dff;--violet-2: #b57cff;--blue: #4194ff;--cyan: #2fd6ec;--teal: #2ad7b7;--gold: #f5be55;--gold-2: #ffe38e;--rose: #ff6372;--personal: #8d71ff;--social: #f0b85e;--transpersonal: #32c7e7;--auxiliary: #ec6d7b;--orbit-1: #2ad7b7;--orbit-2: #f5be55;--orbit-3: #56a6ff;--orbit-4: #a983ff;--orbit-5: #e879f9;--orbit-6: #fb7185;--orbit-7: #9bd34f;--orbit-8: #35d4e8;--shadow: 0 28px 70px rgba(0, 3, 12, .46);--header-h: 64px;--rail-w: 94px;--radius-xl: 22px;--radius-lg: 17px;--radius-md: 13px;--ease: cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}
html{min-width:320px;background:var(--bg-0);color-scheme:dark;scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 76% -8%,rgba(58,78,190,.18),transparent 33%),radial-gradient(circle at 10% 80%,rgba(78,30,174,.13),transparent 37%),linear-gradient(145deg,#020612,#040b18 48%,#020713);font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-feature-settings:"tnum" 1,"ss01" 1;overflow-x:hidden}
button,input,select{font:inherit}
button{color:inherit}
button,a,input,select{-webkit-tap-highlight-color:transparent}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(124,103,255,.72);outline-offset:2px}
:is(button,a,[role=button]):focus-visible{outline:none;box-shadow:0 0 22px #7e67ff3d}
svg :is([role=button],[tabindex]):focus-visible{outline:none;box-shadow:none}
button{cursor:pointer}
svg{display:block}
[hidden]{display:none!important}
.space-scene{position:fixed;inset:0;overflow:hidden;z-index:-2;pointer-events:none}
.space-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(94,123,190,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(94,123,190,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%)}
.starfield{position:absolute;inset:-30%;opacity:.075;transform:none;animation:none}
.starfield:before,.starfield:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(196,215,255,.7) 0 1px,transparent 1.2px),radial-gradient(circle,rgba(141,107,255,.55) 0 1px,transparent 1.2px),radial-gradient(circle,rgba(43,210,232,.45) 0 1px,transparent 1.2px);background-size:139px 149px,211px 193px,257px 227px;background-position:17px 31px,67px 93px,131px 11px}
.starfield:before{opacity:.2}
.starfield:after{opacity:.08;transform:translate3d(71px,-43px,0) scale(1.08) rotate(7deg)}
.starfield-b{opacity:.045;transform:scale(1.23) rotate(-9deg);animation:none}
.aurora{position:absolute;border-radius:50%;filter:blur(90px);opacity:.16}
.aurora-a{width:520px;height:360px;right:8%;top:-190px;background:#5143df}
.aurora-b{width:390px;height:310px;left:-150px;bottom:2%;background:#5c1ba3}
.cursor-aura{position:fixed;left:0;top:0;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(81,210,235,.075) 0 4%,rgba(111,84,247,.075) 18%,rgba(85,110,255,.038) 42%,transparent 70%);opacity:0;transform:translate3d(-440px,-440px,0);transition:opacity .28s ease;pointer-events:none;z-index:999;will-change:transform,opacity}
.cursor-aura.is-active{opacity:1}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulseGlow{50%{filter:drop-shadow(0 0 16px currentColor)}}
@keyframes dashFlow{to{stroke-dashoffset:-.26}}
@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes orbitPulse{50%{transform:scale(1.08);opacity:.82}}
.app-shell{min-height:100vh}
.app-header{position:fixed;z-index:100;top:0;left:0;right:0;height:var(--header-h);display:flex;align-items:center;gap:14px;padding:8px 20px 8px 18px;background:#020814db;border-bottom:1px solid rgba(109,139,202,.13);backdrop-filter:blur(22px) saturate(130%);box-shadow:0 12px 42px #00030c45}
.brand{display:flex;align-items:center;gap:10px;min-width:232px;color:var(--text);text-decoration:none}
.quick-form{display:flex;align-items:stretch;gap:7px;flex:1;min-width:0;max-width:820px}
.quick-field{height:44px;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(112,143,207,.16);border-radius:12px;background:#0a162a94;color:var(--muted);transition:border-color .2s,background .2s,box-shadow .2s}
.quick-field:focus-within{border-color:#7463ff80;background:#0b1932d1;box-shadow:0 0 0 3px #6952ff14}
.quick-field span{font-size:9px;white-space:nowrap;color:#707c95}
.quick-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#dfe6f7;font-size:11px;padding:0}
.quick-field input::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.46)}
.quick-date{flex:1.25}
.quick-time{flex:.72}
.quick-place{flex:1.18}
.quick-zone{flex:.82}
.calculate-button{position:relative;overflow:hidden;border:1px solid rgba(162,130,255,.7);border-radius:12px;min-height:44px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:11px;font-weight:750;letter-spacing:.015em;text-transform:uppercase;background:linear-gradient(120deg,#7d3cff,#6b45ed 42%,#355dec);box-shadow:0 10px 28px #5439e447,inset 0 1px #ffffff3d;transition:transform .2s var(--ease),box-shadow .2s,filter .2s;text-decoration:none}
.calculate-button:before{content:"";position:absolute;top:-100%;bottom:-100%;width:38%;left:-50%;transform:skew(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transition:left .6s var(--ease)}
.calculate-button:hover{transform:translateY(-1px);box-shadow:0 15px 35px #5439e466,inset 0 1px #ffffff4d}
.calculate-button:hover:before{left:120%}
.calculate-button:disabled{opacity:.7;cursor:wait;transform:none}
.calculate-spark{font-size:15px;text-shadow:0 0 12px #fff}
.top-nav :is(a,button){height:34px;padding:0 13px;border:0;border-radius:9px;background:transparent;display:flex;align-items:center;gap:7px;color:#8793aa;font-size:10px;white-space:nowrap;text-decoration:none;transition:.2s}
.top-nav :is(a,button):hover{color:#dfe6f8;background:#5c73b414}
.top-nav :is(a,button).active{color:#fff;background:linear-gradient(180deg,#5d4cda66,#29347152);border:1px solid rgba(132,110,255,.35);box-shadow:inset 0 1px #ffffff14,0 0 18px #684cff1f}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:7px}
.header-icon,.avatar-button{width:38px;height:38px;border-radius:11px;border:1px solid rgba(113,142,202,.17);background:#09152a9e;color:#a9b4c9;display:grid;place-items:center;text-decoration:none;transition:.2s}
.header-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.header-icon:hover,.avatar-button:hover{color:#fff;border-color:#806cff6b;background:#192446c7;box-shadow:0 0 18px #6146ff1f}
.mobile-more{position:relative}
.mobile-more summary{list-style:none;cursor:pointer}
.mobile-more summary::-webkit-details-marker{display:none}
.mobile-more.contains-current summary,.mobile-more[open] summary{color:#d1c8ff;border-color:#806cff6b;background:#4d3bad38}
.mobile-more nav{position:absolute;z-index:130;top:calc(100% + 10px);left:0;width:min(232px,calc(100vw - 20px));display:grid;gap:4px;padding:7px;border:1px solid rgba(126,103,255,.28);border-radius:15px;background:#050f20fa;box-shadow:0 20px 55px #00000094;backdrop-filter:blur(18px)}
.mobile-more:not([open])>nav{display:none}
.mobile-more nav a{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:10px;color:#9ba8bf;font-size:12px;text-decoration:none}
.mobile-more nav a>span:first-child{width:24px;color:#9b82ff;font-size:16px;text-align:center}
.mobile-more nav a:hover,.mobile-more nav a.active{color:#f2efff;background:#5c45cd33}
.app-rail{position:fixed;z-index:90;left:10px;top:calc(var(--header-h) + 9px);bottom:10px;width:calc(var(--rail-w) - 10px);display:flex;flex-direction:column;justify-content:space-between;padding:10px 7px;border:1px solid rgba(116,147,211,.16);border-radius:20px;background:linear-gradient(180deg,#071226e6,#040d1cd6);backdrop-filter:blur(20px);box-shadow:var(--shadow)}
.rail-main{display:grid;gap:6px}
.app-rail :is(a,button){position:relative;min-height:64px;width:100%;border:0;border-radius:14px;background:transparent;color:#65728c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:9px;text-decoration:none;transition:.24s var(--ease)}
.app-rail :is(a,button):before{content:"";position:absolute;left:-8px;width:3px;height:0;border-radius:0 4px 4px 0;background:linear-gradient(#8c68ff,#4d75ff);box-shadow:0 0 15px #7d5eff;transition:height .25s var(--ease)}
.app-rail :is(a,button):hover{color:#b9c4d8;background:#4e629e12}
.app-rail :is(a,button).active{color:#a9a0ff;background:linear-gradient(180deg,#5041be3b,#26306024);border:1px solid rgba(115,91,255,.2)}
.app-rail :is(a,button).active:before{height:31px}
.rail-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(117,143,201,.11);background:#0b182f80}
.rail-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.app-main{min-height:100vh;padding:calc(var(--header-h) + 11px) 11px 28px calc(var(--rail-w) + 8px)}
#view-root{animation:riseIn .42s var(--ease)}
.view{max-width:1880px;margin:0 auto}
.page-heading{min-height:52px;margin:0 2px 8px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.page-heading>div:first-child>span{display:block;margin-bottom:2px;font-size:8px;font-weight:800;letter-spacing:.22em;color:#766dcb}
.page-heading h1{margin:0;font-size:clamp(18px,1.45vw,25px);font-weight:650;letter-spacing:-.025em}
.page-heading p{margin:3px 0 0;color:#77849d;font-size:10px}
.glass-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,#08172fe8,#050f20e3);box-shadow:0 18px 50px #00041042,inset 0 1px #ffffff06;backdrop-filter:blur(18px) saturate(125%)}
.glass-card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(140deg,rgba(255,255,255,.018),transparent 30% 70%,rgba(100,110,255,.025))}
.status-strip{position:fixed;z-index:150;top:72px;left:50%;transform:translate(-50%);min-width:min(560px,calc(100vw - 30px));min-height:40px;border-radius:12px;border:1px solid rgba(105,132,195,.28);background:#071327f0;backdrop-filter:blur(18px);box-shadow:0 18px 50px #00000073;display:flex;align-items:center;gap:9px;padding:9px 13px;font-size:10px}
.status-strip strong{font-size:10px}
.status-strip span:last-of-type{color:#8792a8}
.status-strip.error{border-color:#ff5a6957;color:#ff8794}
.status-strip.error button{margin-left:auto;border:0;background:transparent;color:inherit;font-size:18px}
.empty-state{min-height:calc(100vh - var(--header-h) - 40px);display:grid;place-items:center;align-content:center;text-align:center;padding:40px 20px}
.empty-state>span{font-size:9px;letter-spacing:.24em;font-weight:800;color:#7c70d3}
.empty-state h1{max-width:680px;margin:12px 0 8px;font-size:clamp(30px,5vw,62px);line-height:.98;letter-spacing:-.055em;font-weight:630}
.empty-state p{max-width:610px;margin:0 0 25px;color:#77849d;line-height:1.7;font-size:13px}
.empty-orbit{position:relative;width:150px;height:150px;margin-bottom:20px;display:grid;place-items:center}
.empty-orbit i{position:absolute;width:132px;height:52px;border-radius:50%;border:1px solid rgba(123,99,255,.45);transform:rotate(35deg);box-shadow:0 0 20px #7157ff14;animation:orbitPulse 3.4s ease-in-out infinite}
.empty-orbit i:nth-child(2){transform:rotate(-35deg);border-color:#2ecbe75e;animation-delay:-.7s}
.empty-orbit i:nth-child(3){width:78px;height:78px;transform:none;border-color:#f2be554d;animation-delay:-1.4s}
.empty-orbit b{font-size:27px;color:#fff;text-shadow:0 0 22px #7656ff}
.panel-actions button,.compact-panel-header :is(a,button){width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(105,136,197,.14);border-radius:8px;background:#0b18308c;color:#72809a;text-decoration:none;transition:.2s}
.panel-actions button:hover,.compact-panel-header :is(a,button):hover,.panel-actions button.active{color:#fff;border-color:#7a60ff6b;background:#5b45cd2e}
.dashboard-mini-card header :is(a,button){border:0;background:transparent;color:#6f7b94;text-decoration:none}
.segmented-control{display:flex;padding:2px;border-radius:8px;background:#050c1c8c}
.segmented-control button{width:auto;min-width:54px;height:24px;border:0;background:transparent;color:#606d86;font-size:7px}
.segmented-control button.active{color:#bdb8ff;background:#534ab53b;border:1px solid rgba(116,99,255,.26)}
.ghost-button{min-height:30px;border-radius:8px;border:1px solid rgba(105,135,197,.17);background:#0a162b99;color:#9ba7bd;font-size:8px;padding:0 10px;transition:.2s}
.ghost-button:hover{border-color:#7d63ff6b;color:#fff;background:#4a3ba42e}
.formula-edge{fill:none;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;opacity:.68;transition:stroke .2s,stroke-width .2s,opacity .2s}
.formula-node{cursor:pointer;color:#8f79ff;transition:transform .22s}
.formula-node.personal,.formula-node-effects.personal{color:#806dff}
.formula-node.auxiliary,.formula-node-effects.auxiliary{color:#f06876}
.formula-node.selected,.formula-node-effects.selected{color:#ffc65f}
.planet-inspector{height:100%;display:grid;align-content:start;gap:8px;padding:11px;border-radius:14px;border:1px solid rgba(107,137,197,.13);background:linear-gradient(145deg,#0a1b37c7,#050f20c7)}
.inspector-head{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(106,136,195,.11)}
.inspector-head h3{margin:3px 0 0;font-size:19px;font-weight:570}
.inspector-head p{margin:3px 0 0;font-size:8px;color:#758199}
.inspector-section{padding:9px;border-radius:11px;border:1px solid rgba(105,135,195,.1);background:#06112370}
.cosmo-planet{cursor:pointer;color:var(--personal)}
.modal-layer,.mobile-inspector-layer{position:fixed;z-index:300;inset:0;display:grid;place-items:center;opacity:0;transition:opacity .22s}
.modal-layer.open,.mobile-inspector-layer.open{opacity:1}
.modal-backdrop{position:absolute;inset:0;border:0;background:#01040db8;backdrop-filter:blur(8px)}
.parameters-sheet{position:relative;width:min(710px,calc(100vw - 28px));max-height:min(820px,calc(100vh - 30px));overflow:auto;border-radius:22px;border:1px solid rgba(126,103,255,.28);background:linear-gradient(145deg,#091730fa,#040d1dfa);box-shadow:0 40px 100px #0000009e,0 0 60px #5138d01f;transform:translateY(18px) scale(.985);transition:transform .24s var(--ease)}
.modal-layer.open .parameters-sheet{transform:none}
.sheet-header{min-height:78px;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(107,137,197,.12)}
.sheet-header span{color:#756bd0;font-size:10px;letter-spacing:.15em;font-weight:750}
.sheet-header h1{margin:4px 0 0;font-size:23px;font-weight:570}
.parameters-status{margin:14px 18px 0;min-height:48px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,90,105,.34);background:#46101e47;color:#ff8794}
.parameters-status>div{display:grid;gap:3px;min-width:0}
.parameters-status strong{font-size:12px}
.parameters-status span{color:#e7a7af;font-size:11px;overflow-wrap:anywhere}
.sheet-close,.inspector-close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(107,137,197,.14);background:#081224a6;color:#7e8aa0;font-size:20px}
.parameters-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:16px 18px 18px}
.form-field{display:grid;gap:6px}
.form-field.full,.switch-row.full,.sheet-note.full,.sheet-actions.full{grid-column:1/-1}
.form-field>span{color:#8490a7;font-size:8px}
.form-field input,.form-field select{height:42px;width:100%;border-radius:11px;border:1px solid rgba(108,138,198,.16);background:#061022c7;color:#dbe1ef;outline:0;padding:0 11px;font-size:9px;transition:.2s}
.form-field input:focus,.form-field select:focus{border-color:#7e64ff85;box-shadow:0 0 0 3px #6950ff14}
.form-field small{color:#5e6a81;font-size:7px}
.sheet-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:3px}
.sheet-actions .calculate-button{min-width:205px}
.mobile-inspector-layer{display:none}
.toast{position:fixed;z-index:500;left:50%;bottom:30px;transform:translate(-50%,15px);opacity:0;min-height:38px;padding:10px 14px;border-radius:12px;border:1px solid rgba(125,99,255,.28);background:#071226f0;color:#b8c2d5;box-shadow:0 20px 50px #00000080;backdrop-filter:blur(14px);font-size:9px;transition:.22s}
.mobile-bottom-nav{display:none}
@media (min-width: 1440px){.quick-form{max-width:770px}}
@media (max-width: 1439px){.brand{min-width:202px}
.brand-copy small,.quick-field span{display:none}
.quick-form{max-width:690px}}
@media (max-width: 1023px){:root{--rail-w: 78px}
.app-rail{width:68px}
.app-rail :is(a,button){min-height:58px;font-size:0}
.rail-icon{width:36px;height:36px}
.brand{min-width:174px}
.quick-place{display:none}}
@media (max-width: 980px){:root{--header-h: 58px;--rail-w: 0px}
.app-header{padding:7px 10px;gap:8px}
.desktop-only{display:none}
.brand{min-width:0;flex:1}
.quick-form,.top-nav,.app-rail{display:none}
.app-main{padding:calc(var(--header-h) + 8px) 8px 82px}
.page-heading{min-height:48px}
.mobile-bottom-nav{position:fixed;z-index:110;left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));height:60px;display:grid;grid-template-columns:repeat(4,1fr);padding:5px;border-radius:18px;border:1px solid rgba(114,144,205,.2);background:#050f20e6;backdrop-filter:blur(20px);box-shadow:0 20px 45px #00000080}
.mobile-bottom-nav :is(a,button){border:0;border-radius:13px;background:transparent;color:#68758d;display:grid;place-items:center;align-content:center;gap:2px;text-decoration:none}
.mobile-bottom-nav :is(a,button) span{font-size:17px}
.mobile-bottom-nav :is(a,button) small{font-size:7px}
.mobile-bottom-nav :is(a,button).active{color:#c3b9ff;background:linear-gradient(180deg,#634ee23d,#363e7e21);box-shadow:inset 0 1px #ffffff0a}}
@media (max-width: 767px){.cursor-aura{display:none}
.app-header{background:#020814f0}
.header-actions{gap:5px}
.header-icon{width:36px;height:36px}
.page-heading{align-items:end;margin-bottom:7px}
.page-heading h1{font-size:19px}
.page-heading p{max-width:320px;font-size:8px}
.modal-layer{align-items:end}
.parameters-sheet{width:100%;max-height:92vh;border-radius:24px 24px 0 0;transform:translateY(100%)}
.modal-layer.open .parameters-sheet{transform:none}
.parameters-form{grid-template-columns:1fr}
.form-field.full,.switch-row.full,.sheet-note.full,.sheet-actions.full{grid-column:auto}
.sheet-actions{flex-direction:column-reverse}
.sheet-actions .calculate-button{min-width:0;width:100%}
.sheet-actions .ghost-button{width:100%}
.mobile-inspector-layer{display:grid;align-items:end}
.mobile-inspector-sheet{position:relative;width:100%;max-height:86vh;overflow:auto;border-radius:24px 24px 0 0;border:1px solid rgba(126,103,255,.25);background:linear-gradient(145deg,#0a1831fc,#040d1dfc);box-shadow:0 -24px 70px #0000008c;transform:translateY(100%);transition:transform .24s var(--ease);padding-bottom:max(14px,env(safe-area-inset-bottom))}
.mobile-inspector-layer.open .mobile-inspector-sheet{transform:none}
.toast{bottom:84px}}
@media (max-width: 470px){.header-actions .header-icon:first-child{display:grid}
.page-heading>div:first-child>span{font-size:7px}
.page-heading h1{font-size:18px}
.page-heading p{font-size:7.5px}}
@media print{body{background:#fff;color:#111}
.space-scene,.app-header,.app-rail,.mobile-bottom-nav,.panel-actions,.toolbar-controls,.header-actions{display:none!important}
.app-main{padding:0}
.glass-card,.structure-shell{break-inside:avoid;border:1px solid #ccd2df;background:#fff;box-shadow:none}
.view{max-width:none}
.page-heading{margin:0 0 10px}}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.brand{flex:0 0 148px;min-width:148px!important;height:48px;gap:0}
.brand-artwork{position:relative;display:inline-flex;align-items:center;height:48px;overflow:hidden;border:1px solid rgba(124,82,255,.22);border-radius:11px;background:#000;box-shadow:0 10px 26px #00000057,0 0 0 1px #ffffff06 inset;transform:translateZ(0);transition:transform .28s var(--ease),border-color .28s ease,box-shadow .28s ease}
.brand-artwork:after{content:"";position:absolute;inset:-55%;pointer-events:none;background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.13) 49%,transparent 61%);transform:translate(-72%);transition:transform .7s var(--ease)}
.brand-logo{display:block;width:auto;height:100%;max-width:none;object-fit:contain;background:#000}
.brand-logo-symbol{display:none}
.brand:hover .brand-artwork,.brand:focus-visible .brand-artwork{border-color:#804cff80;box-shadow:0 12px 30px #0000006b,0 0 22px #6d2cee38;transform:translateY(-1px)}
.brand:hover .brand-artwork:after,.brand:focus-visible .brand-artwork:after{transform:translate(72%)}
@media (min-width: 1024px) and (max-width: 1199px){.brand{flex-basis:132px;min-width:132px!important;height:44px}
.brand-artwork{height:44px;border-radius:10px}}
@media (max-width: 980px){.brand{flex:1 1 auto;min-width:0!important;height:42px}
.brand-artwork{width:46px;height:40px;border-radius:10px}
.brand-logo-symbol{display:block;width:46px;height:auto}}
@media (max-width: 359px){.brand{height:38px}
.brand-artwork{width:41px;height:36px;border-radius:9px}
.brand-logo-symbol{width:41px}}
@media (min-width: 1024px){.quick-date{min-width:175px}
.quick-time{min-width:108px}
.quick-place{min-width:170px}
.quick-zone{min-width:132px}}
@media (min-width: 1440px){body:not([data-view=dashboard]) .quick-form{flex:0 1 570px;max-width:570px}
body:not([data-view=dashboard]) .quick-field span{display:none}
body:not([data-view=dashboard]) .quick-date{min-width:142px}
body:not([data-view=dashboard]) .quick-time{min-width:86px}
body:not([data-view=dashboard]) .quick-place{display:none}
body:not([data-view=dashboard]) .quick-zone{min-width:116px}
body:not([data-view=dashboard]) .calculate-button{padding-inline:16px}}
@media (min-width: 1440px){.page-heading{min-height:48px;margin-bottom:7px}}
.formula-edge{stroke-width:1.45;opacity:.78}
.glass-card{transition:border-color .24s var(--ease),box-shadow .24s var(--ease),transform .24s var(--ease)}
.glass-card:hover{border-color:#7c97da3b;box-shadow:0 22px 58px #00041254,inset 0 1px #ffffff09}
.inspector-head p,.inspector-stats span,.inspector-stats small,.section-mini-title small{font-size:7.5px}
@media (min-width: 1024px) and (max-width: 1439px){body:not([data-view=dashboard]) .brand{min-width:172px}
body:not([data-view=dashboard]) .quick-form{flex-basis:500px;max-width:500px}
body:not([data-view=dashboard]) .quick-zone{display:none}
.top-nav :is(a,button){padding-inline:10px}}
@media (max-width: 767px){body[data-view=dashboard] .mobile-bottom-nav{display:none}
body[data-view=dashboard] .app-main{padding-bottom:24px}
.mobile-inspector-sheet{border-color:#8b6fff57;background:linear-gradient(155deg,#0b1a37fe,#040c1cfe)}}
@media (min-width: 1440px){.quick-field{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:1px}
.quick-field span{font-size:7px;line-height:1}
.quick-field input{font-size:10.5px;line-height:1.15}}
@media (min-width: 1440px){body[data-view=dashboard] .quick-form{flex:0 1 900px;max-width:900px}
body[data-view=dashboard] .quick-date{min-width:192px}
body[data-view=dashboard] .quick-time{min-width:122px}
body[data-view=dashboard] .quick-place{min-width:184px}
body[data-view=dashboard] .quick-zone{min-width:152px}
body[data-view=dashboard] .calculate-button{min-width:188px;white-space:nowrap}
body:not([data-view=dashboard]) .quick-date{min-width:160px}
body:not([data-view=dashboard]) .quick-time{min-width:108px}
.quick-field input{font-size:11px}}
.skip-link{position:fixed;z-index:1000;top:8px;left:12px;transform:translateY(-150%);min-height:44px;padding:0 16px;border-radius:11px;display:inline-flex;align-items:center;color:#fff;background:#5939d5;border:1px solid #a78cff;text-decoration:none;transition:transform .18s var(--ease)}
.skip-link:focus{transform:translateY(0)}
.calculation-layer{position:fixed;z-index:450;inset:0;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));opacity:0;transition:opacity .28s var(--ease)}
.calculation-layer.open{opacity:1}
.calculation-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 43%,rgba(93,67,225,.25),transparent 38%),#01050fe0;backdrop-filter:blur(18px) saturate(115%)}
.calculation-card{position:relative;width:min(540px,100%);min-height:610px;overflow:hidden;display:grid;justify-items:center;align-content:center;padding:30px 34px 28px;border:1px solid rgba(139,113,255,.34);border-radius:28px;background:linear-gradient(155deg,#0a1b38fa,#030c1dfa);box-shadow:0 42px 120px #000000ad,0 0 80px #5d3ee621,inset 0 1px #ffffff0a;transform:translateY(18px) scale(.975);transition:transform .32s var(--ease),border-color .3s}
.calculation-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 28% 72%,rgba(85,113,255,.035))}
.calculation-layer.open .calculation-card{transform:none}
.calculation-kicker{position:relative;color:#9c8cff;font-size:11px;font-weight:800;letter-spacing:.22em}
.orbital-assembly{position:relative;width:280px;height:280px;margin:20px 0 16px}
.assembly-aura{position:absolute;inset:47px;border-radius:50%;background:radial-gradient(circle,rgba(116,84,255,.19),rgba(46,123,232,.06) 48%,transparent 72%);filter:blur(12px);animation:assemblyBreathe 2.4s ease-in-out infinite}
.assembly-ring{position:absolute;inset:56px 20px;border-radius:50%;border:1px solid rgba(130,105,255,.52);box-shadow:0 0 24px #704eff17,inset 0 0 18px #704eff0a;will-change:transform}
.assembly-ring.ring-one{transform:rotate(28deg);animation:assemblyRingOne 7.5s linear infinite}
.assembly-ring.ring-two{inset:35px 48px;border-color:#2dcfe76b;transform:rotate(-52deg);animation:assemblyRingTwo 9.5s linear infinite}
.assembly-ring.ring-three{inset:78px 10px;border-color:#f4be5557;transform:rotate(88deg);animation:assemblyRingThree 11s linear infinite}
.assembly-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.assembly-links path{fill:none;stroke:#8b74ff61;stroke-width:1;stroke-dasharray:.08 .08;animation:assemblyLinkFlow 2.2s linear infinite}
.assembly-core{position:absolute;left:50%;top:50%;width:76px;height:76px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;color:#fff;border:1px solid rgba(184,160,255,.74);background:radial-gradient(circle at 36% 28%,#a890ff,#6543df 36%,#15275c 70%,#07142b);box-shadow:0 0 24px #7c58ff9e,0 0 64px #4b5aee45,inset 0 1px #ffffff80;animation:assemblyCore 1.9s ease-in-out infinite}
.assembly-core:before,.assembly-core:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(148,124,255,.28);animation:assemblyWave 2.4s ease-out infinite}
.assembly-core:before{inset:-19px}
.assembly-core:after{inset:-38px;animation-delay:.8s}
.assembly-core span{font-size:25px;text-shadow:0 0 14px #fff}
.assembly-planets{position:absolute;inset:0}
.assembly-planet{--planet-angle: 0deg;position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--planet-angle)) translateY(-114px)}
.assembly-planet:nth-child(1){--planet-angle: 0deg;--planet-delay: 0ms}
.assembly-planet:nth-child(2){--planet-angle: 36deg;--planet-delay: 85ms}
.assembly-planet:nth-child(3){--planet-angle: 72deg;--planet-delay: .17s}
.assembly-planet:nth-child(4){--planet-angle: 108deg;--planet-delay: 255ms}
.assembly-planet:nth-child(5){--planet-angle: 144deg;--planet-delay: .34s}
.assembly-planet:nth-child(6){--planet-angle: 180deg;--planet-delay: 425ms}
.assembly-planet:nth-child(7){--planet-angle: 216deg;--planet-delay: .51s}
.assembly-planet:nth-child(8){--planet-angle: 252deg;--planet-delay: 595ms}
.assembly-planet:nth-child(9){--planet-angle: 288deg;--planet-delay: .68s}
.assembly-planet:nth-child(10){--planet-angle: 324deg;--planet-delay: 765ms}
.assembly-planet i{position:absolute;left:-18px;top:-18px;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#a38dff;font-size:22px;font-style:normal;border:1px solid currentColor;background:#08142bf0;box-shadow:0 0 16px color-mix(in srgb,currentColor 28%,transparent);opacity:0;transform:rotate(calc(0deg - var(--planet-angle))) scale(.45);animation:assemblyPlanetIn 1.15s var(--ease) var(--planet-delay) forwards,assemblyPlanetPulse 2.8s ease-in-out calc(1s + var(--planet-delay)) infinite}
.assembly-planet:nth-child(6) i,.assembly-planet:nth-child(7) i{color:#f1bd62}
.assembly-planet:nth-child(n+8) i{color:#45cde9}
.calculation-copy{position:relative;min-height:85px;text-align:center}
.calculation-copy h2{margin:0;font-size:25px;font-weight:620;letter-spacing:-.025em}
.calculation-copy p{margin:8px 0 0;color:#c2cbe0;font-size:14px;font-weight:590}
.calculation-copy small{display:block;max-width:410px;margin:7px auto 0;color:#8e9bb5;font-size:12px;line-height:1.5}
.calculation-phases{position:relative;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:14px 0 20px;padding:0;list-style:none}
.calculation-phases:before{content:"";position:absolute;left:12.5%;right:12.5%;top:8px;height:1px;background:#7791c92e}
.calculation-phases li{position:relative;display:grid;justify-items:center;gap:7px;color:#68768f;font-size:11px}
.calculation-phases i{position:relative;z-index:1;width:17px;height:17px;border-radius:50%;border:1px solid rgba(118,143,198,.28);background:#08172f;transition:.25s}
.calculation-phases li.active{color:#c8c0ff}
.calculation-phases li.active i{border-color:#9b7cff;background:#8060f2;box-shadow:0 0 18px #7e5bffb3;animation:orbitPulse 1.25s ease-in-out infinite}
.calculation-phases li.done{color:#93a2bb}
.calculation-phases li.done i{border-color:#43cfe1;background:#1da8bd;box-shadow:0 0 12px #2dcbe159}
.calculation-phases li.done i:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#ecfeff;font-size:10px;font-style:normal}
.calculation-cancel{position:relative;min-width:180px;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid rgba(119,145,204,.24);background:#071226c2;color:#aeb9cf;font-size:12px}
.calculation-cancel:hover{color:#fff;border-color:#9274ff8a;background:#3d2d8e3d}
@keyframes assemblyBreathe{50%{transform:scale(1.14);opacity:.72}}
@keyframes assemblyRingOne{0%{transform:rotate(28deg)}to{transform:rotate(388deg)}}
@keyframes assemblyRingTwo{0%{transform:rotate(-52deg)}to{transform:rotate(-412deg)}}
@keyframes assemblyRingThree{0%{transform:rotate(88deg)}to{transform:rotate(448deg)}}
@keyframes assemblyLinkFlow{to{stroke-dashoffset:-.32}}
@keyframes assemblyCore{50%{transform:translate(-50%,-50%) scale(1.07);filter:brightness(1.16)}}
@keyframes assemblyWave{0%{transform:scale(.72);opacity:.65}to{transform:scale(1.28);opacity:0}}
@keyframes assemblyPlanetIn{0%{opacity:0;transform:rotate(calc(0deg - var(--planet-angle))) scale(.45)}70%{opacity:1;transform:rotate(calc(0deg - var(--planet-angle))) scale(1.14)}to{opacity:1;transform:rotate(calc(0deg - var(--planet-angle))) scale(1)}}
@keyframes assemblyPlanetPulse{0%,to{opacity:1;transform:rotate(calc(0deg - var(--planet-angle))) scale(1)}50%{opacity:.78;transform:rotate(calc(0deg - var(--planet-angle))) scale(.93)}}
@keyframes assemblyComplete{50%{transform:translate(-50%,-50%) scale(1.24);filter:brightness(1.4)}to{transform:translate(-50%,-50%) scale(.92)}}
@keyframes resultEdgeIn{0%{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:.78}}
@keyframes resultSurfaceIn{0%{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}
@keyframes resultCopyIn{0%{opacity:0}to{opacity:1}}
@keyframes resultMobileNodeIn{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.status-strip{font-size:12px}
.status-strip>div{display:grid;gap:3px}
.status-strip>div strong{font-size:12px}
.status-strip>div span{color:#a7b2c8;font-size:11px}
.header-icon,.avatar-button,.panel-actions button,.compact-panel-header>:is(a,button),.sheet-close,.inspector-close,.favorite-button,.toolbar-reset,.ghost-button,.mobile-birth-summary button,.mobile-view-tabs button,.table-actions button{min-width:44px;min-height:44px}
.panel-actions button,.compact-panel-header>:is(a,button){width:44px;height:44px}
.sheet-close,.inspector-close{width:44px;height:44px}
.page-heading>div:first-child>span,.panel-header>div:first-child span,.compact-panel-header span,.dashboard-mini-card>header>span,.metric-card-head,.component-kicker,.inspector-kicker{font-size:10px}
.page-heading p,.heading-context span,.panel-header h2,.compact-panel-header small,.metric-card>small,.selected-summary-main p,.selected-stats span,.timeline-copy,.timeline-label-row,.timeline-legend,.insight-item strong,.insight-item p,.toolbar-title p,.toolbar-check,.mode-pill,.toolbar-reset,.graph-legend,.inspector-head p,.inspector-stats span,.inspector-stats small,.section-mini-title,.section-mini-title small,.route-chip,.route-note,.related-list strong,.related-list small,.inspector-tags span,.structure-metric-strip span,.structure-metric-strip small,.aspect-row strong,.aspect-row small,.aspect-row em,.strength-bars>div,.strength-bars small,.dynamics-legend,.window-control span,.window-control strong,.transition-state>header span,.transition-state footer span,.transition-state footer strong,.transition-scale-card>header,.dynamics-card>header span,.dynamics-card>header b,.radar-grid text,.radar-value,.transition-change-list li,.transition-change-list strong,.event-tags span,.phase-analysis-card p,.narrative-card p,.table-page-toolbar>div:first-child span,.table-page-toolbar h2,.table-search input,.table-actions button,.full-planet-table th,.full-planet-table td,.full-planet-table td>small,.table-planet strong,.table-planet small,.orbit-badge-table,.score-badge-table,.motion-pill,.form-field>span,.form-field small,.switch-row strong,.switch-row small,.sheet-note p,.sheet-note strong,.toast{font-size:10px}
.form-field input,.form-field select{min-height:44px;font-size:12px}
.page-heading p,.heading-context span,.inspector-head p{color:#91a0b9}
.inspector-stats span,.section-mini-title small,.related-list small,.form-field small,.sheet-note p,.full-planet-table td>small{color:#8493ad}
.selected-orb.auxiliary,.cosmo-planet.auxiliary{color:var(--auxiliary)}
@media (min-width: 1024px) and (max-width: 1439px){.app-header{gap:9px;padding-inline:12px}
.brand{min-width:165px}
.quick-form{flex:1 1 auto!important;max-width:650px!important;gap:6px}
.quick-field span,.quick-place{display:none!important}
.quick-date{min-width:145px!important}
.quick-time{min-width:102px!important}
.quick-zone{min-width:125px!important}
.quick-form .calculate-button{min-width:168px!important;padding-inline:13px}
.header-actions{gap:5px}}
@media (min-width: 1440px){.quick-form{flex:0 1 900px!important;max-width:900px!important}
.quick-field{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:1px}
.quick-field span{display:block!important;font-size:9px;line-height:1}
.quick-date{min-width:180px!important}
.quick-time{min-width:114px!important}
.quick-place{display:grid!important;min-width:170px!important}
.quick-zone{display:grid!important;min-width:145px!important}
.quick-form .calculate-button{min-width:184px!important}}
@media (min-width: 768px) and (max-width: 1023px){:root{--header-h: 60px;--rail-w: 0px}
.app-header{padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));gap:9px}
.desktop-only,.quick-form,.app-rail{display:none!important}
.brand{min-width:0;flex:1}
.app-main{padding:calc(var(--header-h) + 10px) 10px 86px}
.mobile-bottom-nav{position:fixed;z-index:110;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));height:64px;display:grid;grid-template-columns:repeat(4,1fr);padding:5px;border-radius:18px;border:1px solid rgba(114,144,205,.2);background:#050f20eb;backdrop-filter:blur(20px);box-shadow:0 20px 45px #00000080}
.mobile-bottom-nav :is(a,button){min-height:52px;border:0;border-radius:13px;background:transparent;color:#7f8ca5;display:grid;place-items:center;align-content:center;gap:2px;text-decoration:none}
.mobile-bottom-nav :is(a,button) small{font-size:11px}
.mobile-bottom-nav :is(a,button).active{color:#d1c8ff;background:linear-gradient(180deg,#634ee247,#363e7e26)}}
@media (min-width: 768px) and (max-width: 980px){.mobile-inspector-layer{display:grid;align-items:end}
.mobile-inspector-sheet{position:relative;width:min(620px,100%);max-height:min(88dvh,820px);overflow:auto;justify-self:center;border-radius:24px 24px 0 0;border:1px solid rgba(139,111,255,.34);background:linear-gradient(155deg,#0b1a37fe,#040c1cfe);box-shadow:0 -24px 70px #0000008c;transform:translateY(100%);transition:transform .24s var(--ease);padding-bottom:max(14px,env(safe-area-inset-bottom))}
.mobile-inspector-layer.open .mobile-inspector-sheet{transform:none}}
@media (max-width: 767px){:root{--header-h: calc(58px + env(safe-area-inset-top)) ;--rail-w: 0px}
.app-header{height:var(--header-h);padding:max(7px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 7px max(10px,env(safe-area-inset-left));gap:7px}
.desktop-only,.quick-form,.app-rail{display:none!important}
.brand{min-width:0;flex:1}
.app-main{padding:calc(var(--header-h) + 8px) 8px calc(84px + env(safe-area-inset-bottom))}
body[data-view=dashboard] .app-main{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
body[data-view=dashboard] .mobile-bottom-nav,.mobile-bottom-nav{position:fixed;z-index:110;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));height:62px;display:grid!important;grid-template-columns:repeat(4,1fr);padding:5px;border-radius:18px;border:1px solid rgba(114,144,205,.22);background:#050f20f0;backdrop-filter:blur(18px);box-shadow:0 20px 45px #00000085}
.mobile-bottom-nav :is(a,button){min-height:52px;border:0;border-radius:13px;background:transparent;color:#8290aa;display:grid;place-items:center;align-content:center;gap:1px;text-decoration:none}
.mobile-bottom-nav :is(a,button) small{font-size:10px}
.mobile-bottom-nav :is(a,button).active{color:#d1c8ff;background:linear-gradient(180deg,#634ee24d,#363e7e29)}
.page-heading p{font-size:11px;line-height:1.35}
.mobile-inspector-layer{display:grid;align-items:end}
.parameters-sheet,.mobile-inspector-sheet{max-height:92dvh}
.form-field>span,.switch-row strong,.sheet-note strong{font-size:11px}
.form-field small,.switch-row small,.sheet-note p{font-size:10px}
.glass-card{backdrop-filter:none}
.calculation-card{min-height:min(650px,calc(100dvh - 24px));padding:22px 18px 20px;border-radius:24px}
.orbital-assembly{width:240px;height:240px;margin-block:12px;transform:scale(.9)}
.calculation-copy h2{font-size:22px}
.calculation-copy p{font-size:13px}
.calculation-copy small{font-size:11px}
.calculation-phases li{font-size:9px}
.calculation-card{max-height:calc(100dvh - 16px);overflow-y:auto}
.status-strip{top:calc(var(--header-h) + 8px);flex-wrap:wrap}
.status-strip>div{min-width:0;flex:1 1 calc(100% - 36px)}}
@media (max-width: 359px){.calculation-layer{padding-inline:8px}
.calculation-card{padding-inline:12px}
.orbital-assembly{margin-inline:-20px}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}
.starfield,.aurora,.status-pulse,.empty-orbit i,.formula-edge.edge-active,.calculate-spinner,#view-root{animation:none!important}
.assembly-ring,.assembly-aura,.assembly-core,.assembly-core:before,.assembly-core:after,.assembly-links path,.assembly-planet i,.calculation-phases li.active i{animation:none!important}
.assembly-planet i{opacity:1;transform:rotate(calc(0deg - var(--planet-angle))) scale(1)}}
.page-heading h1:focus{outline:none}
@media (max-width: 1023px){.brand{min-height:44px}
.insights-card header :is(a,button),.cosmogram-compact-controls .ghost-button{min-width:44px;min-height:44px}}
@media (min-width: 1024px){.app-header{gap:8px;padding-inline:12px}
.brand{flex:0 0 158px;min-width:158px!important}
.quick-form{display:flex!important;flex:1 1 auto!important;max-width:none!important;gap:6px}
body .quick-place{display:grid!important}
.quick-date{flex:1.12 1 164px;min-width:148px!important}
.quick-time{flex:.74 1 116px;min-width:104px!important}
.quick-place{flex:1.08 1 170px;min-width:150px!important}
.quick-zone{flex:.94 1 154px;min-width:136px!important}
.quick-form .calculate-button{flex:0 1 174px;min-width:152px!important;padding-inline:13px;white-space:nowrap}
.header-actions{flex:0 0 auto;gap:5px}}
@media (min-width: 1024px) and (max-width: 1199px){.brand{flex-basis:150px;min-width:150px!important}
.brand-copy small,.quick-field span{display:none!important}
.quick-field{grid-template-columns:minmax(0,1fr);padding-inline:9px}
.quick-date{min-width:132px!important}
.quick-time{min-width:88px!important}
.quick-place{min-width:130px!important}
.quick-zone{min-width:118px!important}
.quick-form .calculate-button{min-width:140px!important}}
@media (min-width: 1200px){.quick-field{grid-template-columns:auto minmax(0,1fr)!important}
.quick-field span{display:block!important;font-size:9px;line-height:1.15}}
.is-fullscreen-fallback:not(.af-soul-expanded){position:fixed!important;z-index:460!important;inset:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;width:auto!important;height:auto!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;overflow:auto!important;overscroll-behavior:contain;border-color:#9077ff8c!important;box-shadow:0 0 0 100vmax #01050ee6,0 30px 90px #000000b8!important}
.app-rail{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.app-rail::-webkit-scrollbar{display:none}
.app-rail :is(a,button){color:#8492ab;font-size:10px}
.app-rail :is(a,button).active{color:#cbc3ff}
.quick-field span{color:#9aa8c0}
.quick-field input{color:#f2f5ff;font-size:12px}
.parameters-sheet{max-height:min(820px,calc(100dvh - 30px));overscroll-behavior:contain;scrollbar-gutter:stable}
.sheet-header{position:sticky;z-index:4;top:0;background:#08152cf7;backdrop-filter:blur(18px)}
.status-strip{width:min(560px,calc(100vw - 24px));min-width:0;max-width:calc(100vw - 24px)}
.status-strip>div,.status-strip>div span{min-width:0}
.status-strip span,.toast{overflow-wrap:anywhere}
.toast{width:max-content;max-width:calc(100vw - 24px);text-align:center}
@media (min-width: 1024px) and (max-height: 720px){.app-rail{padding-block:6px}
.rail-main{gap:3px}
.app-rail :is(a,button){min-height:50px}
.rail-icon{width:30px;height:30px}}
@media (max-width: 767px){.calculation-layer{padding-block:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-bottom))}
.calculation-card{min-height:0!important;max-height:calc(100dvh - 16px)!important;overflow-y:auto;overscroll-behavior:contain}
.parameters-sheet,.mobile-inspector-sheet{max-height:92dvh}}
:fullscreen{color:#edf1fb;background:#020713}
:fullscreen::backdrop{background:#020713}
@media (max-height: 700px){.calculation-layer{padding-block:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-bottom))}
.calculation-card{min-height:0!important;max-height:calc(100dvh - 16px)!important;overflow-y:auto;overscroll-behavior:contain}
.orbital-assembly{width:240px;height:240px;margin-block:10px;transform:scale(.92)}}
.metric-card-head,.metric-card>small,.quick-field span,.timeline-label-row small,.center-rings span,.center-rings span b{font-size:10px!important}
.quick-field input{font-size:12px!important}
.dashboard-mini-card header :is(a,button),.insights-card header :is(a,button){min-width:44px;min-height:44px}
@media (max-width: 1023px){#mobile-more{display:block!important}
html,body{scroll-padding-bottom:calc(106px + env(safe-area-inset-bottom))}
body .app-main,body[data-view=dashboard] .app-main{padding-bottom:calc(106px + env(safe-area-inset-bottom))!important}
.mobile-bottom-nav,body[data-view=dashboard] .mobile-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;background:#051020!important}}
@media (max-width: 767px){.form-field input,.form-field select,.table-search input{font-size:16px!important}
.sheet-header{padding:10px 12px;gap:8px}
.sheet-header>div{min-width:0;margin-right:auto}
.sheet-header span{display:none}
.sheet-header h1{font-size:19px;white-space:nowrap}
.mobile-bottom-nav :is(a,button) small{font-size:10px}}
small{font-size:10px!important}
.dashboard-mini-card>header b,.timeline-copy strong,.selected-stats strong,.ghost-button,.inspector-planet b,.inspector-stats strong,.aspect-mini-list strong,.aspect-mini-list small,.aspect-mini-list i,.related-list i,.strength-bars strong{font-size:10px!important}
body[data-route=calculate] .app-shell{min-height:0}
body[data-route=calculate] .app-main,body[data-route=calculate] .quick-form{display:none!important}
body[data-route=calculate] .modal-layer{position:relative;inset:auto;z-index:50;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:calc(var(--header-h) + 24px) 24px 28px calc(var(--rail-w) + 24px);opacity:1;pointer-events:auto}
body[data-route=calculate] .modal-backdrop{display:none}
body[data-route=calculate] .parameters-sheet,body[data-route=calculate] .modal-layer.open .parameters-sheet{width:min(820px,100%);max-height:none;margin:0;overflow:visible;border-radius:24px;transform:none}
body[data-route=calculate] .sheet-header{top:var(--header-h);border-radius:24px 24px 0 0}
@media (max-width: 1023px){body[data-route=calculate] .mobile-bottom-nav{display:none!important}
body[data-route=calculate] .modal-layer{min-height:100dvh;padding:calc(var(--header-h) + 14px) max(10px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
body[data-route=calculate] .parameters-sheet,body[data-route=calculate] .modal-layer.open .parameters-sheet{width:min(720px,100%);max-height:none;border-radius:20px}}
@media (max-width: 767px){body[data-route=calculate] .modal-layer{padding-top:calc(var(--header-h) + 8px)}
body[data-route=calculate] .parameters-sheet,body[data-route=calculate] .modal-layer.open .parameters-sheet{border-radius:18px}
body[data-route=calculate] .parameters-form{padding-inline:12px}
body[data-route=calculate] .parameters-status{margin-inline:12px}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.smart-combobox{position:relative;width:100%;min-width:0}
.smart-combobox>input{width:100%}
@keyframes combobox-spin{to{transform:rotate(360deg)}}
.combobox-list{position:absolute;z-index:620;top:calc(100% + 8px);left:0;width:min(430px,calc(100vw - 28px));max-height:min(360px,52vh);overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid rgba(130,116,225,.34);border-radius:15px;background:#050e1ffb;box-shadow:0 24px 70px #0000009e,inset 0 1px #ffffff0b;scrollbar-width:thin;scrollbar-color:rgba(127,108,237,.48) transparent}
.quick-zone .combobox-list{right:0;left:auto}
.form-field>label{color:#a6b2c8;font-size:11px}
.form-field .smart-combobox>input{padding-right:34px}
.smart-combobox>input[aria-invalid=true],.form-field input[aria-invalid=true],.form-field select[aria-invalid=true],.quick-field input[aria-invalid=true]{border-color:#ff697ed1!important;box-shadow:0 0 0 2px #eb486929!important}
.form-field .combobox-list{width:100%}
@media (min-width: 1024px){body:not([data-view=dashboard]) .quick-zone{display:grid!important}
.quick-field .combobox-list span,.quick-field .combobox-option-copy{display:grid!important}}
@media (max-width: 767px){.form-field>label{font-size:11px}
.combobox-list{position:fixed;z-index:720;top:auto;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));width:auto;max-height:min(420px,54dvh);border-radius:18px;padding:7px}}
.cosmo-planet:focus,.cosmo-planet:focus-visible{outline:none!important}
.life-cycle-card,.formula-window-card{min-width:0;padding:12px;border:1px solid rgba(112,143,207,.14);border-radius:14px;background:linear-gradient(145deg,#09172fc7,#061022c2)}
.life-cycle-card>header,.formula-window-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.life-cycle-card header div,.formula-window-card header div{display:grid;gap:3px}
.life-cycle-card header span,.formula-window-card header span{color:#c0c9db;font-size:10px;font-weight:750;letter-spacing:.07em}
.life-cycle-card header small,.formula-window-card header small{color:#738199;font-size:10px}
.life-cycle-card header b,.formula-window-card header b{padding:6px 9px;border:1px solid rgba(142,114,255,.26);border-radius:8px;color:#c9bdff;background:#5b44c41f;font-size:10px;font-weight:700;white-space:nowrap}
.formula-window-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
.formula-window-card dl div{min-width:0;padding:8px;border-radius:9px;background:#061124ad}
.formula-window-card dt{color:#718099;font-size:9px}
.formula-window-card dd{margin:4px 0 0;color:#b8c3d7;font-size:10px;line-height:1.35;overflow-wrap:anywhere}
.formula-window-card dd small{display:block;margin-top:3px;color:#6f7d95;font-size:9px!important;font-weight:400}
.formula-window-card p{margin:9px 0 0;color:#8b99b1;font-size:10px;line-height:1.45}
@media (max-width: 767px){.formula-window-card dl{grid-template-columns:1fr}}
.formula-node,.formula-node-effects{--node-tone: var(--violet);color:var(--node-tone)}
.formula-node{cursor:pointer;transition:opacity .16s var(--ease)}
.formula-node:focus-visible{outline:none}
.formula-edge{--edge-tone: var(--formula-edge-neutral);fill:none;stroke:var(--edge-tone);stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;opacity:.9;filter:none;vector-effect:non-scaling-stroke;transition:stroke .15s var(--ease),stroke-width .15s var(--ease),opacity .15s var(--ease)}
.formula-edge-hit,.edge-hit{fill:none;stroke:transparent;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke;cursor:pointer;vector-effect:non-scaling-stroke}
.formula-edge-group:hover .formula-edge,.edge:hover>.formula-edge,.formula-edge.is-hovered{stroke-width:3.75;opacity:1}
.formula-node[data-formula-role=core][data-orbit="1"]:not(.is-center){--node-tone: var(--orbit-1)}
.formula-node[data-formula-role=core][data-orbit="2"]:not(.is-center){--node-tone: var(--orbit-2)}
.formula-node[data-formula-role=core][data-orbit="3"]:not(.is-center){--node-tone: var(--orbit-3)}
.formula-node[data-formula-role=core][data-orbit="4"]:not(.is-center){--node-tone: var(--orbit-4)}
.formula-node[data-formula-role=core][data-orbit="5"]:not(.is-center){--node-tone: var(--orbit-5)}
.formula-node[data-formula-role=core][data-orbit="6"]:not(.is-center){--node-tone: var(--orbit-6)}
.formula-node[data-formula-role=core][data-orbit="7"]:not(.is-center){--node-tone: var(--orbit-7)}
.formula-node[data-formula-role=core][data-orbit="8"]:not(.is-center){--node-tone: var(--orbit-8)}
@media (prefers-reduced-motion: reduce){.formula-node,.formula-node .node-surface,.formula-node-effects .node-aura,.formula-edge,.edge-origin,.formula-edge-origin{transition:none!important}}
.quick-field select{width:100%;min-width:0;border:0;outline:0;color:#f2f5ff;background:transparent;font:inherit;font-size:12px;color-scheme:dark}
.quick-field select option{color:#e8edf8;background:#0a1830}
@media (min-width: 1024px){.quick-form{max-width:none!important}
.quick-name{flex:.82 1 118px;min-width:98px!important}
.quick-gender{flex:.68 1 104px;min-width:90px!important}
body .quick-place{display:grid!important}}
@media (min-width: 1024px) and (max-width: 1199px){.brand{flex-basis:132px;min-width:132px!important}
.brand-copy small,.quick-field span{display:none!important}
.quick-field{grid-template-columns:minmax(0,1fr)!important;padding-inline:7px}
.quick-name,.quick-gender{min-width:78px!important}
.quick-date{min-width:112px!important}
.quick-time{min-width:73px!important}
.quick-place{min-width:108px!important}
.quick-zone{min-width:96px!important}
.quick-form .calculate-button{min-width:126px!important;padding-inline:9px}
.header-actions .header-icon{width:36px}}
@media (min-width: 1200px) and (max-width: 1439px){.quick-name{min-width:106px!important}
.quick-gender{min-width:96px!important}
.quick-date{min-width:138px!important}
.quick-time{min-width:98px!important}
.quick-place{min-width:142px!important}
.quick-zone{min-width:128px!important}
.quick-form .calculate-button{min-width:154px!important}}
@media (min-width: 1440px){.quick-form{flex:1 1 auto!important;max-width:none!important}
.quick-name{min-width:122px!important}
.quick-gender{min-width:108px!important}
.quick-date{min-width:154px!important}
.quick-time{min-width:104px!important}
.quick-place{min-width:158px!important}
.quick-zone{min-width:138px!important}
.quick-form .calculate-button{min-width:168px!important}}
@keyframes brandOrbitA{to{transform:rotate(360deg)}}
@keyframes brandOrbitB{to{transform:rotate(-360deg)}}
@keyframes brandCorePulse{50%{opacity:.68;transform:scale(.72)}}
@keyframes switchHalo{0%{box-shadow:0 0 #8164ff6b}to{box-shadow:0 0 0 8px #8164ff00}}
@keyframes transitOrbit{to{transform:rotate(360deg)}}
@keyframes transitOrbitReverse{to{transform:rotate(-360deg)}}
@keyframes transitFloat{50%{transform:translateY(-7px)}}
@keyframes transitBar{0%,to{opacity:.24;transform:scaleY(.42)}50%{opacity:1;transform:scaleY(1)}}
.brand{min-width:220px;gap:11px}
.quick-field{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:1fr!important;gap:0!important;padding-inline:11px}
.quick-field>span{display:none!important}
.quick-field input,.quick-field select{height:100%;font-size:12px!important;font-weight:530}
.quick-field:has(input:not(:placeholder-shown)),.quick-field:has(select:valid){border-color:#6d88ca38;background:linear-gradient(180deg,#0d1c37d1,#071225bf)}
.quick-field:focus-within{transform:translateY(-1px);border-color:#896fff99;box-shadow:0 0 0 3px #7052ff1a,0 12px 24px #00041238}
@media (max-width: 760px){.brand{min-width:0}
.mobile-bottom-nav{grid-template-columns:repeat(6,1fr)!important}}
.formula-edge,.formula-edge.edge-auxiliary,.formula-edge.is-auxiliary-pointer{stroke-width:1.9}
@keyframes transit-advice-shimmer{to{background-position:-200% 0}}
.comparison-view :is(p,dd,td,th,strong,small,span){overflow-wrap:anywhere}
.comparison-view :is(button,input,select){min-height:44px}
.comparison-view :is(button,input,select):focus-visible{outline:2px solid rgba(152,131,255,.92);outline-offset:2px}
.comparison-form .form-field :is(input,select){width:100%;min-width:0;min-height:46px;border-color:#6f90cf38;background:#040e1ec2;color:#edf1fa;font-size:12px}
.comparison-form .form-field :is(input,select):hover{border-color:#8b77ed61}
.comparison-form .form-field :is(input,select):focus{border-color:#8f75ffb8;box-shadow:0 0 0 3px #7055eb1f}
.comparison-form .sheet-actions :is(button,.calculate-button){min-height:46px;font-size:10px!important}
@media (max-width: 767px){.comparison-form .sheet-actions :is(button,.calculate-button){width:100%;min-width:0;min-height:48px}}
@media print{.comparison-view :is(h1,h2,h3,strong,dd){color:#111827!important}
.comparison-view :is(p,small,span,dt){color:#4b5563}}
@media screen{.comparison-transition-preview .transition-state-identity>span,.comparison-transition-preview .transition-state-moment :is(span,time),.comparison-transition-preview .transition-state-score :is(span,b){overflow-wrap:normal}}
.report-profile-actions :is(.calculate-button,.ghost-button){width:100%;min-height:45px;display:flex;align-items:center;justify-content:center;gap:8px}
@keyframes reportPrismSpin{to{transform:rotate(360deg)}}
@keyframes reportPrismOrbitPulse{50%{opacity:.35;stroke-dasharray:8 4}}
@keyframes reportFacetGlow{50%{opacity:.42;transform:scale(.96)}}
@keyframes reportPrismDash{to{stroke-dashoffset:-34}}
@keyframes reportCorePulse{50%{r:10px;opacity:.62}}
@keyframes reportSpinner{to{transform:rotate(360deg)}}
@keyframes reportProgressFacet{0%{transform:scaleX(0);opacity:.2}60%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:.2}}
@keyframes reportSectionReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media print{@page{size:A4;margin:12mm}
body{color:#17162b!important;background:#fff!important}}
.space-scene{z-index:0}
.space-grid,.aurora{display:none!important}
.starfield{opacity:.04}
.starfield-b{opacity:.022}
.app-shell{position:relative;z-index:1}
.ambient-effects{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none;opacity:.84;mix-blend-mode:screen}
.cursor-aura{width:260px;height:260px;background:radial-gradient(circle,rgba(120,214,244,.06) 0 4%,rgba(111,84,247,.055) 19%,rgba(74,104,226,.025) 43%,transparent 70%);opacity:0;mix-blend-mode:screen;transition:opacity .18s ease}
.cursor-aura:after{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;border:1px solid rgba(156,197,255,.22);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .15s ease,transform .18s cubic-bezier(.2,.8,.2,1),border-color .15s ease}
.cursor-aura.is-active{opacity:.72}
.space-scene:after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 36%,transparent 0 26%,rgba(2,7,19,.07) 64%,rgba(2,7,19,.32) 100%),linear-gradient(115deg,transparent 18%,rgba(113,83,255,.018) 50%,transparent 78%)}
.starfield:after,.starfield-b:after{animation:none}
.brand{flex:0 0 58px!important;width:58px;min-width:58px!important;height:48px;justify-content:flex-start;gap:0}
.brand-artwork{width:52px!important;height:46px!important;flex:0 0 52px;overflow:visible;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.brand-artwork:after{display:none!important}
.brand-logo-symbol{display:block!important;width:52px!important;height:auto!important;background:transparent!important;mix-blend-mode:normal;filter:none}
.brand:hover .brand-artwork,.brand:focus-visible .brand-artwork{border:0!important;box-shadow:none!important;transform:none!important}
@media (max-width: 980px){.brand{flex:0 0 50px!important;width:50px;min-width:50px!important;height:42px}
.brand-artwork{width:46px!important;height:40px!important;flex-basis:46px}
.brand-logo-symbol{width:46px!important}
.ambient-effects{opacity:.7}}
@media (max-width: 359px){.brand{flex-basis:44px!important;width:44px;min-width:44px!important;height:38px}
.brand-artwork{width:41px!important;height:36px!important;flex-basis:41px}
.brand-logo-symbol{width:41px!important}}
@media print{.ambient-effects{display:none!important}}
@media (prefers-reduced-motion: reduce){.ambient-effects{opacity:.58}
.cursor-aura{display:none!important}
.starfield:after{animation:none!important}}
:root{--scrollbar-track: rgba(4, 13, 29, .58);--scrollbar-thumb: rgba(117, 94, 226, .58);--scrollbar-thumb-hover: rgba(84, 199, 224, .72)}
html,body,*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}
html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:8px;height:8px}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:var(--scrollbar-track)}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{min-height:34px;border:2px solid transparent;border-radius:999px;background:linear-gradient(180deg,#8263efc7,#3dbed8a8) padding-box}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}
.starfield-a{opacity:.12!important}
.starfield-b{opacity:.072!important}
.ambient-effects{opacity:.94!important}
.cursor-aura{filter:saturate(1.2) brightness(1.16)}
.cursor-aura:not(.is-active){opacity:0}
.cursor-aura.is-active{opacity:.76}
.page-heading{min-height:40px!important;margin-bottom:6px!important;gap:12px!important;padding-block:2px!important}
.page-heading>div:first-child>span{margin-bottom:1px!important}
.page-heading h1{font-size:clamp(18px,1.25vw,23px)!important}
.page-heading p{margin-top:2px!important;line-height:1.3}
.top-nav a,.app-rail :is(a,button),.mobile-bottom-nav a,.mobile-more nav a{transition:color .2s ease,background .22s ease,border-color .22s ease,transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,padding .46s cubic-bezier(.16,.82,.2,1),gap .42s cubic-bezier(.16,.82,.2,1)!important}
.top-nav a:hover,.app-rail :is(a,button):hover,.mobile-bottom-nav a:hover,.mobile-more nav a:hover{transform:translateY(-2px) scale(1.015)}
.top-nav a:active,.app-rail :is(a,button):active,.mobile-bottom-nav a:active,.mobile-more nav a:active{transform:translateY(1px) scale(.95)!important}
.app-rail :is(a,button):hover .rail-icon{transform:rotate(-3deg) scale(1.08);box-shadow:0 0 22px #7c60ef40}
.rail-icon{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}
@media (min-width: 981px){:root{--rail-w: 94px !important}
.app-rail{display:flex!important;left:12px!important;width:72px!important;padding:8px 7px!important;overflow:visible!important;transform-origin:left center;transition:width .48s cubic-bezier(.16,.82,.2,1),padding .48s cubic-bezier(.16,.82,.2,1),border-radius .38s ease,background .38s ease,box-shadow .38s ease!important}
.app-main{padding-left:calc(var(--rail-w) + 8px)!important;transition:padding-left .48s cubic-bezier(.16,.82,.2,1)}
.mobile-bottom-nav,.mobile-only{display:none!important}
.app-rail :is(a,button){min-height:48px!important;flex-direction:row!important;justify-content:flex-start!important;gap:0!important;padding:0 13px!important;font-size:0!important}
.app-rail :is(a,button)>span:not(.rail-icon){display:block!important;max-width:0;overflow:hidden;opacity:0;transform:translate(-8px);white-space:nowrap;transition:max-width .44s cubic-bezier(.16,.82,.2,1),opacity .2s ease,transform .38s cubic-bezier(.16,.82,.2,1)}
.app-rail :is(a,button):before{left:-8px!important}
.app-rail [data-tooltip]:after{content:attr(data-tooltip);position:absolute;z-index:20;top:50%;left:calc(100% + 13px);width:max-content;max-width:190px;padding:7px 10px;border:1px solid rgba(137,111,238,.25);border-radius:9px;color:#e4e7f2;background:#050e1ff7;box-shadow:0 12px 30px #00000061;font-size:10px;letter-spacing:0;opacity:0;pointer-events:none;transform:translate(-4px,-50%);transition:opacity .18s ease,transform .18s ease}
.app-rail [data-tooltip]:is(:hover,:focus-visible):after{opacity:1;transform:translateY(-50%)}}
.rail-footer{display:grid;gap:4px}
@media (min-width: 981px){body.rail-labels-visible{--rail-w: 214px !important}
body.rail-labels-visible .app-rail{width:190px!important;padding:10px!important}
body.rail-labels-visible .app-rail :is(a,button){min-height:50px!important;flex-direction:row!important;justify-content:flex-start!important;gap:10px!important;padding:0 9px!important;font-size:10.5px!important}
body.rail-labels-visible .app-rail :is(a,button)>span:not(.rail-icon){display:block!important;max-width:132px;opacity:1;transform:none;transition-delay:.08s,.1s,.08s}
body.rail-labels-visible .app-rail [data-tooltip]:after{display:none!important}
body.rail-labels-visible #rail-label-toggle .rail-icon svg{transform:rotate(0)}
body:not(.rail-labels-visible) #rail-label-toggle .rail-icon svg{transform:rotate(180deg)}
#rail-label-toggle .rail-icon svg{transition:transform .24s ease}
body.rail-is-transitioning .app-rail{overflow:hidden!important;will-change:width,padding}
body.rail-is-transitioning .app-main{will-change:padding-left}
body.rail-is-transitioning .app-rail [data-tooltip]:after{opacity:0!important}}
.mobile-inspector-layer{display:grid!important;place-items:center!important;padding:20px}
.mobile-inspector-layer[hidden]{display:none!important}
.mobile-inspector-sheet{position:relative;width:min(600px,calc(100vw - 32px));max-height:min(820px,calc(100dvh - 40px));overflow:auto;border:1px solid rgba(137,111,255,.34);border-radius:22px;background:linear-gradient(150deg,#0a1935fe,#040d1dfe);box-shadow:0 40px 110px #000000a8,0 0 54px #6141e226;opacity:0;transform:translateY(12px) scale(.97);transition:opacity .24s ease,transform .28s cubic-bezier(.2,.82,.2,1)}
.mobile-inspector-layer.open .mobile-inspector-sheet{opacity:1;transform:none}
.mobile-inspector-sheet .planet-inspector{height:auto;border:0;background:transparent}
.mobile-inspector-sheet .inspector-head h3{font-size:23px}
.mobile-inspector-sheet .inspector-head p,.mobile-inspector-sheet .route-note,.mobile-inspector-sheet .inspector-reference-list dd{font-size:12px!important;line-height:1.55}
.inspector-ai-meaning>button{width:100%;min-height:46px;border-color:#896cf56b;color:#eeeaff;background:linear-gradient(120deg,#6949e252,#2187a133);white-space:normal;line-height:1.35}
.inspector-ai-meaning [data-planet-ai-result]{display:grid;gap:10px;margin-top:10px}
.inspector-ai-meaning [data-planet-ai-result][hidden]{display:none}
.inspector-ai-meaning [data-planet-ai-result] p{margin:0;color:#aab5c8;font-size:12px;line-height:1.65}
body.fullscreen-fallback-open :is(.app-header,.app-rail,.mobile-bottom-nav){visibility:hidden!important;pointer-events:none!important}
.is-fullscreen-fallback:not(.af-soul-expanded){z-index:1201!important;inset:0!important;border-radius:0!important}
body[data-route=calculate] .sheet-header{position:static!important;top:auto!important}
.combobox-list [role=option]{touch-action:pan-y}
@media (max-width: 980px){.mobile-inspector-layer{place-items:end center!important;padding:0}
.mobile-inspector-sheet{width:100%;max-height:88dvh;border-radius:24px 24px 0 0;opacity:1;transform:translateY(100%);padding-bottom:max(16px,env(safe-area-inset-bottom))}
.mobile-inspector-layer.open .mobile-inspector-sheet{transform:none}
.page-heading{min-height:38px!important}
.page-heading p{font-size:11px!important}}
@media (prefers-reduced-motion: reduce){.brand-logo-symbol{animation:none!important}
.top-nav a,.app-rail :is(a,button),.mobile-bottom-nav a,.mobile-more nav a,.mobile-inspector-sheet{transition:none!important}}
#download-json,[data-action=export-json],[data-action=export-comparison]{display:none!important}
html{view-transition-name:none}
#view-root{animation:none!important;view-transition-name:route-content}
::view-transition-group(route-content){animation-duration:.28s;animation-timing-function:cubic-bezier(.22,.78,.2,1)}
::view-transition-old(route-content),::view-transition-new(route-content){mix-blend-mode:normal;backface-visibility:hidden}
::view-transition-old(route-content){animation:route-out-forward .21s ease both}
::view-transition-new(route-content){animation:route-in-forward .3s cubic-bezier(.22,.78,.2,1) both}
html[data-route-motion=back]::view-transition-old(route-content){animation-name:route-out-back}
html[data-route-motion=back]::view-transition-new(route-content){animation-name:route-in-back}
@keyframes route-out-forward{to{opacity:0;transform:translate3d(-12px,0,0) scale(.995);filter:blur(1px)}}
@keyframes route-in-forward{0%{opacity:0;transform:translate3d(14px,0,0) scale(.995);filter:blur(1px)}}
@keyframes route-out-back{to{opacity:0;transform:translate3d(12px,0,0) scale(.995);filter:blur(1px)}}
@keyframes route-in-back{0%{opacity:0;transform:translate3d(-14px,0,0) scale(.995);filter:blur(1px)}}
@keyframes route-fallback-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
#view-root.route-enter>:first-child{animation:route-fallback-in .32s cubic-bezier(.22,.78,.2,1) both}
@media (min-width: 1200px){:root{--rail-w: 214px}
.app-rail{left:12px;width:190px;padding:10px;border-radius:18px;background:linear-gradient(180deg,#08142af0,#040d1de6);box-shadow:0 24px 58px #00030e5c,inset 0 1px #ffffff06}
.rail-main{gap:4px}
.app-rail :is(a,button){min-height:50px;flex-direction:row;justify-content:flex-start;gap:10px;padding:0 9px;border-radius:12px;color:#7f8ca4;font-size:10.5px;font-weight:560;text-align:left}
.app-rail :is(a,button):before{left:-11px}
.app-rail :is(a,button):hover{color:#d7deed;background:#59679e1a;transform:translate(2px)}
.app-rail :is(a,button).active{color:#e0dbff;border-color:#8268f642;background:linear-gradient(110deg,#5e46ca40,#1f3d681f);box-shadow:inset 0 1px #ffffff09,0 10px 24px #12084224}
.app-rail :is(a,button).active:before{height:26px}
.rail-icon{width:32px;height:32px;flex:0 0 32px;border-color:#7e91c421;background:#0d1b33ad}
.app-rail :is(a,button):hover .rail-icon,.app-rail :is(a,button).active .rail-icon{color:#bcb0ff;border-color:#8971f240;background:#47359929}}
@media (prefers-reduced-motion: reduce){#view-root.route-enter>:first-child,#view-root.result-enter .report-sphere-card,.report-sphere-card.is-stream-entering{animation:none!important}
.brand-artwork,.brand-artwork:before,.brand-logo-symbol,.app-rail :is(a,button),.report-sphere-card{transition:none!important}
.brand:hover .brand-artwork,.brand:focus-visible .brand-artwork,.brand:hover .brand-logo-symbol,.brand:focus-visible .brand-logo-symbol{transform:none!important}}
@media (max-width: 1023px){html,body{width:100%;max-width:100%;overflow-x:clip}
body{min-height:100dvh;-webkit-text-size-adjust:100%}
.app-shell,.app-main,.view,#view-root,.dashboard-view,.structure-view,.dynamics-view,.cosmogram-view,.table-view,.transits-view,.comparison-view,.reports-view{width:100%;max-width:100%;min-width:0}
.app-main{padding-inline:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));scroll-padding-top:calc(var(--header-h) + 12px);scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom))}
.page-heading,.panel-header,.compact-panel-header,.structure-toolbar,.table-page-toolbar,.transit-control-card,.transit-analysis-grid,.transit-structure-section,.comparison-setup,.comparison-chart-pair,.comparison-overview-grid,.comparison-structure-grid,.comparison-aspects-grid,.comparison-evidence-grid,.report-profile,.report-overview,.report-grid{min-width:0}
.page-heading>div,.panel-header>div,.compact-panel-header>div,.toolbar-title>div,.transit-control-copy,.report-profile-copy,.report-sphere-copy{min-width:0}
.page-heading p,.panel-header h2,.compact-panel-header small,.toolbar-title p,.transit-control-copy p,.report-profile-copy p,.report-sphere-copy p,.comparison-view :is(p,small,span,strong,dd,td,th){overflow-wrap:anywhere}
:is(.header-icon,.mobile-more nav a,.mobile-bottom-nav a,.panel-actions button,.compact-panel-header a,.toolbar-reset,.toolbar-check,.ghost-button,.segmented-control button,.table-actions button,.table-filter-bar button,.transit-presets button,.transit-aspect-filters button,.comparison-tabs button,.comparison-report-actions a,.comparison-report-actions button,.report-profile-actions a,.report-profile-actions button,.report-map a,.sheet-actions button,.sheet-actions a){min-height:44px;touch-action:manipulation}}
@media (max-width: 767px){:root{--header-h: calc(58px + env(safe-area-inset-top)) ;--rail-w: 0px;--mobile-gutter: 10px;--mobile-radius: 16px}
body{min-height:100dvh}
.app-header{height:var(--header-h);min-width:0;gap:7px;padding:max(7px,env(safe-area-inset-top)) max(var(--mobile-gutter),env(safe-area-inset-right)) 7px max(var(--mobile-gutter),env(safe-area-inset-left))}
.desktop-only,.quick-form,.top-nav,.app-rail{display:none!important}
.brand{flex:1 1 auto;min-width:0!important;height:44px}
.brand-artwork{max-width:48px;height:42px!important}
.brand-logo-symbol{width:46px!important;max-width:100%;height:auto!important}
.header-actions{flex:0 0 auto}
.header-icon{width:44px;height:44px;border-radius:13px}
.mobile-more nav{top:calc(100% + 8px);left:0;width:min(250px,calc(100vw - 20px));max-height:calc(100dvh - var(--header-h) - 24px);overflow-y:auto;padding:8px}
.mobile-more nav a{min-height:50px;font-size:13px}
.app-main{padding:calc(var(--header-h) + 9px) max(var(--mobile-gutter),env(safe-area-inset-right)) calc(88px + env(safe-area-inset-bottom)) max(var(--mobile-gutter),env(safe-area-inset-left))}
.mobile-bottom-nav,body[data-view=dashboard] .mobile-bottom-nav{position:fixed;z-index:110;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));width:auto;height:64px;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:2px;padding:5px;border-radius:19px}
.mobile-bottom-nav :is(a,button){min-width:0;min-height:54px;padding:3px 1px;border-radius:14px}
.mobile-bottom-nav :is(a,button) span{font-size:18px;line-height:1}
.mobile-bottom-nav :is(a,button) small{max-width:100%;overflow:hidden;color:inherit;font-size:9px!important;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.page-heading{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:5px;margin:1px 2px 12px}
.page-heading>div:first-child>span{margin-bottom:4px;font-size:9px;line-height:1.2}
.page-heading h1{max-width:100%;font-size:clamp(22px,6.7vw,29px);line-height:1.08;text-wrap:balance}
.page-heading p{max-width:44rem;margin-top:6px;color:#91a0b9;font-size:12px;line-height:1.48}
.glass-card,.structure-shell,.comparison-view :is(.comparison-chart-card,.comparison-insights,.comparison-coverage,.comparison-centers,.comparison-centers-side,.comparison-bridges,.comparison-aspect-summary,.comparison-aspect-delta,.comparison-evidence-list,.comparison-formula-card,.comparison-formula-notes,.comparison-table-card){border-radius:var(--mobile-radius)}
.mobile-inspector-layer{display:grid;align-items:end}
.mobile-inspector-sheet{width:100%;max-height:88dvh;padding-bottom:max(14px,env(safe-area-inset-bottom))}
.comparison-form .form-field :is(input,select){width:100%;min-width:0;font-size:16px!important}
.modal-layer,.calculation-layer,.mobile-inspector-layer{padding-inline:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
.parameters-sheet,.mobile-inspector-sheet{width:100%;max-width:100%;max-height:92dvh;border-radius:22px 22px 0 0}
.parameters-form{grid-template-columns:minmax(0,1fr);gap:11px;padding:13px}
.form-field.full,.switch-row.full,.sheet-note.full,.sheet-actions.full{grid-column:auto}
.form-field input,.form-field select,.comparison-form input,.comparison-form select,.transit-fields input,.table-search input{font-size:16px!important}
.form-field input,.form-field select{min-height:48px}
.sheet-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.sheet-actions>*,.sheet-actions .calculate-button,.sheet-actions .ghost-button{width:100%;min-width:0}
.calculation-layer{align-items:center;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}
.calculation-card{width:100%;max-width:520px;min-height:0;max-height:calc(100dvh - max(16px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));overflow-y:auto;padding:20px 15px;border-radius:22px}
.orbital-assembly{width:min(238px,78vw);height:min(238px,78vw);margin-block:8px;transform:none}
.calculation-copy h2{font-size:23px}
.calculation-copy p{font-size:13px}
.calculation-phases{max-width:100%}
body[data-route=calculate] .modal-layer{min-height:100dvh;padding:calc(var(--header-h) + 8px) max(8px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
body[data-route=calculate] .parameters-sheet,body[data-route=calculate] .modal-layer.open .parameters-sheet{width:100%;max-width:720px;border-radius:18px}
.combobox-list{width:min(430px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:min(340px,48dvh)}
.toast{bottom:calc(84px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:430px;text-align:center}}
@media (max-width: 430px){:root{--mobile-gutter: 8px;--mobile-radius: 15px}
.page-heading h1{font-size:clamp(21px,7vw,27px)}
.page-heading p{font-size:11.5px}}
@media (max-width: 359px){:root{--mobile-gutter: 6px;--mobile-radius: 14px}
.app-header{gap:5px}
.header-icon{width:42px;height:42px}
.brand-artwork{max-width:42px}
.brand-logo-symbol{width:41px!important}
.mobile-bottom-nav{left:max(5px,env(safe-area-inset-left));right:max(5px,env(safe-area-inset-right));padding-inline:3px}
.mobile-bottom-nav :is(a,button) small{font-size:8px!important}}
@media (max-width: 767px) and (orientation: landscape) and (max-height: 520px){.app-main{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
.mobile-bottom-nav{height:56px}
.mobile-bottom-nav :is(a,button){min-height:46px}
.mobile-bottom-nav :is(a,button) span{font-size:15px}
.mobile-bottom-nav :is(a,button) small{font-size:8px!important}
.calculation-card{max-height:calc(100dvh - 12px)}
.orbital-assembly{width:150px;height:150px}}
@media (max-width: 1023px) and (prefers-reduced-motion: reduce){.mobile-bottom-nav,.comparison-tabs,.table-filter-bar,.transit-presets,.transit-aspect-filters,.mobile-route,.formula-mobile-scroll{scroll-behavior:auto!important}}
body[data-view=agent]{height:100dvh;min-height:100dvh;overflow:hidden}
body[data-view=agent] .app-shell,body[data-view=agent] .app-main{height:100dvh;min-height:0;overflow:hidden}
body[data-view=agent] #view-root{height:100%;min-height:0;overflow:hidden}
.agent-page-heading{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 3px 4px}
.agent-page-heading>div{min-width:0}
.agent-page-heading>div:first-child>span{display:block;margin-bottom:1px;color:#8577dd;font-size:8px;font-weight:800;letter-spacing:.2em}
.agent-page-heading h1{margin:0;color:#f0f3fb;font-size:clamp(18px,1.45vw,24px);font-weight:640;letter-spacing:-.025em}
.agent-page-heading p{margin:1px 0 0;color:#77849c;font-size:9px}
.agent-page-heading>div:last-child{display:grid;gap:3px;text-align:right}
.agent-page-heading>div:last-child strong{color:#d7deec;font-size:11px}
.agent-page-heading>div:last-child small{color:#69768e;font-size:9px}
html.agent-fullscreen-fallback-open :is(.app-header,.app-rail,.mobile-bottom-nav){visibility:hidden!important;pointer-events:none!important}
.agent-message-text :is(p,ul,ol,h3,h4,h5,h6,pre,blockquote,hr,.agent-markdown-table-wrap){margin:0}
.agent-message-text :is(p,ul,ol,h3,h4,h5,h6,pre,blockquote,hr,.agent-markdown-table-wrap)+:is(p,ul,ol,h3,h4,h5,h6,pre,blockquote,hr,.agent-markdown-table-wrap){margin-top:10px}
.agent-message-text :is(ul,ol){display:grid;gap:5px;padding-left:21px}
.agent-message-text :is(h3,h4,h5,h6){color:#f0edf9;font-weight:650;line-height:1.35}
.agent-message-text :is(h5,h6){font-size:13px}
.agent-message-text :is(th,td){padding:8px 10px;border-right:1px solid rgba(112,139,197,.11);border-bottom:1px solid rgba(112,139,197,.11);text-align:left;vertical-align:top}
.agent-message-text :is(th,td):last-child{border-right:0}
@keyframes agentMessageIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes agentThinking{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@keyframes agentGraphOrbit{to{rotate:360deg}}
@media (max-width: 767px){.agent-page-heading{display:none}}
@media print{.agent-page-heading,.agent-history,.agent-history-backdrop,.agent-conversation-header,.agent-context-warning,.agent-composer,.agent-jump-bottom,.agent-follow-ups,.agent-message-content>footer{display:none!important}}
@keyframes sgMotionFlow{to{stroke-dashoffset:-156}}
@keyframes sgMotionRotate{to{rotate:360deg}}
@keyframes sgMotionRotateReverse{to{rotate:-360deg}}
@keyframes sgMotionNodeIn{0%{opacity:0;scale:.68}72%{opacity:1;scale:1.16;filter:drop-shadow(0 0 7px currentColor)}}
@keyframes sgMotionPulse{50%{scale:1.12;opacity:.78}}
@keyframes sgMotionFloat{50%{translate:0 -10px}}
@keyframes sgMotionBar{0%,to{scale:1 .35;opacity:.25}50%{scale:1 1;opacity:.9}}
@keyframes sgMotionCell{0%,to{opacity:.16}45%,65%{opacity:.85}}
@keyframes sgMotionScanY{0%,10%{translate:0 0;opacity:0}18%,82%{opacity:.75}92%,to{translate:0 330px;opacity:0}}
@keyframes sgMotionScanX{0%,10%{translate:0 0;opacity:0}18%,82%{opacity:.7}92%,to{translate:760px 0;opacity:0}}
@keyframes sgMotionSpark{50%{rotate:45deg;scale:.72;opacity:.42}}
@keyframes sgRouteIconEnter{0%{opacity:0;transform:translate3d(-10px,7px,0) scale(.72) rotate(-5deg);filter:blur(7px) saturate(.72)}58%{opacity:1;transform:translate3d(1px,-1px,0) scale(1.065) rotate(1.2deg);filter:blur(0) saturate(1.14) drop-shadow(0 10px 20px color-mix(in srgb,var(--motion-accent) 31%,transparent))}to{opacity:1;transform:none;filter:drop-shadow(0 7px 14px color-mix(in srgb,var(--motion-accent) 22%,transparent))}}
@keyframes sgRouteIconBloom{0%{opacity:0;transform:scale(.58)}38%{opacity:.72;transform:scale(1.14)}to{opacity:0;transform:scale(1.42)}}
@keyframes sgRouteIconIdle{0%,to{filter:drop-shadow(0 7px 14px color-mix(in srgb,var(--motion-accent) 22%,transparent))}50%{filter:drop-shadow(0 10px 20px color-mix(in srgb,var(--motion-accent) 31%,transparent))}}
@keyframes sgRouteIconOrbit{to{transform:rotate(336deg) scale(.92)}}
@keyframes sgRouteIconAura{0%,to{opacity:.14;transform:scale(.82)}50%{opacity:.34;transform:scale(1.12)}}
@keyframes sgRouteIconImageFloat{0%,to{translate:0 0;rotate:0deg;filter:saturate(1) brightness(1)}48%{translate:0 -2px;rotate:.7deg;filter:saturate(1.09) brightness(1.045)}}
.page-heading,.agent-page-heading{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;justify-content:stretch}
.page-heading>div:first-child,.agent-page-heading>div:first-child{grid-column:2;grid-row:1;min-width:0}
.page-heading>.heading-context,.agent-page-heading>div:last-child{grid-column:3;grid-row:1}
@keyframes sgFormulaEdgeIn{0%{opacity:0}}
@keyframes sgFormulaNodeIn{0%{opacity:0;scale:.72}}
@keyframes sgVectorFadeIn{0%{opacity:0}}
@keyframes sgCosmoPlanetIn{0%{opacity:0;scale:.68}}
@keyframes sgRadarAreaIn{0%{opacity:0;scale:.82}}
@keyframes sgRadarLineIn{to{stroke-dashoffset:0}}
@keyframes sgActiveRouteFlow{to{stroke-dashoffset:-.26}}
@keyframes sgCosmoAspectFlow{to{stroke-dashoffset:-18}}
@keyframes sgSelectedVectorPulse{50%{scale:1.08;filter:drop-shadow(0 0 6px currentColor)}}
@keyframes transitOrbit{to{rotate:360deg}}
@keyframes transitOrbitReverse{to{rotate:-360deg}}
@keyframes reportConstellation{to{rotate:360deg}}
@keyframes reportIconOrbit{to{rotate:360deg}}
.calculation-layer :is(.assembly-aura,.assembly-ring,.assembly-links,.assembly-planets,.assembly-core){transition:opacity .42s ease,filter .42s ease}
.calculation-layer:not(.is-complete)[data-phase="0"] :is(.assembly-links,.assembly-planets){opacity:.18}
.calculation-layer:not(.is-complete)[data-phase="0"] .assembly-links path,.calculation-layer:not(.is-complete)[data-phase="0"] .assembly-core:before,.calculation-layer:not(.is-complete)[data-phase="0"] .assembly-core:after{animation-play-state:paused}
.calculation-layer:not(.is-complete)[data-phase="1"] :is(.assembly-aura,.assembly-ring,.assembly-links){opacity:.24}
.calculation-layer:not(.is-complete)[data-phase="1"] .assembly-core{opacity:.55}
.calculation-layer:not(.is-complete)[data-phase="1"] :is(.assembly-aura,.assembly-ring,.assembly-links path,.assembly-core),.calculation-layer:not(.is-complete)[data-phase="1"] .assembly-core:before,.calculation-layer:not(.is-complete)[data-phase="1"] .assembly-core:after{animation-play-state:paused}
.calculation-layer:not(.is-complete)[data-phase="1"] .assembly-planets{opacity:1}
.calculation-layer:not(.is-complete)[data-phase="2"] :is(.assembly-aura,.assembly-ring,.assembly-planets){opacity:.28}
.calculation-layer:not(.is-complete)[data-phase="2"] .assembly-core{opacity:.5}
.calculation-layer:not(.is-complete)[data-phase="2"] :is(.assembly-aura,.assembly-ring,.assembly-core),.calculation-layer:not(.is-complete)[data-phase="2"] .assembly-core:before,.calculation-layer:not(.is-complete)[data-phase="2"] .assembly-core:after{animation-play-state:paused}
.calculation-layer:not(.is-complete)[data-phase="2"] .assembly-links{opacity:1}
.calculation-layer:not(.is-complete)[data-phase="2"] .assembly-links path{animation-play-state:running}
.calculation-layer:not(.is-complete)[data-phase="3"] :is(.assembly-ring,.assembly-links,.assembly-planets){opacity:.26}
.calculation-layer:not(.is-complete)[data-phase="3"] .assembly-aura{opacity:.68}
.calculation-layer:not(.is-complete)[data-phase="3"] :is(.assembly-ring,.assembly-links path,.assembly-planet i){animation-play-state:paused}
.calculation-layer:not(.is-complete)[data-phase="3"] .assembly-core{opacity:1}
.calculation-layer:not(.is-complete)[data-phase="3"] .assembly-core,.calculation-layer:not(.is-complete)[data-phase="3"] .assembly-core:before,.calculation-layer:not(.is-complete)[data-phase="3"] .assembly-core:after{animation-play-state:running}
[data-motion-visible=false] :is(.formula-edge.route-active,.cosmo-aspect.selected,.cosmo-planet.selected .cosmo-planet-disc,.cosmo-life-point circle,.report-profile-visual *,.report-interaction>header>div *,.report-overview-orbit *,.report-sphere-icon *,.transit-empty-visual *,.transit-loading *,.transit-hero-orbit *),html[data-route-motion] .route-motion-layer *,html[data-motion-paused=true] .route-motion-layer *,html[data-motion-paused=true] [data-motion-enhanced=true] *{animation-play-state:paused!important}
.app-rail :is(a,button).active .rail-icon{box-shadow:0 0 22px #7053f433,inset 0 1px #ffffff0d}
.app-rail :is(a,button).active .rail-icon svg{animation:none}
.app-rail :is(a,button).active .rail-icon svg>*{stroke-dasharray:64;stroke-dashoffset:64;animation:sgNavIconDraw .72s cubic-bezier(.2,.76,.2,1) forwards}
@keyframes sgNavIconDraw{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion: reduce){.route-motion-scene,.route-motion-scene *,.route-motion-badge,.route-motion-badge:before,.route-motion-badge:after,.route-motion-badge *,.motion-enter *,.formula-edge.route-active,.cosmogram-svg .cosmo-aspect.selected,.cosmogram-svg .cosmo-planet.selected .cosmo-planet-disc,.cosmogram-svg .cosmo-life-point circle,.app-rail :is(a,button).active .rail-icon svg,.app-rail :is(a,button).active .rail-icon svg>*{animation:none!important;transition:none!important}}
/* Source: /assets/build/report-potential.css */
@keyframes reportPotentialOrbit {
  to { transform: rotate(360deg); }
}
@keyframes reportPotentialDraw {
  from { stroke-dashoffset: 110; opacity: 0.32; }
  to { stroke-dashoffset: 0; opacity: 1; }
}
/* Source: /assets/build/mobile.css */
@font-face {
  font-family: "SoulGraph Symbols";
  src: url("/assets/fonts/soulgraph-symbols.ttf?v=1.2.17") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@media (max-width: 767px){
  html,
  body,
  .app-shell,
  .app-main {
    max-width: 100%;
    overflow-x: clip;
  }
  html {
    min-width: 0 !important;
    scroll-padding-bottom: max(124px, calc(106px + env(safe-area-inset-bottom))) !important;
    scrollbar-gutter: auto;
  }
  body .app-main,
  body[data-view="dashboard"] .app-main {
    padding-bottom: max(124px, calc(106px + env(safe-area-inset-bottom))) !important;
  }
  .page-heading {
    grid-template-columns: 50px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 4px !important;
  }
  .page-heading > div:first-child {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  .mobile-more {
    position: relative !important;
    z-index: 1110 !important;
    overflow: visible !important;
  }
  .mobile-more > summary {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border-color: rgba(125, 151, 216, 0.25) !important;
    background: linear-gradient(180deg, rgba(10, 24, 48, 0.96), rgba(5, 14, 31, 0.98)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.055), 0 8px 24px rgba(0, 3, 12, 0.24) !important;
    transition:
      color 220ms ease,
      border-color 220ms ease,
      background 220ms ease,
      box-shadow 260ms ease,
      transform 260ms cubic-bezier(0.16, 0.78, 0.22, 1) !important;
  }
  .mobile-more > summary::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 4px;
    border: 1px solid rgba(173, 153, 255, 0.42);
    border-radius: 9px;
    opacity: 0;
    transform: scale(0.55) rotate(-18deg);
    transition: opacity 240ms ease, transform 420ms cubic-bezier(0.16, 0.78, 0.22, 1);
  }
  .mobile-more[open] > summary,
  .mobile-more.contains-current > summary {
    color: #eeeaff !important;
    border-color: rgba(143, 116, 255, 0.62) !important;
    background: linear-gradient(155deg, rgba(100, 70, 224, 0.48), rgba(22, 35, 79, 0.9)) !important;
    box-shadow:
      inset 0 1px rgba(255, 255, 255, 0.12),
      0 0 24px rgba(105, 74, 238, 0.26) !important;
  }
  .mobile-more[open] > summary {
    transform: translateY(1px) scale(0.96) !important;
  }
  .mobile-more[open] > summary::before {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
  .mobile-more > nav {
    position: absolute !important;
    z-index: 1120 !important;
    top: calc(100% + 12px) !important;
    left: 0 !important;
    width: min(272px, calc(100vw - 20px)) !important;
    display: grid !important;
    gap: 7px !important;
    padding: 9px !important;
    overflow: hidden;
    transform-origin: 24px 0;
    border: 1px solid rgba(136, 112, 245, 0.38) !important;
    border-radius: 18px !important;
    background:
      radial-gradient(circle at 14% 0%, rgba(125, 91, 255, 0.2), transparent 46%),
      linear-gradient(155deg, rgba(8, 20, 42, 0.99), rgba(3, 11, 26, 0.99)) !important;
    box-shadow:
      0 24px 70px rgba(0, 2, 11, 0.72),
      0 0 0 1px rgba(4, 11, 28, 0.78),
      inset 0 1px rgba(255, 255, 255, 0.065) !important;
    backdrop-filter: blur(22px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(135%) !important;
  }
  .mobile-more:not([open]) > nav {
    display: none !important;
  }
  .mobile-more.is-opening > nav {
    animation: mobileMorePanelIn 420ms cubic-bezier(0.16, 0.78, 0.22, 1) both;
  }
  .mobile-more.is-closing > nav {
    animation: mobileMorePanelOut 240ms cubic-bezier(0.4, 0, 1, 1) both;
  }
  .mobile-more > nav::before {
    content: "";
    position: absolute;
    inset: -45% 36% 42% -18%;
    border-radius: 50%;
    background: rgba(112, 77, 239, 0.2);
    filter: blur(28px);
    pointer-events: none;
  }
  .mobile-more > nav a {
    position: relative;
    z-index: 1;
    min-height: 62px !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px !important;
    padding: 7px 10px 7px 8px !important;
    overflow: hidden;
    border: 1px solid rgba(111, 139, 198, 0.13);
    border-radius: 13px !important;
    color: #aab6cd !important;
    background: linear-gradient(135deg, rgba(13, 29, 57, 0.88), rgba(8, 19, 41, 0.72));
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.035);
    transform: translateZ(0);
    transition:
      color 180ms ease,
      border-color 180ms ease,
      background 180ms ease,
      transform 220ms cubic-bezier(0.16, 0.78, 0.22, 1) !important;
  }
  .mobile-more.is-opening > nav a {
    animation: mobileMoreItemIn 420ms cubic-bezier(0.16, 0.78, 0.22, 1) both;
    animation-delay: calc(65ms + var(--menu-index) * 55ms);
  }
  .mobile-more > nav a:active {
    transform: scale(0.975) !important;
  }
  .mobile-more > nav a.active {
    color: #f4f1ff !important;
    border-color: rgba(148, 122, 255, 0.42);
    background: linear-gradient(135deg, rgba(94, 65, 211, 0.4), rgba(24, 42, 87, 0.72));
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 0 20px rgba(100, 70, 226, 0.14);
  }
  .mobile-more-item-icon,
  .mobile-more > nav a > span:first-child {
    width: 42px !important;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(151, 130, 255, 0.25);
    border-radius: 12px;
    color: #b29fff !important;
    background: radial-gradient(circle at 35% 25%, rgba(145, 111, 255, 0.32), rgba(50, 48, 113, 0.34));
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.08), 0 8px 18px rgba(5, 5, 24, 0.25);
  }
  .mobile-bottom-nav,
  body[data-view="dashboard"] .mobile-bottom-nav {
    position: fixed !important;
    z-index: 1000 !important;
    left: max(10px, env(safe-area-inset-left)) !important;
    right: max(10px, env(safe-area-inset-right)) !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    max-width: 460px !important;
    height: 70px !important;
    margin-inline: auto !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 3px !important;
    padding: 6px !important;
    overflow: hidden !important;
    isolation: isolate !important;
    border: 1px solid rgba(122, 151, 214, 0.24) !important;
    border-radius: 22px !important;
    background:
      linear-gradient(180deg, rgba(8, 21, 43, 0.97), rgba(3, 12, 27, 0.98)) !important;
    box-shadow:
      0 18px 48px rgba(0, 2, 10, 0.62),
      0 0 0 1px rgba(4, 12, 27, 0.52),
      inset 0 1px rgba(255, 255, 255, 0.055) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    contain: layout style;
    will-change: transform;
    animation: none !important;
    transition: none !important;
    touch-action: manipulation;
    --nav-icon-kick: 0px;
    --nav-icon-tilt: 0deg;
    --nav-indicator-x: 6px;
    --nav-indicator-width: calc((100% - 24px) / 5);
  }
  .mobile-bottom-nav.nav-forward {
    --nav-icon-kick: -2px;
    --nav-icon-tilt: -7deg;
  }
  .mobile-bottom-nav.nav-backward {
    --nav-icon-kick: 2px;
    --nav-icon-tilt: 7deg;
  }
@supports (view-transition-name: none){
    .mobile-bottom-nav {
      view-transition-name: mobile-navigation;
    }
    ::view-transition-group(mobile-navigation),
    ::view-transition-old(mobile-navigation),
    ::view-transition-new(mobile-navigation) {
      animation: none !important;
    }
    ::view-transition-group(mobile-navigation) {
      z-index: 10000;
    }
    ::view-transition-old(mobile-navigation) {
      opacity: 0 !important;
    }
    ::view-transition-new(mobile-navigation) {
      opacity: 1 !important;
      mix-blend-mode: normal;
    }}
  .mobile-bottom-nav :is(a, button) {
    position: relative;
    z-index: 1;
    width: auto !important;
    min-width: 0 !important;
    min-height: 56px !important;
    display: grid !important;
    grid-template-rows: 24px 12px;
    place-items: center !important;
    align-content: center !important;
    gap: 3px !important;
    padding: 4px 2px 3px !important;
    overflow: hidden;
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    text-decoration: none;
    border: 0 !important;
    border-radius: 16px !important;
    color: #8796b0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    transition:
      color 180ms ease,
      opacity 180ms ease !important;
    isolation: isolate;
    user-select: none;
    -webkit-user-select: none;
  }
  .mobile-bottom-nav :is(a, button)::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 45%;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(196, 183, 255, 0.7);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(132, 105, 255, 0.3), transparent 68%);
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(0.28);
  }
  .mobile-bottom-nav :is(a, button):hover {
    transform: none !important;
  }
  .mobile-bottom-nav :is(a, button):active {
    transform: none !important;
    background: rgba(115, 94, 224, 0.12) !important;
  }
  .mobile-bottom-nav :is(a, button).active {
    color: #f0edff !important;
    background: linear-gradient(180deg, rgba(105, 78, 238, 0.5), rgba(45, 53, 117, 0.36)) !important;
    box-shadow:
      inset 0 1px rgba(255, 255, 255, 0.11),
      0 8px 24px rgba(46, 33, 122, 0.35) !important;
  }
  .mobile-bottom-nav .mobile-nav-icon {
    width: 24px !important;
    height: 24px !important;
    display: grid !important;
    place-items: center;
    color: inherit;
    font-size: 0 !important;
    line-height: 0 !important;
    transform-origin: 50% 60%;
    transition: filter 220ms ease, color 180ms ease;
  }
  .mobile-bottom-nav .mobile-nav-icon svg {
    width: 22px;
    height: 22px;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
  }
  .mobile-bottom-nav :is(a, button).active .mobile-nav-icon {
    filter: drop-shadow(0 0 8px rgba(150, 128, 255, 0.52));
    animation: none !important;
    transform: none !important;
  }
  .mobile-bottom-nav :is(a, button).nav-activating::after {
    animation: mobileNavRipple 600ms cubic-bezier(0.16, 0.78, 0.22, 1) both;
  }
  .mobile-bottom-nav :is(a, button).active.nav-activating .mobile-nav-icon {
    animation: mobileNavIconEnter 640ms cubic-bezier(0.16, 0.78, 0.22, 1) both !important;
  }
  .mobile-bottom-nav :is(a, button).active.nav-activating .mobile-nav-icon svg {
    animation: mobileNavGlyphFlash 640ms ease-out both;
  }
  .mobile-bottom-nav small {
    max-width: 100% !important;
    overflow: visible !important;
    color: inherit !important;
    font-size: 9.2px !important;
    font-weight: 650;
    line-height: 1 !important;
    letter-spacing: 0.005em;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
  .mobile-bottom-nav :is(a, button).active.nav-activating small {
    animation: mobileNavLabelEnter 520ms cubic-bezier(0.16, 0.78, 0.22, 1) both;
  }
@supports selector(.mobile-bottom-nav:has(.active)){
    .mobile-bottom-nav::before,
    .mobile-bottom-nav::after {
      content: "";
      position: absolute;
      z-index: 0;
      box-sizing: border-box;
      left: 0;
      width: var(--nav-indicator-width);
      opacity: 0;
      pointer-events: none;
      transform: translate3d(var(--nav-indicator-x), 0, 0);
      transition: opacity 150ms ease;
      will-change: transform;
    }
    .mobile-bottom-nav.nav-indicator-ready::before,
    .mobile-bottom-nav.nav-indicator-ready::after {
      transition:
        transform 420ms cubic-bezier(0.2, 0.82, 0.2, 1),
        width 180ms ease,
        opacity 150ms ease;
    }
    .mobile-bottom-nav::before {
      top: 6px;
      bottom: 6px;
      border: 1px solid rgba(158, 137, 255, 0.34);
      border-radius: 16px;
      background:
        linear-gradient(180deg, rgba(105, 78, 238, 0.54), rgba(45, 53, 117, 0.38));
      box-shadow:
        inset 0 1px rgba(255, 255, 255, 0.12),
        0 8px 24px rgba(46, 33, 122, 0.36),
        0 0 22px rgba(100, 74, 235, 0.13);
    }
    .mobile-bottom-nav::after {
      top: 7px;
      height: 42px;
      border-radius: 18px;
      background:
        radial-gradient(circle at 50% 35%, rgba(211, 199, 255, 0.58), rgba(126, 93, 255, 0.2) 32%, transparent 68%);
      filter: blur(2px);
      mix-blend-mode: screen;
    }
    .mobile-bottom-nav :is(a, button).active {
      background: transparent !important;
      box-shadow: none !important;
    }
    .mobile-bottom-nav:has(.active)::before {
      opacity: 1;
    }
    .mobile-bottom-nav:has(.active)::after {
      opacity: 0.18;
    }
    .mobile-bottom-nav.nav-switching::before {
      animation: mobileNavPillBurst 560ms cubic-bezier(0.16, 0.78, 0.22, 1) both;
    }
    .mobile-bottom-nav.nav-switching::after {
      animation: mobileNavHaloBurst 600ms ease-out both;
    }}
  .comparison-view :is(input, select, button) {
    min-height: 46px !important;
  }
  .comparison-view :is(input, select) {
    font-size: 16px !important;
  }
  .agent-page-heading {
    display: none !important;
  }
  .metric-help-toggle,
  .cosmogram-label-control button,
  .segmented-control button,
  .ghost-button {
    min-width: 44px !important;
    min-height: 44px !important;
  }}
@keyframes mobileMorePanelIn {
  0% {
    opacity: 0;
    transform: translateY(-10px) scale(0.88);
    filter: blur(6px) brightness(0.82);
  }
  58% {
    opacity: 1;
    transform: translateY(2px) scale(1.015);
    filter: blur(0) brightness(1.08);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0) brightness(1);
  }
}
@keyframes mobileMorePanelOut {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform: translateY(-7px) scale(0.94);
    filter: blur(4px);
  }
}
@keyframes mobileMoreItemIn {
  0% {
    opacity: 0;
    transform: translateX(-13px) scale(0.94);
  }
  68% {
    opacity: 1;
    transform: translateX(2px) scale(1.01);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@media (max-width: 359px){
  .page-heading {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    column-gap: 8px !important;
  }
  .page-heading h1 {
    font-size: clamp(21px, 7.4vw, 25px) !important;
  }
  .mobile-bottom-nav small {
    font-size: 8.2px !important;
  }}
@keyframes mobileNavIconEnter {
  0% {
    opacity: 0.5;
    transform: translateY(3px) scale(0.72) rotate(var(--nav-icon-tilt));
  }
  46% {
    opacity: 1;
    transform: translate(var(--nav-icon-kick), -5px) scale(1.22) rotate(var(--nav-icon-tilt));
  }
  74% {
    transform: translateY(1px) scale(0.96) rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: translateY(-1px) scale(1.05) rotate(0deg);
  }
}
@keyframes mobileNavGlyphFlash {
  0% {
    opacity: 0.58;
    filter: brightness(0.9);
  }
  48% {
    opacity: 1;
    filter: brightness(1.7) drop-shadow(0 0 5px rgba(215, 204, 255, 0.88));
  }
  100% {
    opacity: 1;
    filter: brightness(1);
  }
}
@keyframes mobileNavLabelEnter {
  0% {
    opacity: 0.32;
    transform: translateY(4px);
  }
  62% {
    opacity: 1;
    transform: translateY(-1px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes mobileNavRipple {
  0% {
    opacity: 0.76;
    transform: translate(-50%, -50%) scale(0.24);
  }
  72% {
    opacity: 0.22;
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.42);
  }
}
@keyframes mobileNavPillBurst {
  0% { scale: 1 1; filter: brightness(0.92); }
  42% { scale: 1 0.94; filter: brightness(1.22); }
  72% { scale: 1 1.04; }
  100% { scale: 1 1; filter: brightness(1); }
}
@keyframes mobileNavHaloBurst {
  0% { opacity: 0; filter: blur(2px) brightness(0.84); }
  36% { opacity: 0.95; filter: blur(5px) brightness(1.48); }
  100% { opacity: 0.16; filter: blur(2px) brightness(1); }
}
@media (max-width: 767px) and (hover: hover) and (pointer: fine){
  .mobile-bottom-nav :is(a, button):hover {
    color: #c9c4ee !important;
  }}
@media (max-width: 767px) and (orientation: landscape) and (max-height: 520px){
  html {
    scroll-padding-bottom: max(96px, calc(82px + env(safe-area-inset-bottom))) !important;
  }
  body .app-main,
  body[data-view="dashboard"] .app-main {
    padding-bottom: max(96px, calc(82px + env(safe-area-inset-bottom))) !important;
  }
  .mobile-bottom-nav,
  body[data-view="dashboard"] .mobile-bottom-nav {
    bottom: max(6px, env(safe-area-inset-bottom)) !important;
    height: 60px !important;
    border-radius: 19px !important;
  }
  .mobile-bottom-nav :is(a, button) {
    min-height: 46px !important;
    grid-template-rows: 20px 10px;
    gap: 2px !important;
    padding-block: 2px !important;
    border-radius: 14px !important;
  }
  .mobile-bottom-nav::before {
    top: 5px;
    bottom: 5px;
    border-radius: 14px;
  }
  .mobile-bottom-nav .mobile-nav-icon {
    width: 20px !important;
    height: 20px !important;
  }
  .mobile-bottom-nav .mobile-nav-icon svg {
    width: 19px;
    height: 19px;
  }
  .mobile-bottom-nav small {
    font-size: 8.5px !important;
  }}
@media (max-width: 767px) and (prefers-reduced-motion: reduce){
  .mobile-more > summary,
  .mobile-more > summary::before,
  .mobile-more-dots i,
  .mobile-more > nav,
  .mobile-more > nav a,
  .mobile-more-item-arrow,
  .mobile-bottom-nav::before,
  .mobile-bottom-nav::after,
  .mobile-bottom-nav :is(a, button),
  .mobile-bottom-nav :is(a, button)::after,
  .mobile-bottom-nav .mobile-nav-icon,
  .mobile-bottom-nav .mobile-nav-icon svg,
  .mobile-bottom-nav small {
    animation: none !important;
    transition: none !important;
  }
  .mobile-bottom-nav :is(a, button):active,
  .mobile-bottom-nav :is(a, button).active .mobile-nav-icon {
    transform: none !important;
  }}
/* Source: /assets/build/agent-popup.css */
:root {
  --agent-popup-violet: #8f72ff;
  --agent-popup-cyan: #4ad8e7;
  --agent-popup-panel: rgba(4, 13, 29, 0.94);
  --agent-popup-line: rgba(137, 116, 244, 0.28);
}
.agent-popup-layer {
  position: fixed;
  z-index: 1180;
  inset: 0;
  pointer-events: none;
}
.agent-popup-layer[hidden] {
  display: none !important;
}
.agent-chat-launcher[hidden] {
  display: none !important;
}
.agent-popup-scrim {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(0, 4, 14, 0.36);
  opacity: 0;
  pointer-events: none;
  transition: opacity 260ms ease;
}
.agent-popup-panel {
  position: absolute;
  top: calc(var(--header-h) + 14px);
  right: 14px;
  bottom: 14px;
  width: min(500px, calc(100vw - 32px));
  min-height: 420px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  pointer-events: auto;
  isolation: isolate;
  border: 1px solid var(--agent-popup-line);
  border-radius: 24px;
  background:
    radial-gradient(circle at 9% 0%, rgba(123, 87, 255, 0.19), transparent 34%),
    radial-gradient(circle at 100% 18%, rgba(52, 198, 226, 0.1), transparent 36%),
    linear-gradient(145deg, rgba(8, 21, 43, 0.98), var(--agent-popup-panel));
  box-shadow:
    0 34px 90px rgba(0, 2, 10, 0.72),
    0 0 0 1px rgba(255, 255, 255, 0.025) inset,
    0 0 52px rgba(91, 63, 220, 0.15);
  backdrop-filter: blur(28px) saturate(130%);
  opacity: 0;
  transform: translate3d(calc(100% + 32px), 0, 0) scale(0.985);
  transform-origin: right center;
  transition:
    transform 420ms cubic-bezier(0.16, 0.84, 0.22, 1),
    opacity 260ms ease,
    box-shadow 360ms ease;
}
.agent-popup-panel::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -130px;
  right: -100px;
  width: 310px;
  height: 310px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(106, 79, 239, 0.2), transparent 68%);
  filter: blur(8px);
  pointer-events: none;
}
.agent-popup-layer.is-open .agent-popup-panel {
  opacity: 1;
  transform: none;
  box-shadow:
    0 38px 100px rgba(0, 2, 10, 0.76),
    0 0 0 1px rgba(255, 255, 255, 0.035) inset,
    0 0 68px rgba(92, 65, 228, 0.21);
}
.agent-popup-header {
  position: relative;
  z-index: 2;
  min-height: 72px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 10px 9px 12px;
  border-bottom: 1px solid rgba(118, 144, 203, 0.13);
  background: linear-gradient(180deg, rgba(10, 24, 49, 0.9), rgba(5, 15, 32, 0.76));
}
.agent-popup-header::after {
  content: "";
  position: absolute;
  right: 82px;
  bottom: -1px;
  left: 70px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(129, 99, 255, 0.5), rgba(64, 207, 229, 0.3), transparent);
  opacity: 0.62;
}
.agent-popup-avatar {
  position: relative;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
}
.agent-popup-avatar::before,
.agent-popup-avatar::after {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(145, 116, 255, 0.28);
  border-right-color: rgba(74, 216, 231, 0.56);
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: agentPopupOrbit 8s linear infinite;
}
.agent-popup-avatar::after {
  inset: 8px 2px;
  opacity: 0.38;
  animation-duration: 11s;
  animation-direction: reverse;
}
.agent-popup-avatar img {
  position: relative;
  z-index: 1;
  width: 45px;
  height: 45px;
  object-fit: contain;
  filter: drop-shadow(0 7px 12px rgba(119, 83, 255, 0.35));
  animation: agentPopupFloat 4.8s ease-in-out infinite;
}
.agent-popup-heading {
  min-width: 0;
  display: grid;
  gap: 1px;
}
.agent-popup-heading small {
  color: #8d7de3;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.21em;
}
.agent-popup-heading strong {
  overflow: hidden;
  color: #f1f3fb;
  font-size: 15px;
  font-weight: 660;
  letter-spacing: -0.015em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.agent-popup-heading em {
  overflow: hidden;
  color: #76849d;
  font-size: 9px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.agent-popup-actions {
  display: flex;
  align-items: center;
  gap: 5px;
}
.agent-popup-action {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(126, 105, 227, 0.22);
  border-radius: 12px;
  color: #9ba8c1;
  background: rgba(36, 38, 92, 0.24);
  text-decoration: none;
  transition:
    color 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    transform 180ms ease,
    box-shadow 180ms ease;
}
.agent-popup-action:hover {
  color: #f4f1ff;
  border-color: rgba(145, 117, 255, 0.55);
  background: rgba(91, 68, 201, 0.31);
  box-shadow: 0 0 22px rgba(100, 73, 223, 0.2);
  transform: translateY(-1px);
}
.agent-popup-action:active {
  transform: translateY(1px) scale(0.95);
}
.agent-popup-action svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.agent-popup-frame-shell {
  position: relative;
  min-height: 0;
  overflow: hidden;
  background: rgba(2, 9, 20, 0.62);
}
.agent-popup-frame-shell iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  color-scheme: dark;
  background: transparent;
  opacity: 0;
  transition: opacity 260ms ease;
}
.agent-popup-frame-shell.is-ready iframe {
  opacity: 1;
}
.agent-popup-loader {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 42%, rgba(97, 69, 220, 0.13), transparent 30%),
    #030b19;
  opacity: 1;
  transition: opacity 220ms ease, visibility 0s linear 0s;
}
.agent-popup-frame-shell.is-ready .agent-popup-loader {
  opacity: 0;
  visibility: hidden;
  transition: opacity 220ms ease, visibility 0s linear 220ms;
}
.agent-popup-loader > span {
  height: 34px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.agent-popup-loader i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--agent-popup-violet), var(--agent-popup-cyan));
  box-shadow: 0 0 14px rgba(113, 91, 239, 0.5);
  animation: agentPopupLoading 1.15s ease-in-out infinite;
}
.agent-popup-loader i:nth-child(2) {
  animation-delay: 120ms;
}
.agent-popup-loader i:nth-child(3) {
  animation-delay: 240ms;
}
.agent-popup-loader strong {
  color: #d9dfed;
  font-size: 12px;
  font-weight: 640;
}
.agent-popup-loader small {
  color: #67758e;
  font-size: 9px;
}
.agent-chat-launcher {
  position: fixed;
  z-index: 1160;
  right: 24px;
  bottom: 24px;
  width: 70px;
  height: 70px;
  display: grid;
  place-items: center;
  padding: 0;
  overflow: visible;
  isolation: isolate;
  border: 1px solid rgba(144, 119, 255, 0.42);
  border-radius: 23px;
  color: #e9e5ff;
  background:
    radial-gradient(circle at 35% 22%, rgba(124, 95, 255, 0.3), transparent 45%),
    linear-gradient(145deg, rgba(18, 31, 63, 0.96), rgba(7, 14, 32, 0.96));
  box-shadow:
    0 18px 48px rgba(0, 2, 12, 0.58),
    0 0 0 1px rgba(255, 255, 255, 0.04) inset,
    0 0 34px rgba(105, 74, 236, 0.2);
  cursor: pointer;
  appearance: none;
  transition:
    opacity 220ms ease,
    transform 260ms cubic-bezier(0.16, 0.82, 0.22, 1),
    border-color 200ms ease,
    box-shadow 220ms ease;
}
.agent-chat-launcher::before,
.agent-chat-launcher::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.agent-chat-launcher::before {
  inset: -7px;
  border: 1px solid rgba(128, 100, 244, 0.27);
  border-top-color: rgba(74, 216, 231, 0.44);
  border-radius: 28px;
  animation: agentLauncherRing 5.8s linear infinite;
}
.agent-chat-launcher::after {
  inset: 8px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(102, 75, 231, 0.3), transparent 69%);
  filter: blur(8px);
  opacity: 0.7;
}
.agent-chat-launcher:hover {
  border-color: rgba(160, 139, 255, 0.7);
  box-shadow:
    0 22px 58px rgba(0, 2, 12, 0.64),
    0 0 0 1px rgba(255, 255, 255, 0.065) inset,
    0 0 44px rgba(105, 74, 236, 0.32);
  transform: translateY(-3px) scale(1.025);
}
.agent-chat-launcher:active {
  transform: translateY(1px) scale(0.95);
}
.agent-chat-launcher:focus-visible {
  outline: 2px solid rgba(165, 145, 255, 0.85);
  outline-offset: 4px;
}
.agent-chat-launcher-visual {
  position: relative;
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
}
.agent-chat-launcher-visual::before {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(145, 116, 255, 0.26);
  border-right-color: rgba(74, 216, 231, 0.52);
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: agentPopupOrbit 7.5s linear infinite;
}
.agent-chat-launcher img {
  position: relative;
  z-index: 1;
  width: 58px;
  height: 58px;
  object-fit: contain;
  filter: drop-shadow(0 8px 14px rgba(115, 82, 244, 0.42));
  animation: agentPopupFloat 4.4s ease-in-out infinite;
}
.agent-chat-launcher-mark {
  position: absolute;
  z-index: 3;
  right: 1px;
  bottom: 2px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(181, 167, 255, 0.6);
  border-radius: 9px;
  color: #f5f2ff;
  background: linear-gradient(145deg, #7655ed, #4d39b3);
  box-shadow: 0 5px 14px rgba(42, 25, 126, 0.58), inset 0 1px rgba(255, 255, 255, 0.18);
}
.agent-chat-launcher-mark svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.agent-chat-launcher-visual > i {
  position: absolute;
  z-index: 4;
  top: 5px;
  right: 5px;
  width: 8px;
  height: 8px;
  border: 2px solid #0a1429;
  border-radius: 50%;
  background: #58e6c2;
  box-shadow: 0 0 10px rgba(88, 230, 194, 0.78);
}
.agent-chat-launcher-tooltip {
  position: absolute;
  right: calc(100% + 13px);
  top: 50%;
  min-width: 148px;
  display: grid;
  gap: 1px;
  padding: 9px 12px;
  border: 1px solid rgba(127, 106, 224, 0.27);
  border-radius: 13px;
  text-align: left;
  white-space: nowrap;
  background: rgba(6, 16, 35, 0.94);
  box-shadow: 0 14px 34px rgba(0, 2, 12, 0.46);
  backdrop-filter: blur(16px);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(8px, -50%, 0) scale(0.96);
  transform-origin: right center;
  transition: opacity 180ms ease, transform 220ms cubic-bezier(0.16, 0.82, 0.22, 1);
}
.agent-chat-launcher-tooltip strong {
  color: #f0edff;
  font-size: 12px;
  font-weight: 700;
}
.agent-chat-launcher-tooltip small {
  color: #7d8aa3;
  font-size: 9px;
}
.agent-chat-launcher:hover .agent-chat-launcher-tooltip,
.agent-chat-launcher:focus-visible .agent-chat-launcher-tooltip {
  opacity: 1;
  transform: translate3d(0, -50%, 0) scale(1);
}
body.agent-popup-open .agent-chat-launcher {
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px) scale(0.82);
}
html.agent-embedded,
body.agent-embedded {
  min-width: 0 !important;
  min-height: 100dvh !important;
  background: transparent !important;
}
body.agent-embedded {
  overflow: hidden !important;
}
body.agent-embedded :is(.space-scene, #cursor-aura, .app-header, .app-rail, .mobile-bottom-nav, .agent-page-heading) {
  display: none !important;
}
body.agent-embedded .app-shell,
body.agent-embedded .app-main,
body.agent-embedded #view-root,
body.agent-embedded .agent-view,
body.agent-embedded .agent-shell {
  width: 100% !important;
  height: 100dvh !important;
  min-height: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
body.agent-embedded #view-root {
  display: block !important;
  animation: none !important;
}
@keyframes agentPopupOrbit {
  to {
    transform: rotate(360deg);
  }
}
@keyframes agentPopupFloat {
  50% {
    transform: translateY(-2px) rotate(0.7deg);
    filter: drop-shadow(0 9px 16px rgba(119, 83, 255, 0.45)) saturate(1.08);
  }
}
@keyframes agentPopupLoading {
  0%,
  100% {
    opacity: 0.35;
    transform: translateY(3px) scale(0.82);
  }
  50% {
    opacity: 1;
    transform: translateY(-3px) scale(1.06);
  }
}
@keyframes agentLauncherRing {
  50% {
    border-color: rgba(145, 118, 255, 0.42);
    border-top-color: rgba(74, 216, 231, 0.7);
    transform: rotate(180deg) scale(1.035);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 767px){
  .agent-chat-launcher {
    right: max(15px, env(safe-area-inset-right));
    bottom: calc(max(10px, env(safe-area-inset-bottom)) + 82px);
    width: 62px;
    height: 62px;
    border-radius: 21px;
  }
  .agent-chat-launcher::before {
    inset: -5px;
    border-radius: 25px;
  }
  .agent-chat-launcher-visual {
    width: 56px;
    height: 56px;
  }
  .agent-chat-launcher img {
    width: 53px;
    height: 53px;
  }
  .agent-chat-launcher-mark {
    right: 0;
    bottom: 1px;
    width: 22px;
    height: 22px;
    border-radius: 8px;
  }
  .agent-chat-launcher-tooltip {
    display: none;
  }
  .agent-popup-layer {
    pointer-events: auto;
  }
  .agent-popup-layer.is-open .agent-popup-scrim {
    opacity: 1;
    pointer-events: auto;
    backdrop-filter: blur(7px);
  }
  .agent-popup-panel {
    top: max(6px, env(safe-area-inset-top));
    right: max(6px, env(safe-area-inset-right));
    bottom: max(6px, env(safe-area-inset-bottom));
    left: max(6px, env(safe-area-inset-left));
    width: auto;
    min-height: 0;
    border-radius: 24px;
    opacity: 0;
    transform: translate3d(0, 30px, 0) scale(0.97);
    transform-origin: center bottom;
  }
  .agent-popup-layer.is-open .agent-popup-panel {
    opacity: 1;
    transform: none;
  }
  .agent-popup-header {
    min-height: 66px;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 8px;
    padding: 7px 8px 7px 10px;
  }
  .agent-popup-avatar,
  .agent-popup-avatar img {
    width: 42px;
    height: 42px;
  }
  .agent-popup-heading strong {
    font-size: 14px;
  }
  .agent-popup-heading em {
    font-size: 8px;
  }
  .agent-popup-action {
    width: 42px;
    height: 42px;
  }
  body.agent-popup-open {
    overflow: hidden !important;
  }
  body.agent-popup-open .mobile-bottom-nav {
    opacity: 0 !important;
    transform: translate3d(0, calc(100% + 24px), 0) !important;
    pointer-events: none !important;
  }}
@media (max-width: 430px){
  .agent-popup-heading small {
    letter-spacing: 0.16em;
  }
  .agent-popup-heading em {
    max-width: 148px;
  }
  .agent-popup-actions {
    gap: 3px;
  }}
@media (max-width: 359px){
  .agent-chat-launcher {
    right: max(11px, env(safe-area-inset-right));
    bottom: calc(max(7px, env(safe-area-inset-bottom)) + 78px);
    width: 57px;
    height: 57px;
    border-radius: 19px;
  }
  .agent-chat-launcher-visual {
    width: 52px;
    height: 52px;
  }
  .agent-chat-launcher img {
    width: 49px;
    height: 49px;
  }
  .agent-popup-panel {
    top: max(3px, env(safe-area-inset-top));
    right: max(3px, env(safe-area-inset-right));
    bottom: max(3px, env(safe-area-inset-bottom));
    left: max(3px, env(safe-area-inset-left));
    border-radius: 20px;
  }
  .agent-popup-header {
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 5px;
    padding-inline: 7px;
  }
  .agent-popup-avatar,
  .agent-popup-avatar img {
    width: 38px;
    height: 38px;
  }
  .agent-popup-heading em {
    display: none;
  }
  .agent-popup-action {
    width: 39px;
    height: 39px;
  }}
@media (prefers-reduced-motion: reduce){
  .agent-popup-panel,
  .agent-popup-scrim,
  .agent-popup-frame-shell iframe,
  .agent-popup-loader,
  .agent-popup-action,
  .agent-chat-launcher,
  .agent-chat-launcher::before,
  .agent-chat-launcher::after,
  .agent-chat-launcher-visual::before,
  .agent-chat-launcher img,
  .agent-chat-launcher-tooltip,
  .agent-popup-avatar::before,
  .agent-popup-avatar::after,
  .agent-popup-avatar img,
  .agent-popup-loader i {
    animation: none !important;
    transition: none !important;
  }}
.agent-popup-panel { min-height: min(420px, calc(100dvh - var(--header-h, 64px) - 28px)); }
.agent-popup-heading em { color: #a8b7d1; font-size: 11px; }
.agent-popup-action:focus-visible,
.agent-popup-retry:focus-visible { outline: 2px solid #b7a3ff; outline-offset: 3px; }
.agent-popup-retry { min-height: 44px; padding: 0 18px; border: 1px solid #8f72ff; border-radius: 12px; color: #f4f1ff; background: #3b287d; font: inherit; cursor: pointer; }
.agent-popup-loader small { max-width: 280px; color: #a8b7d1; font-size: 12px; }
@media (max-width: 767px){
  .agent-popup-layer { top: var(--agent-viewport-top, 0px); bottom: auto; height: var(--agent-viewport-height, 100dvh); }
  .agent-popup-panel { inset: 0; width: 100%; min-height: 0; border: 0; border-radius: 0; padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); }
  .agent-popup-header { padding-left: max(10px, env(safe-area-inset-left)); padding-right: max(8px, env(safe-area-inset-right)); }
  .agent-popup-action { width: 44px; height: 44px; }
  .agent-popup-heading em { font-size: 11px; }
  .agent-popup-heading small { display: none; }
  .agent-popup-loader { padding: 16px; }}
/* Source: /assets/build/quality-fixes.css */
.brand-artwork { isolation: isolate; }
.brand-artwork::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -8px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(ellipse at center,
    rgba(155, 120, 255, .42), rgba(155, 120, 255, .14) 42%, transparent 72%);
  opacity: .35;
}
.brand-logo-symbol {
  opacity: 1;
  transform: none;
  filter: drop-shadow(0 0 4px rgba(155, 120, 255, .12));
  transition: filter 320ms ease;
}
.brand:hover .brand-logo-symbol,
.brand:focus-visible .brand-logo-symbol {
  filter: brightness(1.08) drop-shadow(0 0 7px rgba(155, 120, 255, .32));
}
.brand:focus-visible { border-radius: 12px; }
@keyframes astroface-profile-reveal {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes astroface-aura-glow {
  0%, 100% { opacity: .3; }
  50% { opacity: .8; }
}
@media (prefers-reduced-motion: no-preference){
  .brand-logo-symbol { animation: astroface-profile-reveal 800ms ease-out both; }
  .brand-artwork::before { animation: astroface-aura-glow 6.4s ease-in-out infinite; }}
.app-main { padding-bottom: max(112px, calc(84px + env(safe-area-inset-bottom))); }
.soulgraph-agent-launcher,
.agent-popup-launcher,
[class~="agent-chat-launcher"],
[data-agent-launcher] {
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  width: 56px !important;
  height: 56px !important;
}
@media (max-width: 760px){
  .app-main { padding-bottom: calc(148px + env(safe-area-inset-bottom)); }
  .soulgraph-agent-launcher,
  .agent-popup-launcher,
  [class~="agent-chat-launcher"],
  [data-agent-launcher] {
    bottom: calc(82px + env(safe-area-inset-bottom));
    width: 52px !important;
    height: 52px !important;
  }}
:root { --muted: #a1afc7; }
.page-heading p,
.report-heading p,
.transit-control-copy p,
.transit-advice-panel > header p,
.transit-advice-copy p,
.transit-disclaimer p,
.phase-analysis-card > p,
.narrative-card p,
.selection-prompt p,
.inspector-disclaimer,
.comparison-chart-head p,
.comparison-insight-list p,
.comparison-formula-notes p,
.report-profile-copy > p,
.report-section-header p {
  color: #abb8cf;
  font-size: 13px !important;
  line-height: 1.55;
}
.panel-header h2,
.compact-panel-header small,
.form-field small,
.switch-row small,
.sheet-note p,
.metric-card > small,
.timeline-copy,
.timeline-label-row small,
.transition-scale-card .timeline-copy strong,
.transition-scale-card .timeline-label-row small,
.dynamics-card-heading small,
.dynamics-legend,
.window-control span,
.formula-legend,
.graph-legend,
.inspector-stats span,
.inspector-stats small,
.route-note,
.selection-method span,
.transit-metrics small,
.transit-fields label,
.transit-hero-copy p,
.comparison-view small,
.combobox-option-copy small,
.table-result-meta,
.full-planet-table th,
.full-planet-table td > small {
  color: #a4b2ca;
  font-size: 12px !important;
  line-height: 1.45;
}
.form-field > label,
.quick-field input,
.quick-field select,
.table-search input,
.full-planet-table td,
.table-planet strong,
.table-planet small,
.transition-change-list li,
.transition-change-list strong,
.comparison-tabs button,
.table-filter-bar button,
.transit-presets button,
.transit-aspect-filters button,
.transit-section-nav a {
  font-size: 13px !important;
}
.quick-field input::placeholder,
.form-field input::placeholder,
.table-search input::placeholder { color: #a0aec5; opacity: 1; }
.app-rail :is(a, button) { color: #abb8cf; font-size: 12px; }
.app-rail :is(a, button).active { color: #f2edff; }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid #c7baff !important;
  outline-offset: 3px;
}
.page-heading h1:focus:not(:focus-visible) { outline: none; }
.house-system-control select { min-height: 40px; font-size: 13px; }
@media (max-width: 980px){
  .app-header input,
  .app-header select,
  .parameters-form input:not([type="checkbox"]):not([type="radio"]),
  .parameters-form select,
  #view-root input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  #view-root select,
  #view-root textarea { font-size: 16px !important; }
  .panel-actions button,
  .compact-panel-header :is(a, button),
  .sheet-close,
  .inspector-close,
  .metric-help-toggle { min-width: 44px; min-height: 44px; }
  .mobile-more nav a { min-height: 52px; }
  .mobile-bottom-nav :is(a, button) { color: #a6b3ca; }
  .mobile-bottom-nav :is(a, button).active { color: #f4efff; }}
@media (prefers-reduced-motion: reduce){
  .route-enter, .nav-switching, .nav-activating { animation: none !important; }}
.space-scene { contain: strict; isolation: isolate; }
.space-scene .starfield { inset: 0; transform: translateZ(0); }
.space-scene .starfield::before, .space-scene .starfield::after { content: none; }
.space-scene .starfield-a { background: url('/assets/brand/star-dust.svg') repeat; background-size: 512px 512px; opacity: .6 !important; }
.space-scene .starfield-b { display: none; }
.ambient-effects { mix-blend-mode: normal; transform: translateZ(0); }
/* Source: /assets/build/advanced-features.css */
:root {
  --advanced-violet: #9676ff;
  --advanced-cyan: #42d7e8;
  --advanced-gold: #f3c66b;
  --advanced-red: #f26376;
}
.app-rail.has-advanced-nav {
  overflow: hidden;
}
.app-rail.has-advanced-nav .rail-main {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  gap: 3px;
}
.app-rail.has-advanced-nav .rail-main::-webkit-scrollbar {
  display: none;
}
.app-rail.has-advanced-nav .rail-main > :is(a, button) {
  min-height: 50px;
  flex: 0 0 auto;
}
.app-rail.has-advanced-nav .rail-main .rail-icon {
  width: 29px;
  height: 29px;
}
@keyframes advancedOrbit {
  to { transform: rotate(360deg); }
}
.advanced-field :is(input, select) {
  width: 100%;
  height: 40px;
  min-width: 0;
  border: 1px solid rgba(111, 141, 203, .17);
  border-radius: 10px;
  outline: 0;
  padding: 0 10px;
  color: #e5e9f7;
  background: rgba(6, 18, 37, .85);
  font-size: 10px;
}
.advanced-field :is(input, select):focus {
  border-color: rgba(134, 105, 255, .62);
  box-shadow: 0 0 0 3px rgba(110, 82, 244, .09);
}
.house-system-control {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 8px;
  border: 1px solid rgba(104, 137, 197, .14);
  border-radius: 9px;
  background: rgba(7, 19, 39, .7);
}
.house-system-control > span:not(.af-control-wrap) {
  color: #67758d;
  font-size: 8px;
  white-space: nowrap;
}
.house-system-control select {
  max-width: 116px;
  border: 0;
  outline: 0;
  color: #cbd4e8;
  background: transparent;
  font-size: 8px;
}
.house-system-control select option { background: #071427; }
@media (max-width: 767px){
  .house-system-control > span:not(.af-control-wrap) { display: none; }
  .house-system-control { padding: 0 5px; }
  .house-system-control select { max-width: 98px; }}
.advanced-field :is(input, select) { min-height: 44px; font-size: 14px; }
.advanced-field :is(input, select):disabled { opacity: .75; }
@media (max-width: 767px){
  .advanced-field :is(input, select){ font-size: 16px; }}
/* Source: /assets/build/page-journey.css */
@view-transition { navigation: auto; }
html[data-page-transition="native"] { view-transition-name: page-surface !important; }
html[data-page-transition="native"] :is(#app-main, #view-root, #parameters-layer, .mobile-bottom-nav) { view-transition-name: none !important; }
html[data-page-transition="native"]::view-transition { pointer-events: none; }
::view-transition-group(page-surface) { animation: none; }
::view-transition-image-pair(page-surface) { isolation: isolate; }
::view-transition-old(page-surface) { animation: none; opacity: 1; mix-blend-mode: normal; }
::view-transition-new(page-surface) { animation: page-crossfade .22s cubic-bezier(.2,.75,.25,1) both; mix-blend-mode: normal; }
@keyframes page-crossfade { from { opacity: 0; } to { opacity: 1; } }
@keyframes page-content-settle { from { opacity: .82; transform: translateY(6px); } to { opacity: 1; transform: none; } }
#af-navigation-progress { position: fixed; inset: 0 0 auto; z-index: 1800; height: 2px; overflow: hidden; opacity: 0; pointer-events: none; background: #a38adb0c; transition: opacity .16s ease; }
#af-navigation-progress > i { display: block; width: 100%; height: 100%; transform-origin: left; transform: scaleX(.08); background: linear-gradient(90deg, #ad91ef, #9bbcf5 65%, #83d6ca); box-shadow: 0 0 12px #a895ee66; }
html[data-navigation-state="loading"] #af-navigation-progress { opacity: 1; }
html[data-navigation-state="loading"] #af-navigation-progress > i { animation: af-navigation-drift 1.6s cubic-bezier(.2,.65,.35,1) infinite; }
html[data-navigation-state="complete"] #af-navigation-progress { opacity: 0; transition-delay: .08s; }
html[data-navigation-state="complete"] #af-navigation-progress > i { transform: scaleX(1); transition: transform .16s ease; }
@keyframes af-navigation-drift { 0% { transform: translateX(-60%) scaleX(.6); } 100% { transform: translateX(100%) scaleX(.6); } }
[data-content-placeholder] { min-width: 0; padding: clamp(24px, 4vw, 44px); border: 1px solid #ad98da12; border-radius: 24px; background: linear-gradient(130deg, #a38adb09, #85bfcb03); }
[data-content-placeholder] i { display: block; height: 9px; border-radius: 20px; background: #b5a5d812; }
@keyframes af-content-breathe { from { opacity: .6; } to { opacity: 1; } }
@media (max-width: 640px){
  [data-content-placeholder] { padding: 24px; border-radius: 20px; }}
@media (prefers-reduced-motion: reduce){
  @view-transition { navigation: none; }
  ::view-transition-group(page-surface), ::view-transition-old(page-surface), ::view-transition-new(page-surface) { animation: none !important; }
  #af-navigation-progress > i, [data-content-placeholder] * { animation: none !important; }
  html[data-navigation-state="loading"] #af-navigation-progress > i { transform: scaleX(.7); }}
html[data-motion-paused="true"] :is(.hero-copy, #af-navigation-progress > i, [data-content-placeholder] *) { animation: none !important; }
html[data-motion-paused="true"][data-navigation-state="loading"] #af-navigation-progress > i { transform: scaleX(.7); }
@media print{ #af-navigation-progress, #af-navigation-status, [data-content-placeholder] { display: none !important; }}
/* Source: /assets/build/comparison.css */
.relation-person{min-width:0;border:1px solid #aa95dd30;border-radius:22px;background:linear-gradient(140deg,#242033c9,#171725e8);padding:24px}
.relation-person>header{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}
.relation-person header small{font-size:9px;letter-spacing:.12em;color:#a9a0bd}
.relation-person h2{margin:5px 0 0;font-size:18px}
.relation-person details{border-top:1px solid #a58dcc20;padding-top:14px}
.relation-person summary{color:#b9a7d7;font-size:12px;cursor:pointer}
@media(max-width:850px){.relation-person{padding:18px}}
@media(max-width:620px){.relation-person>header{margin-bottom:20px}
.relation-person h2{font-size:17px}}
.relation-editor>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #aa95dd40;border-radius:16px;cursor:pointer;list-style:none;background:#211d30}
.relation-editor[open]>summary{margin-bottom:18px}
.relation-editor[open]:not(:has(.relation-saved-people))>summary{display:none}
.relation-person header small,.relation-place>small,.relation-types small,.relation-footnote{font-size:12px}
@media(max-width:620px){.relation-editor>summary{align-items:stretch;flex-direction:column;gap:12px;padding:16px}}
@keyframes relation-spin{to{transform:rotate(360deg)}}
@keyframes relation-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:480px){.relation-fields>.relation-field:has(input:is([type="date"],[type="time"])){grid-column:1/-1}}
/* Source: /assets/build/design-refresh.css */
body.af-refresh {
  --af-bg: #0b0f19;
  --af-surface: #111827;
  --af-surface-raised: #172132;
  --af-line: rgba(172, 184, 207, .14);
  --af-text: #f0f2f8;
  --af-muted: #a1aec3;
  --af-accent: #ae94ed;
  --af-accent-strong: #8063bc;
  --af-accent-soft: rgba(174, 148, 237, .12);
  --bg-0: var(--af-bg);
  --bg-1: #101625;
  --bg-2: var(--af-surface-raised);
  --panel: var(--af-surface);
  --panel-strong: var(--af-surface-raised);
  --panel-soft: #151d2c;
  --line: var(--af-line);
  --line-strong: rgba(174, 148, 237, .3);
  --text: var(--af-text);
  --text-soft: #c1c9d8;
  --muted: var(--af-muted);
  --violet: #9e80d9;
  --violet-2: #c2a8ee;
  --blue: #83a7d1;
  --cyan: #77bacb;
  --gold: #dcb877;
  --radius-lg: 16px;
  --radius-md: 10px;
  background: var(--af-bg);
  color: var(--af-text);
  font-size: 15px;
  line-height: 1.55;
}
.af-refresh .space-scene { background: radial-gradient(ellipse at 82% 0, #8f68c00b, transparent 52%); }
.af-refresh .space-scene > *, .af-refresh #cursor-aura { display: none !important; }
.af-refresh .app-header { background: #0b0f19f5; box-shadow: none; backdrop-filter: none; border-color: var(--af-line); }
.af-refresh .app-rail { background: transparent; border: 0; box-shadow: none; }
.af-refresh .app-main { padding-bottom: 88px; }
.af-refresh :is(.glass-card, .relation-person, .relation-block) {
  background: var(--af-surface);
  border-color: var(--af-line);
  box-shadow: none;
  backdrop-filter: none;
}
.af-refresh :is(.glass-card, .spotlight-card)::before,
.af-refresh :is(.glass-card, .spotlight-card)::after { display: none; }
.af-refresh .brand-artwork::before { display: none; }
.af-refresh .brand-logo-symbol { filter: none; animation: none; }
.af-refresh .page-heading { margin: 8px 0 24px; min-height: 64px; gap: 16px; }
.af-refresh :is(.page-heading h1, .advanced-page-heading h1, .relation-intro h1, .agent-page-heading h1) {
  font-size: clamp(25px, 2vw, 30px) !important; font-weight: 600; line-height: 1.25; letter-spacing: -.035em;
}
.af-refresh .page-heading > div:first-child > span:not(.route-motion-badge),
.af-refresh :is(.relation-eyebrow, .transit-control-kicker),
.af-refresh .agent-page-heading > div:first-child > span,
.af-refresh .agent-history-title > span { display: none; }
.af-refresh :is(.page-heading p, .advanced-page-heading p, .relation-intro p, .report-heading p, .transit-control-copy p, .agent-page-heading p) {
  font-size: 14px !important; color: var(--af-muted); line-height: 1.6; margin-top: 6px;
}
.af-refresh :is(button, input, select, textarea) { font-family: inherit; }
.af-refresh :is(.calculate-button, .relation-submit, .agent-send, .transit-advice-button) {
  background: #8f70c7; color: #fff; border: 1px solid #ad8ce2; box-shadow: none;
  text-transform: none; letter-spacing: 0; font-size: 14px; font-weight: 600; border-radius: 10px;
}
.af-refresh :is(.calculate-button, .relation-submit, .transit-advice-button)::before,
.af-refresh :is(.calculate-button, .relation-submit, .transit-advice-button)::after { display: none; }
.af-refresh :is(.calculate-button, .relation-submit, .transit-advice-button):hover { background: #9b7dd3; box-shadow: none; transform: none; }
.af-refresh :is(.ghost-button, .header-icon, .panel-actions button, .table-actions button, .table-filter-bar button, .transit-presets button, .transit-aspect-filters button) {
  background: transparent; border-color: var(--af-line); box-shadow: none; color: #bdc7d7;
  font-size: 13px !important; border-radius: 9px;
}
.af-refresh :is(.table-filter-bar button, .transit-aspect-filters button).active,
.af-refresh .segmented-control button.active { background: var(--af-accent-soft); color: #d8c9f7; border-color: #ae94ed55; box-shadow: none; }
.af-refresh :is(.segmented-control, .cosmogram-label-control) { box-shadow: none; background: #0b111d; border-color: var(--af-line); }
.af-refresh :is(.segmented-control button, .transit-section-nav a) { font-size: 13px !important; }
.af-refresh :is(.form-field, .relation-field) > :is(span, label), .af-refresh .transit-fields label {
  font-size: 14px !important; font-weight: 500; color: #bdc7d7;
}
.af-refresh :is(.parameters-form, .relation-fields, .comparison-form) :is(input, select, textarea),
.af-refresh .transit-fields :is(input, select) {
  font-size: 15px !important; background: #0e1421; border-color: #a6b5d02b; border-radius: 9px;
  min-height: 46px; color: var(--af-text); box-shadow: none;
}
.af-refresh :is(.form-field small, .relation-place > small, .sheet-note p, .location-attribution) {
  font-size: 12px !important; line-height: 1.6; color: var(--af-muted);
}
.af-refresh .parameters-sheet { background: var(--af-surface); border-color: var(--af-line); box-shadow: none; border-radius: 18px; }
.af-refresh .sheet-header { border-color: var(--af-line); }
.af-refresh .sheet-header h1 { font-size: 28px; font-weight: 600; letter-spacing: -.03em; }
.af-refresh .sheet-header > div > span { display: none; }
.af-refresh .sheet-actions { border-top: 1px solid var(--af-line); padding-top: 20px; }
.af-refresh .sheet-close { background: transparent; border-color: var(--af-line); }
.af-refresh .inspector-section { background: transparent; border: 0; border-top: 1px solid var(--af-line); border-radius: 0; padding: 18px 0; }
.af-refresh .inspector-section :is(p, li), .af-refresh .route-note { font-size: 13px !important; line-height: 1.7; color: #bcc6d6; }
.af-refresh .inspector-section h4, .af-refresh .inspector-section > header { font-size: 13px; text-transform: none; letter-spacing: 0; }
.af-refresh .inspector-stats :is(span, small) { font-size: 12px !important; }
.af-refresh :is(.inspector-reference, .inspector-ai-meaning) { box-shadow: none; }
.af-refresh .agent-page-heading { margin-bottom: 20px; }
.af-refresh .relation-person { border-radius: 16px; }
.af-refresh .relation-person h2 { font-size: 20px; font-weight: 600; }
.af-refresh .empty-state h1 { font-size: clamp(32px, 5vw, 54px); font-weight: 500; letter-spacing: -.045em; }
.af-refresh .empty-state p { color: var(--af-muted); font-size: 15px; line-height: 1.7; }
.af-refresh :is(.space-scene, .brand-artwork, .route-motion-badge, .formula-svg, .cosmogram-svg, .empty-orbit, .agent-empty-orbit, .report-start-visual, .report-profile-visual, .transit-hero-orbit) *,
.af-refresh :is(.space-scene, .brand-artwork, .route-motion-badge)::before,
.af-refresh :is(.space-scene, .brand-artwork, .route-motion-badge)::after { animation: none !important; }
.af-refresh .app-rail .active .rail-icon :is(svg, svg > *) { animation: none !important; }
.af-refresh .app-rail .active .rail-icon svg > * { stroke-dasharray: none; stroke-dashoffset: 0; }
.af-refresh .app-rail :is(a, button).active { background: var(--af-accent-soft); border-color: transparent; box-shadow: none; color: #dbcaf7; }
.af-refresh .app-rail :is(a, button).active::before { display: none; }
.af-refresh .app-rail :is(a, button).active .rail-icon { background: none; border-color: transparent; box-shadow: none; }
@media (min-width: 981px){
  body.af-refresh.af-workspace-shell .app-header > .brand { width: 160px !important; min-width: 160px !important; flex: 0 0 160px !important; justify-content: flex-start; gap: 10px; }
  body.af-refresh.af-workspace-shell .app-header .brand-artwork { width: 40px; height: 40px; flex: 0 0 40px; }
  .af-refresh .app-header .brand::after { content: 'AstroFace'; font-size: 17px; letter-spacing: -.035em; color: #ede8f7; font-weight: 650; }}
@keyframes af-link-reveal { from { opacity: 0; } to { opacity: 1; } }
html[data-motion-paused="true"] .af-refresh *,
html[data-motion-paused="true"] .af-refresh *::before,
html[data-motion-paused="true"] .af-refresh *::after { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce){
  .af-refresh *, .af-refresh *::before, .af-refresh *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }}
@media (max-width: 980px){
  .af-refresh :is(.parameters-form, .relation-fields, .comparison-form, .transit-fields) :is(input, select, textarea) { font-size: 16px !important; }
  .af-refresh .page-heading { margin-bottom: 18px; }}
@media (max-width: 760px){
  .af-refresh .app-main { padding-bottom: 150px; }
  .af-refresh .page-heading h1 { font-size: 24px !important; }
  .af-refresh .page-heading p { font-size: 13px !important; }
  .af-refresh .page-heading { gap: 10px; }
  .af-refresh .parameters-sheet { border-radius: 16px 16px 0 0; }
  .af-refresh .sheet-header h1 { font-size: 24px; }}
@media print{
  .af-refresh { background: white; color: black; }}
/* Source: /assets/build/workspace-shell.css */
.af-workspace-shell #quick-form,
.af-workspace-shell .top-nav,
.af-workspace-shell #open-parameters,
.af-workspace-shell .af-submit-unchanged { display: none !important; }
.af-profile-bar { display: flex; align-items: center; gap: 14px; min-width: 0; flex: 1; }
.af-profile-mark { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: var(--af-accent-soft, #a995ff12); color: var(--af-accent, #b8a8ed); }
.af-profile-mark svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
.af-profile-copy { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 14px; min-width: 0; }
.af-profile-copy strong { color: var(--af-text, #f0edf8); font-size: 16px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 260px; }
.af-profile-copy > span { color: var(--af-muted, #a4acc0); font-size: 13px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.af-profile-edit { color: var(--af-accent, #d3c6ff); font-size: 13px; text-decoration: none; white-space: nowrap; padding: 10px 12px; margin-left: auto; border: 1px solid var(--af-line, #a68ee435); border-radius: 9px; transition: background 160ms ease, border-color 160ms ease; }
.af-profile-edit:hover { background: var(--af-accent-soft, #a995ff16); border-color: var(--af-accent, #aa90f2); }
.af-profile-empty .af-profile-edit { background: var(--af-accent-strong, #8060cb); border-color: var(--af-accent, #9979e4); color: #fff; }
.af-section-navigation { max-width: 1880px; margin: 0 auto 18px; }
.af-section-tabs { display: flex; align-items: center; gap: 6px; min-width: 0; width: fit-content; max-width: 100%; border-bottom: 1px solid var(--af-line, #a995ff26); }
.af-section-tabs[hidden], .af-section-navigation[hidden], .af-form-unchanged[hidden] { display: none !important; }
.af-section-tabs a { position: relative; display: inline-flex; align-items: center; min-height: 44px; padding: 8px 16px 12px; color: var(--af-muted, #a4aec2); font-size: 14px; font-weight: 500; text-decoration: none; white-space: nowrap; }
.af-section-tabs a::after { content: ""; position: absolute; bottom: -1px; left: 16px; right: 16px; height: 2px; background: transparent; border-radius: 2px; }
.af-section-tabs a:hover { color: var(--af-text, #f4f0ff); }
.af-section-tabs a.active { color: var(--af-text, #e5dcff); }
.af-section-tabs a.active::after { background: var(--af-accent, #ad92ee); }
.af-form-unchanged { grid-column: 1 / -1; margin: 6px 0 0; color: var(--af-muted, #a4aec2); font-size: 13px; line-height: 1.6; }
@media (min-width: 981px){
  body.af-workspace-shell { --header-h: 80px; }
  .af-workspace-shell .app-header { height: var(--header-h); gap: 20px; padding: 12px 24px; }
  .af-workspace-shell .app-header .brand { min-width: 156px; width: 156px; flex: 0 0 156px; justify-content: flex-start; }
  .af-workspace-shell .app-header .header-actions { margin-left: 0; }
  .af-workspace-shell .app-rail .rail-main { gap: 6px; }
  body.af-workspace-shell.rail-labels-visible .app-rail :is(a, button) { min-height: 52px !important; font-size: 14px !important; }
  body.af-workspace-shell.rail-labels-visible .app-rail :is(a, button) > span:not(.rail-icon) { max-width: 142px; }
  .af-workspace-shell .app-rail .rail-icon { border: 0; background: none; }
  .af-workspace-shell .app-rail .rail-icon svg { width: 21px; height: 21px; stroke-width: 1.6; }}
@media (min-width: 981px) and (max-width: 1280px){
  .af-profile-copy { display: grid; gap: 2px; }
  .af-profile-copy strong { max-width: 360px; }
  .af-workspace-shell .app-header .brand { min-width: 140px; width: 140px; flex-basis: 140px; }}
@media (max-width: 980px){
  .af-workspace-shell .app-header { display: flex !important; align-items: center !important; gap: 10px !important; padding-inline: 12px !important; }
  .af-workspace-shell .app-header .brand { min-width: 0 !important; width: 44px !important; flex: 0 0 44px !important; }
  .af-profile-bar { gap: 10px; }
  .af-profile-mark { display: none; }
  .af-profile-copy { display: grid; gap: 2px; }
  .af-profile-copy strong { font-size: 14px; max-width: none; }
  .af-profile-copy > span { font-size: 12px; }
  .af-profile-edit { font-size: 12px; min-height: 44px; display: inline-flex; align-items: center; padding: 8px 10px; }
  .af-workspace-shell .header-actions { display: none !important; }
  .af-section-navigation { margin-bottom: 14px; }
  .af-section-tabs { width: 100%; gap: 0; }
  .af-section-tabs a { padding: 9px 12px; font-size: 13px; justify-content: center; flex: 1; }
  .af-section-tabs a::after { left: 12px; right: 12px; }}
@media (max-width: 540px){
  .af-workspace-shell .app-header { gap: 8px !important; }
  .af-workspace-shell .app-header .brand { display: none !important; }
  .af-profile-copy > span { max-width: 43vw; }
  .af-profile-edit { font-size: 11px; padding-inline: 8px; }
  .af-section-tabs a { padding-inline: 10px; }}
@media print{
  .af-profile-bar, .af-section-navigation { display: none !important; }}
/* Source: /assets/build/workspace-views.css */
.af-statistics .rank-row :is(strong,span,small) { font-size:12px; }
.af-phase-tabs { display:flex; gap:4px; padding:4px; border:1px solid rgba(171,161,204,.16); border-radius:12px; background:rgba(17,16,29,.55); }
.af-phase-tabs button[aria-selected="true"] { background:rgba(169,139,228,.18); color:#e4d6fc; box-shadow:inset 0 0 0 1px rgba(186,155,243,.18); }
@media (max-width:767px){
  .af-phase-tabs { flex:1 1 100%; }
  .af-phase-tabs button { flex:1; padding:10px 8px; font-size:13px; }}
@media (prefers-reduced-motion:no-preference){
  @keyframes af-phase-enter { from { opacity:.45; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }}
/* Source: /assets/build/workspace-inspector.css */
:root { --af-inspector-width: clamp(330px, 28vw, 400px); }
body.af-inspector-modal :is(.mobile-bottom-nav, .agent-chat-launcher) { visibility: hidden; }
.mobile-inspector-sheet .inspector-head { align-items: start; gap: 13px; }
.mobile-inspector-sheet .inspector-head h3 { font-size: 24px; letter-spacing: -.02em; }
.mobile-inspector-sheet .inspector-head p,
.mobile-inspector-sheet .route-note,
.mobile-inspector-sheet .inspector-reference-list dd { color: #b5bad0; font-size: 13px !important; line-height: 1.6; }
.mobile-inspector-sheet .inspector-section { padding-top: 18px; margin-top: 18px; border-top: 1px solid #a99bc31a; }
@media (max-width: 767px){
  body.af-refresh .cosmogram-main-card:is(:fullscreen, .is-fullscreen-fallback) {
    grid-template-rows: max-content max-content minmax(320px, 1fr) max-content max-content !important;
    overflow-y: auto !important;
  }
  .mobile-inspector-sheet .inspector-head h3 { font-size: 23px; }}
/* Source: /assets/build/readability.css */
.af-refresh :is(.agent-page-heading,.page-heading)>div>p{font-size:14px;line-height:1.65;max-width:64ch}
.af-refresh .sheet-header{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:16px}
.af-refresh .sheet-header>div{min-width:0;max-width:none;width:auto}
.af-refresh .sheet-header h1{font-size:clamp(24px,3vw,32px);line-height:1.2;white-space:normal;overflow-wrap:normal;margin-right:0}
.af-refresh .sheet-header .sheet-close{width:44px;height:44px;min-width:44px;position:static}
.af-refresh .sheet-header>div{grid-column:1!important;grid-row:1!important;width:auto!important;max-width:none!important}
.af-refresh .sheet-header>.sheet-close{grid-column:2!important;grid-row:1!important}
.af-refresh .sheet-header{min-height:0!important;padding:20px!important}
.af-refresh .sheet-header h1{margin:0!important;max-width:none!important}
.af-refresh .rail-footer .agent-chat-launcher{position:static!important;inset:auto!important;transform:none!important;width:100%;max-width:100%;min-width:0;margin:0;box-shadow:none;font-size:13px;background:transparent;border:0;text-align:left;justify-content:flex-start;gap:10px;padding:12px!important}
.af-refresh .rail-footer .agent-chat-launcher svg{width:20px;min-width:20px}
.af-refresh .parameters-form{row-gap:18px}
body[data-route="calculate"] .agent-chat-launcher,body[data-view="comparison"] .agent-chat-launcher{display:none!important}
.af-table-simple .full-planet-table :is(th,td):nth-child(3),.af-table-simple .full-planet-table :is(th,td):nth-child(6),.af-table-simple .full-planet-table :is(th,td):nth-child(7){display:none}
.af-refresh .table-metric-ribbon :is(span,small){font-size:12px;line-height:1.4}
.af-phase-overview .dynamics-card :is(p,li){font-size:14px;line-height:1.65}
.af-refresh .af-phase-tabs{width:auto;max-width:100%;flex-wrap:wrap}
.af-refresh .af-phase-tabs button{padding:10px 16px;font-size:13px}
.af-refresh .agent-page-heading>div:last-child{display:none}
.af-refresh .agent-message-content>header :is(time,span){font-size:12px!important}
@media(max-width:767px){
 .af-refresh .agent-chat-launcher{display:none!important}
.af-refresh .mobile-bottom-nav small{font-size:10px!important;letter-spacing:0}
.af-refresh .af-phase-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:2px}
.af-refresh .af-phase-tabs button{white-space:normal;padding:10px 5px;font-size:12px}}
@keyframes af-reading-enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:767px){body.af-refresh[data-view="agent"]:not(.agent-embedded) .app-main{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
.af-refresh .mobile-bottom-nav small{letter-spacing:-.15px!important}}
@media(max-width:360px){.af-refresh .mobile-bottom-nav small{font-size:9px!important}}
@media(max-width:767px){body.af-refresh[data-view="agent"]:not(.agent-embedded) .app-main{display:flex;flex-direction:column}
body.af-refresh[data-view="agent"]:not(.agent-embedded) #view-root{flex:1;min-height:0;height:auto!important}
body.af-refresh[data-view="agent"] .af-section-navigation{flex:none}}
@media(max-width:360px){.af-refresh .mobile-bottom-nav :is(a,button){padding-inline:0!important}
.af-refresh .mobile-bottom-nav small{max-width:none!important}}
@media(max-width:767px){body.af-refresh[data-view="agent"] .af-section-navigation{width:100%}}
/* Source: /assets/build/soul-map.css */
html:has(body[data-view="dashboard"]) { scrollbar-gutter: stable; }
/* Source: /assets/build/focus.css */
html:root[data-input-method="pointer"] :is(:focus, :focus-within, :hover),
html:root[data-input-method="pointer"] .relation-types input:focus-visible + span {
  outline: none !important;
}
html:root[data-input-method="pointer"] body :is(input, textarea, select):focus {
  box-shadow: none !important;
}
html[data-input-method="keyboard"] :where(a, button, input, select, textarea, summary, [tabindex]):focus {
  outline: 2px solid #c7baff !important;
  outline-offset: 3px;
}
html[data-input-method] svg :is(.formula-node, .cosmo-planet):focus {
  outline: none !important;
}
.relation-field :is(input, select):focus {
  border-color: #b49ae2;
}
html[data-input-method="pointer"] :where(a, button, summary, [role="button"]) {
  -webkit-tap-highlight-color: transparent;
}
/* Source: /assets/build/cosmic-background.css */
.cosmic-sky { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.cosmic-sky canvas { display: block; width: 100%; height: 100%; opacity: .66; }
.cosmic-sky::before { content: ""; position: absolute; inset: 0; opacity: .5; background: radial-gradient(circle at 12% 19%, #c9c3e9 0 1px, transparent 1.8px), radial-gradient(circle at 68% 44%, #819ebf 0 1px, transparent 1.8px), radial-gradient(circle at 32% 75%, #c9c3e9 0 .7px, transparent 1.4px); background-size: 423px 531px, 611px 497px, 383px 673px; }
html[data-sky="webgl"] .cosmic-sky::before { opacity: 0; }
.af-refresh .app-shell { position: relative; z-index: 1; }
.af-refresh .space-scene { display: none; }
@media print{ .cosmic-sky { display: none; }}
/* Source: /assets/build/workspace-motion.css */
body.af-workspace-shell:not(.rail-labels-visible) { --rail-w: 86px !important; }
body.af-refresh .app-rail {
  left: 0 !important; top: var(--header-h) !important; bottom: 0 !important;
  width: var(--rail-w) !important; padding: 22px 16px 16px !important;
  border: 0; border-right: 1px solid #ad98da12; border-radius: 0 !important;
  background: linear-gradient(180deg, #080b14, #090c16); box-shadow: inset -1px 0 #02040b;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
.af-refresh .app-rail .rail-main {
  display: flex; flex-direction: column; flex: 1; gap: 8px; min-height: 0;
  padding: 4px; overflow-y: auto; overflow-x: hidden;
}
.af-refresh .app-rail .rail-footer { flex: 0 0 auto; padding: 16px 4px 0; border-top: 1px solid #ad98da12; }
body.af-refresh .app-rail .rail-footer button { font-size: 12px !important; gap: 8px !important; }
body.af-refresh .app-rail :is(a, button) {
  flex-shrink: 0; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box;
  border: 0; border-radius: 13px; isolation: isolate; transform: none !important;
  transition: color .38s ease, background-color .38s ease, box-shadow .38s ease !important;
}
.af-refresh .app-main { transition: none !important; }
.af-refresh.rail-is-transitioning .app-main { transition: padding-left .48s cubic-bezier(.16,.82,.2,1) !important; }
body.af-refresh .app-rail :is(a, button)::before { display: none !important; }
body.af-refresh .app-rail :is(a, button).active {
  background: #a38adb19; color: #e2d4fb; box-shadow: inset 0 1px #d1b9ff0b, inset 0 -1px #977dc70b;
}
body.af-refresh .app-rail :is(a, button):hover { background: #8774b50e; }
body.af-refresh .app-rail :is(a, button).active:hover { background: #a38adb22; }
.af-refresh .app-rail :is(a, button) .rail-icon { position: relative; z-index: 1; flex-shrink: 0; box-shadow: none !important; transform: none !important; }
.af-refresh .app-rail .rail-icon svg { transition: transform .6s cubic-bezier(.2,.8,.2,1), color .4s ease !important; }
.af-refresh .app-rail :is(a, button):is(:hover, :focus-visible) .rail-icon svg { transform: rotate(-8deg) scale(1.12); color: #dac5ff; }
.af-refresh .app-rail [data-af-group="dynamics"]:is(:hover, :focus-visible) .rail-icon svg { transform: translateY(-2px) rotate(5deg) scale(1.1); }
.af-refresh .app-rail [data-af-group="comparison"]:is(:hover, :focus-visible) .rail-icon svg { transform: rotate(12deg) scale(1.14); }
.af-refresh .app-rail [data-af-group="analysis"]:is(:hover, :focus-visible) .rail-icon svg { transform: rotate(-6deg) scale(1.12); }
.af-refresh .app-rail [data-af-group="tools"]:is(:hover, :focus-visible) .rail-icon svg { transform: rotate(28deg) scale(1.08); }
.af-refresh .app-rail a > span:not(.rail-icon) { position: relative; z-index: 1; }
.af-refresh .app-rail [data-tooltip]::after { display: none !important; }
.af-nav-tooltip { position: fixed; z-index: 1100; max-width: 190px; padding: 9px 13px; border: 1px solid #b49bd62a; border-radius: 10px; color: #e0d5f1; background: #111321; font: inherit; font-size: 13px; pointer-events: none; opacity: 0; transform: translate(4px, -50%); transition: opacity .2s ease, transform .3s ease; }
.af-nav-tooltip.is-visible { opacity: 1; transform: translate(0, -50%); }
.af-refresh .af-nav-light {
  position: absolute; inset: 0; z-index: 0; overflow: hidden; border-radius: inherit;
  pointer-events: none; opacity: 0; transition: opacity .5s ease;
  background: radial-gradient(110px circle at var(--af-light-x, 50%) var(--af-light-y, 50%), #bda1f52a, #93c7ed08 55%, transparent 80%);
}
.af-refresh .af-nav-light::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit;
  box-shadow: inset 0 1px #dac5ff20, inset 0 -1px #94d7ef14;
}
.af-refresh .af-nav-light::after {
  content: ''; position: absolute; inset: -40% -60%;
  background: linear-gradient(110deg, transparent 42%, #d4c0f918 50%, transparent 58%);
  transform: translateX(-45%); transition: transform .95s cubic-bezier(.2,.7,.2,1);
}
.af-refresh .af-feedback { position: relative; isolation: isolate; }
.af-refresh .af-feedback:is(:hover, :focus-visible) > .af-nav-light { opacity: 1; }
.af-refresh .af-feedback.af-activating > .af-nav-light { opacity: 1; }
.af-refresh .af-feedback:is(:hover, :focus-visible) > .af-nav-light::after { transform: translateX(35%); }
.af-refresh .af-nav-wave {
  position: absolute; left: var(--af-wave-x, 50%); top: var(--af-wave-y, 50%);
  width: 10px; height: 10px; margin: -5px; border-radius: 50%; opacity: 0;
  background: radial-gradient(circle, #ece0ff52, #b99cf52e 35%, #8fceec24 58%, transparent 72%);
  pointer-events: none; transform: scale(0);
}
.af-refresh .af-nav-wave::after { content: ''; position: absolute; inset: 0; border: .4px solid #d9c8ff4d; border-radius: 50%; }
.af-refresh .af-section-tabs { position: relative; isolation: isolate; padding: 4px; border: 0; gap: 4px; }
.af-refresh .af-section-tabs a { min-height: 42px; padding: 10px 16px; border-radius: 10px; transition: color .4s ease !important; }
.af-refresh .af-section-tabs a::after { display: none; }
.af-tab-indicator {
  position: absolute; top: 4px; bottom: 4px; left: 0; z-index: -1; border-radius: 10px;
  background: linear-gradient(120deg, #b39be818, #8cbae807); box-shadow: inset 0 1px #c8abef18;
  transition: transform .55s cubic-bezier(.22,.75,.2,1), width .5s cubic-bezier(.22,.75,.2,1); pointer-events: none;
}
.af-tab-indicator::after { content: ''; position: absolute; left: 16px; right: 16px; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, #c4a2ee9c, #91c0dd75, transparent); }
.af-refresh .mobile-bottom-nav :is(a, button), .af-refresh .af-phase-tabs button { isolation: isolate; }
.af-refresh .mobile-bottom-nav .af-nav-light { border-radius: 15px; }
.af-refresh .app-header > .brand {
  position: relative; isolation: isolate; padding: 6px 12px; height: 60px;
  border: 1px solid #ad92db19; border-radius: 16px;
  background: linear-gradient(115deg, #a991e011, #87bfd207 70%, transparent);
  box-shadow: inset 0 1px #e6d7ff06; transition: border-color .45s ease, background-color .45s ease;
}
.af-refresh .app-header > .brand::before { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: radial-gradient(ellipse at 22% 50%, #b38aed1b, transparent 70%); opacity: .45; transition: opacity .6s ease; }
.af-refresh .app-header > .brand:is(:hover, :focus-visible) { border-color: #bca0ef3a; }
.af-refresh .app-header > .brand:is(:hover, :focus-visible)::before { opacity: 1; }
.af-refresh .app-header .brand-artwork::before {
  content: ''; display: block !important; position: absolute; inset: -5px -3px; z-index: -1;
  border: 1px solid #b296e72b; border-top-color: #a9d5e55c; border-bottom-color: transparent;
  border-radius: 50%; background: none; transform: rotate(-32deg); transition: transform .9s cubic-bezier(.2,.7,.2,1);
}
.af-refresh .app-header .brand:is(:hover, :focus-visible) .brand-artwork::before { transform: rotate(34deg); }
@media (min-width: 981px){
  body.af-refresh.af-workspace-shell .app-header > .brand { width: 182px !important; min-width: 182px !important; flex-basis: 182px !important; gap: 12px; }
  body.af-refresh.af-workspace-shell .app-header .brand-artwork { width: 44px !important; height: 44px !important; flex-basis: 44px !important; }
  body.af-refresh.af-workspace-shell .app-header .brand-logo-symbol { width: 44px !important; }}
@media (max-width: 980px){ .af-refresh .app-header > .brand { padding: 0; height: 44px; border: 0; background: none; box-shadow: none; }}
html:has(body.af-refresh) { view-transition-name: none; }
.af-refresh #app-main { view-transition-name: none; }
.af-refresh #view-root { view-transition-name: none; }
.af-refresh #parameters-layer { view-transition-name: none; }
.af-refresh #view-root.route-enter > :first-child { animation: none !important; }
@media (prefers-reduced-motion: reduce){
  .af-refresh .af-nav-light, .af-refresh .af-nav-wave { display: none; }
  .af-refresh .app-rail .rail-icon svg { transform: none !important; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }}
html[data-motion-paused="true"] .af-refresh :is(.af-nav-light, .af-nav-wave) { display: none; }
html[data-motion-paused="true"] .af-refresh .app-rail .rail-icon svg { transform: none !important; }
@media print{ .af-tab-indicator, .af-nav-light, .af-nav-wave, .af-nav-tooltip { display: none !important; }}
/* Source: /assets/build/interface-polish.css */
:root { --af-glass: rgba(13, 19, 38, .32); --af-glass-raised: rgba(14, 21, 40, .58); --af-glass-blur: 9px; }
:is(.landing-page,.af-refresh) :is(.glass-card,.feature-panel,.feature-preview,.more-features>a,.try-shell,.try-form,.try-preview,.step-card,.metric-card,.dashboard-metric-card,.inspector-section,.advanced-card,.report-card,.report-start-card,.comparison-section,.comparison-report-section,.transit-card,.transition-state,.form-card,.notice-card,.workspace-card,.agent-message.assistant,.agent-turn.assistant,.table-metric-ribbon>article,.cosmogram-meta-strip) {
  background: var(--af-glass) !important;
  -webkit-backdrop-filter: blur(var(--af-glass-blur)) saturate(115%);
  backdrop-filter: blur(var(--af-glass-blur)) saturate(115%);
  border-color: rgba(195, 181, 229, .15);
}
:is(.landing-page,.af-refresh) :is(.site-header,.app-header,.app-rail,.mobile-bottom-nav,.mobile-more-sheet,.parameters-sheet,.mobile-inspector-sheet,.agent-popup-panel,.agent-composer,.agent-history,.combobox-list,.try-place ul,.tooltip,.inspector-popover) {
  background: var(--af-glass-raised) !important;
  -webkit-backdrop-filter: blur(12px) saturate(115%);
  backdrop-filter: blur(12px) saturate(115%);
}
:is(.landing-page,.af-refresh) :is(input,select,textarea,.try-placements>div,.aspect-row,.route-chip,.inspector-stats>div) { background-color: rgba(9,16,32,.36); }
:is(.landing-page,.af-refresh) :is(.section,.how-section,.questions-section,.feature-panels,.dashboard-view,.dashboard-main-column,.dashboard-analytics-column,.faq-list details,.af-section-navigation,.empty-state,.af-soul-numbers,.af-reading-details,.af-statistics),
.af-refresh :is(.af-dashboard .dashboard-metric-grid,.af-extra-metrics,.af-soul-numbers) .metric-card {
  background: transparent !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.af-planet-explanation { margin: 16px 0; padding: 18px; border: 1px solid #c8a9f138; border-radius: 16px; background: linear-gradient(130deg,#ad82e91a,#72c9e711); }
.af-planet-explanation .af-explanation-label { display:flex;align-items:center;gap:8px;margin:0 0 9px;color:#d9c3fa;font-size:11px;letter-spacing:.08em;text-transform:uppercase; }
.af-planet-explanation p { margin:0;font-size:14px;line-height:1.7;color:#eee5fa; }
.af-planet-explanation[aria-busy="true"] p { color:#baaecd; }
body.af-refresh .planet-inspector>.af-planet-explanation {
  padding:16px!important;margin:16px 0!important;border:1px solid #c8a9f138!important;border-left:3px solid #bea0e9aa!important;border-radius:14px!important;
  background:linear-gradient(130deg,#ad82e91c,#72c9e710)!important;
}
body.af-refresh .planet-inspector>.af-planet-explanation p {font-size:14px!important;line-height:1.7!important}
.af-admin-launch { display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:40px;min-height:40px;padding:8px 12px;border:1px solid #baa1df30;border-radius:12px;background:rgba(19,23,44,.35);color:#d4c7ec;font:inherit;font-size:12px;cursor:pointer; }
.af-admin-launch:hover { border-color:#c8aff780;background:rgba(130,103,178,.18); }
.af-admin-launch:focus-visible { outline:2px solid #c5a6f4;outline-offset:3px; }
.af-admin-login { width:min(420px,calc(100vw - 32px));padding:28px;border:1px solid #c7a4ec44;border-radius:22px;color:#eee7fa;background:rgba(15,20,38,.82);backdrop-filter:blur(16px); }
.af-admin-login::backdrop { background:rgba(3,8,20,.55);backdrop-filter:blur(5px); }
.af-admin-login h2 { margin:0 0 8px;font-size:22px; }
.af-admin-login p { color:#b6aacb;font-size:13px;line-height:1.6; }
.af-admin-login input { box-sizing:border-box;width:100%;margin:10px 0 18px;padding:12px;border:1px solid #c7a4ec44;border-radius:10px;color:#fff;background:#0d142866;font:inherit; }
.af-admin-login button { padding:10px 15px;border:1px solid #c7a4ec44;border-radius:10px;background:#a079d530;color:#fff;cursor:pointer; }
@media(max-width:600px){.af-admin-launch span{display:none}
.af-admin-launch{padding:8px}}
@media(max-width:767px){
  .af-workspace-shell .app-header .header-actions:has(.af-admin-launch){display:flex!important;flex:0 0 40px;margin-left:0;gap:0}
  .af-workspace-shell .app-header .header-actions:has(.af-admin-launch)>:not(.af-admin-launch){display:none!important}
  .af-workspace-shell .app-header .af-admin-launch{min-width:40px;min-height:40px;padding:8px}
  .af-workspace-shell .app-header .af-admin-launch span{display:none}
  .af-workspace-shell .af-profile-copy{min-width:0}}
@supports not (backdrop-filter: blur(1px)){ :root { --af-glass:rgba(13,19,38,.68);--af-glass-raised:rgba(14,21,40,.88); }}
/* Source: /assets/build/birth-fields.css */
.af-refresh .parameters-sheet.af-birth-sheet {border:1px solid #c5b5ee29!important;border-radius:24px!important;background:linear-gradient(145deg,#171c30,#101525)!important;box-shadow:0 24px 80px #0004,inset 0 1px #ffffff08;overflow:auto;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:#b496d53b transparent}
.af-refresh[data-route="calculate"] #parameters-layer {padding-top:calc(var(--header-h) + 20px);padding-bottom:24px;min-height:100dvh}
.af-refresh[data-route="calculate"] .af-birth-sheet {width:min(680px,100%);max-width:680px;overflow:visible}
.af-refresh .af-birth-sheet .sheet-header {position:static;padding:24px 28px 12px!important;border-bottom:0!important;gap:16px;background:transparent!important}
.af-refresh .af-birth-sheet .sheet-header>div>span {display:block;color:#bcabda;font-size:10px;letter-spacing:.16em;margin-bottom:10px}
.af-refresh .af-birth-sheet .sheet-header h1 {font-size:30px!important;font-weight:500!important;letter-spacing:-.035em;line-height:1.18!important}
.af-refresh .af-birth-sheet .sheet-close {border:1px solid #bda4e32b!important;border-radius:50%;background:#bfa4e60c!important;color:#dacbf0}
.af-refresh .af-birth-sheet .parameters-form {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:16px!important;padding:0 28px 24px!important;overflow:visible}
.af-birth-intro {grid-column:1/-1;color:#a8a3b9;font-size:13px;line-height:1.5;margin:0 0 4px}
.af-birth-intro i {display:none}
.af-refresh .af-birth-sheet .form-field {min-width:0;align-content:start;gap:7px;margin:0;position:relative}
.af-refresh .af-birth-sheet .form-field>span,.af-refresh .af-birth-sheet .form-field>label {font-size:12px!important;font-weight:500;color:#cfc6df!important;letter-spacing:.015em;line-height:1.4;margin:0}
.af-refresh .af-birth-sheet input:not([type="hidden"]):not([type="checkbox"]) {box-sizing:border-box;width:100%;height:48px!important;min-height:48px;border:1px solid #b6a1d134!important;border-radius:12px!important;background:#0b1020!important;color:#f1e8ff;font:inherit;font-size:16px!important;line-height:1.5;box-shadow:inset 0 1px #ffffff05;transition:border-color .18s,background .18s,box-shadow .18s}
.af-refresh .af-birth-sheet :where(input:not([type="hidden"]):not([type="checkbox"])) {padding:0 12px!important}
.af-refresh .af-birth-sheet input::placeholder {color:#9e94b2;opacity:1}
.af-refresh .af-birth-sheet input:focus {outline:0;border-color:#c5a4ef90!important;box-shadow:0 0 0 3px #b395e015!important;background:#19223c55!important}
.af-refresh .af-birth-sheet input[aria-invalid="true"] {border-color:#e8a0a0b0!important}
.af-birth-input-wrap {position:relative;display:flex;align-items:center}
.af-refresh .af-birth-sheet .af-birth-input-wrap input {padding-right:46px!important;letter-spacing:0}
.af-birth-trigger {position:absolute;right:2px;top:2px;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:#b4a3ce;cursor:pointer;transition:background .18s,color .18s}
.af-birth-trigger svg {width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.5}
.af-birth-trigger:hover,.af-birth-trigger[aria-expanded="true"] {background:#bda0e529;color:#eee0ff}
.af-gender-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;box-sizing:border-box;width:100%;height:48px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.af-gender-options button {position:relative;min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 6px;border:1px solid #b6a1d134;border-radius:12px;background:#0b1020;font:inherit;font-size:13px;line-height:1.4;color:#bfb3cf;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.af-gender-options button:hover {border-color:#bca1df70;background:#211e38;color:#f2e8ff}
.af-gender-options button[aria-checked="true"] {border-color:#c5a4ef90;background:linear-gradient(125deg,#3b2e51,#28253f);color:#f5ecff}
.af-gender-options button:focus-visible {outline-offset:-2px}
.af-gender-icon {display:flex;flex:0 0 28px;color:#b9a4d7;transition:color .2s,transform .26s}
.af-gender-icon svg {width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.af-gender-icon .af-gender-orbit {stroke-width:.8;opacity:.3}
.af-gender-icon .af-gender-star {fill:currentColor;stroke:none;opacity:.6}
.af-gender-label {font-weight:500;white-space:nowrap;letter-spacing:.005em}
.af-gender-check {display:flex;flex:0 0 10px;color:#d8c1f3;opacity:0;transform:scale(.6);transition:opacity .18s,transform .22s}
.af-gender-check svg {width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.af-gender-options button[aria-checked="true"] .af-gender-icon {color:#e5ccff;transform:rotate(-5deg)}
.af-gender-options button[aria-checked="true"] .af-gender-orbit {opacity:.6}
.af-gender-options button[aria-checked="true"] .af-gender-check {opacity:1;transform:none}
.af-refresh .af-birth-sheet .af-unknown-time {grid-column:1/-1;display:flex;align-items:center;gap:12px;width:fit-content;margin-top:-8px;font-size:13px;color:#bcb0ce;cursor:pointer;min-height:32px}
.af-refresh .af-birth-sheet .af-unknown-time input {appearance:none;-webkit-appearance:none;width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;padding:0!important;margin:0;border:1px solid #bba1d955!important;border-radius:6px!important;background:#171f343d!important;box-shadow:none;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s;flex:0 0 20px}
.af-refresh .af-birth-sheet .af-unknown-time input:checked {background:#b194d8!important;border-color:#cbb4ec!important}
.af-unknown-time input:checked::after {content:'✓';font-size:14px;line-height:1;color:#111425}
.af-birth-note {grid-column:1/-1;color:#b7a7cc;font-size:12px;line-height:1.5;margin:-8px 0 0;padding-left:32px;overflow:hidden}
.af-birth-note[hidden] {display:none}
.af-refresh .af-birth-sheet .smart-combobox>small,.af-refresh .af-birth-sheet .form-field>small {color:#9188a2;font-size:11px;line-height:1.6;margin:0}
.af-birth-sheet .combobox-list:not([hidden]) {animation:af-birth-options-in .18s ease-out}
@keyframes af-birth-options-in {from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.af-refresh .af-birth-sheet .af-birth-location {grid-column:1/-1;padding-top:0}
.af-birth-extra {grid-column:1/-1;margin:0;border-top:1px solid #bea6dc20;color:#b7a8ce}
.af-birth-extra>summary {display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:12px 0;border:0;border-radius:0;background:transparent;font-size:12px;line-height:1.5;cursor:pointer;min-height:48px}
.af-birth-extra>summary::-webkit-details-marker {display:none}
.af-birth-extra>summary::after {content:'+';flex:0 0 20px;text-align:center;font-size:19px;line-height:1;color:#c4ace3;transition:transform .26s}
.af-birth-extra[open]>summary::after {transform:rotate(45deg)}
.af-birth-extra[data-disclosure-open="false"]>summary::after {transform:rotate(0)}
.af-birth-extra-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:8px 0 0}
.af-birth-extra-fields>.full {grid-column:1/-1}
.af-refresh .af-birth-sheet .af-fold-time {margin:0;grid-column:1/-1;line-height:1.5}
.af-refresh .af-birth-sheet .sheet-actions {grid-column:1/-1;margin:0;padding:14px 0 0;border-top:1px solid #bca0db20;display:flex;align-items:center;justify-content:space-between;gap:12px}
.af-refresh .af-birth-sheet .sheet-actions>.calculate-button {min-height:48px;border-radius:12px!important;background:linear-gradient(120deg,#bb9cdd,#aa8bce)!important;color:#131322!important;box-shadow:0 8px 30px #b494d118;font-size:14px!important;font-weight:600;min-width:210px;justify-content:center;padding:0 22px!important;transition:filter .2s,transform .2s}
.af-refresh .af-birth-sheet .sheet-actions>.calculate-button:hover {filter:brightness(1.1);transform:translateY(-1px)}
.af-refresh .af-birth-sheet .sheet-actions>.ghost-button {min-height:46px;font-size:12px;background:transparent!important;color:#b5a5ca;border:0;padding:8px 4px}
.af-refresh .af-birth-sheet .af-form-unchanged {grid-column:1/-1;color:#9c91af;font-size:12px;margin:0;line-height:1.6}
.af-birth-picker-popover {position:absolute;top:calc(100% + 10px);left:0;width:320px;max-width:calc(100vw - 48px);box-sizing:border-box;z-index:210;padding:16px;border:1px solid #cfb0f343;border-radius:20px;background:rgba(19,23,42,.97);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 65px #0006,inset 0 1px #ffffff09;opacity:0;transform:translateY(-7px) scale(.985);transform-origin:top left;transition:opacity .18s,transform .18s;}
.af-birth-picker-popover.is-open {opacity:1;transform:none}
.af-birth-picker-popover[hidden] {display:none}
.af-calendar-header {display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}
.af-calendar-header>div {display:flex;gap:4px}
.af-birth-picker-popover button {font:inherit;font-size:13px;color:#d7cce7;background:transparent;border:1px solid transparent;border-radius:9px;min-height:34px;padding:5px 9px;cursor:pointer;transition:background .15s,border-color .15s}
.af-calendar-header>button {font-size:23px;padding:0;width:34px}
.af-birth-picker-popover button:hover {background:#b69bdb1c}
.af-birth-picker-popover button:disabled {opacity:.25;cursor:default}
.af-calendar-week,.af-calendar-days {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.af-calendar-week {margin-bottom:7px;text-align:center;font-size:10px;color:#9e8eae}
.af-birth-picker-popover button[aria-pressed="true"],.af-birth-picker-popover button[aria-selected="true"] {background:#bd9ddd2e;border-color:#c8a6e67a;color:#f5eaff}
.af-calendar-choices {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.af-calendar-choices button {min-height:45px;font-size:12px;padding:5px}
.af-birth-picker-popover footer {display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #b69bd921;margin-top:13px;padding-top:10px}
.af-birth-picker-popover footer>span {font-size:10px;color:#9e8eae}
.af-birth-picker-popover footer>button {background:#b396d81c;color:#d9c0f1;padding:5px 12px}
.af-time-columns {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.af-time-columns h3 {margin:0 0 12px;text-align:center;font-size:11px;letter-spacing:.05em;color:#b5a0ca;font-weight:500}
.af-time-list {max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:3px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b496d53b transparent}
.af-time-list button {flex:0 0 36px;font-size:16px;font-variant-numeric:tabular-nums}
.af-birth-sheet :is(button,input,summary):focus-visible {outline:2px solid #d1b1f4;outline-offset:3px}
.af-birth-sheet #gender[aria-invalid="true"]+.af-gender-options button {border-color:#e8a0a0b0}
@media(max-width:540px){.af-section-tabs a{white-space:normal;min-width:0;text-align:center;line-height:1.35}}
@media(max-width:560px){
  .af-refresh .af-birth-sheet {border-radius:18px!important;max-width:100%;}
  .af-refresh .af-birth-sheet .sheet-header {padding:18px 16px 10px!important;gap:12px}
  .af-refresh .af-birth-sheet .sheet-header>div>span {font-size:9px;margin-bottom:6px}
  .af-refresh .af-birth-sheet .sheet-header h1 {font-size:26px!important}
  .af-refresh .af-birth-sheet .parameters-form {grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);padding:0 16px 16px!important;gap:12px 10px!important}
  .af-refresh .af-birth-sheet .af-birth-input-wrap input {padding-left:10px!important;padding-right:44px!important;font-size:16px!important}
  .af-refresh .af-birth-sheet .parameters-form>.form-field:not(.af-birth-field) {grid-column:1/-1}
  .af-birth-intro {font-size:12px;margin-bottom:0}
  .af-birth-extra-fields {gap:12px}
  .af-birth-picker-popover {width:100%;max-width:none;padding:13px;border-radius:17px}
  .af-refresh .af-birth-sheet .sheet-actions {display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding-top:12px}
  .af-refresh .af-birth-sheet .sheet-actions>.calculate-button {width:100%;min-width:0;font-size:13px!important;padding-inline:12px!important}
  .af-refresh .af-birth-sheet .sheet-actions>.ghost-button {width:auto;min-height:44px;text-align:left;padding-inline:0;font-size:11px}
  .af-refresh .af-birth-sheet .af-unknown-time {font-size:12px;gap:10px;margin-top:-6px;width:auto}
  .af-birth-note {padding-left:30px;margin-top:-8px}}
@media(max-width:560px) and (max-height:800px){
  .af-refresh .af-birth-sheet .sheet-header>div>span {display:none}
  .af-refresh .af-birth-sheet .sheet-header {padding-block:12px 8px!important}
  .af-refresh .af-birth-sheet .parameters-form {row-gap:10px!important;padding-bottom:12px!important}
  .af-birth-intro {display:none}}
@media(max-width:379px){
  .af-refresh .af-birth-sheet .af-birth-field {grid-column:1/-1}
  .af-refresh .af-birth-sheet .sheet-header h1 {font-size:24px!important}
  .af-refresh .af-birth-sheet .sheet-actions {grid-template-columns:minmax(0,1fr)}
  .af-refresh .af-birth-sheet .sheet-actions>.ghost-button {width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.af-birth-sheet *, .af-birth-picker-popover {transition:none!important;animation:none!important}}
html[data-motion-paused="true"] .af-gender-options button {transition:none!important}
/* Source: /assets/build/zodiac-icons.css */
:is(body.af-refresh, body.admin-page) .zodiac-icon {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  flex: 0 0 auto;
  vertical-align: -.18em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
  overflow: visible;
}
/* Source: /assets/build/entertainment-navigation.css */
.af-play-navigation .af-legacy-menu { position: relative; display: block !important; flex: 0 0 auto; margin-left: auto; z-index: 120; }
.af-legacy-menu > summary { display: grid; place-items: center; width: 44px; height: 44px; padding: 8px; list-style: none; cursor: pointer; border: 1px solid #c0a9f12b; border-radius: 12px; background: #1a1730; color: #e9ddff; }
.af-legacy-menu > summary::-webkit-details-marker { display: none; }
.af-legacy-menu > summary svg { width: 24px; height: 24px; fill: currentColor; stroke: currentColor; }
.af-legacy-menu[open] > summary { background: #403359; }
.af-legacy-menu > nav { position: absolute; top: calc(100% + 12px); right: 0; width: min(320px, calc(100vw - 24px)); max-height: calc(100dvh - 100px); overflow-y: auto; padding: 16px; border: 1px solid #b89ee442; border-radius: 16px; background: #161525; box-shadow: 0 16px 70px #0009; }
.af-legacy-menu:not([open]) > nav { display: none; }
.af-menu-caption { display: block; padding: 0 10px 12px; color: #a49ab8; font: 11px/1.4 system-ui, sans-serif; letter-spacing: .13em; }
.af-legacy-menu nav > a { display: block; padding: 10px 12px; border-radius: 8px; color: #e6deef; font: 14px/1.4 system-ui, sans-serif; text-decoration: none; }
.af-legacy-menu nav > a:hover, .af-legacy-menu nav > a.active { background: #bba0ed18; color: #e3c6ff; }
.af-menu-settings { margin-top: 12px; border-top: 1px solid #a890c329; padding-top: 8px; }
.af-menu-settings #rail-label-toggle { display: flex; align-items: center; gap: 8px; width: 100%; border: 0; background: transparent; color: #aba0bf; padding: 10px; text-align: left; font: 13px system-ui, sans-serif; cursor: pointer; }
.af-menu-settings .home-density-toggle { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 44px; padding: 10px; border: 0; border-radius: 8px; background: transparent; color: #ded2ef; text-align: left; font: 13px/1.4 system-ui, sans-serif; cursor: pointer; }
.af-menu-settings .home-density-toggle[hidden] { display: none; }
.af-menu-settings .home-density-toggle::after { content: ''; flex: 0 0 18px; text-align: center; }
.af-menu-settings .home-density-toggle[aria-pressed="true"]::after { content: '✓'; }
.af-menu-settings .home-density-toggle:hover { background: #bba0ed18; }
.af-menu-settings .home-density-toggle:focus-visible { outline: 2px solid #c5a6f0; outline-offset: 2px; }
.af-menu-settings .rail-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; }
.af-play-navigation #app-rail .rail-main { overflow-y: auto; overflow-x: hidden; min-height: 0; flex: 1; gap: 4px; }
.af-play-navigation #app-rail .rail-footer { padding-top: 12px; border-top: 1px solid #b89ee41c; margin-top: 12px; flex: 0 0 auto; }
.af-play-navigation #app-rail :is(a, button) { white-space: normal; }
body.af-play-navigation.rail-labels-visible #app-rail a > span:not(.rail-icon) { max-width: 160px; line-height: 1.4; }
.af-play-navigation #app-rail svg, .af-play-mobile svg, .af-play-drawer svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.af-play-mobile { display: none; }
.af-play-drawer { color: #ede6f8; background: #151325; border: 1px solid #b89ee450; border-radius: 20px; width: min(480px, calc(100vw - 28px)); max-height: 85dvh; padding: 20px; }
.af-play-drawer::backdrop { background: #090812bb; backdrop-filter: blur(5px); }
.af-play-drawer header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.af-play-drawer header button { width: 44px; height: 44px; border: 0; border-radius: 10px; color: inherit; background: #ffffff0a; font-size: 24px; cursor: pointer; }
.af-play-drawer nav { display: grid; gap: 4px; }
.af-play-drawer nav a { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 10px; color: inherit; text-decoration: none; font: 14px/1.4 system-ui, sans-serif; }
.af-play-drawer nav a:hover, .af-play-drawer nav a.active { background: #ad8dde20; color: #e0c2ff; }
body.af-refresh.af-play-navigation .mobile-bottom-nav { display: none !important; }
@media (min-width: 981px){
  body.af-play-navigation.rail-labels-visible #app-rail a { min-height: 48px !important; font-size: 13px !important; }}
@media (max-width: 980px){
  .af-play-navigation #app-rail { display: none !important; }
  .af-play-navigation .app-header { gap: 10px; }
  .af-play-navigation .app-main { padding-bottom: calc(94px + env(safe-area-inset-bottom)) !important; }
  .af-play-mobile { position: fixed; display: grid; grid-template-columns: repeat(4, 1fr); bottom: 0; left: 0; right: 0; z-index: 110; padding: 8px 8px calc(8px + env(safe-area-inset-bottom)); background: #121021f5; border-top: 1px solid #b89ee431; backdrop-filter: blur(16px); }
  .af-play-mobile > :is(a,button) { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; color: #b9aecb; background: transparent; border: 0; border-radius: 10px; padding: 6px 2px; text-decoration: none; font: 11px/1.3 system-ui, sans-serif; cursor: pointer; }
  .af-play-mobile > a.active { color: #ead5ff; background: #ab8ddd16; }
  .af-play-mobile .rail-icon { height: 22px; }
  .af-play-navigation .af-profile-edit { margin-left: 4px; }
  .af-play-navigation .af-profile-copy { min-width: 0; }
  .af-play-navigation .af-profile-copy strong { max-width: 35vw; }}
@media print{ .af-play-mobile, .af-legacy-menu, .af-play-drawer { display: none !important; }}
body.af-play-navigation.rail-labels-visible #app-rail a > span:not(.rail-icon) { white-space: normal !important; overflow: visible !important; text-overflow: clip; min-width: 0; flex: 1; max-width: none !important; }
/* Source: /assets/build/interface-controls.css */
:is(.af-refresh,.landing-page) { color-scheme: dark; }
.af-refresh #parameters-layer { z-index: 1300; }
.af-birth-picker-popover[popover] { position: fixed; margin: 0; }
.af-birth-picker-popover:not(.is-open) { pointer-events: none; }
.af-legacy-menu[open]>nav,.mobile-menu[open]>nav { animation: af-control-arrive .18s ease-out; }
.af-refresh .af-profile-bar:not(.af-profile-empty) .af-profile-edit { background: transparent; font: inherit; font-size: 13px; cursor: pointer; }
:is(.af-refresh,.landing-page) details>summary { list-style: none; }
:is(.af-refresh,.landing-page) details>summary::-webkit-details-marker { display: none; }
:is(.af-refresh,.landing-page) .af-control-disclosure { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
:is(.af-refresh,.landing-page) .af-control-disclosure::after { content: ''; flex: 0 0 7px; width: 7px; height: 7px; margin: -4px 4px 0 8px; border: solid #c4ace3; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); transition: transform .2s; }
:is(.af-refresh,.landing-page) details[open]:not([data-disclosure-open="false"])>.af-control-disclosure::after { transform: rotate(225deg); margin-top: 4px; }
.af-play-drawer,.af-admin-login { opacity: 0; transform: translateY(8px); transition: opacity .2s,transform .2s,display .2s allow-discrete,overlay .2s allow-discrete; }
.af-play-drawer[open],.af-admin-login[open] { opacity: 1; transform: none; }
@starting-style { .af-play-drawer[open],.af-admin-login[open] { opacity: 0; transform: translateY(8px); } }
.af-control-wrap { position: relative; display: block; min-width: 0; max-width: 100%; }
.af-control-source { display: none !important; }
.af-control-gender {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;
  width: 100%; padding: 0; border: 0; border-radius: 0; background: transparent;
  box-shadow: none; container-type: inline-size; container-name: af-gender;
}
.af-control-gender>.af-control-gender-button {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  box-sizing: border-box; min-width: 44px; min-height: 44px; padding: 0 8px;
  border: 1px solid #b6a1d12d; border-radius: 11px; background: #0b10208c;
  color: #b9adc9; font: inherit; font-size: 13px; line-height: 1.3; cursor: pointer;
  transition: border-color .18s,background-color .18s,color .18s;
}
.af-control-gender>.af-control-gender-button:hover { border-color: #c4a6e674; background: #b696d412; }
.af-control-gender>.af-control-gender-button[aria-checked="true"] { border-color: #c6a2efb0; background: #b997e62b; color: #f0e2ff; }
.af-control-gender[aria-invalid="true"]>.af-control-gender-button { border-color: #e8a3b1; }
.af-control-gender>.af-control-gender-button:disabled { opacity: .45; cursor: not-allowed; }
.af-control-gender-button>svg { flex: 0 0 18px; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.af-control-gender-button>.af-control-gender-label { display: inline !important; color: inherit !important; font: inherit !important; white-space: nowrap; }
.af-refresh .quick-field:has(>.af-control-gender) { flex: 0 0 96px !important; min-width: 96px !important; padding: 0 !important; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.quick-gender .af-control-gender-button>.af-control-gender-label { display: none !important; }
.quick-gender .af-control-gender-button>svg { display: block !important; }
.af-refresh #quick-form .quick-field>.af-control-field { display: block !important; }
@container af-gender (max-width:190px){
  .af-control-gender>.af-control-gender-button { padding-inline: 4px; gap: 0; font-size: 11px; }
  .af-control-gender-button>svg { display: none; }}
.af-select-trigger {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; padding: 10px 14px;
  border: 1px solid #b6a1d12d; border-radius: 12px; background: rgba(9,15,31,.28);
  color: #e5dcef; font: inherit; font-size: 14px; line-height: 1.5; text-align: left; cursor: pointer;
  transition: border-color .18s, background-color .18s, box-shadow .18s;
}
.af-select-value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.af-control-chevron { flex: 0 0 16px; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; transition: transform .18s; }
.af-select-trigger[aria-expanded="true"] .af-control-chevron { transform: rotate(180deg); }
.af-select-trigger:is(:hover,[aria-expanded="true"]) { border-color: #c4a6e65c; background-color: #b696d412; }
.af-select-trigger:disabled { opacity: .5; cursor: not-allowed; }
.af-refresh .house-system-control:has(> .af-control-wrap) { padding: 0; border: 0; background: transparent; }
.af-select-trigger[aria-invalid="true"],.af-control-input[aria-invalid="true"] { border-color: #e8a3b1; }
.af-control-panel {
  position: fixed; z-index: 1400; box-sizing: border-box; margin: 0; padding: 6px;
  max-width: calc(100vw - 24px); overflow: auto; overscroll-behavior: contain;
  border: 1px solid #cfb0f343; border-radius: 15px; background: rgba(19,23,42,.98);
  color: #e5dcef; font: inherit; font-size: 14px; line-height: 1.5;
  -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px);
  box-shadow: 0 20px 65px #0006,inset 0 1px #ffffff09;
  animation: af-control-arrive .18s ease-out both;
}
.af-control-panel[hidden] { display: none !important; }
.af-select-option {
  display: flex; align-items: center; gap: 10px; box-sizing: border-box; width: 100%; min-height: 42px;
  padding: 10px 12px; border: 0; border-radius: 9px; background: transparent; color: inherit;
  font: inherit; line-height: 1.5; text-align: left; cursor: pointer; overflow-wrap: anywhere;
  transition: background-color .15s,color .15s;
}
.af-select-option:is(:hover,.is-focused) { background: #c1a0e51a; color: #f1e8ff; }
.af-select-option[aria-selected="true"] { background: #b491dc22; color: #e2c9ff; }
.af-select-option[aria-selected="true"]::after { content: '✓'; margin-left: auto; padding-left: 10px; color: #d7b8fb; }
.af-select-option:disabled { opacity: .45; cursor: not-allowed; }
.af-select-group { margin: 8px 12px 4px; color: #b9adca; font-size: 12px; }
.af-control-field { position: relative; display: block; min-width: 0; }
.af-control-field .af-control-input { box-sizing: border-box; width: 100%; min-width: 0; padding-right: 48px !important; }
.af-control-field .af-control-picker {
  position: absolute; right: 5px; top: 50%; transform: translateY(-50%); display: grid; place-items: center;
  width: 36px; height: 36px; min-height: 0; padding: 0; border: 0; border-radius: 9px;
  background: #c3a5e611; color: #cbb7e7; cursor: pointer; transition: background-color .18s;
}
.af-control-picker svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.af-control-picker:hover { background: #c3a5e622; }
.af-control-picker:disabled { opacity: .4; cursor: not-allowed; }
.af-control-calendar { width: 320px; padding: 14px; }
.af-control-calendar .af-calendar-header { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 12px; }
.af-control-calendar .af-calendar-header>div { display: flex; gap: 3px; }
.af-control-calendar button { border: 1px solid transparent; border-radius: 9px; min-height: 36px; padding: 5px 8px; color: #d7cce7; background: transparent; font: inherit; cursor: pointer; transition: background-color .15s,border-color .15s; }
.af-control-calendar button:is(:hover,:focus-visible) { background: #bfa0e51a; }
.af-control-calendar button[aria-pressed="true"],.af-control-calendar button[aria-selected="true"] { background: #b898db30; border-color: #c9a8e95c; color: #f4e9ff; }
.af-control-calendar button:disabled { opacity: .3; cursor: not-allowed; }
.af-control-calendar .af-calendar-week,.af-control-calendar .af-calendar-days { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 3px; text-align: center; }
.af-control-calendar .af-calendar-week { margin-bottom: 6px; color: #a99cbb; font-size: 11px; }
.af-control-calendar .is-outside { color: #897b9e; }
.af-control-calendar .is-today { border-color: #b898db40; }
.af-control-calendar .af-calendar-choices { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
.af-control-calendar .af-time-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.af-control-calendar .af-time-columns h3 { margin: 0 0 8px; font-size: 13px; font-weight: 500; text-align: center; color: #b9adca; }
.af-control-calendar .af-time-list { display: grid; gap: 3px; max-height: 210px; overflow: auto; overscroll-behavior: contain; }
.af-control-calendar footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 12px; margin-top: 10px; border-top: 1px solid #b898db20; }
.af-control-calendar footer span { color: #a99cbb; font-size: 11px; }
:is(.af-refresh,.landing-page) input:is([type="checkbox"],[type="radio"]):not(.af-control-source):where(:not(#birth-time-unknown)) {
  -webkit-appearance: none; appearance: none; display: inline-grid; place-items: center; flex: 0 0 20px;
  box-sizing: border-box; width: 20px; height: 20px; min-width: 20px; min-height: 20px;
  padding: 0; margin: 0; border: 1px solid #bba1d955; border-radius: 6px;
  background: #171f343d; color: #f0e1ff; vertical-align: middle; cursor: pointer;
  transition: background-color .18s,border-color .18s,box-shadow .18s;
}
:is(.af-refresh,.landing-page) input[type="checkbox"]:where(:not(#birth-time-unknown)):checked { background: #ac89d94d; border-color: #c5a2eac4; }
:is(.af-refresh,.landing-page) input[type="checkbox"]:where(:not(#birth-time-unknown)):checked::after { content: ''; width: 5px; height: 9px; margin-top: -2px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); }
:is(.af-refresh,.landing-page) input[type="checkbox"]:where(:not(#birth-time-unknown)):indeterminate::after { content: ''; width: 9px; height: 2px; background: currentColor; }
:is(.af-refresh,.landing-page) input[type="radio"]:not(.af-control-source) { border-radius: 50%; }
:is(.af-refresh,.landing-page) input[type="radio"]:checked { border-color: #c5a2eac4; background: #ac89d925; }
:is(.af-refresh,.landing-page) input[type="radio"]:checked::after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #d0acef; }
:is(.af-refresh,.landing-page) input:is([type="checkbox"],[type="radio"]):disabled { opacity: .45; cursor: not-allowed; }
:is(.af-refresh,.landing-page) input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
:is(.af-refresh,.landing-page) input[type="number"]::-webkit-inner-spin-button,:is(.af-refresh,.landing-page) input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
:is(.af-refresh,.landing-page) input[type="range"] { -webkit-appearance: none; appearance: none; height: 6px; border: 0; border-radius: 99px; background: #bda4dd2b; accent-color: #bda1e2; cursor: pointer; }
:is(.af-refresh,.landing-page) input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 18px; height: 18px; border: 2px solid #e2d0fa; border-radius: 50%; background: #aa89d0; box-shadow: 0 2px 8px #0004; }
:is(.af-refresh,.landing-page) input[type="range"]::-moz-range-thumb { width: 14px; height: 14px; border: 2px solid #e2d0fa; border-radius: 50%; background: #aa89d0; box-shadow: 0 2px 8px #0004; }
:is(.af-refresh,.landing-page) :is(button,input,textarea,[role="combobox"]):focus-visible { outline: 2px solid #c7baff; outline-offset: 3px; }
:is(.af-refresh,.landing-page) * { scrollbar-width: thin; scrollbar-color: #b59acd55 transparent; }
.af-control-tooltip { position: fixed; z-index: 1500; max-width: min(280px,calc(100vw - 24px)); padding: 9px 12px; border: 1px solid #b49bd638; border-radius: 10px; background: #13172af5; color: #e0d5f1; font: inherit; font-size: 12px; line-height: 1.5; box-shadow: 0 8px 24px #0004; pointer-events: none; overflow-wrap: anywhere; animation: af-control-arrive .15s ease-out; }
@keyframes af-control-arrive { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
@media(max-width:980px){ .af-select-trigger,.af-control-input { font-size: 16px !important; }}
@media(prefers-reduced-motion:reduce){ .af-control-panel,.af-control-tooltip { animation: none; }
 .af-select-trigger,.af-select-option,.af-control-chevron,.af-control-picker,.af-control-calendar button { transition: none; }}
@media(prefers-reduced-motion:reduce){ :is(.af-refresh,.landing-page) :is(.af-control-disclosure,.af-play-drawer,.af-admin-login,.parameters-sheet,.admin-login,.admin-title,.admin-section),:is(.af-refresh,.landing-page) .af-control-disclosure::after { transition: none !important; animation: none !important; }}
@media(prefers-reduced-motion:reduce){ .af-legacy-menu>nav,.mobile-menu>nav { animation: none !important; }}
@media(prefers-reduced-motion:reduce){ .af-control-gender>.af-control-gender-button { transition: none; }}
html[data-motion-paused="true"] :is(.af-control-panel,.af-control-tooltip) { animation: none; }
html[data-motion-paused="true"] :is(.af-play-drawer,.af-admin-login,.af-control-disclosure)::after,html[data-motion-paused="true"] :is(.af-play-drawer,.af-admin-login,#play-profile-dialog .parameters-sheet) { transition: none !important; animation: none !important; }
html[data-motion-paused="true"] :is(.af-birth-picker-popover,.af-birth-sheet *,.af-legacy-menu>nav,.mobile-menu>nav,.af-select-trigger,.af-select-option,.af-control-chevron,.af-control-picker,.af-control-calendar button) { transition: none !important; animation: none !important; }
html[data-motion-paused="true"] .af-control-gender>.af-control-gender-button { transition: none; }
@media print{ .af-control-panel,.af-control-tooltip { display: none !important; }}
/* Source: /assets/build/mobile-native.css */
@media (max-width: 980px) and (pointer: coarse){
  body.af-refresh .af-phases .transition-state:is(:fullscreen, .is-fullscreen-fallback) > :is(header, footer) {
    flex-shrink: 0;
  }}
@media (max-width: 980px) and (max-height: 500px) and (pointer: coarse){
  body.af-refresh .cosmogram-main-card:is(:fullscreen, .is-fullscreen-fallback) {
    grid-template-rows: max-content max-content minmax(320px, 1fr) max-content max-content !important;
    overflow-y: auto !important;
  }
  body.af-refresh[data-view="agent"]:not(.agent-embedded) .app-main {
    display: flex;
    flex-direction: column;
    padding-bottom: calc(100px + env(safe-area-inset-bottom)) !important;
  }
  body.af-refresh[data-view="agent"]:not(.agent-embedded) #view-root {
    flex: 1;
    min-height: 0;
    height: auto !important;
  }
  body.af-refresh[data-view="agent"] .agent-page-heading {
    display: none;
  }}
@media (min-width: 768px) and (max-width: 980px) and (max-height: 500px) and (pointer: coarse){
  body.af-refresh[data-view="agent"]:not(.agent-embedded) .app-main {
    padding-top: var(--header-h, 64px) !important;
    padding-bottom: calc(80px + env(safe-area-inset-bottom)) !important;
  }
  body.af-refresh[data-view="agent"] .af-section-navigation {
    margin-bottom: 2px;
  }
  body.af-refresh[data-view="agent"] .af-section-tabs {
    padding-block: 0;
  }
  body.af-refresh[data-view="agent"] .af-section-tabs a {
    min-height: 44px;
    padding-block: 6px;
  }}
/* Source: /assets/build/mobile-public.css */
@media (max-width: 980px){
  .admin-page input { font-size: 16px; }
  .admin-page button { min-height: 44px; min-width: 44px; }}
@media (max-width: 980px) and (max-height: 600px){
  .admin-page main { padding-top: 16px; }}
/* Source: /assets/build/mobile-refinements.css */
@media (max-width: 980px){
  .af-refresh .app-header .af-admin-launch { width: 44px; min-width: 44px; height: 44px; min-height: 44px; }
  .af-workspace-shell .app-header .header-actions:has(.af-admin-launch) { flex-basis: 44px; }
  .af-refresh .af-legacy-menu { overflow: visible !important; }
  .af-refresh .app-header:has(.af-legacy-menu[open]) { z-index: 1250; }
  .af-refresh .af-legacy-menu > nav {
    max-height: calc(var(--af-visible-height, 100dvh) - var(--header-h, 58px) - 96px);
    overscroll-behavior: contain;
  }
  .af-refresh .af-legacy-menu nav > a { min-height: 44px; box-sizing: border-box; display: flex; align-items: center; }
  .af-refresh .af-play-mobile > :is(a,button) { font-size: 11px !important; line-height: 1.3; white-space: nowrap; min-height: 52px; }
  .af-refresh .af-play-drawer[open] {
    display: flex; flex-direction: column; padding: 16px;
    max-height: calc(var(--af-visible-height, 100dvh) - 24px);
    overflow: hidden; overscroll-behavior: contain;
  }
  .af-refresh .af-play-drawer header { flex: 0 0 auto; }
  .af-refresh .af-play-drawer nav { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
  .af-refresh[data-route="calculate"] #parameters-layer {
    padding-top: calc(var(--header-h) + 10px);
    padding-bottom: calc(76px + env(safe-area-inset-bottom)) !important;
  }
  .af-refresh .af-birth-sheet .af-unknown-time { min-height: 44px; }
  :is(.af-refresh,.landing-page) .af-control-disclosure { min-height: 44px; box-sizing: border-box; }
  .af-refresh .af-birth-sheet :is(input,.af-birth-field,.af-control-field) { scroll-margin-block: 80px 100px; }
  .af-refresh .af-birth-trigger { min-width: 44px; min-height: 44px; right: 2px; top: 2px; }
  .af-refresh .af-control-field .af-control-picker { width: 44px; height: 44px; right: 1px; }
  .af-refresh .af-birth-picker-popover:not([hidden]), .af-control-calendar {
    display: flex; flex-direction: column; overflow: hidden !important;
  }
  :is(.af-birth-picker-popover,.af-control-calendar) > :is(header,.af-calendar-week,footer) { flex: 0 0 auto; }
  :is(.af-birth-picker-popover,.af-control-calendar) > :is(.af-calendar-days,.af-calendar-choices,.af-time-columns) {
    min-height: 0; flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain;
  }
  :is(.af-birth-picker-popover,.af-control-calendar) .af-time-columns { overflow: hidden; }
  :is(.af-birth-picker-popover,.af-control-calendar) .af-time-columns > section { display: flex; flex-direction: column; min-height: 0; }
  :is(.af-birth-picker-popover,.af-control-calendar) .af-time-columns h3 { flex: 0 0 auto; }
  :is(.af-birth-picker-popover,.af-control-calendar) .af-time-list { flex: 1 1 auto; min-height: 0; }
  :is(.af-birth-picker-popover,.af-control-calendar) .af-calendar-header button { min-height: 40px; }
  :is(.af-birth-picker-popover,.af-control-calendar) .af-calendar-header > button { min-width: 40px; width: 40px; }
  :is(.af-birth-picker-popover,.af-control-calendar) footer > button { min-height: 44px; }
  :is(.af-birth-picker-popover,.af-control-calendar) footer > span { font-size: 11px; }
  :is(.af-birth-picker-popover,.af-control-calendar) .af-time-list button { flex: 0 0 44px; min-height: 44px; }}
@media (max-width: 680px){
  .landing-page:not(.admin-page) .site-header :is(.button-header,.af-admin-launch,.mobile-menu,.mobile-menu>summary) {
    width: 44px; min-width: 44px; height: 44px; min-height: 44px; flex-basis: 44px;
  }}
@media (max-width: 540px){
  .af-refresh .app-header .af-profile-copy :is(strong,span) {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
  .af-refresh .af-profile-bar.af-profile-empty .af-profile-edit {width:44px;min-width:44px;flex:0 0 44px;padding:0;font-size:0!important;display:grid;place-items:center}
  .af-refresh .af-profile-bar.af-profile-empty .af-profile-edit::after {content:'+';font-size:24px;line-height:1}
  .af-refresh .af-profile-bar:not(.af-profile-empty) .af-profile-edit {
    width: 44px; min-width: 44px; flex: 0 0 44px; padding: 0; font-size: 0 !important;
    display: grid; place-items: center;
  }
  .af-refresh .af-profile-bar:not(.af-profile-empty) .af-profile-edit::after {
    content: ''; display: block; width: 19px; height: 19px; background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 4 4 4M4 20l4-1L20 7a2.8 2.8 0 0 0-4-4L4 16zM4 20h16'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 4 4 4M4 20l4-1L20 7a2.8 2.8 0 0 0-4-4L4 16zM4 20h16'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  }}
@media (max-width: 980px) and (max-height: 600px){
  .af-refresh .empty-state { min-height: 0 !important; padding: 20px 16px !important; }
  .af-refresh .empty-state .empty-orbit { width: 72px; height: 72px; margin-bottom: 12px; }
  .af-refresh .empty-state h1 { margin-block: 10px; font-size: clamp(24px,6vw,30px); }
  .af-refresh .empty-state p { margin-block: 10px 16px; }}
@media (max-width: 980px) and (max-height: 430px) and (orientation: landscape){
  .af-refresh .empty-state { padding: 12px 16px !important; }
  .af-refresh .empty-state .empty-orbit { width: 48px; height: 48px; margin-bottom: 8px; }
  .af-refresh .empty-state .empty-orbit i { width: 43px; height: 18px; }
  .af-refresh .empty-state .empty-orbit i:nth-child(3) { width: 25px; height: 25px; }
  .af-refresh .empty-state .empty-orbit b { font-size: 19px; }
  .af-refresh:not(.play-app) .empty-state .empty-orbit { display: none; }
  .af-refresh .empty-state h1 { margin-block: 8px; font-size: 24px; }
  .af-refresh .empty-state p { margin-block: 8px 12px; font-size: 13px; line-height: 1.5; }}
/* Source: /assets/build/home-menu.css */
html:has(body.af-home-menu-open) { scrollbar-gutter: stable; }
body.af-refresh.af-home-menu-open #app-rail,
body.af-home-menu-open #app-main > :is(.af-section-navigation, #empty-state, #view-root) { display: none !important; }
body.af-refresh.af-home-menu-open #app-main {
  padding-top: calc(var(--header-h, 80px) + 18px) !important;
  padding-inline: clamp(18px, 3.3vw, 56px) !important;
  transition: none !important;
}
#home-menu { position: relative; isolation: isolate; max-width: 1440px; margin: 0 auto; color: #f6f2ff; }
body.app-liquid.af-home-menu-open #app-main > #home-menu { max-width: 1440px; }
#home-menu[hidden], #home-menu [hidden] { display: none !important; }
.home-heading { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 8px 0 20px; }
.home-heading h1 { margin: 0; font-size: clamp(24px, 3vw, 34px); font-weight: 650; line-height: 1.2; letter-spacing: -.035em; }
.home-stories { scroll-margin-top: calc(var(--header-h, 80px) + 24px); }
.home-story-group { --group-tint: 190 159 244; position: relative; margin-top: 32px; }
.home-story-group:first-child { margin-top: 8px; }
.home-story-group[data-story-group="my-circle"] { --group-tint: 129 221 214; }
.home-story-group[data-story-group="my-world"] { --group-tint: 223 193 133; }
.home-group-heading { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.home-group-symbol { display: grid; place-items: center; width: 52px; height: 52px; flex: 0 0 auto; border: 1px solid rgb(var(--group-tint) / .24); border-radius: 17px; background: radial-gradient(circle at 25% 0%, rgb(var(--group-tint) / .14), rgb(var(--group-tint) / .025)); color: rgb(var(--group-tint)); font-size: 30px; }
.home-group-heading > div { display: flex; align-items: baseline; gap: 13px; }
.home-group-index { color: rgb(var(--group-tint) / .6); font-size: 11px; letter-spacing: .12em; font-variant-numeric: tabular-nums; }
.home-story-group:is([data-story-group="my-story"],[data-story-group="my-circle"],[data-story-group="my-world"]) .home-group-index { color: rgb(var(--group-tint) / .85); }
.home-group-heading h2 { margin: 0; color: #f1ebfa; font-size: clamp(25px, 2.4vw, 34px); font-weight: 550; line-height: 1.25; letter-spacing: -.035em; }
.home-group-heading p { display: flex; align-items: center; gap: 24px; flex: 1; margin: 0 0 0 16px; color: #b6adc8; font-size: 13px; line-height: 1.6; text-align: right; }
.home-group-heading p::before { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, rgb(var(--group-tint) / .22), rgb(var(--group-tint) / .04)); }
.home-card-list { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.5vw, 22px); }
.home-tools { position: relative; z-index: 1; margin-top: 32px; scroll-margin-top: calc(var(--header-h, 80px) + 20px); }
.home-tools > h2 { margin: 8px 0 16px; font-size: clamp(28px, 3vw, 38px); font-weight: 600; letter-spacing: -.04em; }
.home-tools > nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.home-tool { --card-tint: 165 125 245; position: relative; display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid #b5a2e440; border-radius: 22px; background: linear-gradient(130deg, #a992ed12, #111629b8); color: #f2eaff; text-decoration: none; backdrop-filter: blur(14px); }
.home-tool-icon { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 auto; border-radius: 50%; background: #c3a2ff18; color: #cbb1f3; font-size: 24px; }
.home-tool > span:nth-child(2) { flex: 1; min-width: 0; }
.home-tool strong { display: block; font-size: 17px; font-weight: 550; line-height: 1.4; }
.home-tool small { display: block; margin-top: 4px; color: #c2b8d6; font-size: 13px; line-height: 1.55; }
.home-tool:hover { border-color: #d0b6f080; color: #fff; }
.home-tool:focus-visible { outline: 2px solid #c5a6f0; outline-offset: 4px; }
.home-card {
  --card-tint: 165 125 245;
  position: relative; display: flex; flex-direction: column; min-width: 0;
  padding: clamp(18px, 1.5vw, 24px); border: 1px solid rgb(var(--card-tint) / .38); border-radius: 28px;
  background: rgb(8 12 25 / .035);
  -webkit-backdrop-filter: blur(1.35px) saturate(1.08); backdrop-filter: blur(1.35px) saturate(1.08);
  box-shadow: 0 18px 44px -26px #000a, inset 0 1px rgb(255 255 255 / .11);
  text-decoration: none; color: inherit; transform-origin: center; user-select: text;
  transform: perspective(1000px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) scale(var(--press-scale, 1));
  -webkit-tap-highlight-color: transparent;
}
.home-card[data-story="duet"] { --card-tint: 105 222 216; }
.home-card[data-story="sitcom"] { --card-tint: 96 225 177; }
.home-card[data-story="roast"] { --card-tint: 255 137 85; }
.home-card[data-story="comic"] { --card-tint: 242 201 106; }
.home-card[data-story="friends"] { --card-tint: 138 188 250; }
.home-card[data-story="dossier"] { --card-tint: 188 161 247; }
.home-card[data-story="worldview"] { --card-tint: 117 193 249; }
.home-card[data-story="realizations"] { --card-tint: 237 192 126; }
.home-card::before { content: ''; position: absolute; z-index: -1; inset: 0; border-radius: inherit; background: radial-gradient(ellipse at var(--glass-light-x, 20%) var(--glass-light-y, 0%), rgb(var(--card-tint) / .14), transparent 65%); pointer-events: none; }
.home-eyebrow { display: block; color: rgb(var(--card-tint)); font-size: 10px; font-weight: 600; line-height: 1.6; letter-spacing: .16em; text-transform: uppercase; }
.home-card-title { margin: 8px 0; color: #fbf9ff; font-size: clamp(27px, 2.2vw, 32px); font-weight: 600; letter-spacing: -.045em; line-height: 1.14; text-wrap: balance; }
.home-description { margin: 0; max-width: 36ch; color: #d0cbe0; font-size: 14px; line-height: 1.55; }
.home-plane { --depth: .5; position: relative; transform: translate3d(calc(var(--parallax-x, 0px) * var(--depth)), calc(var(--parallax-y, 0px) * var(--depth)), 0) rotate(var(--rest-angle, 0deg)); }
.home-card[data-parallax-active] .home-plane { will-change: transform; }
.home-card-copy { z-index: 4; }
.home-art { position: relative; z-index: 5; flex: 1; min-height: clamp(280px, 24vw, 330px); margin: 16px -2px; overflow: visible; isolation: isolate; user-select: text; }
.home-art :is(h3, p, dl, dd) { margin: 0; }
.home-art :is(img, svg) { pointer-events: none; user-select: none; }
.home-character { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.home-character-reveal { display: block; overflow: visible; filter: blur(0) brightness(1) saturate(1); transition: filter 720ms cubic-bezier(.2,.7,.25,1); }
.home-character-reveal:has(> [data-image-state="preview"]) { filter: blur(10px) brightness(1.14) saturate(.75); transition: none; }
#home-menu .home-character-reveal > .af-progressive-image { filter: none; transition: none; }
@media (prefers-reduced-motion: reduce){ .home-character-reveal { transition: none; }}
html[data-motion-paused="true"] #home-menu .home-character-reveal { transition: none; }
.home-episode-art { display: block; width: 100%; height: auto; overflow: hidden; }
.home-scene-stars { position: absolute; z-index: -1; inset: 8px; color: rgb(var(--card-tint)); pointer-events: none; }
.home-scene-stars i { position: absolute; font-style: normal; filter: drop-shadow(0 0 7px currentColor); }
.home-scene-stars i:nth-child(1) { right: 7%; top: 12%; font-size: 22px; }
.home-scene-stars i:nth-child(2) { left: 3%; top: 43%; font-size: 17px; }
.home-scene-stars i:nth-child(3) { right: 12%; bottom: 6%; font-size: 13px; }
.home-scene-stars i:nth-child(4) { left: 24%; top: 5%; font-size: 32px; }
.home-zodiac { position: absolute; z-index: -1; top: 4%; right: -3%; width: 78%; aspect-ratio: 1; border: 1px solid rgb(var(--card-tint) / .4); border-radius: 50%; box-shadow: inset 0 0 42px rgb(var(--card-tint) / .1), 0 0 42px rgb(var(--card-tint) / .08); pointer-events: none; }
.home-zodiac::before, .home-zodiac::after { content: ''; position: absolute; inset: 12px; border: 1px solid rgb(var(--card-tint) / .25); border-radius: inherit; }
.home-zodiac::after { inset: 30%; }
.home-zodiac span { position: absolute; color: rgb(var(--card-tint)); font-size: 21px; }
.home-zodiac span:nth-child(1) { left: 15%; top: 13%; }
.home-zodiac span:nth-child(2) { right: 13%; top: 26%; }
.home-zodiac span:nth-child(3) { left: 23%; bottom: 9%; }
.home-passport-sheet { position: absolute; z-index: 1; top: -12px; left: 5%; width: 88%; filter: drop-shadow(0 12px 20px #08071450); }
.home-passport-sheet .home-character { mask-image: linear-gradient(#000 78%, transparent); }
.home-passport-details { position: absolute; z-index: 3; left: 0; right: 0; bottom: 8px; padding: 15px 17px; border: 1px solid rgb(var(--card-tint) / .5); border-radius: 17px; background: linear-gradient(140deg, #211b3aed, #101323f2); }
.home-example { display: block; margin-bottom: 5px; color: rgb(var(--card-tint)); font-size: 10px; line-height: 1.5; letter-spacing: .08em; text-transform: uppercase; }
.home-passport-details h3 { color: #f9f3ff; font-size: 18px; line-height: 1.35; font-weight: 600; }
.home-passport-details dl { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 11px; }
.home-passport-details dt { margin-bottom: 3px; color: #b9a8d4; font-size: 11px; line-height: 1.45; }
.home-passport-details dd { color: #ebe3f9; font-size: 12px; line-height: 1.45; }
.home-character-tag { position: absolute; z-index: 4; top: 17px; right: 0; display: flex; align-items: center; gap: 7px; padding: 7px 11px; border: 1px solid rgb(var(--card-tint) / .45); border-radius: 30px; background: #15142bea; color: #e2d3ff; font-size: 12px; }
.home-character-tag > span { font-size: 17px; }
.home-dossier-orbit { position: absolute; z-index: -1; inset: 6% 3% 10%; border: 1px solid rgb(var(--card-tint) / .3); border-radius: 50%; --rest-angle: -24deg; box-shadow: 0 0 45px rgb(var(--card-tint) / .09); pointer-events: none; }
.home-dossier-folder { position: absolute; z-index: 1; top: 42px; left: 7%; width: 79%; height: 76%; border: 1px solid #b5a0e06b; border-radius: 3px 18px 18px 18px; background: linear-gradient(150deg, #483865b5, #161629e8); --rest-angle: -9deg; }
.home-dossier-tab { position: absolute; top: -26px; left: -1px; padding: 7px 15px; border: 1px solid #b5a0e06b; border-bottom: 0; border-radius: 9px 9px 0 0; background: #423454; color: #ddcaef; font-size: 10px; line-height: 1.2; letter-spacing: .1em; text-transform: uppercase; }
.home-dossier-portrait { position: absolute; z-index: 2; top: -9px; left: 0; width: 82%; }
.home-dossier-portrait .home-character { mask-image: linear-gradient(#000 72%, transparent 96%); }
.home-dossier-sheet { position: absolute; z-index: 3; right: 0; bottom: 8px; width: 88%; padding: 19px 21px 16px; border: 1px solid #cebae774; border-radius: 16px; background: linear-gradient(145deg, #352947f2, #1c1b32f7); --rest-angle: 4deg; box-shadow: 0 8px 24px #0905144d; }
.home-dossier-sheet h3 { max-width: 20ch; color: #f1e4fc; font-size: 17px; font-weight: 500; line-height: 1.35; }
.home-dossier-sheet ul { display: grid; gap: 8px; margin: 13px 0 0; padding: 0; list-style: none; }
.home-dossier-sheet li { display: flex; align-items: center; gap: 9px; color: #ded1f2; font-size: 12px; line-height: 1.5; }
.home-dossier-sheet li > span { width: 17px; color: #c3a2ee; font-size: 16px; text-align: center; }
.home-dossier-seal { position: absolute; z-index: 4; top: 19px; right: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; width: 68px; height: 68px; border: 1px solid #baa0e790; border-radius: 50%; background: #251e3cdc; color: #e1c9fa; text-align: center; --rest-angle: 9deg; }
.home-dossier-seal > span:first-child { font-size: 25px; line-height: 1; }
.home-dossier-seal > span:last-child { font-size: 10px; line-height: 1.25; }
.home-duet-orbits { position: absolute; z-index: -1; top: 14%; left: -1%; width: 100%; height: 52%; border: 1px solid #66e1d466; border-radius: 50%; --rest-angle: -18deg; box-shadow: 0 0 36px #6de2de15; pointer-events: none; }
.home-duet-person { position: absolute; top: 5px; width: 63%; }
.home-duet-left { z-index: 1; left: -2%; }
.home-duet-right { z-index: 2; right: -2%; top: 25px; }
.home-duet-person .home-character { mask-image: linear-gradient(#000 82%, transparent); }
.home-role-label { position: absolute; bottom: 4px; left: 5%; right: 5%; display: block; padding: 6px; border: 1px solid rgb(var(--card-tint) / .35); border-radius: 20px; background: #081a24eb; color: #c7f5ef; font-size: 11px; line-height: 1.4; text-align: center; }
.home-scene-caption { position: absolute; z-index: 3; display: flex; align-items: center; gap: 13px; left: 0; right: 0; bottom: 36px; padding: 12px 14px; border: 1px solid rgb(var(--card-tint) / .5); border-radius: 13px; background: linear-gradient(145deg, rgb(var(--card-tint) / .13), #081723f5); }
.home-scene-caption > span { font-size: 24px; color: rgb(var(--card-tint)); }
.home-scene-caption small { display: block; color: rgb(var(--card-tint)); font-size: 11px; line-height: 1.6; }
.home-scene-caption strong { display: block; color: #edf7fa; font-size: 14px; line-height: 1.45; font-weight: 600; }
.home-scene-quote { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; color: rgb(var(--card-tint) / .95); font-size: 11px; line-height: 1.55; font-style: italic; }
.home-team-network { position: absolute; z-index: -1; right: -1%; top: -15px; width: 115px; height: 88px; opacity: .4; color: rgb(var(--card-tint)); pointer-events: none; }
.home-team-network svg { width: 100%; height: 100%; fill: #063629; stroke: currentColor; stroke-width: .3; }
.home-team-board { position: relative; z-index: 1; margin-top: 22px; padding: 12px; border: 1px solid #63dfac77; border-radius: 15px; background: linear-gradient(140deg, #123e3a80, #111c2e80); }
.home-team-title { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 12px !important; color: #e6fff1; font-size: 13px; line-height: 1.5; font-weight: 500; text-align: center; }
.home-team-title::before, .home-team-title::after { content: ''; height: 1px; min-width: 8px; flex: 1; background: #70e2b169; }
.home-team { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.home-team-member { border: 1px solid #63dfac77; border-radius: 10px; background: radial-gradient(ellipse at 50% 20%, #58bdb83b, #0c2029); }
.home-team-member:nth-child(2) { border-color: #debe8666; background: radial-gradient(ellipse at 50% 20%, #b9934c38, #18232c); }
.home-team-member .home-character { border-radius: 9px 9px 0 0; }
.home-team-role { display: block; min-height: 40px; padding: 4px 2px 7px; font-size: 11px; line-height: 1.35; color: #e9fff5; text-align: center; }
.home-team-role b { display: block; margin-bottom: 2px; color: #65e4b3; font-size: 16px; line-height: 1; font-weight: 400; }
.home-team-member:nth-child(2) .home-team-role b { color: #edc895; }
.home-team-power { display: grid; grid-template-columns: 1fr 1fr; }
.home-team-power > div + div { border-left: 1px solid #64d5aa55; padding-left: 12px; }
.home-team-power strong { font-size: 12px; font-weight: 500; }
.home-roast-glow { position: absolute; z-index: -1; inset: -16px; background: radial-gradient(ellipse closest-side at 50% 44%, #ff512f38, transparent 100%); pointer-events: none; }
.home-roast-scene { position: absolute; z-index: 1; top: 0; left: 6%; width: 88%; }
.home-roast-scene .home-character { mask-image: linear-gradient(#000 77%, transparent); }
.home-roast-sign { position: absolute; z-index: 3; right: -1%; top: 5px; display: flex; align-items: center; gap: 6px; padding: 8px 11px; border: 1px solid #ed9b6480; border-radius: 20px; background: #321a24e6; color: #ffbd92; font-size: 12px; box-shadow: 0 0 25px #ff82431c; --rest-angle: 4deg; }
.home-roast-quote { position: absolute; z-index: 3; left: 0; right: 0; bottom: 7px; padding: 14px 16px; border: 1px solid #df8e586e; border-radius: 17px; background: linear-gradient(140deg, #371b2aee, #1b1728f2); }
.home-roast-quote p { font-size: 14px; line-height: 1.55; color: #ffdecb; }
.home-comic-paper { position: absolute; z-index: -1; inset: -7px -4px -3px; background: linear-gradient(140deg, #342a3bb3, #1d203a 65%, #253b4ccc); border: 1px solid #d8b27066; border-radius: 14px; pointer-events: none; }
.home-comic-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 4px; }
.home-comic-panel { border: 1px solid #d4b47e91; border-radius: 6px; background: #181a2a; box-shadow: 0 3px 6px #06091855; }
.home-comic-panel .home-episode-art { border-radius: 5px 5px 0 0; }
.home-comic-caption { display: block; padding: 5px 5px 6px; color: #eee3d1; font-size: 11px; line-height: 1.35; text-align: center; }
.home-comic-burst { position: absolute; z-index: 4; top: -18px; right: -4px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 55px; height: 62px; background: #f1cd8a; color: #242137; clip-path: polygon(50% 0, 64% 11%, 85% 6%, 86% 28%, 100% 39%, 91% 55%, 96% 77%, 73% 81%, 64% 100%, 46% 88%, 22% 97%, 21% 76%, 2% 64%, 13% 47%, 0 28%, 23% 24%, 32% 5%); }
.home-comic-burst strong { font-size: 25px; line-height: 1; }
.home-comic-burst span { font-size: 10px; font-weight: 600; }
.home-comic-bubble { position: relative; z-index: 4; margin: 12px 3px 8px; padding: 10px 12px; border: 1px solid #f1cd8a88; border-radius: 20px; background: #262239; color: #fff0d6; font-size: 12px; line-height: 1.5; font-style: italic; text-align: center; }
.home-comic-bubble::after { content: ''; position: absolute; bottom: -6px; right: 23px; width: 10px; height: 10px; background: #262239; border-right: 1px solid #f1cd8a88; border-bottom: 1px solid #f1cd8a88; transform: skewY(25deg); }
.home-friends-paper { position: absolute; z-index: -1; inset: -8px -4px; border: 1px solid #779cc749; border-radius: 17px; background: radial-gradient(ellipse at 50% 30%, #617fc038, #171f3690 75%); pointer-events: none; }
.home-friends-portrait { position: absolute; z-index: 1; top: 13px; left: 9%; width: 83%; }
.home-friends-portrait .home-character { mask-image: linear-gradient(#000 76%, transparent); }
.home-friends-note { position: absolute; z-index: 3; padding: 11px 10px; border: 1px solid #edf6ff8c; border-radius: 9px; background: #d9e8fb; box-shadow: 0 5px 14px #0b123c4d; color: #243453; }
.home-friends-note > span { display: block; margin-bottom: 4px; font-size: 20px; line-height: 1; }
.home-friends-note strong { display: block; font-size: 12px; line-height: 1.4; font-weight: 600; }
.home-friends-note small { display: block; margin-top: 4px; font-size: 10px; line-height: 1.4; color: #466180; }
.home-friends-note-left { left: -1%; top: 9px; width: 34%; --rest-angle: -7deg; }
.home-friends-note-right { right: -1%; top: 5px; width: 34%; background: #e6dff5; --rest-angle: 7deg; }
.home-friends-note-bottom { right: -1%; top: 56%; width: 39%; background: #f1dfdf; --rest-angle: -4deg; }
.home-friends-photo { position: absolute; z-index: 2; left: 2%; bottom: 28px; width: 27%; padding: 4px; border-radius: 3px; background: #dbe7f4; box-shadow: 0 6px 14px #05091366; --rest-angle: -6deg; }
.home-friends-photo .home-character { background: #263954; }
.home-friends-photo > span { display: block; padding: 4px 0 2px; color: #2b4265; text-align: center; font-size: 10px; line-height: 1.3; }
.home-friends-scribble { position: absolute; z-index: 2; left: 3%; top: 42%; width: 33%; color: #c9dffd; font: italic 14px/1.45 'Segoe Print', 'Comic Sans MS', cursive; --rest-angle: -7deg; }
.home-friends-quote { position: absolute; z-index: 4; left: 3%; right: 3%; bottom: 3px; color: #b4c6e4; text-align: center; font-size: 11px; line-height: 1.5; font-style: italic; }
.home-concept-image { display: block; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 14px 26px #02061860); }
.home-world-orbit { position: absolute; z-index: -1; inset: 7% 0 17%; border: 1px solid rgb(var(--card-tint) / .3); border-radius: 50%; --rest-angle: -22deg; box-shadow: inset 0 0 60px rgb(var(--card-tint) / .06); pointer-events: none; }
.home-world-scene { position: absolute; z-index: 1; top: -18px; bottom: 94px; left: -3%; width: 106%; }
.home-world-coordinate { position: absolute; z-index: 3; display: flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid rgb(var(--card-tint) / .42); border-radius: 25px; background: #0d2239e6; color: #bfe4ff; font-size: 11px; line-height: 1.5; }
.home-world-coordinate > span { font-size: 17px; line-height: 1; }
.home-world-coordinate-left { top: 20px; left: 0; --rest-angle: -6deg; }
.home-world-coordinate-right { bottom: 98px; right: -1%; --rest-angle: 6deg; }
.home-concept-caption { position: absolute; z-index: 3; left: 0; right: 0; bottom: 6px; padding: 14px 16px; border: 1px solid rgb(var(--card-tint) / .4); border-radius: 16px; background: linear-gradient(145deg, rgb(var(--card-tint) / .16), #111a2af5); }
.home-concept-caption small { display: block; margin-bottom: 5px; color: rgb(var(--card-tint)); font-size: 10px; line-height: 1.5; letter-spacing: .025em; }
.home-concept-caption h3 { color: #f4edff; font-size: 16px; line-height: 1.4; font-weight: 500; }
.home-realization-halo { position: absolute; z-index: -1; inset: -16px; background: radial-gradient(ellipse closest-side at 50% 44%, #edac5130, transparent 100%); pointer-events: none; }
.home-realization-scene { position: absolute; z-index: 1; top: -16px; bottom: 94px; left: -3%; width: 106%; }
.home-realization-note { position: absolute; z-index: 3; top: 29px; left: -1%; display: flex; align-items: center; gap: 9px; padding: 10px 12px; border: 1px solid #e1bf7587; border-radius: 13px; background: #2d2334ed; --rest-angle: -6deg; }
.home-realization-note > span { color: #ffd490; font-size: 27px; line-height: 1; }
.home-realization-note small { display: block; color: #d9b895; font-size: 9px; line-height: 1.5; }
.home-realization-note strong { display: block; color: #ffe5be; font-size: 12px; line-height: 1.5; font-weight: 500; }
.home-cta { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 50px; margin-top: auto; padding: 12px 19px; border: 1px solid rgb(var(--card-tint) / .5); border-radius: 30px; background: linear-gradient(135deg, rgb(var(--card-tint) / .28), rgb(var(--card-tint) / .1)); color: #fcfaff; font-size: 14px; font-weight: 600; transition: background 160ms ease; text-decoration: none; cursor: pointer; }
.home-cta > span:last-child { font-size: 23px; line-height: 1; font-weight: 400; }
.home-cta-preview { color: #d5c8e4; font-size: 12px; font-weight: 400; cursor: default; }
.home-cta:focus-visible { outline: 2px solid rgb(var(--card-tint)); outline-offset: 6px; }
.home-menu-caption { display: flex; align-items: center; gap: 11px; color: #aca5c0; font-size: 11px; line-height: 1.6; }
.home-menu-caption::before { content: '✦'; color: #b79be8; font-size: 16px; }
#home-menu.physical-glass :is(.home-card, .home-cta, .home-tool)[data-glass-surface] { background: transparent; border-color: transparent; box-shadow: none; backdrop-filter: blur(1.35px) saturate(1.08); -webkit-backdrop-filter: blur(1.35px) saturate(1.08); }
#home-menu .home-card::before { background: transparent; }
.home-group-symbol { background: transparent; border-color: transparent; }
.home-tool { background: rgb(8 12 25 / .05); border-color: #c5b4e529; box-shadow: none; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); transition: border-color 220ms ease, background-color 220ms ease, color 220ms ease; }
.home-tool-icon { background: transparent; }
.home-tool > span:last-child { transition: transform 220ms ease; }
:is(.home-passport-details, .home-dossier-folder, .home-dossier-tab, .home-dossier-sheet, .home-scene-caption, .home-team-board, .home-roast-quote, .home-comic-paper, .home-comic-bubble, .home-friends-paper, .home-friends-note, .home-friends-photo, .home-concept-caption) {
  background: rgb(8 12 25 / .05); border-color: rgb(var(--card-tint) / .16); box-shadow: none;
  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
}
:is(.home-character-tag, .home-dossier-seal, .home-role-label, .home-roast-sign, .home-world-coordinate, .home-realization-note) {
  background: rgb(8 12 25 / .035); border-color: transparent; box-shadow: none;
  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
}
:is(.home-team-member, .home-team-member:nth-child(2), .home-comic-panel) { background: transparent; border-color: rgb(var(--card-tint) / .16); box-shadow: none; }
.home-team-board { border-color: transparent; }
.home-comic-bubble::after { background: transparent; border-color: rgb(var(--card-tint) / .16); }
.home-comic-burst { background: rgb(8 12 25 / .05); color: #f7dba8; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); text-shadow: 0 1px 4px #080b14; }
.home-friends-note { color: #edf4ff; text-shadow: 0 1px 5px #080b1470; }
.home-friends-note small { color: #c7d5ec; }
.home-friends-photo .home-character { background: transparent; }
.home-friends-photo > span { color: #dbe8fa; }
:is(.home-passport-details, .home-dossier-sheet, .home-roast-quote, .home-concept-caption) { background: rgb(8 12 25 / .05); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); text-shadow: 0 1px 3px #030715b3; }
:is(.home-passport-details, .home-dossier-sheet, .home-roast-quote) .home-example { color: #e5dbf1; }
.home-cta-preview { background: transparent; border-color: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
a.home-cta { isolation: isolate; overflow: hidden; font-weight: 650; background: rgb(var(--card-tint) / .075); transition: color 220ms ease, box-shadow 220ms ease; }
a.home-cta::before, a.home-cta::after { content: ''; position: absolute; z-index: -1; inset: 1px; border-radius: inherit; pointer-events: none; }
a.home-cta::before { background: linear-gradient(110deg, rgb(var(--card-tint) / .16), rgb(var(--card-tint) / .035)); opacity: .55; transition: opacity 220ms ease; }
a.home-cta::after { background: linear-gradient(110deg, transparent 30%, #ffffff24 50%, transparent 70%); background-size: 250% 100%; background-position: 120% 0; opacity: 0; transition: background-position 650ms ease, opacity 180ms ease; }
a.home-cta > span { transition: transform 220ms cubic-bezier(.2,.7,.3,1); }
a.home-cta:focus-visible::before { opacity: 1; }
a.home-cta:active > span { transform: translateY(1px); }
@media (hover: hover) and (pointer: fine){
  .home-tool:hover { background: rgb(var(--card-tint) / .075); border-color: rgb(var(--card-tint) / .45); }
  .home-tool:hover > span:last-child { transform: translateX(5px); }
  #home-menu a.home-cta:hover, #home-menu.physical-glass a.home-cta[data-glass-surface]:hover { color: #fff; box-shadow: 0 8px 24px -12px rgb(var(--card-tint) / .32); }
  a.home-cta:hover::before { opacity: 1; }
  a.home-cta:hover::after { opacity: 1; background-position: -30% 0; }
  a.home-cta:hover > span:first-child { transform: translateX(3px); }
  a.home-cta:hover > span:last-child { transform: translateX(7px); }
  a.home-cta:hover:active > span { transform: translateY(1px); }}
@media (prefers-reduced-motion: reduce){
  #home-menu :is(a.home-cta, a.home-cta > span, .home-tool, .home-tool > span:last-child), #home-menu a.home-cta::before, #home-menu a.home-cta::after { transition: none; }
  #home-menu :is(a.home-cta > span, .home-tool > span:last-child) { transform: none !important; }
  a.home-cta::after { display: none; }}
html[data-motion-paused="true"] #home-menu :is(a.home-cta, a.home-cta > span, .home-tool, .home-tool > span:last-child), html[data-motion-paused="true"] #home-menu a.home-cta::before, html[data-motion-paused="true"] #home-menu a.home-cta::after { transition: none; }
html[data-motion-paused="true"] #home-menu :is(a.home-cta > span, .home-tool > span:last-child) { transform: none !important; }
html[data-motion-paused="true"] #home-menu a.home-cta::after { display: none; }
@media (min-width: 1680px){ .home-art { min-height: 340px; }
 .home-team-board { margin-top: 22px; }}
@media (max-width: 1160px) and (min-width: 981px){
  .home-card { padding: 18px; }
  .home-card-title { font-size: 28px; }
  .home-eyebrow { font-size: 9px; letter-spacing: .12em; }
  .home-description { font-size: 14px; }
  .home-art { min-height: 290px; }
  .home-team { gap: 5px; }
 .home-team-board { padding: 8px; }
 .home-team-role { font-size: 10px; }
  .home-scene-caption strong { font-size: 12px; }
 .home-friends-scribble { font-size: 12px; }
  .home-comic-burst { width: 47px; height: 53px; }
  .home-dossier-sheet { padding: 15px; }
 .home-dossier-sheet h3 { font-size: 15px; }
  .home-group-heading p { font-size: 12px; gap: 14px; margin-left: 0; }}
@media (max-width: 980px){
  body.af-refresh.af-home-menu-open #app-main { padding-top: calc(var(--header-h, 64px) + 16px) !important; padding-inline: 20px !important; }
  .home-stories { max-width: 580px; margin-inline: auto; }
  .home-card-list { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .home-group-heading { flex-wrap: wrap; gap: 8px 12px; margin-bottom: 14px; }
  .home-group-heading > div { gap: 10px; }
  .home-group-heading p { display: block; flex-basis: 100%; margin: 0 0 0 64px; text-align: left; font-size: 12px; }
  .home-group-heading p::before { display: none; }
  .home-group-symbol { width: 44px; height: 44px; border-radius: 14px; font-size: 26px; }
  .home-story-group { margin-top: 28px; }
  .home-card { padding: 20px; }
 .home-card-title { font-size: 30px; }
  .home-art { min-height: clamp(280px, 78vw, 340px); margin-block: 14px; }
  .home-team-title { font-size: 14px; }
 .home-team-role { font-size: 11px; }
  .home-description { max-width: none; min-height: 0; }
  .home-tool { padding: 14px; gap: 12px; }
 .home-tool strong { font-size: 16px; }
 .home-tools { margin-top: 28px; }
  .home-tools > nav { grid-template-columns: minmax(0, 1fr); }
  .home-menu-caption { width: 100%; justify-content: center; text-align: center; }}
@media (min-width: 700px) and (max-width: 1100px){
  .home-stories { max-width: none; }
  .home-card-list, .home-tools > nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-card { padding: 20px; }
  .home-card-title { font-size: 28px; }
  .home-art { min-height: 300px; }
  .home-card:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 26px; }
  .home-card:last-child .home-card-copy { grid-column: 1; grid-row: 1; align-self: start; }
  .home-card:last-child .home-art { grid-column: 2; grid-row: 1 / 3; margin: 8px 0; }
  .home-card:last-child .home-cta { grid-column: 1; grid-row: 2; align-self: end; margin-top: 16px; }}
@media (max-width: 380px){ body.af-refresh.af-home-menu-open #app-main { padding-inline: 14px !important; }
 .home-card { padding: 18px; }
 .home-card-title { font-size: 27px; }
 .home-team { gap: 5px; }
 .home-team-board { padding: 8px; }
 .home-team-role { font-size: 10px; }
 .home-friends-note { padding: 9px 8px; }
 .home-friends-note strong { font-size: 11px; }
 .home-friends-scribble { font-size: 12px; }
 .home-passport-details { padding: 13px; }
 .home-passport-details h3 { font-size: 16px; }
 .home-dossier-sheet { padding: 16px; }
 .home-concept-caption h3 { font-size: 15px; }}
html[data-motion-paused="true"] #home-menu .home-plane { transform: rotate(var(--rest-angle, 0deg)); will-change: auto; }
@media (hover: none), (pointer: coarse){ #home-menu .home-plane { transform: rotate(var(--rest-angle, 0deg)); will-change: auto; }}
@media (prefers-reduced-motion: reduce){ .home-card { transform: none; }
 #home-menu .home-plane { transform: rotate(var(--rest-angle, 0deg)); will-change: auto; }
 .home-cta { transition: none; }}
@media (prefers-contrast: more), (prefers-reduced-transparency: reduce){ #home-menu .home-card { background: #121321; border: 2px solid rgb(var(--card-tint)); backdrop-filter: none; }
 .home-description, .home-menu-caption { color: #e5deef; }}
@media (forced-colors: active){ .home-card, .home-cta, .home-tool { border: 1px solid ButtonText; }}
#home-menu .home-stories .home-story-group { margin-top: 38px; }
#home-menu .home-stories .home-group-heading { margin-bottom: 18px; }
#home-menu .home-stories .home-group-heading h2 { font-weight: 600; letter-spacing: -.025em; }
#home-menu .home-stories .home-group-heading p { color: #c1b6d0; font-size: 14px; line-height: 1.6; }
#home-menu .home-stories .home-group-heading p::before { background: linear-gradient(90deg, rgb(var(--group-tint) / .14), transparent); }
#home-menu .home-stories .home-card[data-story] { border-radius: 24px; border-color: rgb(var(--card-tint) / .18); background: linear-gradient(150deg, rgb(27 25 45 / .6), rgb(14 17 30 / .5)); box-shadow: 0 14px 38px -28px #0009; }
#home-menu .home-stories .home-card[data-story-featured] { border-color: rgb(var(--card-tint) / .38); background: linear-gradient(145deg, rgb(var(--card-tint) / .14), rgb(17 18 33 / .75) 68%); }
#home-menu .home-stories .home-eyebrow { font-size: 11px; line-height: 1.6; letter-spacing: .06em; text-transform: none; }
#home-menu .home-stories .home-card-title { margin-block: 10px 12px; font-size: clamp(26px, 2.1vw, 30px); line-height: 1.2; letter-spacing: -.025em; }
#home-menu .home-stories .home-description { color: #d1c9df; font-size: 14px; line-height: 1.65; }
#home-menu .home-stories .home-art { margin-block: 8px 16px; }
#home-menu .home-stories .home-cta { z-index: 6; min-height: 48px; border-radius: 14px; border-color: rgb(var(--card-tint) / .22); font-weight: 550; line-height: 1.5; }
#home-menu .home-stories .home-card[data-story-featured] .home-cta { background: rgb(var(--card-tint) / .19); border-color: rgb(var(--card-tint) / .38); color: #fff; }
#home-menu .home-stories .home-scene-stars { opacity: .6; }
#home-menu .home-stories .home-duet-person .home-role-label { top: 0; bottom: auto; padding-block: 4px; }
#home-menu .home-stories :is(.home-zodiac, .home-dossier-orbit, .home-duet-orbits, .home-world-orbit) { opacity: .55; }
#home-menu.home-compact .home-stories .home-card[data-story] { grid-template-columns: minmax(0, 1fr) 80px; gap: 8px 12px; padding: 19px; }
#home-menu.home-compact .home-stories .home-card-title { margin-block: 0 9px; font-size: 21px; line-height: 1.3; }
#home-menu.home-compact .home-stories .home-eyebrow { display: block; margin-bottom: 6px; font-size: 10px; }
#home-menu.home-compact .home-stories .home-description { font-size: 13px; line-height: 1.6; }
#home-menu.home-compact .home-stories .home-compact-art { width: 80px; height: 106px; }
#home-menu.home-compact .home-stories .home-cta { margin-top: 4px; min-height: 44px; padding: 9px 12px; font-size: 12px; }
@media (max-width: 980px){
  #home-menu .home-stories .home-group-heading p { margin-left: 0; font-size: 13px; }}
@media (max-width: 640px){
  #home-menu .home-stories .home-story-group { margin-top: 28px; }
  #home-menu .home-stories .home-group-heading { gap: 6px 8px; }
  #home-menu .home-stories .home-group-heading h2 { font-size: 25px; }
  #home-menu .home-stories .home-group-symbol { width: 30px; height: 36px; font-size: 24px; }
  #home-menu .home-stories .home-group-index { display: none; }
  #home-menu.home-compact .home-stories .home-card[data-story] { padding: 17px; column-gap: 8px; grid-template-columns: minmax(0, 1fr) 68px; }
  #home-menu.home-compact .home-stories .home-compact-art { width: 68px; height: 92px; }
  #home-menu.home-compact .home-stories .home-cta { grid-column: 1 / -1; }
  #home-menu.home-compact .home-stories .home-card-title { font-size: 22px; }}
@media (max-width: 360px){
  #home-menu.home-compact .home-stories .home-card[data-story] { grid-template-columns: minmax(0, 1fr); }
  #home-menu.home-compact .home-stories .home-compact-art { display: none; }}
/* Source: /assets/build/app-glass.css */
:is(body.af-refresh, body.admin-page) .cosmic-sky canvas { opacity: .84; }
html:has(body.app-liquid) { scrollbar-gutter: stable; }
body.app-liquid :is(#app-main, #parameters-layer), body.app-liquid.admin-page main { --af-text: #f4efff; --af-muted: #c0b7d3; --af-line: #c5b0ee30; --af-glass: rgb(8 12 25 / .05); --af-accent: #c8acf4; }
body.app-liquid #app-rail { display: none !important; }
body.app-liquid #app-main { --section-tint: 165 125 245; padding: calc(var(--header-h, 80px) + 18px) clamp(18px, 3.3vw, 56px) calc(var(--play-mobile-nav-height, 70px) + 20px) !important; transition: none !important; }
body.app-liquid #app-main > :is(.view, #view-root, #play-view-root, #play-notice, #play-save-status, .af-section-navigation, #empty-state, .app-section-hero, .app-return-footer) { max-width: var(--app-content-width, 1280px); margin-inline: auto; }
body.app-liquid #app-main > #home-menu { max-width: 1100px; }
body.app-liquid :is(.app-section-hero, .app-return-footer)[hidden] { display: none !important; }
body.app-liquid.af-home-menu-open :is(.app-section-hero, .app-return-footer) { display: none !important; }
body.app-liquid .app-translucent-panel { --card-tint: var(--section-tint, 165 125 245); border-color: rgb(var(--card-tint) / .14) !important; background: rgb(8 12 25 / .05) !important; box-shadow: none; backdrop-filter: blur(1.35px) saturate(1.08); -webkit-backdrop-filter: blur(1.35px) saturate(1.08); }
body.app-liquid .app-liquid-surface { --card-tint: var(--section-tint, 165 125 245); border-color: rgb(var(--card-tint) / .32) !important; border-radius: 24px; background: rgb(8 12 25 / .05) !important; box-shadow: 0 16px 44px -30px #000a, inset 0 1px #ffffff12; backdrop-filter: blur(1.35px) saturate(1.08); -webkit-backdrop-filter: blur(1.35px) saturate(1.08); }
body.app-liquid .app-liquid-control { --card-tint: var(--section-tint, 165 125 245); min-height: 44px; border: 1px solid rgb(var(--card-tint) / .24); border-radius: 14px; color: #efe8ff; background: rgb(var(--card-tint) / .035) !important; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; cursor: pointer; transition: background-color 220ms ease, border-color 220ms ease, color 220ms ease, box-shadow 220ms ease; }
body.app-liquid .app-liquid-control:focus-visible { outline: 2px solid #ddc1ff; outline-offset: 3px; }
body.app-liquid .app-liquid-control:disabled { opacity: .55; cursor: default; }
body.app-liquid .app-liquid-control:is([aria-checked="true"], [aria-selected="true"], [aria-pressed="true"], .active) { background: rgb(var(--card-tint) / .10) !important; color: #fff5ff; }
body.app-liquid .app-primary-control { position: relative; isolation: isolate; overflow: hidden; font-weight: 600; background: rgb(var(--card-tint) / .075) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
body.app-liquid .app-primary-control:is(.calculate-button, .play-button-primary, .app-back) { transform: none !important; }
body.app-liquid .app-primary-control::before, body.app-liquid .app-primary-control::after { content: ''; position: absolute; z-index: -1; inset: 1px; border-radius: inherit; pointer-events: none; }
body.app-liquid .app-primary-control::before { background: linear-gradient(110deg, rgb(var(--card-tint) / .16), rgb(var(--card-tint) / .035)); opacity: .55; transition: opacity 220ms ease; }
body.app-liquid .app-primary-control::after { background: linear-gradient(110deg, transparent 30%, #ffffff24 50%, transparent 70%); background-size: 250% 100%; background-position: 120% 0; opacity: 0; transition: background-position 650ms ease, opacity 180ms ease; }
body.app-liquid .app-primary-control > span { transition: transform 220ms cubic-bezier(.2,.7,.3,1); }
body.app-liquid .app-primary-control:focus-visible::before { opacity: 1; }
body.app-liquid .app-primary-control:active:not(:disabled):not([aria-disabled="true"]) > span { transform: translateY(1px); }
body.app-liquid .app-liquid-control:is(.sheet-close, .agent-icon-button) { min-width: 44px; }
body.app-liquid .app-liquid-control summary { min-height: 44px; }
body.app-liquid summary.app-liquid-control { min-width: 0; padding: 12px 16px; overflow-wrap: anywhere; }
body.app-liquid :is(.form-field, .play-field, .relation-person, .agent-composer) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea),
body.app-liquid :is(.play-edit-input, .play-profile-selector select, .admin-login input) { border-color: #c9b5ee3d; border-radius: 14px; background: rgb(8 12 25 / .14); color: #f4efff; }
body.app-liquid :is(input, textarea)::placeholder { color: #a99fbd; }
body.app-liquid :is(input, textarea, select):focus-visible { outline-color: #cfb1f6; }
body.app-liquid :is(.play-editor, .play-library, .play-render-box, .play-card, .agent-history, .transit-control-card, .report-start, .relation-person) { padding: 24px; }
body.app-liquid :is(.play-card p, .play-story-section p, .play-muted, .play-form-footer p, .play-help, .advanced-note-card, .agent-chat-empty p) { color: #c9bfd9; }
body.app-liquid :is(.play-card h3, .play-story-section h3, .play-library h3) { color: #eee2ff; }
body.app-liquid .play-passport { padding: 30px; }
body.app-liquid .play-passport.style-paper { background: #eee6db !important; color: #352f35; }
body.app-liquid .play-story-section { padding: 24px; border: 1px solid #c5b0ee30; border-radius: 22px; background: rgb(8 12 25 / .05); }
body.app-liquid .play-library { margin-top: 20px; }
body.app-liquid .af-section-navigation { margin-bottom: 14px; }
body.app-liquid .af-section-tabs { border: 1px solid #c5b0ee20; border-radius: 18px; padding: 4px; background: rgb(8 12 25 / .04); }
body.app-liquid .af-section-tabs a { border-radius: 13px; padding: 10px 16px; }
body.app-liquid .af-section-tabs a.active { background: #bea2ed20; }
body.app-liquid .af-section-tabs a::after { display: none; }
body.app-liquid #view-root .page-heading > div:first-child,
body.app-liquid #view-root .app-replaced-heading,
body.app-liquid #view-root .page-heading > .route-motion-badge { display: none; }
body.app-liquid .app-section-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 30px; align-items: center; min-height: 280px; padding: 30px 36px; margin-bottom: 26px; overflow: visible; }
.app-section-copy { position: relative; z-index: 2; min-width: 0; }
.app-back { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 9px 18px; border: 1px solid #c7b3eb55; border-radius: 24px; background: linear-gradient(135deg, #b19add18, #10182a70); color: #f0e6ff; font-size: 14px; line-height: 1.4; text-decoration: none; backdrop-filter: blur(14px); }
.app-back:hover { border-color: #dec4ff9c; color: #fff; }
.app-back:focus-visible { outline: 2px solid #ddc1ff; outline-offset: 4px; }
.app-back > span:first-child { font-size: 20px; line-height: 1; }
.app-section-eyebrow { display: block; margin-top: 22px; color: rgb(var(--section-tint, 165 125 245)); font-size: 11px; line-height: 1.6; font-weight: 550; text-transform: uppercase; letter-spacing: .13em; }
.app-section-copy > h1 { margin: 9px 0 12px; color: #faf6ff; font-size: clamp(29px, 3vw, 42px); font-weight: 650; line-height: 1.15; letter-spacing: -.04em; overflow-wrap: break-word; }
.app-section-copy > p { max-width: 56ch; margin: 0; color: #cfc4df; font-size: 16px; line-height: 1.65; }
.app-section-art { position: relative; z-index: 1; height: 230px; pointer-events: none; user-select: none; }
.app-section-art > img { position: relative; z-index: 1; display: block; width: 100%; height: 100%; object-fit: contain; mask-image: linear-gradient(#000 76%, transparent); transform: translate3d(var(--section-parallax-x, 0px), var(--section-parallax-y, 0px), 0); }
.app-section-orbit { position: absolute; inset: 2% 5% 0; border: 1px solid rgb(var(--section-tint, 165 125 245) / .35); border-radius: 50%; transform: translate3d(calc(var(--section-parallax-x, 0px) * -.35), calc(var(--section-parallax-y, 0px) * -.35), 0); }
.app-section-orbit::before { content: ''; position: absolute; inset: 12px; border: 1px solid rgb(var(--section-tint, 165 125 245) / .2); border-radius: inherit; }
.app-section-orbit i { position: absolute; color: rgb(var(--section-tint, 165 125 245)); font-size: 23px; font-style: normal; }
.app-section-orbit i:nth-child(1) { left: 0; top: 8%; }
 .app-section-orbit i:nth-child(2) { right: -8%; top: 30%; }
 .app-section-orbit i:nth-child(3) { left: 2%; bottom: 7%; }
.app-return-footer { padding-top: 28px; }
body.app-liquid .empty-state { min-height: 430px; padding: 30px 24px; margin-bottom: 24px; }
body.app-liquid .empty-state .empty-orbit { display: none; }
.app-empty-character { display: block; width: 180px; height: 180px; margin: 0 auto 12px; object-fit: contain; mask-image: linear-gradient(#000 76%, transparent); pointer-events: none; }
body.app-liquid .physical-glass .app-liquid-control[data-glass-surface]:is([aria-checked="true"], [aria-selected="true"], [aria-pressed="true"], .active, .calculate-button, .play-button-primary) { background: rgb(var(--card-tint) / .065) !important; }
body.app-liquid .app-glass-form-host > .modal-backdrop { z-index: 0; }
body.app-liquid .app-glass-form-host .parameters-sheet { position: relative; z-index: 2; border-radius: 28px; }
body.app-liquid .parameters-sheet > .app-form-back { width: fit-content; align-self: flex-start; margin: 22px 28px 0; }
body.app-liquid[data-route="calculate"] #parameters-layer { padding-inline: clamp(18px, 3.3vw, 56px) !important; }
body.app-liquid .af-birth-sheet .sheet-actions > .calculate-button { color: #f5eaff !important; background: rgb(var(--card-tint) / .065) !important; }
body.app-liquid.admin-page main { position: relative; z-index: 2; --section-tint: 145 179 250; }
@media (max-width: 980px){
  body.app-liquid #app-main { padding-top: calc(var(--header-h, 58px) + 16px) !important; padding-inline: 20px !important; }
  body.app-liquid .app-section-hero { grid-template-columns: minmax(0, 1fr) 180px; padding: 26px; gap: 12px; }
  .app-section-art { height: 190px; }
  .app-section-copy > p { font-size: 15px; }
  body.app-liquid :is(.play-editor, .play-library, .play-render-box, .play-card, .agent-history, .transit-control-card, .report-start, .relation-person) { padding: 20px; }}
@media (max-width: 600px){
  body.app-liquid #app-main { padding-inline: 14px !important; }
  body.app-liquid .app-section-hero { display: block; min-height: 0; padding: 22px; border-radius: 24px; }
  .app-section-art { position: absolute; z-index: 0; width: 155px; height: 180px; right: 8px; top: 14px; opacity: .16; }
  .app-section-eyebrow { margin-top: 24px; font-size: 10px; }
  .app-section-copy > h1 { font-size: 29px; }
  .app-section-copy > p { font-size: 14px; }
  body.app-liquid .parameters-sheet > .app-form-back { margin: 18px 16px 0; }
  body.app-liquid .app-liquid-surface:not(.app-liquid-control) { border-radius: 22px; }
  body.app-liquid :is(.play-editor, .play-library, .play-render-box, .play-card, .transit-control-card, .report-start, .relation-person) { padding: 18px; }
  body.app-liquid .play-passport { padding: 22px; }
  body.app-liquid .af-section-tabs a { padding-inline: 10px; }}
@media (max-width: 560px){
  body.app-liquid .af-birth-sheet .parameters-form .form-field:not(.af-birth-field) { grid-column: 1 / -1; }}
@media (hover: hover) and (pointer: fine){
  body.app-liquid .app-liquid-control:hover:not(:disabled):not([aria-disabled="true"]) { border-color: rgb(var(--card-tint) / .55) !important; background: rgb(var(--card-tint) / .075) !important; color: #fff; }
  body.app-liquid .physical-glass .app-primary-control:hover:not(:disabled):not([aria-disabled="true"]), body.app-liquid .app-primary-control:hover:not(:disabled):not([aria-disabled="true"]) { box-shadow: 0 8px 24px -12px rgb(var(--card-tint) / .32); }
  body.app-liquid .app-primary-control:hover:not(:disabled):not([aria-disabled="true"])::before { opacity: 1; }
  body.app-liquid .app-primary-control:hover:not(:disabled):not([aria-disabled="true"])::after { opacity: 1; background-position: -30% 0; }
  body.app-liquid .app-primary-control:hover:not(:disabled):not([aria-disabled="true"]) > span { transform: translateX(3px); }
  body.app-liquid .app-back:hover:not(:disabled):not([aria-disabled="true"]) > span:first-child { transform: translateX(-4px); }
  body.app-liquid .app-primary-control:hover:active:not(:disabled):not([aria-disabled="true"]) > span { transform: translateY(1px); }}
@media (prefers-reduced-motion: reduce){
  .app-section-art > img, .app-section-orbit { transform: none; }
  body.app-liquid :is(.app-liquid-control, .app-primary-control > span), body.app-liquid .app-primary-control::before, body.app-liquid .app-primary-control::after { transition: none; }
  body.app-liquid .app-primary-control > span { transform: none !important; }
  body.app-liquid .app-primary-control::after { display: none; }}
html[data-motion-paused="true"] body.app-liquid :is(.app-liquid-control, .app-primary-control > span), html[data-motion-paused="true"] body.app-liquid .app-primary-control::before, html[data-motion-paused="true"] body.app-liquid .app-primary-control::after { transition: none; }
html[data-motion-paused="true"] body.app-liquid .app-primary-control > span { transform: none !important; }
html[data-motion-paused="true"] body.app-liquid .app-primary-control::after { display: none; }
html[data-motion-paused="true"] :is(.app-section-art > img, .app-section-orbit) { transform: none; }
@media (prefers-contrast: more), (prefers-reduced-transparency: reduce){
  body.app-liquid .app-liquid-surface { background: #14182b !important; border-color: #c4aedf !important; backdrop-filter: none; }
  .app-section-art { opacity: .35; }}
@media (forced-colors: active){
  body.app-liquid :is(.app-liquid-surface, .app-back) { background: Canvas !important; color: CanvasText !important; border: 1px solid CanvasText !important; }
  .app-section-copy > :is(h1,p), .app-section-eyebrow { color: CanvasText; }
  .app-section-art { display: none; }}
@media print{
  .app-optical-layer, .app-section-hero, .app-return-footer { display: none !important; }
  body.app-liquid .app-liquid-surface { background: transparent !important; box-shadow: none; backdrop-filter: none; }
  body.app-liquid #view-root .page-heading > div:first-child { display: block; }
  body.app-liquid #view-root .app-replaced-heading { display: flex; }}
/* Source: /assets/build/app-interiors.css */
body.app-liquid #app-main { --interior-line: rgb(var(--section-tint) / .18); --interior-soft: rgb(var(--section-tint) / .065); }
body.app-liquid .app-section-hero { min-height: 0; grid-template-columns: minmax(0, 1fr) 140px; gap: 18px; padding: 18px 22px; margin-bottom: 16px; border-radius: 24px; }
body.app-liquid .app-section-copy nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body.app-liquid .app-section-eyebrow { margin-top: 8px; font-size: 11px; font-weight: 650; }
body.app-liquid .app-section-copy > h1 { margin-block: 6px 8px; font-size: clamp(28px, 2.7vw, 38px); font-weight: 700; }
body.app-liquid .app-section-copy > p { max-width: 65ch; font-size: 15px; line-height: 1.6; }
body.app-liquid .app-section-art { height: 140px; }
body.app-liquid .app-return-footer { padding-top: 20px; }
body.app-liquid .app-back { min-height: 44px; padding: 8px 14px; font-size: 13px; }
body.app-liquid #play-library-open { padding: 8px 14px; min-height: 44px; font-size: 13px; }
body.app-liquid .play-workspace { display: block; }
body.app-liquid .empty-state { min-height: 0; padding: 20px; }
body.app-liquid .empty-state .app-empty-character { width: 140px; height: 140px; margin-bottom: 8px; }
body.app-liquid .empty-state > h2 { margin: 12px auto 16px; max-width: 24ch; font-size: 30px; line-height: 1.3; font-weight: 700; letter-spacing: -.025em; color: #f2eafa; }
body.app-liquid .empty-state > p { max-width: 60ch; margin-inline: auto; font-size: 15px; line-height: 1.7; }
body.app-liquid #play-result { scroll-margin-top: calc(var(--header-h, 80px) + 20px); }
body.app-liquid .play-passport { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 12px 22px; padding: 24px; border-radius: 24px; overflow: hidden; margin-bottom: 18px; }
body.app-liquid .play-passport::before { display: none; }
body.app-liquid .play-card { display: flex; align-items: flex-start; gap: 14px; padding: 18px; border-radius: 22px; background: var(--interior-soft); }
body.app-liquid .play-card h3 { font-size: 17px; line-height: 1.45; font-weight: 650; margin: 0 0 10px; color: #f1e7fc; }
body.app-liquid .play-card p { font-size: 15px; line-height: 1.75; max-width: 65ch; color: #d4cbdf; }
body.app-liquid .play-story-section { padding: 0; margin: 0; border: 1px solid var(--interior-line); border-radius: 22px; background: rgb(8 12 25 / .08); }
body.app-liquid .play-gift-dedication { position: relative; padding: 30px 38px; border-radius: 24px; overflow: hidden; }
body.app-liquid .play-gift-dedication h3 { margin: 12px 0 16px; font-size: 27px; color: #f8eafa; }
body.app-liquid .play-gift-dedication p { max-width: 65ch; font-size: 18px; line-height: 1.8; color: #e7daec; position: relative; z-index: 1; }
body.app-liquid .play-comic-panel { border: 1px solid var(--interior-line); border-radius: 22px; overflow: hidden; background: rgb(8 12 25 / .08); }
body.app-liquid .play-library { padding: 26px; margin-top: 0; }
body.app-liquid .play-history-card { position: relative; display: flex; flex-direction: column; padding: 22px; border-radius: 20px; min-width: 0; }
body.app-liquid .play-history-card > p:first-of-type { font-size: 11px; line-height: 1.6; color: #c1b1d6; margin: 0 0 9px; }
body.app-liquid .play-history-card h4 { font-size: 20px; line-height: 1.35; margin: 0 0 12px; font-weight: 650; }
body.app-liquid .play-history-card > p:nth-of-type(2) { font-size: 13px; line-height: 1.7; color: #c9c1d5; margin-bottom: 18px; flex: 1; }
body.app-liquid .play-history-card > .play-button { width: fit-content; }
body.app-liquid .play-hero-card h4, body.app-liquid .play-profile-card h3 { font-size: 19px; margin: 0 0 10px; }
body.app-liquid summary::-webkit-details-marker { display: none; }
body.app-liquid :is(.play-setup-summary, .story-scene > summary, .story-role > summary, .story-character-details > summary, .story-export-settings > summary, .relation-block > summary, .relation-editor > summary) { border: 0 !important; background: transparent !important; }
body.app-liquid :is(.play-setup-summary, .story-scene > summary, .story-role > summary, .story-character-details > summary, .story-export-settings > summary, .relation-block > summary, .relation-editor > summary)::after { display: none; }
@media (hover: hover) and (pointer: fine){
  body.app-liquid .play-history-card:hover { border-color: rgb(var(--section-tint) / .42) !important; }}
body.app-liquid .relation-editor { padding: 0; margin-bottom: 20px; }
body.app-liquid .relation-editor > summary { border: 0; background: transparent; padding: 18px 22px; border-radius: 22px; }
body.app-liquid .relation-editor form { padding: 0 22px 22px; }
body.app-liquid .af-section-navigation { margin-bottom: 18px; }
body.app-liquid .af-section-tabs { border-radius: 14px; padding: 4px; }
body.app-liquid .af-section-tabs a { min-height: 40px; font-size: 13px; }
body.app-liquid .full-planet-table :is(th, td) { font-size: 13px; line-height: 1.6; }
body.app-liquid .af-phase-overview :is(h2, h3) { font-size: 19px; line-height: 1.4; }
body.app-liquid .advanced-error :is(h2, h3) { font-size: 20px; line-height: 1.4; }
body.app-liquid .af-birth-sheet .sheet-header h1 { font-family: inherit; font-weight: 700; font-size: 30px; letter-spacing: -.025em; }
body.app-liquid .af-birth-sheet .sheet-header { gap: 16px; }
body.app-liquid .af-birth-sheet .form-field > :is(label, span) { font-size: 13px; }
body.app-liquid .af-birth-sheet .sheet-actions { padding-bottom: 8px; }
body.app-liquid.admin-page main { padding-top: 24px; }
body.app-liquid.admin-page .app-return-footer { display: none; }
body.app-liquid:not(.af-home-menu-open) #app-main[data-app-section="agent"] { display: flex !important; flex-direction: column; height: 100dvh; min-height: 0; padding-top: calc(var(--header-h, 80px) + 16px) !important; padding-bottom: 20px !important; overflow: hidden; }
body.app-liquid #app-main[data-app-section="agent"] > :is(.app-section-hero, .af-section-navigation, #view-root) { width: 100%; }
body.app-liquid #app-main[data-app-section="agent"] .app-section-hero { flex: none; padding: 14px 20px; margin-bottom: 12px; display: block; }
body.app-liquid #app-main[data-app-section="agent"] .app-section-copy { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 20px; align-items: center; }
body.app-liquid #app-main[data-app-section="agent"] .app-section-copy h1 { margin: 0; font-size: 26px; }
body.app-liquid #app-main[data-app-section="agent"] .app-section-copy > :is(.app-section-eyebrow, p) { display: none; }
body.app-liquid #app-main[data-app-section="agent"] .app-section-art { position: absolute; right: 14px; top: -8px; width: 100px; height: 90px; opacity: .24; }
body.app-liquid #app-main[data-app-section="agent"] .app-section-copy h1 { padding-right: 78px; }
body.app-liquid #app-main[data-app-section="agent"] .af-section-navigation { flex: none; margin-bottom: 12px; }
body.app-liquid #app-main[data-app-section="agent"] #view-root { flex: 1; min-height: 0; height: auto !important; display: flex; flex-direction: column; }
body.app-liquid #app-main[data-app-section="agent"] .agent-page-heading { display: none; }
body.app-liquid #app-main[data-app-section="agent"] .app-return-footer { display: none; }
@media (max-width: 980px){
  body.app-liquid #app-main { padding-top: calc(var(--header-h, 58px) + 20px) !important; }
  body.app-liquid .app-section-hero { grid-template-columns: minmax(0, 1fr) 150px; padding: 22px; }
  body.app-liquid .app-section-art { height: 155px; }
  body.app-liquid:not(.af-home-menu-open) #app-main[data-app-section="agent"] { padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important; }}
@media (max-width: 600px){
  body.app-liquid .app-section-hero { display: block; padding: 16px 20px; border-radius: 22px; margin-bottom: 16px; }
  body.app-liquid .app-section-art { width: 130px; height: 160px; top: 8px; right: 4px; opacity: .19; }
  body.app-liquid .app-section-eyebrow { margin-top: 12px; font-size: 10px; }
  body.app-liquid .app-section-copy > h1 { font-size: 27px; margin-block: 5px 6px; }
  body.app-liquid .app-section-copy > p { font-size: 13px; line-height: 1.65; }
  body.app-liquid #app-main:not([data-app-section="agent"]):not(:has(.play-view)) .app-section-copy > :is(.app-section-eyebrow, p) { display: none; }
  body.app-liquid #app-main:not([data-app-section="agent"]):not(:has(.play-view)) .app-section-copy > h1 { margin-top: 12px; }
  body.app-liquid #play-library-open { font-size: 12px; padding-inline: 10px; }
  body.app-liquid .empty-state { padding: 24px; }
  body.app-liquid .empty-state .app-empty-character { width: 140px; height: 140px; }
  body.app-liquid .empty-state > h2 { font-size: 26px; }
  body.app-liquid .play-passport { grid-template-columns: minmax(0, 1fr) 108px; gap: 8px 8px; padding: 22px; }
  body.app-liquid .play-card { padding: 20px; gap: 12px; }
  body.app-liquid .play-card h3 { font-size: 16px; }
  body.app-liquid .play-card p { font-size: 15px; }
  body.app-liquid .play-gift-dedication { padding: 24px; }
  body.app-liquid .play-gift-dedication p { font-size: 16px; }
  body.app-liquid .play-library { padding: 18px; }
  body.app-liquid .play-history-card { padding: 22px; }
  body.app-liquid .af-section-tabs a { min-height: 40px; font-size: 12px; padding-inline: 10px; }
  body.app-liquid .relation-editor > summary { padding: 16px; gap: 12px; }
  body.app-liquid .relation-editor form { padding-inline: 16px; }
  body.app-liquid .af-birth-sheet .sheet-header h1 { font-size: 27px; }
  body.app-liquid .af-birth-sheet .sheet-actions { padding-bottom: 16px; }
  body.app-liquid #app-main[data-app-section="agent"] .app-section-hero { padding: 10px 14px; }
  body.app-liquid #app-main[data-app-section="agent"] .app-section-copy { gap: 14px; }
  body.app-liquid #app-main[data-app-section="agent"] .app-section-copy h1 { font-size: 22px; padding-right: 0; }
  body.app-liquid #app-main[data-app-section="agent"] .app-section-art { display: none; }}
@media (max-width: 360px){
  body.app-liquid .play-passport { grid-template-columns: 1fr; }
  body.app-liquid #app-main[data-app-section="agent"] .app-section-copy h1 { font-size: 20px; }}
@media (max-width: 980px) and (max-height: 500px){
  body.app-liquid:not(.af-home-menu-open) #app-main[data-app-section="agent"] { padding-top: calc(var(--header-h, 58px) + 8px) !important; padding-bottom: calc(78px + env(safe-area-inset-bottom)) !important; }
  body.app-liquid #app-main[data-app-section="agent"] .af-section-navigation { display: none; }
  body.app-liquid #app-main[data-app-section="agent"] .app-section-hero { margin-bottom: 8px; }}
/* Source: /assets/build/progressive-images.css */
:is(body.af-refresh, body.admin-page) .af-progressive-image {
  filter: blur(0) brightness(1) saturate(1);
  transition: filter 720ms cubic-bezier(.2,.7,.25,1);
}
:is(body.af-refresh, body.admin-page) .af-progressive-image[data-image-state="preview"] {
  filter: blur(10px) brightness(1.14) saturate(.75);
  transition: none;
}
:is(body.af-refresh, body.admin-page) .af-progressive-image[data-image-state="error"] { opacity: 0; }
:is(body.af-refresh, body.admin-page) img[data-image-src]:not([src]),
:is(body.af-refresh, body.admin-page) .app-section-art > img:not([src]) { visibility: hidden; }
@media (prefers-reduced-motion: reduce){
  :is(body.af-refresh, body.admin-page) .af-progressive-image { transition: none; }}
html[data-motion-paused="true"] :is(body.af-refresh, body.admin-page) .af-progressive-image { transition: none; }
/* Source: /assets/build/card-backdrop.css */
:is(body.af-refresh, body.admin-page) :is(.home-card, .app-liquid-surface) {
  -webkit-backdrop-filter: blur(1.35px) saturate(1.08);
  backdrop-filter: blur(1.35px) saturate(1.08);
  box-shadow: 0 16px 40px -30px #000a, inset 0 1px rgb(255 255 255 / .16), inset 0 -1px rgb(var(--card-tint, 165 125 245) / .08);
}
body.app-liquid .app-translucent-panel:not(.app-liquid-surface) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
@media print, (forced-colors: active), (prefers-contrast: more), (prefers-reduced-transparency: reduce){
  :is(body.af-refresh, body.admin-page) :is(.home-card, .app-liquid-surface) {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }}
/* Source: /assets/build/content-layout.css */
body.app-liquid :where(.play-card, .play-story-section, .realization-direction, .play-result-head, .story-sequence-heading, .story-copy-details, .play-history-card) { min-width: 0; overflow-wrap: anywhere; }
body.app-liquid :where(.play-card, .play-story-section, .realization-direction, .story-copy-details) :is(h2, h3, h4, summary, p) { min-width: 0; overflow-wrap: anywhere; }
body.app-liquid .app-section-hero { min-height: 0; padding-block: 20px; margin-bottom: 16px; }
body.app-liquid .app-section-copy h1 { font-size: clamp(24px, 2.5vw, 36px); }
body.app-liquid .app-section-copy > p { max-width: 64ch; margin-block: 8px 0; }
body.app-liquid .app-section-art { max-height: 170px; }
body.app-liquid .af-profile-copy { min-width: 0; }
body.app-liquid .af-profile-copy strong { white-space: normal; overflow-wrap: anywhere; }
body.app-liquid .af-admin-launch { opacity: .65; }
body.app-liquid .af-admin-launch:hover, body.app-liquid .af-admin-launch:focus-visible { opacity: 1; }
body.app-liquid :is(.play-stage, .document-reader, .report-section, .planet-inspector, .wv-ranked-row) { background-color: rgb(13 17 34 / .44); }
.home-recent { margin: 16px 0 24px; }
.home-recent h2 { font-size: 20px; margin-bottom: 12px; }
.home-recent > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.home-recent a { display: grid; align-content: start; gap: 6px; min-width: 0; overflow-wrap: anywhere; padding: 14px 16px; border: 1px solid #9d91c344; background: #171c3259; border-radius: 16px; color: #f0e9fc; text-decoration: none; }
.home-recent a strong { font-size: 16px; line-height: 1.4; }
.home-recent a :is(small,span) { color: #c6bddb; font-size: 12px; }
#home-menu.home-compact .home-card-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
#home-menu.home-compact .home-card { display: grid; grid-template-columns: minmax(0,1fr) 96px; grid-template-rows: auto auto; min-height: 0; gap: 4px 8px; padding: 18px; }
#home-menu.home-compact .home-card-copy { grid-column: 1; grid-row: 1; }
#home-menu.home-compact .home-eyebrow { display: none; }
#home-menu.home-compact .home-card-title { font-size: 20px; line-height: 1.25; margin: 0 0 8px; }
#home-menu.home-compact .home-description { font-size: 13px; line-height: 1.45; }
#home-menu.home-compact .home-cta { grid-row: 2; grid-column: 1; margin-top: 6px; min-height: 44px; font-size: 13px; padding: 8px 10px; }
#home-menu.home-compact .home-story-group { margin-bottom: 22px; }
[id^="story-panel-"], .document-reading-section { scroll-margin-top: calc(var(--header-h,80px) + 16px); }
.play-library-filters :is(input,select) { min-width: 0; width: 100%; min-height: 44px; border-radius: 10px; border: 1px solid #aa8cce55; padding: 8px 10px; background: #181c2e; color: #f1eafb; font: inherit; font-size: 16px; }
.play-history-card { min-height: 0; }
@media (max-width: 980px){
  body.app-liquid .app-section-hero { padding: 14px 16px; margin-bottom: 12px; }
  body.app-liquid .app-section-art { max-height: 120px; }
  body.app-liquid .app-section-copy h1 { font-size: 26px; }
  body.app-liquid .app-section-copy > p { font-size: 14px; line-height: 1.5; }
  body.app-liquid .af-section-navigation { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: thin; padding-bottom: 6px; }
  body.app-liquid .af-section-navigation a { flex: 0 0 auto; min-height: 44px; }
  #home-menu.home-compact .home-card-list { grid-template-columns: 1fr; gap: 12px; }
  #home-menu.home-compact .home-stories { max-width: none; }
  #home-menu.home-compact .home-card { min-height: 150px; }
  .home-recent > div { grid-template-columns: 1fr; }
  .home-recent a { padding: 12px 14px; }
  .home-recent a small { display: none; }
  .home-recent a strong { font-size: 14px; }
  .home-recent a:not(:first-child) { display: none; }
  .home-recent h2 { font-size: 17px; }
  .play-result-head :is(.play-edit-input,h2) { font-size: 25px; line-height: 1.3; }
  .play-history-card { padding: 16px; }
  .play-history-card h4 { font-size: 19px; }
  body.app-liquid #app-main[data-app-section="agent"] { height: calc(var(--af-visual-height,100dvh) - var(--header-h,80px) - 78px) !important; min-height: 340px; padding-top: 8px; }
  body.app-liquid #app-main[data-app-section="agent"] .app-section-hero { display: none; }
  body.app-liquid #app-main[data-app-section="agent"] .af-section-navigation { margin-bottom: 6px; }}
body.app-liquid[data-story-ready="true"] #app-main > .app-section-hero { min-height: 72px; grid-template-columns: minmax(0, 1fr); padding: 12px 0; margin-bottom: 10px; }
body.app-liquid[data-story-ready="true"] .app-section-hero .app-section-copy { display: flex; align-items: center; gap: 16px; }
body.app-liquid[data-story-ready="true"] .app-section-hero :is(.app-section-eyebrow,.app-section-copy > p,.app-section-art) { display: none; }
body.app-liquid[data-story-ready="true"] .app-section-hero h1 { font-size: 24px; margin: 0; padding: 0; }
@media(max-width:980px){
  body.app-liquid[data-story-ready="true"] #app-main > .app-section-hero { min-height: 60px; padding: 10px 0; }
  body.app-liquid[data-story-ready="true"] .app-section-hero h1 { font-size: 20px; }
  body.app-liquid[data-story-ready="true"] .app-section-hero .app-section-copy { gap: 10px; flex-wrap: wrap; }}
@media(max-width:640px){
  #home-menu .home-recent { margin-block: 12px 18px; }}
.home-compact-art { display: none; }
#home-menu.home-compact .home-art { display: none; }
#home-menu.home-compact .home-compact-art { display: block; grid-column: 2; grid-row: 1 / 3; width: 96px; height: 116px; object-fit: contain; align-self: center; }
@media(max-width:980px){body.app-liquid #app-main[data-app-section="agent"] { height: var(--af-visual-height,100dvh) !important; }}
@media(max-width:980px){
 body.app-liquid #app-main:is([data-app-section="cosmogram"],[data-app-section="dashboard"],[data-app-section="table"],[data-app-section="dynamics"],[data-app-section="transits"],[data-app-section="reports"]) .app-section-hero { padding-block: 10px; }
 body.app-liquid #app-main:is([data-app-section="cosmogram"],[data-app-section="dashboard"]) .app-section-copy { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
 body.app-liquid #app-main:is([data-app-section="cosmogram"],[data-app-section="dashboard"]) .app-section-hero h1 { font-size: 20px; margin: 0; }
 body.app-liquid #app-main:is([data-app-section="cosmogram"],[data-app-section="dashboard"]) .app-section-art { display: none; }}
.af-play-mobile button.active { background: #ac88df19; color: #f0e3ff; border-radius: 12px; }
.af-play-drawer nav > h2 { grid-column: 1 / -1; font-size: 17px; margin: 20px 4px 8px; }
body.app-liquid #app-main > .app-section-hero[data-page-visual]:not([hidden]) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 320px); align-items: center; gap: 24px; padding: 24px; }
body.app-liquid #app-main > .app-section-hero[data-page-visual] .app-section-copy { display: block; min-width: 0; }
body.app-liquid #app-main > .app-section-hero[data-page-visual] > .app-section-art { display: block; position: relative; inset: auto; width: 100%; height: 210px; max-height: none; opacity: 1; }
body.app-liquid #app-main > .app-section-hero[data-page-visual] .app-section-art > img { mask-image: none; }
@media(max-width:980px){
 body.app-liquid #app-main > .app-section-hero[data-page-visual]:not([hidden]) { grid-template-columns: minmax(0, 1fr) 180px; gap: 18px; padding: 20px; }
 body.app-liquid #app-main > .app-section-hero[data-page-visual] > .app-section-art { height: 140px; }}
@media(max-width:600px){
 body.app-liquid #app-main > .app-section-hero[data-page-visual]:not([hidden]) { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 18px; }
 body.app-liquid #app-main > .app-section-hero[data-page-visual] > .app-section-art { grid-row: 1; width: 180px; height: 110px; justify-self: center; }
 body.app-liquid #app-main > .app-section-hero[data-page-visual] .app-section-copy { grid-row: 2; }
 body.app-liquid #app-main > .app-section-hero[data-page-visual] .app-section-copy > h1 { font-size: 24px; }
 body.app-liquid #app-main > .app-section-hero[data-page-visual] .app-section-copy > p { margin-top: 14px; }}
@media print{ body.app-liquid .story-start-art, body.app-liquid .app-section-art { display: none !important; }}
/* Source: /assets/build/interaction-motion.css */
:where(body.af-refresh, body.admin-page) {
  --af-interaction-rgb: 203 176 255;
  --af-interaction-accent: rgb(var(--af-interaction-rgb));
}
:where(body.af-refresh, body.admin-page) .worldview {
  --af-interaction-rgb: 116 212 195;
}
:where(body.af-refresh, body.admin-page) .passport-card.style-paper {
  --af-interaction-rgb: 101 67 145;
}
:where(body.af-refresh, body.admin-page) :where(
  a[href], button, summary, input:not([type="hidden"]), select, textarea,
  [role="button"], [role="tab"], [role="option"], [role="menuitem"],
  [role="combobox"], [role="slider"], [tabindex]:not([tabindex="-1"]),
  label[for], label:has(input:not([type="hidden"]), select, textarea)
) {
  transition: color 160ms ease, background-color 160ms ease,
    border-color 160ms ease, box-shadow 160ms ease, opacity 140ms ease,
    outline-color 140ms ease, outline-offset 140ms ease,
    text-decoration-color 160ms ease, transform 160ms ease;
}
:where(body.af-refresh, body.admin-page) :where(
  a[href], button, summary, input:not([type="hidden"]), select, textarea,
  [role="button"], [role="tab"], [role="option"], [role="menuitem"],
  [role="combobox"], [role="slider"], [tabindex]:not([tabindex="-1"])
):focus-visible {
  outline: 2px solid var(--af-interaction-accent);
  outline-offset: 3px;
}
:where(body.af-refresh, body.admin-page) :where(
  .play-chip, .play-profile-chip, .af-unknown-time,
  label:has(input[type="file"])
):has(input:focus-visible) {
  outline: 2px solid var(--af-interaction-accent);
  outline-offset: 3px;
}
@keyframes af-interaction-choice {
  from { opacity: 0; scale: .55; }
  to { opacity: 1; scale: 1; }
}
@keyframes af-interaction-reveal {
  from { opacity: .72; translate: 0 4px; }
  to { opacity: 1; translate: 0 0; }
}
@media (prefers-reduced-motion: no-preference){
  :where(body.af-refresh, body.admin-page) input:is([type="checkbox"], [type="radio"]):checked::after {
    animation: af-interaction-choice 160ms ease-out;
  }
  :where(body.af-refresh, body.admin-page) details[open]:not(
    .af-legacy-menu, .mobile-more, .mobile-menu, #af-tools-menu
  ) > :not(summary) {
    animation: af-interaction-reveal 150ms ease-out;
  }
  :where(body.af-refresh, body.admin-page) dialog[open]:not(
    .af-play-drawer, .af-admin-login, #play-profile-dialog
  ) {
    animation: af-interaction-reveal 180ms ease-out;
  }}
:where(body.af-refresh, body.admin-page) input[type="range"]::-webkit-slider-thumb {
  transition: scale 150ms ease, box-shadow 150ms ease;
}
:where(body.af-refresh, body.admin-page) input[type="range"]::-moz-range-thumb {
  transition: scale 150ms ease, box-shadow 150ms ease;
}
:where(body.af-refresh, body.admin-page) input[type="range"]:is(:hover, :focus-visible)::-webkit-slider-thumb {
  scale: 1.12;
}
:where(body.af-refresh, body.admin-page) input[type="range"]:is(:hover, :focus-visible)::-moz-range-thumb {
  scale: 1.12;
}
:where(body.af-refresh, body.admin-page) input[type="file"]::file-selector-button {
  transition: filter 150ms ease;
}
:where(body.af-refresh, body.admin-page) input[type="file"]:hover::file-selector-button {
  filter: brightness(1.12);
}
@media (prefers-reduced-motion: reduce){
  html:root body:is(.af-refresh, .admin-page) :is(
    a[href], button, summary, input, select, textarea, [role="button"],
    [role="tab"], [role="option"], [role="menuitem"], [role="combobox"],
    [role="slider"], [tabindex], label:has(input), details > :not(summary), dialog,
    .formula-node, .formula-edge, .formula-edge-hit, .cosmo-planet
  ),
  html:root body:is(.af-refresh, .admin-page) :is(a[href], button, summary, [role="button"]) *,
  html:root body:is(.af-refresh, .admin-page) :is(a[href], button, summary, input, label:has(input))::before,
  html:root body:is(.af-refresh, .admin-page) :is(a[href], button, summary, input, label:has(input))::after {
    transition: none !important;
    animation: none !important;
  }
  html:root body:is(.af-refresh, .admin-page) input[type="range"]::-webkit-slider-thumb,
  html:root body:is(.af-refresh, .admin-page) input[type="range"]::-moz-range-thumb {
    transition: none !important;
    scale: 1 !important;
  }
  html:root body:is(.af-refresh, .admin-page) input[type="file"]::file-selector-button {
    transition: none !important;
  }}
html:root[data-motion-paused="true"] body:is(.af-refresh, .admin-page) :is(
  a[href], button, summary, input, select, textarea, [role="button"],
  [role="tab"], [role="option"], [role="menuitem"], [role="combobox"],
  [role="slider"], [tabindex], label:has(input), details > :not(summary), dialog,
  .formula-node, .formula-edge, .formula-edge-hit, .cosmo-planet
),
html:root[data-motion-paused="true"] body:is(.af-refresh, .admin-page) :is(a[href], button, summary, [role="button"]) *,
html:root[data-motion-paused="true"] body:is(.af-refresh, .admin-page) :is(a[href], button, summary, input, label:has(input))::before,
html:root[data-motion-paused="true"] body:is(.af-refresh, .admin-page) :is(a[href], button, summary, input, label:has(input))::after {
  transition: none !important;
  animation: none !important;
}
html:root[data-motion-paused="true"] body:is(.af-refresh, .admin-page) input[type="range"]::-webkit-slider-thumb,
html:root[data-motion-paused="true"] body:is(.af-refresh, .admin-page) input[type="range"]::-moz-range-thumb {
  transition: none !important;
  scale: 1 !important;
}
html:root[data-motion-paused="true"] body:is(.af-refresh, .admin-page) input[type="file"]::file-selector-button {
  transition: none !important;
}
/* Source: /assets/build/app-header.css */
body.af-header-layout { --header-h: 80px; }
html:has(body.af-header-layout) { scrollbar-gutter: stable; scrollbar-width: thin; }
body.af-header-layout.af-home-menu-open #app-main { padding-top: calc(var(--header-h) + 4px) !important; }
body.af-header-layout.af-home-menu-open #home-menu { max-width: 1280px !important; }
body.af-header-layout header.af-unified-header.app-header {
  position: fixed !important; inset: 16px auto auto 50% !important; transform: translateX(-50%) !important;
  display: flex !important; align-items: center !important; justify-content: flex-start !important;
  width: min(1280px, calc(100% - 48px)) !important; max-width: 1280px !important; height: 64px !important;
  margin: 0 !important; padding: 10px 20px !important; gap: 24px !important; overflow: visible !important; box-sizing: border-box;
  border: 1px solid #b997ed73 !important; border-radius: 28px !important;
  background: linear-gradient(115deg, #221d35d9, #141525e8 60%, #1a172be8) !important;
  box-shadow: 0 10px 36px #0003 !important; backdrop-filter: blur(22px) saturate(120%) !important; z-index: 120 !important;
  color: #f5efff; font-family: AstroFace, Inter, 'Segoe UI', sans-serif;
}
body.af-header-layout header.af-unified-header.app-header:has(details[open]) { z-index: 1250 !important; }
html.agent-embedded body.af-header-layout header.af-unified-header.app-header,
body.agent-embedded.af-header-layout header.af-unified-header.app-header { display: none !important; }
body.af-header-layout header.af-unified-header.app-header > .brand {
  display: flex !important; align-items: center !important; justify-content: flex-start !important; flex: 0 0 auto !important;
  width: auto !important; min-width: 0 !important; height: 38px !important; margin: 0 !important;
  padding: 0 28px 0 0 !important; gap: 10px !important; border: 0 !important; border-right: 1px solid #c3a7ed66 !important;
  border-radius: 0 !important; background: none !important; box-shadow: none !important; color: #f6f0ff; text-decoration: none;
}
.af-unified-header .brand::after { display: none !important; }
.af-unified-header .brand .brand-artwork, .af-unified-header .brand > img { display: block !important; width: 38px !important; height: 38px !important; min-width: 38px; flex: 0 0 38px; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
.af-unified-header .brand .brand-artwork img { width: 100%; height: 100%; object-fit: contain; }
.af-unified-header .af-brand-name { display: block !important; color: #f5efff; font-size: 16px; font-weight: 650; line-height: 1.2; letter-spacing: -.035em; }
.af-unified-header #quick-form, .af-unified-header > .top-nav { display: none !important; }
.af-unified-header .af-profile-bar { display: flex !important; align-items: center; flex: 1 1 180px; min-width: 0; width: auto; margin: 0; padding: 0; gap: 0; position: static; }
.af-unified-header .af-profile-menu { position: relative; min-width: 0; max-width: 100%; }
.af-unified-header .af-profile-trigger { display: flex; align-items: center; gap: 12px; min-width: 0; max-width: 300px; min-height: 44px; padding: 0 3px; cursor: pointer; list-style: none; border-radius: 12px; }
.af-unified-header .af-profile-trigger::-webkit-details-marker { display: none; }
.af-unified-header .af-profile-trigger::before, .af-unified-header .af-profile-trigger::after { display: none !important; }
.af-unified-header .af-profile-mark { display: grid !important; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 50%; color: #c2a6f0; background: #b693f01a; }
.af-unified-header .af-profile-mark svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.af-unified-header .af-profile-copy { display: block !important; min-width: 0; }
.af-unified-header .af-profile-copy strong { display: block; max-width: 240px; margin: 0; color: #f2ecfb; font-size: 14px; font-weight: 600; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.af-unified-header .af-profile-copy > span { display: none !important; }
.af-profile-chevron { display: grid; place-items: center; flex: 0 0 16px; color: #d4c3ed; }
.af-profile-chevron svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.af-profile-menu[open] .af-profile-chevron { transform: rotate(180deg); }
.af-primary-navigation { display: flex; align-items: center; flex: 0 0 auto; gap: 4px; margin-left: auto; white-space: nowrap; }
.af-primary-navigation a { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 9px 16px; border: 1px solid transparent; border-radius: 22px; color: #cfc0e6; font-size: 14px; font-weight: 500; line-height: 1.4; text-decoration: none; }
.af-primary-navigation a:hover { color: #fff; background: #b391ee12; }
.af-primary-navigation a.active { color: #f1ddff; border-color: #b693f031; background: #9b73e329; }
body.af-header-layout .af-unified-header .af-legacy-menu { display: block !important; position: relative !important; flex: 0 0 40px !important; margin: 0 !important; padding: 0 !important; }
body.af-header-layout .af-unified-header #af-tools-menu[hidden] { display: none !important; }
.af-unified-header .af-legacy-menu > summary { display: grid; place-items: center; width: 40px; height: 40px; padding: 8px; list-style: none; cursor: pointer; border: 1px solid #b89be025; border-radius: 14px; color: #e2cafa; background: #b593eb0a; }
.af-unified-header .af-legacy-menu > summary::-webkit-details-marker { display: none; }
.af-unified-header .af-legacy-menu > summary svg { width: 22px; height: 22px; fill: currentColor; stroke: currentColor; }
body.af-header-layout .af-unified-header .af-legacy-menu > nav, .af-profile-dropdown {
  position: absolute !important; top: calc(100% + 16px) !important; right: 0 !important; left: auto !important;
  width: min(320px, calc(100vw - 48px)) !important; max-height: calc(100dvh - 108px); overflow-y: auto; box-sizing: border-box;
  margin: 0; padding: 14px; border: 1px solid #b797e14d; border-radius: 18px; color: #ede4f7; background: #171525f5; box-shadow: 0 16px 60px #0008; backdrop-filter: blur(20px);
}
.af-unified-header .af-profile-dropdown { left: 0 !important; right: auto !important; }
.af-unified-header .af-legacy-menu:not([open]) > nav, .af-profile-menu:not([open]) > .af-profile-dropdown { display: none !important; }
.af-unified-header .af-legacy-menu nav a, .af-unified-header .af-profile-dropdown > a { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; border-radius: 10px; color: #dfd2ed; font-size: 14px; line-height: 1.4; text-decoration: none; }
.af-unified-header .af-legacy-menu nav a:hover, .af-unified-header .af-profile-dropdown > a:hover { background: #b391ee14; color: #fff; }
.af-header-caption { display: block; padding: 4px 12px; color: #ac9abd; font-size: 11px; line-height: 1.5; letter-spacing: .06em; }
.af-profile-details { margin: 4px 12px 12px; color: #c7b9d7; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
body.af-header-layout header.af-unified-header.app-header .af-profile-bar .af-profile-edit { display: flex !important; align-items: center !important; justify-content: flex-start; width: 100% !important; min-width: 0 !important; min-height: 44px !important; margin: 0 !important; padding: 10px 12px !important; border: 0 !important; border-radius: 10px; color: #f0e1ff; background: #a882e923; font-family: inherit !important; font-size: 14px !important; font-weight: 500; line-height: 1.4; white-space: normal; cursor: pointer; box-sizing: border-box; text-decoration: none; }
body.af-header-layout header.af-unified-header.app-header .af-profile-bar .af-profile-edit::after { display: none !important; }
.af-header-shortcuts { padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #b99be126; }
.af-header-mobile-navigation { display: none; }
body.af-header-layout .af-unified-header .header-actions.af-header-actions { display: grid !important; width: 100%; gap: 4px; margin: 8px 0 0 !important; padding-top: 8px; border-top: 1px solid #b99be126; }
.af-unified-header .af-header-actions > :is(button, a), .af-unified-header #admin-logout { display: flex !important; align-items: center; justify-content: flex-start; gap: 10px; width: 100% !important; height: auto; min-height: 44px; margin: 0; padding: 10px 12px; border: 0; border-radius: 10px; color: #dfd2ed; background: transparent; font-size: 14px; line-height: 1.4; text-decoration: none; cursor: pointer; }
.af-unified-header .af-header-actions > [hidden], .af-unified-header #admin-logout[hidden] { display: none !important; }
.af-unified-header .af-header-actions svg { flex: 0 0 20px; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.af-unified-header .af-header-actions .sr-only { position: static !important; width: auto !important; height: auto !important; clip: auto !important; overflow: visible !important; white-space: normal; }
.af-unified-header :is(a, button, summary):focus-visible { outline: 2px solid #d0b3f4; outline-offset: 3px; }
body.admin-page.af-header-layout > main { padding-top: 110px; }
@media (max-width: 1100px){
  body.af-header-layout header.af-unified-header.app-header { gap: 14px !important; padding-inline: 16px !important; }
  body.af-header-layout header.af-unified-header.app-header > .brand { padding-right: 18px !important; }
  .af-primary-navigation a { padding-inline: 12px; font-size: 13px; }}
@media (max-width: 980px){
  .af-primary-navigation { display: none; }
  .af-header-mobile-navigation { display: grid; }
  .af-unified-header .af-profile-menu { position: static; }
  .af-unified-header .af-profile-dropdown { top: calc(100% + 12px) !important; left: 0 !important; right: 0 !important; width: auto !important; }
  .af-unified-header .af-profile-trigger { max-width: 100%; }
  .af-unified-header .af-profile-copy strong { max-width: none; }}
@media (max-width: 640px){
  body.af-header-layout { --header-h: 76px; }
  body.af-header-layout header.af-unified-header.app-header { top: 10px !important; width: calc(100% - 24px) !important; height: 56px !important; padding: 7px 10px !important; gap: 10px !important; border-radius: 22px !important; }
  body.af-header-layout header.af-unified-header.app-header > .brand { display: flex !important; width: 36px !important; height: 36px !important; flex: 0 0 36px !important; padding: 0 !important; border: 0 !important; }
  .af-unified-header .brand .brand-artwork, .af-unified-header .brand > img { width: 36px !important; height: 36px !important; min-width: 36px; flex-basis: 36px; }
  .af-unified-header .af-brand-name { display: none !important; }
  .af-unified-header .af-profile-trigger { gap: 8px; padding: 0; }
  .af-unified-header .af-profile-mark { width: 30px; height: 30px; flex-basis: 30px; }
  .af-unified-header .af-profile-copy strong { font-size: 13px; }
  .af-unified-header .af-legacy-menu > summary { width: 36px; height: 36px; border-radius: 12px; }
  body.af-header-layout .af-unified-header .af-legacy-menu { flex-basis: 36px !important; }}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more){
  body.af-header-layout header.af-unified-header.app-header { background: #171525 !important; backdrop-filter: none !important; }}
@media print{ body.af-header-layout header.af-unified-header.app-header { display: none !important; }}