/* 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}.brand-symbol{width:38px;height:38px;display:grid;place-items:center;color:#8d70ff;filter:drop-shadow(0 0 12px rgba(119,88,255,.4))}.brand-symbol svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.15}.brand-copy{display:grid;gap:1px}.brand-copy strong{font-family:Georgia,Times New Roman,serif;font-weight:500;font-size:22px;letter-spacing:-.02em}.brand-copy small{font-size:8px;letter-spacing:.22em;color:#6f7b95;font-weight:700}.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}.calculate-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;animation:spin .75s linear infinite}.top-nav{display:none;align-items:center;height:42px;border:1px solid var(--line);border-radius:12px;background:#081326a6;padding:3px}.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}.nav-icon{font-size:13px}.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}.avatar-button{border-radius:50%;font-size:11px;font-weight:700}.mobile-only{display:none}.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}.heading-context{display:grid;text-align:right;gap:3px}.heading-context strong{font-size:11px;font-weight:650}.heading-context span{font-size:9px;color:#68748c}.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))}.spotlight-card:before{content:"";position:absolute;z-index:0;pointer-events:none;width:380px;height:380px;left:calc(var(--pointer-x, 50%) - 190px);top:calc(var(--pointer-y, 40%) - 190px);border-radius:50%;background:radial-gradient(circle,rgba(100,91,255,.09),transparent 68%);opacity:.75;transition:opacity .2s}.spotlight-card>*{position:relative;z-index:1}.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}.status-pulse{width:8px;height:8px;border-radius:50%;background:#8b69ff;box-shadow:0 0 14px #7e5cff;animation:orbitPulse 1.2s ease-in-out infinite}.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}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.43fr) minmax(430px,.94fr);gap:8px;align-items:start}.dashboard-primary-column,.dashboard-analytics-column{display:grid;gap:8px;min-width:0}.formula-dashboard-card{min-height:610px}.panel-header{min-height:51px;display:grid;grid-template-columns:minmax(160px,1fr) auto auto;align-items:center;gap:14px;padding:10px 13px 9px 16px;border-bottom:1px solid rgba(106,137,199,.12)}.panel-header>div:first-child span,.compact-panel-header span{display:block;color:#d7dcf1;font-size:10px;font-weight:720;letter-spacing:.055em}.panel-header h2{margin:2px 0 0;color:#77849c;font-size:9px;font-weight:500}.formula-legend{display:flex;align-items:center;flex-wrap:wrap;gap:11px;color:#77839a;font-size:8px}.formula-legend span{display:flex;align-items:center;gap:5px}.legend-dot,.planet-dot{display:inline-grid;place-items:center;width:7px;height:7px;border-radius:50%}.legend-dot.personal{background:var(--personal);box-shadow:0 0 8px var(--personal)}.legend-dot.social{background:var(--social);box-shadow:0 0 8px var(--social)}.legend-dot.transpersonal{background:var(--transpersonal);box-shadow:0 0 8px var(--transpersonal)}.legend-square{width:11px;height:11px;border-radius:3px;border:1px dashed rgba(165,137,255,.65)}.panel-actions{display:flex;gap:5px}.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-formula-stage{height:555px;padding:6px 8px 10px;display:grid;place-items:center;overflow:hidden}.formula-visual{width:100%;height:100%;display:grid;place-items:center}.formula-svg{width:100%;height:100%;max-width:100%;overflow:visible}.mobile-formula-graph{display:none}.dashboard-lower-grid{display:grid;grid-template-columns:1.28fr .8fr .94fr;gap:8px}.dashboard-mini-card{min-height:160px;padding:12px}.dashboard-mini-card>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dashboard-mini-card>header>span{color:#acb8ce;font-size:8px;font-weight:750;letter-spacing:.065em}.dashboard-mini-card>header b{color:#8e9ab0;font-size:9px;font-weight:600}.dashboard-mini-card header :is(a,button){border:0;background:transparent;color:#6f7b94;text-decoration:none}.formula-timeline{display:grid;gap:8px}.timeline-copy{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:8px;color:#6e7a92}.timeline-copy strong{color:#bac4d7;font-size:9px;font-weight:600}.timeline-track{position:relative;height:3px;margin:7px 8px 0;border-radius:5px;background:linear-gradient(90deg,#ff646e59,#efb84d52,#2cd3bc4d)}.timeline-track i{position:absolute;left:0;top:-1px;height:5px;border-radius:5px;background:linear-gradient(90deg,#f17379,#f6bd58);box-shadow:0 0 12px #f1ad5773}.timeline-track b{position:absolute;width:10px;height:10px;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#ffd476;border:2px solid #fff1bc;box-shadow:0 0 15px #f7be58}.timeline-track span{position:absolute;top:50%;width:6px;height:6px;border-radius:50%;transform:translateY(-50%)}.timeline-start{left:0;background:#ff747d}.timeline-end{right:0;background:#39d6b9}.timeline-label-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;font-size:9px;color:#78859d}.timeline-label-row>*{display:grid;gap:2px}.timeline-label-row strong{text-align:center;color:#f5c565;font-weight:700}.timeline-label-row span:last-child{text-align:right}.timeline-label-row small{color:#59657d;font-size:7px;font-weight:500}.timeline-legend{display:flex;gap:14px;margin-top:10px;color:#68758c;font-size:7px}.timeline-legend span{display:flex;align-items:center;gap:5px}.timeline-legend i{width:6px;height:6px;border-radius:50%}.timeline-legend .past{background:#f07178}.timeline-legend .active{background:#f4bd58}.timeline-legend .future{background:#38d2b5}.selected-summary-main{display:flex;align-items:center;gap:10px}.selected-orb{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:25px;background:#4544992e;border:1px solid rgba(137,116,255,.45);box-shadow:0 0 18px #6c58ff26}.selected-orb.personal{color:#a28aff}.selected-orb.social{color:#f1bd62}.selected-orb.transpersonal{color:#46d2eb}.selected-summary-main h3{margin:0;font-size:15px}.selected-summary-main p{margin:3px 0 0;font-size:8px;color:#78859d}.selected-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0 6px}.selected-stats div{min-width:0;border-right:1px solid rgba(111,141,201,.12)}.selected-stats div:last-child{border:0}.selected-stats span{display:block;font-size:7px;color:#657187}.selected-stats strong{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600}.selected-route{margin:0;font-size:13px;color:#aaa0ff;letter-spacing:.06em}.favorite-button{border:0;background:transparent;color:#75829a;font-size:17px}.insight-list{display:grid;gap:7px}.insight-item{display:grid;grid-template-columns:8px 1fr;gap:7px}.insight-item>i{width:7px;height:7px;margin-top:3px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.insight-item.gold{color:var(--gold)}.insight-item.cyan{color:var(--cyan)}.insight-item.violet{color:var(--violet-2)}.insight-item.rose{color:var(--rose)}.insight-item strong{display:block;color:#aeb9cd;font-size:8px;font-weight:650}.insight-item p{margin:2px 0 0;color:#657188;font-size:7px;line-height:1.35}.dashboard-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.metric-card{min-height:100px;padding:11px}.metric-card-head{display:flex;justify-content:space-between;align-items:center;color:#8d99b0;font-size:8px}.metric-card-head i{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#5266a017;color:#7788b2}.metric-card>strong{display:block;margin-top:8px;font-size:28px;font-weight:560;letter-spacing:-.04em}.metric-card>small{display:block;margin-top:5px;color:#667289;font-size:7px}.metric-card.violet{border-color:#7c5eff30}.metric-card.gold{border-color:#f4bc5233}.metric-card.teal{border-color:#2dd3b82e}.metric-card.blue{border-color:#4194ff2e}.center-rings{display:grid;grid-template-columns:55px 1fr;align-items:center;gap:7px;margin-top:5px}.center-rings svg{width:55px;height:55px;overflow:visible;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#6986c31c;stroke-width:5}.ring-value{fill:none;stroke-width:5;stroke-linecap:round}.ring-value.personal{stroke:var(--personal)}.ring-value.social{stroke:var(--social)}.ring-value.transpersonal{stroke:var(--transpersonal)}.ring-core{fill:#fff;filter:drop-shadow(0 0 7px #7d64ff)}.center-rings>div{display:grid;gap:4px}.center-rings span{display:grid;grid-template-columns:6px 1fr auto;align-items:center;gap:5px;color:#7b879e;font-size:6.5px}.center-rings span i{width:5px;height:5px;border-radius:50%}.center-rings span i.personal{background:var(--personal)}.center-rings span i.social{background:var(--social)}.center-rings span i.transpersonal{background:var(--transpersonal)}.center-rings span b{color:#aeb8cc;font-size:6.5px}.phase-gauge{display:flex;align-items:center;gap:8px;margin-top:9px}.phase-orbit{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--violet) var(--phase-angle),rgba(92,101,167,.12) 0);box-shadow:0 0 20px #6a4dff21}.phase-orbit:before{content:"";width:34px;height:34px;border-radius:50%;background:#071329;border:1px solid rgba(131,108,255,.2)}.phase-orbit i{position:absolute;width:26px;height:9px;border:1px solid rgba(143,117,255,.6);border-radius:50%;transform:rotate(32deg)}.phase-orbit b{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 10px #765cff}.phase-copy strong{display:block;color:#b39aff;font-size:16px;font-weight:560}.phase-copy span{display:block;margin-top:2px;color:#69758e;font-size:7px}.analytics-card{min-width:0}.compact-panel-header{min-height:43px;display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-bottom:1px solid rgba(108,139,201,.11)}.compact-panel-header small{display:block;margin-top:2px;color:#637087;font-size:7px}.planet-ranking-card{min-height:248px}.compact-table{padding:0 7px 7px}.compact-table-head,.compact-row{display:grid;grid-template-columns:24px minmax(100px,1.3fr) 44px 44px minmax(86px,.8fr) 35px;align-items:center;gap:4px}.compact-table-head{height:24px;color:#5d6980;font-size:6.5px;border-bottom:1px solid rgba(104,132,190,.1)}.compact-row{width:100%;min-height:19px;padding:0 2px;border:0;border-bottom:1px solid rgba(96,124,183,.055);background:transparent;color:#8e9aaf;font-size:7px;text-align:left;transition:.18s}.compact-row:hover,.compact-row.selected{background:#544cb81a;color:#d8def0}.compact-row>span:nth-child(2){display:flex;align-items:center;gap:5px}.planet-dot{width:15px;height:15px;font-size:11px;background:transparent}.planet-dot.personal{color:var(--personal)}.planet-dot.social{color:var(--social)}.planet-dot.transpersonal{color:var(--transpersonal)}.mini-progress{display:inline-block;width:34px;height:3px;margin-right:5px;vertical-align:middle;border-radius:3px;background:#6884be1a;overflow:hidden}.mini-progress b{display:block;height:100%;background:linear-gradient(90deg,#6f65ff,#4eb7ff)}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#547cff;box-shadow:0 0 6px #4f75ff}.status-dot.center{background:var(--gold);box-shadow:0 0 7px var(--gold)}.status-dot.retro{background:transparent;border:1px solid var(--rose);box-shadow:0 0 5px #ff637273}.compact-cosmogram-card{min-height:320px}.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)}.compact-cosmogram-layout{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:5px;align-items:center;padding:4px 8px 8px}.cosmogram-compact-controls{display:grid;gap:8px;color:#738097;font-size:7px}.cosmogram-compact-controls>div{display:flex;gap:3px}.cosmogram-compact-controls>div button{width:21px;height:23px;border-radius:6px;border:1px solid rgba(103,133,193,.12);background:#08122599;color:#6f7b92;font-size:7px}.cosmogram-compact-controls>div button.active{color:#c2baff;border-color:#8469ff6b;background:#5343b630}.cosmogram-compact-controls label{display:flex;align-items:center;gap:5px}.cosmogram-compact-controls input{accent-color:#7959ff}.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-component .component-glow{fill:none;stroke-width:4;opacity:.17;filter:blur(10px)}.formula-component .component-panel{fill:#08162d78;stroke-width:1}.formula-component .component-topline{fill:none;stroke-width:1.4;opacity:.7}.formula-component.tone-0 .component-panel,.formula-component.tone-0 .component-topline,.formula-component.tone-0 .component-glow{stroke:#885cff}.formula-component.tone-1 .component-panel,.formula-component.tone-1 .component-topline,.formula-component.tone-1 .component-glow{stroke:#338ff2}.formula-component.tone-2 .component-panel,.formula-component.tone-2 .component-topline,.formula-component.tone-2 .component-glow{stroke:#22c9b7}.formula-component.tone-3 .component-panel,.formula-component.tone-3 .component-topline,.formula-component.tone-3 .component-glow{stroke:#ed626f}.component-kicker{font-size:8px;font-weight:720;letter-spacing:.13em;fill:#7c89a4}.component-name{font-size:7px;letter-spacing:.05em;fill:#6b7891}.center-field{fill:#5239af0e;stroke:#9171ff38;stroke-dasharray:3 4}.center-field-label{font-size:6.5px;letter-spacing:.1em;fill:#9389c5}.formula-crossing-halo{stroke:#07152c;opacity:.98;pointer-events:none}.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-edge.is-mutual{stroke-linecap:round;shape-rendering:geometricPrecision}.formula-edge.dashed{stroke-dasharray:.05 .035}.formula-edge.edge-personal{stroke:#8e75ff}.formula-edge.edge-social{stroke:#e4b35d}.formula-edge.edge-transpersonal{stroke:#3dbedc}.formula-edge.edge-auxiliary{stroke:#ec6d7b;stroke-width:1.55;opacity:.9}.formula-edge.is-auxiliary-pointer{stroke-linecap:round}.formula-edge.edge-cycle{stroke:#b99cff;stroke-width:1.5}.formula-edge.edge-active{stroke:#ffc55d;stroke-width:2.35;opacity:1;stroke-dasharray:.08 .05;filter:var(--formula-route-glow, url(#route-glow));animation:dashFlow 1.15s linear infinite}.arrow-personal{fill:#8e75ff}.arrow-social{fill:#e4b35d}.arrow-transpersonal{fill:#3dbedc}.arrow-auxiliary{fill:#ec6d7b}.arrow-cycle{fill:#b99cff}.arrow-active{fill:#ffc55d}.formula-node{cursor:pointer;color:#8f79ff;transition:transform .22s}.formula-node-effects{color:#8f79ff;pointer-events:none}.formula-node-effects .node-shadow{fill:#0b1a34;filter:var(--formula-soft-shadow, url(#soft-shadow))}.formula-node-effects .node-aura{fill:currentColor;opacity:0;filter:blur(8px);transition:opacity .22s}.formula-node .node-surface{fill:#0b1a34;stroke:currentColor;stroke-width:1}.formula-node .node-sheen{fill:url(#none);stroke:#ffffff09}.formula-node.personal,.formula-node-effects.personal{color:#806dff}.formula-node.social,.formula-node-effects.social{color:#e9b25b}.formula-node.transpersonal,.formula-node-effects.transpersonal{color:#38bfe0}.formula-node.auxiliary,.formula-node-effects.auxiliary{color:#f06876}.formula-node.is-auxiliary-pointer .node-surface{fill:#19142d;stroke-dasharray:3 2}.formula-node.is-auxiliary-pointer .node-orbit rect{stroke:#ec6d7b57}.formula-node.is-auxiliary-pointer .node-orbit text{fill:#f1919b}.formula-node.is-center .node-surface{stroke-width:1.5;fill:#101d3d}.formula-node.selected,.formula-node-effects.selected{color:#ffc65f}.formula-node-effects.selected .node-aura,.formula-node-effects.route-active .node-aura{opacity:.26}.formula-node.selected .node-surface{stroke-width:2}.formula-node:hover .node-surface{stroke-width:1.5}.formula-node .node-glyph{fill:currentColor;font-size:34px;font-weight:400;filter:drop-shadow(0 0 7px currentColor)}.formula-node .node-name{fill:#c9d1e3;font-size:9px;font-weight:520}.formula-node .node-score{fill:#e5e9f5;font-size:8px}.formula-node .node-retro{fill:#ff7a84;font-size:7px;font-weight:800}.formula-node .node-orbit rect{fill:#030a18db;stroke:#819bd32e}.formula-node .node-orbit text{fill:#7b88a1;font-size:6px;font-weight:750;letter-spacing:.04em}.formula-node.mini .node-glyph{font-size:24px}.formula-node.mini .node-score,.formula-node.mini .node-retro{font-size:6px}.hide-orbits .node-orbit,.hide-retrogrades .node-retro{display:none}.structure-shell{min-height:calc(100vh - 132px)}.structure-toolbar{min-height:55px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(107,136,196,.12)}.toolbar-title{display:flex;align-items:center;gap:9px}.toolbar-plus{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;color:#b59cff;background:#6048d938;border:1px solid rgba(138,105,255,.35)}.toolbar-title h2{margin:0;font-size:15px;font-weight:580}.toolbar-title p{margin:2px 0 0;color:#6d7990;font-size:8px}.toolbar-controls{display:flex;align-items:center;gap:8px}.toolbar-controls label:not(.toolbar-check){display:grid;grid-template-columns:auto 90px;gap:6px;align-items:center;color:#68748c;font-size:7px}.toolbar-controls select{height:30px;border-radius:8px;border:1px solid rgba(103,133,193,.16);background:#071123b3;color:#9ca8bc;font-size:8px;padding:0 8px}.toolbar-check{display:flex;align-items:center;gap:5px;color:#828ea5;font-size:8px}.toolbar-check input{accent-color:#7255ff}.mode-pill{height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-radius:9px;color:#b9c1ff;border:1px solid rgba(88,112,255,.28);background:#2a3f8f33;font-size:8px}.toolbar-reset{height:30px;padding:0 9px;border-radius:8px;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(103,133,193,.14);background:#08122599;color:#7c889f;font-size:8px}.structure-content{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(310px,.73fr);min-height:calc(100vh - 250px)}.structure-graph-pane{position:relative;min-width:0;min-height:670px;padding:8px 10px 54px;border-right:1px solid rgba(106,136,196,.11);overflow:hidden}.structure-grid-texture{position:absolute;inset:0;opacity:.25;background-image:radial-gradient(circle,rgba(115,141,204,.17) 0 1px,transparent 1.2px);background-size:30px 30px;mask-image:radial-gradient(circle at 50% 48%,black,transparent 78%)}.structure-formula{position:relative;z-index:1;width:100%;height:100%;min-height:650px}.graph-legend{position:absolute;z-index:2;left:12px;right:12px;bottom:8px;min-height:38px;border-radius:10px;border:1px solid rgba(106,136,196,.11);background:#040c1cb8;backdrop-filter:blur(12px);display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:7px 10px;color:#6f7c93;font-size:7px}.graph-legend span{display:flex;align-items:center;gap:5px}.graph-legend i{width:11px;height:11px;border-radius:3px;border:1px solid currentColor}.center-one{color:#8a5dff}.center-two{color:#3d95f6}.center-three{color:#2ac7b8}.legend-separator{width:1px;height:18px;background:#6985be26}.graph-legend b{display:inline-block;width:28px;height:1px;background:#8a95a9}.graph-legend .dashed-line{background:repeating-linear-gradient(90deg,#8a95a9 0 4px,transparent 4px 8px)}.graph-legend .active-line{height:2px;background:#ffc55d;box-shadow:0 0 7px #ffc55d}.structure-inspector-pane{min-width:0;padding:8px;background:#040d1d47}.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-planet{position:relative;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#9077ff;border:1px solid currentColor;background:#18224685;box-shadow:0 0 18px color-mix(in srgb,currentColor 16%,transparent)}.inspector-planet.social{color:var(--social)}.inspector-planet.transpersonal{color:var(--transpersonal)}.inspector-planet.auxiliary{color:var(--auxiliary)}.inspector-planet span{font-size:29px;filter:drop-shadow(0 0 8px currentColor)}.inspector-planet b{position:absolute;top:5px;right:6px;font-size:7px;color:#f4f6ff}.inspector-kicker{color:#8272d6;font-size:7px;font-weight:750;letter-spacing:.08em}.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-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.inspector-stats>div{min-height:52px;padding:8px;border-radius:10px;border:1px solid rgba(105,135,195,.1);background:#06112485}.inspector-stats span{display:block;color:#657188;font-size:7px}.inspector-stats strong{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:590}.inspector-stats small{display:block;margin-top:2px;color:#667289;font-size:6.5px}.inspector-section{padding:9px;border-radius:11px;border:1px solid rgba(105,135,195,.1);background:#06112370}.section-mini-title{display:flex;align-items:center;justify-content:space-between;color:#92a0b8;font-size:8px}.section-mini-title span{display:flex;align-items:center;gap:5px}.section-mini-title small{color:#5d6980;font-size:7px}.route-flow{display:flex;align-items:center;gap:4px;overflow-x:auto;padding:10px 0 4px;scrollbar-width:none}.route-flow::-webkit-scrollbar{display:none}.route-flow>i{color:#75819a;font-style:normal}.route-chip{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;border:0;border-radius:8px;padding:5px 7px;background:#0f1e3abf;color:#a9b4c8;font-size:7px}.route-chip span{color:#9a84ff;font-size:15px}.route-chip.social span{color:var(--social)}.route-chip.transpersonal span{color:var(--transpersonal)}.route-note{margin:7px 0 0;color:#7b879c;font-size:7.5px;line-height:1.55}.related-list{display:grid;gap:4px;margin-top:7px}.related-list button{min-height:35px;display:grid;grid-template-columns:27px 1fr auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;border:0;border-radius:8px;background:#0b182f80;text-align:left;color:#9da9bd}.related-glyph{grid-row:1 / 3;width:25px;height:25px;border-radius:8px;display:grid;place-items:center;color:var(--personal);font-size:17px}.related-glyph.social{color:var(--social)}.related-glyph.transpersonal{color:var(--transpersonal)}.related-list strong{align-self:end;font-size:8px}.related-list small{align-self:start;color:#59657c;font-size:6px}.related-list i{grid-row:1/3;font-style:normal;font-size:7px;color:#6b7890}.inspector-tags{display:flex;flex-wrap:wrap;gap:5px}.inspector-tags span{padding:5px 8px;border-radius:7px;color:#47cce7;border:1px solid rgba(47,198,226,.19);background:#1361761f;font-size:6.5px}.structure-metric-strip{min-height:63px;display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid rgba(107,136,196,.11);background:#040d1d6b}.structure-metric-strip>div{position:relative;padding:10px 12px;border-right:1px solid rgba(107,136,196,.1)}.structure-metric-strip>div:last-child{border:0}.structure-metric-strip span{display:block;color:#69758d;font-size:7px}.structure-metric-strip strong{display:inline-block;margin-top:4px;font-size:16px;font-weight:570}.structure-metric-strip small{margin-left:6px;color:#69758c;font-size:7px}.metric-ring{position:absolute;right:12px;top:12px;width:31px;height:31px;border-radius:50%;background:conic-gradient(#30d3bb var(--value),rgba(95,125,180,.12) 0)}.metric-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#07152c}.cosmogram-wrap{width:100%;height:100%;display:grid;place-items:center}.cosmogram-svg{width:100%;height:100%;overflow:visible}.cosmo-backdrop{stroke:#708ed026;stroke-width:1;filter:drop-shadow(0 0 18px rgba(58,92,203,.18))}.zodiac-outer{fill:none;stroke:#6484cc6b;stroke-width:2}.zodiac-inner{fill:none;stroke:#5876bb3d;stroke-width:1}.zodiac-divider{stroke:#6786c738;stroke-width:1}.zodiac-glyph{fill:#60cce8;font-size:15px;filter:drop-shadow(0 0 5px rgba(62,200,234,.35))}.cosmo-strength-ring{fill:none;stroke:#6987c51a;stroke-width:1}.cosmo-ring-label{fill:#8493b959;font-size:7px}.cosmo-axis{stroke:#819ad22e;stroke-width:1}.cosmo-core{fill:#071327d1;stroke:#7463ff52}.cosmo-core-title{fill:#6e7a92;font-size:8px;letter-spacing:.12em}.cosmo-core-sub{fill:#a99aff;font-size:14px}.cosmo-aspect{stroke-width:1;opacity:.34}.cosmo-aspect.conjunction{stroke:#f2bd5f}.cosmo-aspect.sextile{stroke:#36cbdc}.cosmo-aspect.square{stroke:#e55768}.cosmo-aspect.trine{stroke:#4b86ff}.cosmo-aspect.opposition{stroke:#b162ff}.cosmo-aspect.selected{opacity:.95;stroke-width:1.8;filter:url(#cosmo-glow)}.cosmo-planet{cursor:pointer;color:var(--personal)}.cosmo-planet.social{color:var(--social)}.cosmo-planet.transpersonal{color:var(--transpersonal)}.cosmo-planet-disc{fill:#0b1a34;stroke:currentColor;stroke-width:1.2;filter:url(#cosmo-glow)}.cosmo-planet.is-center .cosmo-planet-disc{stroke:#ffbd59;stroke-width:2.3}.cosmo-planet.selected .cosmo-planet-disc{fill:#17234b;stroke:#fff1b8;stroke-width:2.5}.cosmo-planet-glyph{fill:currentColor;font-size:16px}.cosmo-score-disc{fill:#07142a;stroke:currentColor;stroke-width:.7}.cosmo-score{fill:#e7ebf8;font-size:5.5px}.cosmo-r{fill:#ff6e79;font-size:7px;font-weight:800}.cosmogram-page-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.7fr);gap:8px;align-items:start}.cosmogram-main-card{height:calc(100vh - 132px);min-height:690px}.large-cosmogram-stage{height:calc(100% - 51px);padding:15px}.cosmogram-side-column{display:grid;gap:8px}.cosmogram-side-column .planet-inspector{height:auto}.aspect-card,.strength-profile-card{padding-bottom:7px}.aspect-list{display:grid;padding:3px 8px 4px}.aspect-row{min-height:39px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:7px;border:0;border-bottom:1px solid rgba(104,133,191,.075);background:transparent;color:#8d99ae;text-align:left}.aspect-pair{display:flex;align-items:center}.aspect-pair i,.aspect-pair b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#464c912b;color:#9b83ff;font-size:14px;font-style:normal;font-weight:400}.aspect-pair b{margin-left:-6px;color:#45c8e4}.aspect-row strong{display:block;font-size:8px}.aspect-row small{display:block;margin-top:2px;color:#5f6b82;font-size:6.5px}.aspect-row em{color:#8b97ad;font-size:8px;font-style:normal}.strength-bars{display:grid;gap:10px;padding:11px}.strength-bars>div{display:grid;grid-template-columns:86px 22px 1fr 38px;align-items:center;gap:7px;font-size:7px;color:#77849a}.strength-bars strong{color:#b5bfd2;font-size:9px}.strength-bars i{height:4px;border-radius:5px;background:#6987c31a;overflow:hidden}.strength-bars i b{display:block;height:100%;border-radius:inherit}.strength-bars b.personal{background:linear-gradient(90deg,#7460ff,#b07dff)}.strength-bars b.social{background:linear-gradient(90deg,#c88935,#f5c76f)}.strength-bars b.transpersonal{background:linear-gradient(90deg,#2385b8,#38d4df)}.strength-bars small{text-align:right;color:#68748a}.dynamics-top-controls{min-height:42px;margin-bottom:7px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;border:1px solid rgba(107,137,197,.14);border-radius:13px;background:#071225ad}.dynamics-legend{display:flex;flex-wrap:wrap;gap:13px;color:#69758c;font-size:7px}.dynamics-legend span{display:flex;align-items:center;gap:5px}.dynamics-legend i{width:9px;height:9px;border-radius:50%;border:1px solid #7f6ee0}.legend-orbit{border-color:#4f9bff!important}.legend-link{border-radius:2px!important;border-color:#31cce2!important}.legend-change{border-color:#bd6dff!important}.legend-cascade{border-color:#ff6f7a!important}.window-control{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:8px;background:#0a162b8c}.window-control span{color:#66738a;font-size:7px}.window-control strong{font-size:8px;font-weight:580}.transition-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}.transition-state{min-width:0;overflow:hidden;border-radius:16px;border:1px solid rgba(68,144,244,.34);background:linear-gradient(145deg,#07152ded,#050e1fe6);box-shadow:0 18px 50px #00030f42}.transition-state.tone-gold{border-color:#efb74f73;box-shadow:0 0 35px #e6a53f14}.transition-state.tone-violet{border-color:#a059ff6b;box-shadow:0 0 35px #8950ff14}.transition-state>header{min-height:48px;display:flex;justify-content:space-between;align-items:center;padding:8px 11px;border-bottom:1px solid rgba(107,137,197,.1)}.transition-state>header strong{display:block;color:#56a6ff;font-size:27px;font-weight:430;line-height:1}.transition-state.tone-gold>header strong{color:#f4c15e}.transition-state.tone-violet>header strong{color:#b274ff}.transition-state>header span{display:block;margin-top:2px;color:#6f7b92;font-size:7px}.transition-state>header b{color:#8793aa;font-size:9px;font-weight:550}.transition-mini-stage{height:360px;padding:4px;display:grid;place-items:center;overflow:hidden}.mini-state-graph,.mini-state-graph .formula-svg{width:100%;height:100%}.transition-state footer{display:grid;grid-template-columns:1.5fr .55fr .55fr;gap:5px;padding:8px;border-top:1px solid rgba(107,137,197,.1)}.transition-state footer div{min-width:0;padding:6px;border-radius:8px;background:#07122480}.transition-state footer span{display:block;color:#606c83;font-size:6px}.transition-state footer strong{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;font-weight:590}.transition-scale-card{margin-top:7px;padding:10px 14px}.transition-scale-card>header{display:flex;justify-content:space-between;color:#8c98ae;font-size:8px}.transition-scale-card>header strong{color:#f0bd5a}.transition-scale-card .formula-timeline{margin-top:9px}.dynamics-summary-grid{display:grid;grid-template-columns:.9fr 1.16fr .82fr 1.18fr;gap:7px;margin-top:7px}.dynamics-card{min-height:190px;padding:10px}.dynamics-card>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.dynamics-card>header span{color:#9aa6bb;font-size:8px;font-weight:700}.dynamics-card>header b{color:#657188;font-size:7px;font-weight:500}.radar-chart{width:100%;height:160px}.radar-grid polygon{fill:none;stroke:#6f8ecc26}.radar-grid line{stroke:#6f8ecc24}.radar-grid text{fill:#637087;font-size:7px}.radar-area{fill:#5c5cff24;stroke:none}.radar-line{fill:none;stroke:#6495ff;stroke-width:1.5}.radar-chart circle{fill:#62a0ff;filter:drop-shadow(0 0 5px #4e82ff)}.radar-value{fill:#a9b4c7;font-size:6px}.transition-change-list{display:grid;gap:7px;padding:6px 0;margin:0;list-style:none}.transition-change-list li{min-height:24px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 7px;border-radius:8px;background:#07122480;color:#77849a;font-size:7px}.transition-change-list strong{color:#a8b3c8;font-size:7.5px}.event-tags{display:flex;flex-wrap:wrap;gap:4px}.event-tags span{padding:4px 6px;border-radius:6px;color:#9e8dff;border:1px solid rgba(128,101,255,.17);background:#5b44c41a;font-size:6px}.phase-analysis-card{text-align:center}.large-phase-gauge{position:relative;width:150px;height:76px;margin:18px auto 8px;overflow:hidden}.large-phase-gauge:before{content:"";position:absolute;left:0;right:0;top:0;height:150px;border-radius:150px 150px 0 0;background:conic-gradient(from 270deg at 50% 50%,#527cff 0deg,#8a62ff var(--phase),rgba(101,126,191,.11) var(--phase));mask:radial-gradient(circle at 50% 50%,transparent 51px,black 52px)}.large-phase-gauge>div{position:absolute;inset:32px 0 auto;display:grid}.large-phase-gauge strong{font-size:31px;font-weight:450}.large-phase-gauge span{color:#68758c;font-size:7px}.phase-analysis-card p,.narrative-card p{color:#768298;font-size:7.5px;line-height:1.55}.narrative-card{display:grid;align-content:start}.narrative-card p{margin:11px 0 14px;font-size:8px}.narrative-card .ghost-button{justify-self:start}.table-page-card{min-height:calc(100vh - 132px)}.table-page-toolbar{min-height:58px;display:grid;grid-template-columns:1fr minmax(230px,390px) auto;gap:12px;align-items:center;padding:9px 13px;border-bottom:1px solid rgba(107,137,197,.12)}.table-page-toolbar>div:first-child span{color:#9ca8bd;font-size:8px;font-weight:750}.table-page-toolbar h2{margin:3px 0 0;color:#68758d;font-size:8px;font-weight:500}.table-search{height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;border-radius:9px;border:1px solid rgba(107,137,197,.15);background:#071123a6;color:#647189}.table-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#d9dfed;font-size:8px}.table-actions{display:flex;gap:6px}.table-actions button{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-radius:9px;border:1px solid rgba(107,137,197,.14);background:#081225a6;color:#8591a8;font-size:8px}.full-table-wrap{overflow:auto}.full-planet-table{width:100%;border-collapse:collapse;min-width:900px}.full-planet-table th{height:38px;padding:0 12px;text-align:left;color:#657189;font-size:7px;font-weight:650;border-bottom:1px solid rgba(107,137,197,.1);background:#050f2085}.full-planet-table td{height:59px;padding:7px 12px;color:#8d99ae;font-size:8px;border-bottom:1px solid rgba(104,132,190,.075)}.full-planet-table tr:hover td,.full-planet-table tr.selected td{background:#46419d14}.full-planet-table td>strong{display:block;color:#b0bbce;font-size:8.5px}.full-planet-table td>small{display:block;margin-top:3px;color:#5f6b82;font-size:6.5px}.table-planet{border:0;background:transparent;display:flex;align-items:center;gap:8px;color:inherit;text-align:left}.table-planet>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid currentColor;color:var(--personal);font-size:21px;font-style:normal;background:#161f4159}.table-planet>i.social{color:var(--social)}.table-planet>i.transpersonal{color:var(--transpersonal)}.table-planet strong{display:block;color:#c2cada;font-size:9px}.table-planet small{color:#5f6c83;font-size:6.5px}.orbit-badge-table,.score-badge-table,.motion-pill{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;border-radius:8px;border:1px solid rgba(109,139,200,.16);background:#081327b3;color:#8e9bb1;font-size:7px}.orbit-badge-table.center{color:#b59eff;border-color:#8568ff52}.score-badge-table{min-width:25px;color:#f1c569;border-color:#f2bc5640}.motion-pill.retro{color:#ff7c87;border-color:#ff637240}.table-route{display:flex;align-items:center;gap:5px;color:#9d8dff;font-size:13px}.table-route i{color:#68748b;font-size:8px;font-style:normal}.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}.selection-prompt{min-height:220px;display:grid;place-items:center;align-content:center;gap:8px;padding:24px;text-align:center}.selection-prompt-symbol{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(139,111,255,.34);color:#a58aff;font-size:22px;background:#543dbc1f;box-shadow:0 0 28px #5b43cd24}.selection-prompt h3{margin:3px 0 0;font-size:16px}.selection-prompt p{max-width:290px;margin:0;color:#7f8ca4;font-size:11px;line-height:1.5}.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}.switch-row{min-height:52px;display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:11px;border:1px solid rgba(108,138,198,.12);background:#0711238c}.switch-row input{accent-color:#7757ff}.switch-row strong{display:block;font-size:9px}.switch-row small{display:block;margin-top:3px;color:#647087;font-size:7px}.sheet-note{min-height:52px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;border:1px solid rgba(45,199,226,.14);background:#12586a14;color:#3bc5dd}.sheet-note>span{font-size:18px}.sheet-note p{margin:0;color:#738197;font-size:7.5px;line-height:1.45}.sheet-note strong{display:block;color:#9ca9bd;font-size:8px}.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}.toast.show{opacity:1;transform:translate(-50%)}.placeholder-view .placeholder-card{min-height:calc(100vh - 180px);display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.placeholder-orbit{position:relative;width:110px;height:110px;display:grid;place-items:center}.placeholder-orbit i{position:absolute;width:100px;height:35px;border-radius:50%;border:1px solid rgba(127,104,255,.42);transform:rotate(40deg)}.placeholder-orbit b{font-size:26px;color:#fff;text-shadow:0 0 20px #7258ff}.placeholder-card h2{margin:12px 0 6px}.placeholder-card p{max-width:520px;margin:0 0 18px;color:#768298;font-size:11px;line-height:1.6}.mobile-bottom-nav{display:none}@media (min-width: 1440px){.top-nav{display:flex}.quick-form{max-width:770px}.dashboard-formula-stage{height:595px}.formula-dashboard-card{min-height:650px}}@media (max-width: 1439px){.brand{min-width:202px}.brand-copy small,.quick-field span{display:none}.quick-form{max-width:690px}.dashboard-layout{grid-template-columns:minmax(0,1.35fr) minmax(390px,.9fr)}.dashboard-lower-grid{grid-template-columns:1.15fr .82fr .96fr}.metric-card{min-height:96px}}@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}.dashboard-layout{grid-template-columns:1fr}.dashboard-analytics-column{grid-template-columns:1fr 1fr;align-items:start}.dashboard-metric-grid{grid-column:1/-1;grid-template-columns:repeat(6,1fr)}.planet-ranking-card,.compact-cosmogram-card{min-height:325px}.structure-content{grid-template-columns:minmax(0,1.55fr) 330px}.structure-metric-strip{grid-template-columns:repeat(4,1fr)}.structure-metric-strip>div:nth-child(n+5){border-top:1px solid rgba(107,136,196,.1)}.dynamics-summary-grid{grid-template-columns:1fr 1fr}.transition-mini-stage{height:320px}}@media (max-width: 980px){:root{--header-h: 58px;--rail-w: 0px}.app-header{padding:7px 10px;gap:8px}.mobile-only{display:grid}.desktop-only{display:none}.brand{min-width:0;flex:1}.brand-symbol{width:33px;height:33px}.brand-copy strong{font-size:19px}.quick-form,.top-nav,.app-rail{display:none}.app-main{padding:calc(var(--header-h) + 8px) 8px 82px}.page-heading{min-height:48px}.heading-context{display:none}.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}.dashboard-analytics-column{grid-template-columns:1fr}.dashboard-metric-grid{grid-template-columns:repeat(3,1fr)}.dashboard-lower-grid{grid-template-columns:1fr 1fr}.insights-card{grid-column:1/-1}.structure-content{grid-template-columns:1fr}.structure-inspector-pane{display:none}.structure-graph-pane{border-right:0;min-height:680px}.toolbar-controls label:not(.toolbar-check),.mode-pill{display:none}.cosmogram-page-grid{grid-template-columns:1fr}.cosmogram-main-card{height:auto;min-height:650px}.large-cosmogram-stage{height:620px}.cosmogram-side-column{grid-template-columns:1fr 1fr}.cosmogram-side-column>.planet-inspector{grid-column:1/-1}.transition-state-grid{grid-template-columns:1fr}.transition-state{max-width:720px;width:100%;margin:auto}.transition-mini-stage{height:350px}.table-page-toolbar{grid-template-columns:1fr minmax(210px,330px)}.table-actions{display:none}}@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}.dashboard-primary-column{order:1}.dashboard-analytics-column{order:0}.dashboard-metric-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}.dashboard-metric-grid::-webkit-scrollbar{display:none}.metric-card{flex:0 0 165px;scroll-snap-align:start}.formula-dashboard-card{min-height:auto}.panel-header{grid-template-columns:1fr auto}.formula-legend{display:none}.panel-actions{grid-column:2;grid-row:1}.dashboard-formula-stage{height:auto;min-height:520px;padding:7px;overflow:visible}.formula-svg:not(.is-mini){display:none}.mobile-formula-graph{width:100%;display:grid;gap:8px}.mobile-contour{overflow:hidden;border:1px solid rgba(124,94,255,.22);border-radius:14px;background:linear-gradient(145deg,#0a1830b8,#050f20b3)}.mobile-contour.tone-1{border-color:#3491f438}.mobile-contour.tone-2{border-color:#28c7b538}.mobile-contour>header{min-height:44px;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(105,135,195,.1)}.mobile-contour header span{display:block;color:#766bcf;font-size:6.5px;letter-spacing:.09em}.mobile-contour header strong{display:block;margin-top:2px;font-size:10px}.mobile-contour header small{color:#647087;font-size:6.5px}.mobile-center-row{min-height:92px;padding:10px;display:flex;justify-content:center;align-items:center;gap:6px;background:#5139a70e}.mobile-node{min-width:116px;height:62px;border:1px solid rgba(126,103,255,.3);border-radius:12px;background:linear-gradient(145deg,#0f1f3ee6,#081327e0);color:#93a0b6;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:6px;padding:6px;text-align:left}.mobile-node.social{border-color:#ecb5544f}.mobile-node.transpersonal{border-color:#30c4e052}.mobile-node.selected{border-color:#ffc75f;box-shadow:0 0 20px #f4b7452e}.mobile-node-glyph{color:var(--personal);font-size:25px;text-align:center}.mobile-node.social .mobile-node-glyph{color:var(--social)}.mobile-node.transpersonal .mobile-node-glyph{color:var(--transpersonal)}.mobile-node-copy strong{display:block;color:#c4ccdc;font-size:8px}.mobile-node-copy small{display:block;margin-top:3px;color:#637088;font-size:6px}.mobile-node-meta{display:grid;justify-items:center;gap:2px}.mobile-node-meta b{color:#dce2ef;font-size:7px}.mobile-node-meta i,.mobile-node-meta em{color:#6f7b92;font-size:6px;font-style:normal}.mobile-node-meta em{color:#ff7681}.mobile-link,.mobile-route-arrow{color:#7c88a0;font-size:14px}.mobile-routes{display:grid;gap:7px;padding:8px}.mobile-route{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.mobile-route::-webkit-scrollbar{display:none}.mobile-route .mobile-node{min-width:108px;height:57px;scroll-snap-align:start}.mobile-route-empty{padding:10px;color:#657187;font-size:7px;text-align:center}.dashboard-lower-grid{grid-template-columns:1fr}.insights-card{grid-column:auto}.dashboard-mini-card{min-height:145px}.planet-ranking-card{min-height:auto}.compact-table-head{display:none}.compact-row{grid-template-columns:24px minmax(100px,1fr) 34px 32px 75px 20px;min-height:27px}.compact-cosmogram-card{min-height:auto}.compact-cosmogram-layout{grid-template-columns:1fr}.cosmogram-compact-controls{grid-template-columns:auto 1fr auto;align-items:center}.cosmogram-compact-controls label{display:none}.structure-shell{min-height:auto}.structure-toolbar{flex-wrap:wrap}.toolbar-controls{margin-left:auto}.toolbar-check:nth-of-type(n+2){display:none}.structure-graph-pane{min-height:530px;padding-bottom:48px}.structure-formula{min-height:500px}.graph-legend{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}.structure-metric-strip{display:flex;overflow-x:auto}.structure-metric-strip>div{flex:0 0 118px;border-top:0!important}.cosmogram-main-card{min-height:520px}.large-cosmogram-stage{height:480px;padding:7px}.cosmogram-side-column{grid-template-columns:1fr}.cosmogram-side-column>.planet-inspector{display:none}.dynamics-top-controls{display:none}.transition-mini-stage{height:265px}.transition-state footer{grid-template-columns:1fr 1fr}.transition-state footer div:first-child{grid-column:1/-1}.dynamics-summary-grid{grid-template-columns:1fr}.dynamics-card{min-height:auto}.radar-chart{height:210px}.table-page-toolbar{grid-template-columns:1fr}.table-page-toolbar>div:first-child{display:none}.full-table-wrap{margin:0 -1px}.full-planet-table{min-width:760px}.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}.mobile-sheet-content{border:0;border-radius:0;background:transparent;padding:14px}.sheet-handle{width:42px;height:4px;margin:-4px auto 8px;border-radius:5px;background:#8092b942}.inspector-close{font-size:21px}.toast{bottom:84px}}@media (max-width: 470px){.brand-copy small{display:none}.brand-copy strong{font-size:18px}.brand-symbol{width:31px;height:31px}.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}.metric-card{flex-basis:154px;min-height:94px}.dashboard-formula-stage{min-height:490px}.mobile-node{min-width:105px;height:59px}.mobile-node-glyph{font-size:22px}.mobile-center-row{gap:4px;padding:8px 5px}.mobile-link{font-size:11px}.compact-row{grid-template-columns:18px minmax(92px,1fr) 27px 28px 69px 14px}.structure-graph-pane{min-height:500px}.structure-formula{min-height:470px}}@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}.dashboard-layout,.cosmogram-page-grid{grid-template-columns:1fr}.dashboard-analytics-column{grid-template-columns:1fr 1fr}.formula-node .node-surface{fill:#fff}.formula-component .component-panel{fill:#fafbfe}.formula-crossing-halo{stroke:#fafbfe}.component-kicker,.node-name,.node-score{fill:#222}}@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-symbol,.brand-copy{display:none!important}.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-horizontal{display:none}.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}}.mobile-birth-summary{display:none}.dashboard-formula-stage{position:relative}.dashboard-formula-stage>.formula-visual{min-width:0;min-height:0;align-self:stretch;justify-self:stretch;overflow:hidden}.dashboard-formula-stage .formula-svg,.structure-formula .formula-svg,.transition-mini-stage .formula-svg{display:block;max-width:100%;max-height:100%}.structure-formula{overflow:hidden}.transition-mini-stage .mini-state-graph{min-width:0;min-height:0;overflow:hidden}@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 (max-width: 767px){.mobile-birth-summary{display:grid;grid-template-columns:1fr .72fr 1.4fr;gap:5px;margin:0 0 8px;padding:6px;border:1px solid rgba(112,143,207,.14);border-radius:13px;background:#071225ad;box-shadow:inset 0 1px #ffffff06}.mobile-birth-summary button{min-width:0;height:34px;padding:0 7px;border:0;border-right:1px solid rgba(111,141,201,.12);background:transparent;color:#95a1b7;display:flex;align-items:center;justify-content:center;gap:5px;font-size:7.5px}.mobile-birth-summary button:last-child{border-right:0}.mobile-birth-summary button svg{flex:0 0 auto;color:#7787ab}.mobile-birth-summary button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-layout{display:flex;flex-direction:column}.dashboard-primary-column,.dashboard-analytics-column{display:contents}.dashboard-metric-grid{order:0}.formula-dashboard-card{order:1}.dashboard-lower-grid{order:2}.planet-ranking-card{order:3}.compact-cosmogram-card{order:4}}.dashboard-formula-stage .formula-svg,.transition-mini-stage .formula-svg{width:auto;height:100%;max-width:100%;max-height:100%}@media (max-width: 767px){.dashboard-metric-grid{width:100%;min-width:0;max-width:100%}.formula-dashboard-card,.dashboard-lower-grid,.planet-ranking-card,.compact-cosmogram-card{width:100%;min-width:0}}@media (min-width: 768px){.dashboard-formula-stage .formula-visual,.transition-mini-stage .mini-state-graph{position:relative}.dashboard-formula-stage .formula-svg,.transition-mini-stage .formula-svg{position:absolute;inset:0;width:100%;height:100%}}.mobile-view-tabs{display:none}body[data-view=dashboard] .top-nav{display:none!important}@media (min-width: 1440px){body:not([data-view=dashboard]) .top-nav{display:flex}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}.dashboard-layout{grid-template-columns:minmax(0,1.48fr) minmax(455px,.94fr);gap:9px}.dashboard-primary-column,.dashboard-analytics-column{gap:9px}.formula-dashboard-card{height:600px;min-height:600px}.dashboard-formula-stage{height:548px;padding:5px 8px 8px}.dashboard-lower-grid{gap:9px}.dashboard-mini-card{min-height:158px}.dashboard-metric-grid{gap:8px}.metric-card{min-height:101px;height:101px}.planet-ranking-card{min-height:244px}.compact-cosmogram-card{min-height:372px}.compact-cosmogram-layout{min-height:324px;grid-template-columns:minmax(0,1fr) 126px;gap:8px}.compact-cosmogram-layout .cosmogram-wrap{width:min(100%,318px);height:318px;justify-self:center}}.metric-card-head{font-size:9px}.metric-card>small{font-size:8px;line-height:1.25}.center-rings span,.center-rings span b{font-size:7.5px}.phase-copy span,.compact-panel-header small{font-size:8px}.compact-table-head{height:22px;font-size:7.5px}.compact-row{min-height:18px;font-size:8px}.compact-row .planet-dot{font-size:12px}.cosmogram-compact-controls{font-size:8px}.component-kicker{font-size:9px;fill:#94a0b8}.component-name{font-size:8.5px;fill:#8390aa;font-weight:650}.center-field-label{font-size:7.3px;fill:#a49bd0}.formula-component .component-panel{fill:#08162d91}.formula-component .component-glow{opacity:.23}.formula-node .node-glyph{font-size:37px}.formula-node .node-name{font-size:10px;font-weight:580}.formula-node .node-score{font-size:9px}.formula-node .node-retro{font-size:8px}.formula-node .node-orbit text{font-size:7px}.formula-node .node-surface{fill:#0b1a34;fill:url(#node-fallback)}.formula-node .node-sheen{fill:#ffffff03}.formula-edge{stroke-width:1.45;opacity:.78}.formula-edge.edge-cycle{stroke-width:1.75}.formula-edge.edge-active{stroke-width:2.7}.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}.metric-card:before{content:"";position:absolute;inset:0 auto auto 0;width:54%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,currentColor 40%,transparent),transparent);opacity:.45;pointer-events:none}.compact-cosmogram-layout .cosmogram-svg{max-width:100%;max-height:100%}.compact-cosmogram-layout .ghost-button{min-height:32px}.structure-content{grid-template-columns:minmax(0,1.92fr) minmax(350px,.72fr)}.structure-graph-pane{min-height:650px}.structure-formula{min-height:620px}.inspector-kicker{font-size:8px}.inspector-head p,.inspector-stats span,.inspector-stats small,.section-mini-title small{font-size:7.5px}.inspector-stats strong{font-size:10px}.route-chip,.route-note,.related-list strong{font-size:8px}.related-list small,.inspector-tags span{font-size:7px}.transition-mini-stage{height:325px;padding:6px}.transition-state>header span,.transition-state footer span{font-size:7.5px}.transition-state footer strong{font-size:8.5px}.dynamics-legend,.transition-change-list li,.transition-change-list strong{font-size:8px}@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-view-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:0 0 9px;padding:4px;border:1px solid rgba(113,143,204,.17);border-radius:14px;background:#071123bd;box-shadow:inset 0 1px #ffffff06;overflow:hidden}.mobile-view-tabs button{min-width:0;height:37px;padding:0 5px;border:0;border-radius:10px;background:transparent;color:#7f8aa1;font-size:9px;white-space:nowrap}.mobile-view-tabs button.active{color:#eeeaff;background:linear-gradient(180deg,#684eee6b,#343a7f3d);box-shadow:inset 0 1px #ffffff14,0 0 18px #684dff24}.mobile-birth-summary{margin-bottom:7px}.mobile-birth-summary button{font-size:8.5px}.dashboard-layout{gap:9px}.dashboard-metric-grid{order:0;gap:7px;margin-bottom:0}.metric-card{flex-basis:172px;min-height:104px;height:104px;padding:11px}.metric-card>strong{font-size:27px}.formula-dashboard-card{order:1}body[data-view=dashboard] .dashboard-lower-grid,body[data-view=dashboard] .planet-ranking-card,body[data-view=dashboard] .compact-cosmogram-card{display:none}.panel-header{min-height:49px;padding:9px 11px}.panel-header>div:first-child span{font-size:10px}.panel-header h2{font-size:8px}.dashboard-formula-stage{min-height:0;padding:7px}.mobile-formula-graph{gap:9px}.mobile-contour{border-radius:16px}.mobile-contour>header{min-height:48px;padding:9px 11px}.mobile-contour header span{font-size:7.5px}.mobile-contour header strong{font-size:11.5px}.mobile-contour header small{font-size:7.5px}.mobile-center-row{min-height:92px;padding:10px 7px}.mobile-node{min-width:118px;height:64px;grid-template-columns:34px 1fr auto;gap:7px;padding:7px;border-radius:13px}.mobile-node-glyph{font-size:26px}.mobile-node-copy strong{font-size:9px}.mobile-node-copy small{font-size:7px}.mobile-node-meta b{font-size:8px}.mobile-node-meta i,.mobile-node-meta em{font-size:7px}.mobile-routes{gap:8px;padding:9px;border-top:1px solid rgba(105,135,195,.08)}.mobile-routes-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#647087;font-size:7px;letter-spacing:.08em}.mobile-routes-label i{color:#8075bd;font-style:normal;letter-spacing:0;text-transform:none}.mobile-route{min-height:63px;padding:4px 0}.mobile-route .mobile-node{min-width:112px;height:59px}.mobile-route-target{flex:0 0 auto;height:24px;padding:0 7px;border-radius:7px;display:inline-flex;align-items:center;color:#9689d3;border:1px dashed rgba(140,111,255,.26);background:#4f3aa414;font-size:7px}.mobile-route-empty{font-size:8px}.mobile-inspector-sheet{border-color:#8b6fff57;background:linear-gradient(155deg,#0b1a37fe,#040c1cfe)}.mobile-sheet-content{padding:16px}.mobile-sheet-content .inspector-head h3{font-size:23px}.mobile-sheet-content .inspector-head p{font-size:10px}.mobile-sheet-content .inspector-stats span{font-size:8px}.mobile-sheet-content .inspector-stats strong{font-size:11px}.mobile-sheet-content .route-note{font-size:9px}}@media (max-width: 430px){.mobile-view-tabs button{font-size:8px}.metric-card{flex-basis:164px}.mobile-node{min-width:107px}.mobile-route .mobile-node{min-width:104px}}@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 (max-width: 767px){.dashboard-formula-stage .formula-svg:not(.is-mini),.structure-formula .formula-svg:not(.is-mini){display:none!important}.dashboard-metric-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;scroll-snap-type:none}.dashboard-metric-grid .metric-card{display:none}.dashboard-metric-grid .metric-card:nth-child(-n+3){display:block;width:auto;min-width:0;height:102px;min-height:102px;padding:8px}.metric-card-head{font-size:7.5px}.metric-card-head i{width:23px;height:23px;border-radius:7px}.metric-card>strong{margin-top:10px;font-size:25px}.metric-card>small{margin-top:4px;font-size:6.5px}.center-rings{grid-template-columns:42px minmax(0,1fr);gap:3px}.center-rings svg{width:42px;height:42px}.center-rings>div{gap:2px;min-width:0}.center-rings span{grid-template-columns:4px minmax(0,1fr);gap:3px;font-size:5.5px}.center-rings span b{display:none}.phase-gauge{gap:5px;margin-top:11px}.phase-orbit{width:39px;height:39px}.phase-copy strong{font-size:18px}.phase-copy span{font-size:6.5px}}@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}}.formula-node .node-surface{fill:#0b1a34}.aspect-mini-list{display:grid;gap:5px;margin-top:7px}.aspect-mini-list button{min-height:38px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:6px 8px;border:0;border-radius:9px;background:#0a172e8f;color:#9eabc0;text-align:left}.aspect-mini-list .aspect-other-glyph{grid-row:1/3;width:27px;height:27px;border-radius:8px;display:grid;place-items:center;color:var(--personal);background:#7c62ff17;font-size:18px}.aspect-mini-list .aspect-other-glyph.social{color:var(--social);background:#ecb55414}.aspect-mini-list .aspect-other-glyph.transpersonal{color:var(--transpersonal);background:#30c4e014}.aspect-mini-list strong{align-self:end;font-size:8.5px;font-weight:620}.aspect-mini-list small{align-self:start;color:#657189;font-size:7px}.aspect-mini-list i{grid-row:1/3;color:#8190ab;font-size:7.5px;font-style:normal}@media (max-width: 767px){.aspect-mini-list strong{font-size:10px}.aspect-mini-list small,.aspect-mini-list i{font-size:8px}}.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)}body.overlay-open{overflow:hidden;overscroll-behavior:none}.top-nav{display:none!important}.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}.calculation-layer.is-complete .calculation-card{border-color:#3ad2c17a}.calculation-layer.is-complete .assembly-core{animation:assemblyComplete .52s var(--ease) both}.calculation-layer.is-complete .assembly-ring{opacity:0;transition:opacity .38s,transform .48s var(--ease)}.calculation-layer.is-complete .assembly-planet i{border-color:#4edac6;color:#d9fff8}.calculation-layer.is-cancelling .orbital-assembly{opacity:.48;transition:opacity .2s}@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}}#view-root.result-enter .formula-edge:not(.edge-active){stroke-dasharray:1;stroke-dashoffset:1;animation:resultEdgeIn .72s var(--ease) .08s both}#view-root.result-enter .formula-node:not(.mini) .node-surface,#view-root.result-enter .formula-node:not(.mini) .node-sheen{transform-box:fill-box;transform-origin:center;animation:resultSurfaceIn .48s var(--ease) calc(.12s + var(--node-delay, 0ms)) both}#view-root.result-enter .formula-node:not(.mini) .node-glyph,#view-root.result-enter .formula-node:not(.mini) .node-name,#view-root.result-enter .formula-node:not(.mini) .node-score,#view-root.result-enter .formula-node:not(.mini) .node-retro,#view-root.result-enter .formula-node:not(.mini) .node-orbit{animation:resultCopyIn .34s ease calc(.26s + var(--node-delay, 0ms)) both}#view-root.result-enter .mobile-node{animation:resultMobileNodeIn .42s var(--ease) var(--mobile-delay, 0ms) both}.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}.status-strip .status-action,.status-strip .status-close{flex:0 0 auto;min-height:44px;border-radius:10px;border:1px solid rgba(255,111,126,.28);background:#5c1f302e;color:#ff9eaa;font-size:11px}.status-strip .status-action{margin-left:auto;padding:0 12px}.status-strip .status-close{width:44px;padding:0;font-size:20px}.table-empty-state{min-height:280px;display:grid;place-items:center;align-content:center;gap:7px;color:#93a1b8;text-align:center}.table-empty-state strong{color:#d9dfed;font-size:16px}.table-empty-state span{font-size:12px}.sheet-source-offer{display:flex;justify-content:center;padding:0 18px 16px;border-top:1px solid rgba(107,137,197,.08)}.sheet-source-offer a{min-height:44px;margin-top:8px;padding:0 12px;display:inline-flex;align-items:center;color:#8795ae;font-size:11px;text-decoration:none;border-radius:10px;transition:color .18s,background .18s}.sheet-source-offer a:hover,.sheet-source-offer a:focus-visible{color:#cbc3ff;background:#5c45cd21}.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}.toolbar-check{min-height:44px;padding:0 6px}.toolbar-check input,.switch-row input,.cosmogram-compact-controls input{width:18px;height:18px}.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}.compact-row{min-height:28px;font-size:10px}.compact-table-head{height:30px;font-size:10px}.inspector-stats strong,.related-list strong{font-size:11px}.form-field input,.form-field select{min-height:44px;font-size:12px}.full-planet-table td{font-size:11px}.full-planet-table th{font-size:10px}.table-planet strong,.route-note,.narrative-card p,.phase-analysis-card p{font-size:11px}.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}.compact-cosmogram-layout{grid-template-columns:minmax(0,1fr) 150px}.cosmogram-compact-controls{display:grid;align-content:center;gap:12px;color:#94a1b8;font-size:11px}.cosmogram-compact-controls label{min-height:44px;align-items:center;font-size:11px}.formula-component.is-zone-rest .component-panel,.formula-component.is-zone-rest .component-topline,.formula-component.is-zone-rest .component-glow{stroke:#2ad7b7}.formula-component.is-zone-rest .center-field{fill:#2ad7b70e;stroke:#2ad7b74d}.formula-component.is-zone-rest .component-kicker,.formula-component.is-zone-rest .center-field-label{fill:#78dbc8}.formula-component.is-zone-alienation .component-panel,.formula-component.is-zone-alienation .component-topline,.formula-component.is-zone-alienation .component-glow{stroke:#ff6372}.formula-component.is-zone-alienation .center-field{fill:#ff63720d;stroke:#ff63724d}.formula-component.is-zone-alienation .component-kicker,.formula-component.is-zone-alienation .center-field-label{fill:#ec8791}.formula-node.is-zone-rest .node-surface{stroke:#50d6bd}.formula-node.is-zone-alienation .node-surface{stroke:#f47783}.formula-node.is-own-orbit .node-surface{stroke:#55a5ff;stroke-dasharray:3 2}.formula-node.is-zone-rest .node-orbit text{fill:#75dcc8}.formula-node.is-zone-alienation .node-orbit text{fill:#f18d97}.formula-node.is-own-orbit .node-orbit text{fill:#74b7ff}.graph-legend .zone-rest{color:#42ceb4}.graph-legend .zone-alienation{color:#ed6e7a}.status-dot.zone-rest{background:#2ad7b7;box-shadow:0 0 7px #2ad7b7cc}.status-dot.zone-alienation{background:#ff6372;box-shadow:0 0 7px #ff6372cc}.status-dot.own-orbit{background:#4194ff;box-shadow:0 0 7px #4194ffcc}.status-dot.stationary{background:#f5be55;box-shadow:0 0 7px #f5be55c7}.mobile-contour.is-zone-rest .mobile-center-row{background:#2ad7b70b}.mobile-contour.is-zone-alienation .mobile-center-row{background:#ff63720a}.mobile-node.is-zone-rest{border-color:#2ad7b76b}.mobile-node.is-zone-alienation{border-color:#ff63726b}.mobile-node.is-own-orbit{border-color:#4194ff75;border-style:dashed}.dashboard-auxiliary-card{padding:10px 12px}.structure-shell>.auxiliary-indicators{margin:8px 12px}.auxiliary-indicators{display:grid;gap:9px;min-width:0}.auxiliary-indicators>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.auxiliary-indicators>header div{display:grid;gap:3px}.auxiliary-indicators>header span{color:#a6b1c6;font-size:10px;font-weight:700;letter-spacing:.09em}.auxiliary-indicators>header small{color:#8492aa;font-size:10px}.auxiliary-indicators>header b{min-width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#ff95a0;border:1px solid rgba(236,109,123,.26);background:#ec6d7b14;font-size:11px}.auxiliary-chip-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:7px}.auxiliary-chip{min-width:0;min-height:54px;padding:7px 9px;display:grid;grid-template-columns:34px minmax(66px,1fr) auto 30px minmax(62px,.85fr) 27px;align-items:center;gap:7px;border:1px solid rgba(236,109,123,.18);border-radius:12px;background:linear-gradient(145deg,#21142e7a,#091428b3);color:#9ba7bc;text-align:left}.auxiliary-chip:hover,.auxiliary-chip.selected{border-color:#ec6d7b85;background:#4f234745}.auxiliary-chip>i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:20px;font-style:normal}.auxiliary-chip .auxiliary-source{color:var(--auxiliary);border:1px solid rgba(236,109,123,.35);background:#ec6d7b14}.auxiliary-chip .auxiliary-target{color:var(--personal);background:#705bdc1c}.auxiliary-chip .auxiliary-target.social{color:var(--social)}.auxiliary-chip .auxiliary-target.transpersonal{color:var(--transpersonal)}.auxiliary-chip>span{min-width:0;display:grid;gap:2px}.auxiliary-chip strong,.auxiliary-chip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auxiliary-chip strong{color:#c9d1df;font-size:11px}.auxiliary-chip small{color:#7f8da6;font-size:9px}.auxiliary-chip>em{color:#bc83c4;font-size:14px;font-style:normal}.auxiliary-motion{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#8291aa;background:#4a5c811f;font-size:10px}.auxiliary-motion.retrograde{color:#ff7c87;background:#ff63721a}.auxiliary-motion.stationary{color:#f5be55;background:#f5be551a}.selected-orb.auxiliary,.cosmo-planet.auxiliary{color:var(--auxiliary)}.cosmo-planet.is-auxiliary .cosmo-planet-disc{fill:#231128e6;stroke-dasharray:2 2}.cosmo-r.stationary{fill:#f5be55}.full-planet-table tr.is-auxiliary td{background:#58244b0e}.table-planet>i.auxiliary{color:var(--auxiliary)}.orbit-badge-table.zone-rest{color:#64d7c1;border-color:#2ad7b74d}.orbit-badge-table.zone-alienation{color:#f28b95;border-color:#ff63724d}.orbit-badge-table.own-orbit{color:#7ab9ff;border-color:#4194ff52;border-style:dashed}.orbit-badge-table.auxiliary{color:#ef8792;border-color:#ec6d7b47}.score-badge-table.muted{color:#7e8ba2;border-color:#6d8bc81f}.motion-pill.retrograde{color:#ff7c87;border-color:#ff637240}.motion-pill.stationary{color:#f5be55;border-color:#f5be5540}.metric-card>strong{line-height:1.02;overflow-wrap:anywhere}@media (min-width: 1024px) and (max-width: 1439px){.app-header{gap:9px;padding-inline:12px}.brand{min-width:165px}.brand-copy small{display:none}.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}.mobile-only{display:grid}.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)}.dashboard-layout{display:flex;flex-direction:column;gap:10px}.dashboard-primary-column,.dashboard-analytics-column{display:contents}.formula-dashboard-card{order:0}.dashboard-metric-grid{order:1;grid-template-columns:repeat(3,1fr)}.dashboard-lower-grid{order:2;grid-template-columns:repeat(2,1fr)}.planet-ranking-card{order:3}.compact-cosmogram-card{order:4}.dashboard-formula-stage{height:560px}.metric-card{min-height:112px;height:auto}.dashboard-analytics-column{grid-template-columns:1fr}.compact-row,.aspect-row,.related-list button,.aspect-mini-list button,.route-chip{min-height:44px}.dashboard-auxiliary-card{order:2}.dashboard-lower-grid{order:3}.planet-ranking-card{order:4}.compact-cosmogram-card{order:5}}@media (min-width: 768px) and (max-width: 980px){.structure-inspector-pane{display:none}.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}.mobile-sheet-content{border:0;border-radius:0;background:transparent;padding:18px}}@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}.mobile-only{display:grid}.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)}.mobile-view-tabs{display:none!important}.mobile-birth-summary{grid-template-columns:1fr .72fr 1.35fr}.mobile-birth-summary button{height:44px;font-size:10px}.page-heading p{font-size:11px;line-height:1.35}.dashboard-formula-stage .formula-svg:not(.is-mini),.structure-formula .formula-svg:not(.is-mini){display:none!important}.mobile-formula-graph{width:100%;display:grid;gap:10px}.dashboard-metric-grid{display:grid!important;grid-template-columns:repeat(3,minmax(112px,1fr));gap:7px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity;scrollbar-width:none}.dashboard-metric-grid .metric-card:nth-child(-n+3){min-width:112px;height:112px;min-height:112px;scroll-snap-align:start}.metric-card-head{font-size:10px}.metric-card>small{font-size:9px}.center-rings span{font-size:8px}.phase-copy span{font-size:9px}.mobile-contour header span,.mobile-contour header small,.mobile-routes-label,.mobile-route-target{font-size:9px}.mobile-contour header strong{font-size:13px}.mobile-node{min-width:118px;min-height:64px}.mobile-node-copy strong{font-size:11px}.mobile-node-copy small,.mobile-node-meta i,.mobile-node-meta em{font-size:9px}.mobile-node-meta b{font-size:10px}.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}.compact-row{min-height:44px;font-size:11px}.compact-cosmogram-layout,.cosmogram-compact-controls{grid-template-columns:1fr}.graph-legend,.structure-metric-strip span,.structure-metric-strip small{font-size:10px}.full-planet-table{min-width:820px}.full-planet-table th,.full-planet-table td{font-size:11px}.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}.auxiliary-chip-list{grid-template-columns:1fr}.auxiliary-chip{min-height:64px;grid-template-columns:34px minmax(60px,1fr) auto 30px minmax(60px,.9fr) 27px;gap:5px}.auxiliary-indicators>header{align-items:start}.auxiliary-indicators>header small{line-height:1.35}.metric-card>strong{font-size:20px}.status-strip{top:calc(var(--header-h) + 8px);flex-wrap:wrap}.status-strip>div{min-width:0;flex:1 1 calc(100% - 36px)}.status-strip .status-action{margin-left:27px}}@media (max-width: 359px){.brand-copy strong{font-size:17px}.calculation-layer{padding-inline:8px}.calculation-card{padding-inline:12px}.orbital-assembly{margin-inline:-20px}.auxiliary-chip .auxiliary-target-copy{display:none}.auxiliary-chip{grid-template-columns:32px minmax(74px,1fr) auto 28px 26px}}@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)}#view-root.result-enter *{animation:none!important}}.page-heading h1:focus{outline:none}.dashboard-metric-grid .metric-card:nth-child(4)>strong{font-size:22px;line-height:1.05}@media (max-width: 1023px){.brand{min-height:44px}.dashboard-layout{align-items:stretch}.formula-dashboard-card,.dashboard-metric-grid,.dashboard-auxiliary-card,.dashboard-lower-grid,.planet-ranking-card,.compact-cosmogram-card{width:100%;min-width:0}.table-search{height:44px;min-height:44px}.table-planet{min-height:44px;padding-block:4px}.insights-card header :is(a,button),.cosmogram-compact-controls .ghost-button{min-width:44px;min-height:44px}}.formula-dashboard-card:not(.af-soul-expanded){height:auto!important;min-height:0!important}.dashboard-formula-stage{height:auto!important;min-height:0!important;padding:12px!important;place-items:start center;overflow:hidden}.dashboard-formula-stage>.formula-visual,.dashboard-formula-stage .formula-svg,.transition-mini-stage,.transition-mini-stage .mini-state-graph,.transition-mini-stage .formula-svg{position:static!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-width:100%!important;max-height:none!important}.transition-mini-stage{padding:10px 8px!important;place-items:start center}.formula-svg{aspect-ratio:var(--graph-aspect)}.formula-svg:not(.is-mini) .component-kicker,.formula-svg:not(.is-mini) .component-name{font-size:11.5px}.formula-svg:not(.is-mini) .center-field-label{font-size:11px}.formula-svg:not(.is-mini) .formula-node .node-name{font-size:12px}.formula-svg:not(.is-mini) .formula-node .node-score,.formula-svg:not(.is-mini) .formula-node .node-retro{font-size:11px}.formula-svg:not(.is-mini) .formula-node .node-orbit text{font-size:10.5px}.formula-svg.is-mini .component-kicker{font-size:11px;letter-spacing:.08em}.formula-svg.is-mini .formula-node.mini .node-score,.formula-svg.is-mini .formula-node.mini .node-retro{font-size:10px}.cosmo-position-leader{stroke:#becbeb75;stroke-width:1.15;stroke-dasharray:2.5 3.5;vector-effect:non-scaling-stroke;pointer-events:none}.cosmo-position-origin{fill:#07142a;stroke:#d7e0f6c7;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}.large-cosmogram-stage{display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden}.large-cosmogram-stage .cosmogram-wrap{min-width:0;min-height:0;container-type:size}.large-cosmogram-stage .cosmogram-svg{width:min(100cqw,100cqh)!important;height:min(100cqw,100cqh)!important;max-width:100%!important;max-height:100%!important;place-self:center!important}@media (min-width: 1024px){.top-nav{display:none!important}.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}}body.fullscreen-fallback-open{overflow:hidden}.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}.is-fullscreen-fallback .dashboard-formula-stage,.is-fullscreen-fallback .large-cosmogram-stage{min-height:calc(100dvh - 92px)!important;align-content:center}.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}.compact-table-head{color:#8997af}.compact-row{color:#aab6ca}.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}.overlay-open .cursor-aura,.fullscreen-fallback-open .cursor-aura{display:none}.structure-formula{height:auto!important;min-height:0!important}.structure-formula .formula-svg{position:static!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-width:100%!important;max-height:none!important}.cosmo-hit-target{fill:#00000003;stroke:none;pointer-events:all}@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 (min-width: 1024px) and (max-width: 1199px){.dashboard-layout{grid-template-columns:minmax(0,1fr)}.dashboard-analytics-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.dashboard-metric-grid{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.structure-content{grid-template-columns:minmax(0,1fr)}.structure-graph-pane{min-height:0;border-right:0}.structure-inspector-pane{display:block}}@media (min-width: 981px) and (max-width: 1279px){.transition-state-grid{grid-template-columns:minmax(0,1fr);gap:8px}.transition-state{width:100%;max-width:none}.dynamics-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1023px){.structure-content{grid-template-columns:minmax(0,1fr)}.structure-graph-pane{min-height:0;border-right:0}.related-list button,.aspect-row,.aspect-mini-list button,.route-chip{min-height:44px}.table-search{height:46px;min-height:46px}}@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}.mobile-center-row{justify-content:safe center;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}.mobile-center-row::-webkit-scrollbar{display:none}.mobile-center-row .mobile-node{flex:0 0 auto;scroll-snap-align:center}.mobile-center-row .mobile-link{flex:0 0 auto}.mobile-view-tabs button,.mobile-birth-summary button,.mobile-contour header span,.mobile-contour header small,.mobile-node-copy small,.mobile-node-meta b,.mobile-node-meta i,.mobile-node-meta em,.mobile-routes-label,.mobile-route-target,.mobile-route-empty,.transition-state>header span,.transition-state>header b,.transition-state footer span,.transition-state footer strong,.timeline-copy,.timeline-copy strong,.timeline-label-row,.timeline-label-row small,.timeline-legend,.large-phase-gauge span,.full-planet-table td>strong,.full-planet-table td>small,.table-route i,.narrative-card .ghost-button{font-size:10px}.mobile-node-copy strong{font-size:11px}.mobile-node,.mobile-route .mobile-node{min-width:120px;min-height:66px;height:auto}.transition-state>header strong{line-height:1.15;overflow:visible}.transition-state footer strong{overflow:visible;text-overflow:clip;white-space:normal;line-height:1.35}.metric-card>strong{line-height:1.12}}:fullscreen{color:#edf1fb;background:#020713}:fullscreen::backdrop{background:#020713}.formula-dashboard-card:fullscreen,.cosmogram-main-card:fullscreen,.structure-shell:fullscreen{width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;overflow:auto!important;overscroll-behavior:contain;border-radius:0!important}.formula-dashboard-card:fullscreen .dashboard-formula-stage,.cosmogram-main-card:fullscreen .large-cosmogram-stage,.structure-shell:fullscreen .structure-graph-pane,.is-fullscreen-fallback .structure-graph-pane{min-height:calc(100dvh - 92px)!important;align-content:center}.structure-shell:fullscreen .structure-formula,.is-fullscreen-fallback .structure-formula{min-height:calc(100dvh - 170px)!important}.auxiliary-chip strong,.transition-state footer strong{overflow:visible;text-overflow:clip;white-space:normal;line-height:1.3}.transition-state>header strong{line-height:1.15;overflow:visible}.transition-state>header span,.transition-state>header b,.transition-state footer span,.transition-state footer strong,.timeline-label-row small,.timeline-legend,.large-phase-gauge span,.full-planet-table td>strong,.full-planet-table td>small,.table-route i,.phase-copy span{font-size:10px}.center-rings span,.center-rings span b{font-size:9.5px}@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{height:auto!important;min-height:112px!important}.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}.cosmo-ring-label,.cosmo-core-title,.cosmo-score,.cosmo-r{font-size:10px}.formula-legend{font-size:10px!important}.auxiliary-chip small{overflow:visible!important;text-overflow:clip!important;white-space:normal!important;line-height:1.2}.center-rings{grid-template-columns:44px minmax(0,1fr)!important;gap:5px!important;min-width:0}.center-rings svg{width:44px!important;height:44px!important}.center-rings>div{min-width:0}.center-rings span{grid-template-columns:5px minmax(0,1fr) auto!important;min-width:0;gap:4px!important}.center-rings em{min-width:0;color:inherit;font-size:10px;font-style:normal;white-space:nowrap}.dashboard-mini-card header :is(a,button),.insights-card header :is(a,button){min-width:44px;min-height:44px}.dashboard-metric-grid:focus-visible,.full-table-wrap:focus-visible{outline:2px solid #9f8aff;outline-offset:3px}.mobile-person-name,.sheet-header-submit,.table-scroll-hint{display:none}.formula-dashboard-card:fullscreen .dashboard-formula-stage,.formula-dashboard-card.is-fullscreen-fallback .dashboard-formula-stage{height:calc(100dvh - 92px)!important;min-height:0!important;align-content:center}.formula-dashboard-card:fullscreen .formula-visual,.formula-dashboard-card.is-fullscreen-fallback .formula-visual{width:100%!important;height:100%!important}.formula-dashboard-card:fullscreen .formula-svg,.formula-dashboard-card.is-fullscreen-fallback .formula-svg{width:100%!important;height:100%!important;max-height:100%!important;aspect-ratio:auto!important}.cosmogram-wrap.compact .zodiac-glyph,.cosmogram-wrap.compact .cosmo-planet-glyph{font-size:20px}.cosmogram-wrap.compact .cosmo-ring-label,.cosmogram-wrap.compact .cosmo-core-title{font-size:17px}.cosmogram-wrap.compact .cosmo-core-sub{font-size:22px}.cosmogram-wrap.compact .cosmo-score,.cosmogram-wrap.compact .cosmo-r{font-size:17px}@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}.table-scroll-hint{display:block;margin:0;padding:10px 13px;color:#a9b6cc;font-size:11px;line-height:1.35;border-bottom:1px solid rgba(107,137,197,.1);background:#08142ab8}}@media (max-width: 767px){.form-field input,.form-field select,.table-search input{font-size:16px!important}.mobile-person-name{display:block;margin:2px 0 4px;color:#b5c0d5;font-size:11px;font-weight:600}.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}.sheet-header-submit{min-width:68px;min-height:44px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(139,112,255,.36);border-radius:10px;background:#5e44d138;color:#d8d1ff;font-size:10px}.mobile-route-hint{display:block;margin:-2px 0 1px;color:#91a0ba;font-size:10px!important;line-height:1.3}.mobile-bottom-nav :is(a,button) small{font-size:10px}.dashboard-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important}.dashboard-metric-grid .metric-card:nth-child(-n+3){width:auto!important;min-width:0!important;height:auto!important}.center-rings{grid-template-columns:32px minmax(0,1fr)!important;gap:2px!important}.center-rings svg{width:32px!important;height:32px!important}.center-rings span{grid-template-columns:4px minmax(0,1fr)!important;gap:3px!important}.phase-gauge{display:grid;justify-items:center;gap:2px;margin-top:4px}.phase-copy{min-width:0;text-align:center}.phase-copy strong{font-size:16px;white-space:normal}.cosmogram-main-card{height:auto!important;min-height:0!important}.large-cosmogram-stage{height:min(480px,calc(100vw - 16px))!important;min-height:0!important}.graph-legend{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;flex-wrap:wrap!important;white-space:normal!important;overflow:visible!important;margin-top:8px}.structure-graph-pane{padding-bottom:10px!important}.structure-metric-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important}.structure-metric-strip>div{min-width:0;flex:none}}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%}.smart-combobox.is-loading:after{content:"";position:absolute;z-index:4;top:50%;right:10px;width:13px;height:13px;margin-top:-7px;border:2px solid rgba(150,135,255,.24);border-top-color:#a99aff;border-radius:50%;animation:combobox-spin .72s linear infinite;pointer-events:none}@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}.combobox-option{min-height:54px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:8px 10px;border-radius:11px;color:#c9d3e5;cursor:pointer;user-select:none}.combobox-option+.combobox-option{margin-top:2px}.combobox-option:hover,.combobox-option.active,.combobox-option[aria-selected=true]{color:#f3f1ff;background:linear-gradient(110deg,#644de047,#2b559d24)}.combobox-option-pin,.combobox-option-zone{width:30px;height:30px;display:grid!important;place-items:center;border:1px solid rgba(136,113,247,.25);border-radius:9px;color:#a895ff;background:#6248d91f;font-size:15px!important}.combobox-option-copy{min-width:0;display:grid!important;gap:3px}.combobox-option-copy strong{overflow:hidden;color:inherit;font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.combobox-option-copy small{overflow:hidden;color:#7f8da7;font-size:10px!important;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.combobox-empty{padding:14px 12px;color:#92a0b8;font-size:11px;line-height:1.45}.combobox-notice{margin:2px 3px 6px;padding:9px 10px;border:1px solid rgba(222,177,86,.22);border-radius:10px;color:#d7bd86;background:#84571c1f;font-size:11px;line-height:1.4}.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%}.location-attribution{grid-column:1 / -1;margin:-2px 1px 0;color:#75839c;font-size:10px;line-height:1.4}.location-attribution a{color:#a79aff;text-underline-offset:2px}@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}.combobox-option{min-height:58px;padding:9px 11px}.combobox-option-copy strong{font-size:14px}.combobox-option-copy small{font-size:11px!important}.location-attribution{grid-column:auto;font-size:10px}}@media (prefers-reduced-motion: reduce){.smart-combobox.is-loading:after{animation-duration:1.4s}}.formula-node.is-auxiliary-pointer .node-name{font-size:10px}.formula-svg.is-mini .formula-node.is-auxiliary-pointer .node-glyph{font-size:21px}.mobile-pointer-contour{border-color:#ec6d7b4d}.mobile-pointer-contour>header{background:#6a2a4e17}.mobile-pointer-contour header span{color:#d98592}.mobile-pointer-routes{display:grid;gap:7px;padding:9px}.mobile-pointer-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px}.mobile-pointer-node{min-width:0;min-height:58px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:7px;padding:7px;border:1px solid rgba(122,146,202,.18);border-radius:12px;background:#09152bbf;color:#aab6cb;text-align:left}.mobile-pointer-node.auxiliary{border-color:#ec6d7b52}.mobile-pointer-node.selected{border-color:#ffc75f;box-shadow:0 0 18px #f4b74529}.mobile-pointer-node i{color:var(--personal);font-size:24px;font-style:normal;text-align:center}.mobile-pointer-node.auxiliary i{color:var(--auxiliary)}.mobile-pointer-node.target.social i{color:var(--social)}.mobile-pointer-node.target.transpersonal i{color:var(--transpersonal)}.mobile-pointer-node strong{display:block;overflow-wrap:anywhere;color:#cbd4e4;font-size:10px;line-height:1.2}.mobile-pointer-node small{display:block;margin-top:3px;color:#8492aa;font-size:10px!important;line-height:1.2}.mobile-pointer-arrow{color:#f08a96;font-size:18px;filter:drop-shadow(0 0 6px rgba(236,109,123,.44))}@media (max-width: 390px){.mobile-pointer-route{gap:4px}.mobile-pointer-node{grid-template-columns:26px minmax(0,1fr);gap:4px;padding:6px 5px}.mobile-pointer-node i{font-size:21px}}.cosmo-age-mark{pointer-events:none}.cosmo-age-mark line{stroke:#b8c6e86b;stroke-width:1;vector-effect:non-scaling-stroke}.cosmo-age-mark text{fill:#8d9bb8;font-size:10px;font-weight:650}.cosmo-life-point{color:#ffcf67;pointer-events:none}.cosmo-life-point line{stroke:currentColor;stroke-width:2;filter:drop-shadow(0 0 5px currentColor)}.cosmo-life-point circle{fill:#07152b;stroke:currentColor;stroke-width:2}.cosmo-life-point text{fill:#ffdc89;font-size:10px;font-weight:750;letter-spacing:.02em}.cosmo-aspect{vector-effect:non-scaling-stroke}.cosmo-score{font-variant-numeric:tabular-nums;font-weight:750}.cosmo-planet:focus,.cosmo-planet:focus-visible{outline:none!important}.cosmo-planet:focus-visible .cosmo-planet-disc{stroke:#d5ceff;stroke-width:2.35;filter:drop-shadow(0 0 7px rgba(159,137,255,.72))}.cosmo-planet.is-auxiliary .cosmo-score-disc{fill:#221027f2;stroke-dasharray:1.5 1.5}.cosmogram-wrap.compact .cosmo-age-mark text{font-size:15px}.cosmogram-wrap.compact .cosmo-life-point line{stroke-width:1.5}.cosmogram-main-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.cosmogram-panel-header{grid-template-columns:minmax(190px,1fr) auto auto}.cosmogram-header-tools{display:flex;align-items:center;justify-content:flex-end;gap:14px}.cosmogram-label-control button{min-width:68px;min-height:30px;font-size:10px}.large-cosmogram-stage{height:auto}.cosmogram-meta-strip{min-height:48px;display:grid;grid-template-columns:minmax(130px,.45fr) minmax(250px,1fr);align-items:center;gap:12px;padding:7px 14px;border-top:1px solid rgba(107,137,197,.12);background:#050f2094}.cosmogram-meta-strip span{min-width:0;display:grid;gap:3px;color:#a9b5ca;font-size:10px;line-height:1.3}.cosmogram-meta-strip b{color:#72819a;font-size:9px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.route-empty,.table-route-empty{color:#6f7c94;font-size:10px}.aspect-list-empty{padding:16px 12px;color:#8290a9;font-size:11px;line-height:1.45}.life-cycle-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:8px;padding:8px;border-top:1px solid rgba(107,137,197,.12);background:#030b1980}.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}.cycle-milestone-grid{display:grid;grid-template-columns:repeat(13,minmax(42px,1fr));gap:4px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.cycle-milestone{min-height:48px;display:grid;place-items:center;align-content:center;gap:3px;border:1px solid rgba(105,136,197,.12);border-radius:9px;background:#071226b8}.cycle-milestone strong{color:#8f7cff;font-size:11px}.cycle-milestone span{color:#8f9db5;font-size:10px}.cycle-milestone.major{border-color:#f1be5940;background:#6d4c1917}.cycle-milestone.major strong{color:#f3c46b}.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: 1279px){.cosmogram-header-tools .formula-legend{display:none}.life-cycle-panel{grid-template-columns:1fr}}@media (max-width: 767px){.cosmogram-panel-header{grid-template-columns:minmax(0,1fr) auto}.cosmogram-header-tools{grid-column:1 / -1;grid-row:2;justify-content:flex-start}.cosmogram-panel-header .panel-actions{grid-column:2;grid-row:1}.cosmogram-label-control{width:100%}.cosmogram-label-control button{flex:1;min-height:38px}.cosmogram-meta-strip{grid-template-columns:1fr;gap:7px}.life-cycle-panel{padding:7px}.cycle-milestone-grid{grid-template-columns:repeat(7,minmax(58px,1fr))}.formula-window-card dl{grid-template-columns:1fr}}.formula-visual{--formula-edge-neutral: #aeb9cd;--formula-edge-incoming: var(--blue);--formula-edge-outgoing: var(--teal);--formula-edge-mutual: var(--violet-2);--formula-edge-auxiliary: #f28391;--formula-canvas: #061326;align-content:start}.formula-visual.clarity-map{width:100%;height:auto;display:block;place-items:initial;overflow:visible}.dashboard-formula-stage:has(.clarity-map){height:auto!important;min-height:0!important;overflow:visible;display:block}.structure-formula.clarity-map{min-height:0}.formula-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 12px;border:1px solid rgba(145,165,201,.16);border-radius:14px;background:#061225b8}.formula-context{min-width:0;display:flex;align-items:center;gap:10px}.formula-context-direction{position:relative;flex:0 0 38px;height:28px;display:inline-flex;align-items:center;justify-content:flex-end;color:var(--teal)}.formula-context-direction i{position:absolute;left:2px;width:7px;height:7px;border:2px solid currentColor;border-radius:50%;background:var(--formula-canvas)}.formula-context-direction:after{content:"";position:absolute;left:10px;right:5px;height:2px;border-radius:999px;background:currentColor}.formula-context-direction b{position:relative;z-index:1;font-size:19px;line-height:1}.formula-context-copy{min-width:0;display:grid;gap:2px}.formula-context-copy strong{color:#edf2fb;font-size:13px;font-weight:700}.formula-context-copy small{color:#8f9db4;font-size:11px;line-height:1.35}.formula-reset{flex:0 0 auto;min-height:34px;padding:0 12px;border:1px solid rgba(139,116,255,.38);border-radius:10px;color:#dcd5ff;background:#8b74ff17;font:inherit;font-size:11px;font-weight:680;cursor:pointer}.formula-reset:hover,.formula-reset:focus-visible{border-color:#8b74ffbf;background:#8b74ff29;outline:none}.formula-desktop-map,.formula-mobile-scroll{min-width:0}.formula-mobile-scroll{display:none}.formula-component{--component-tone: #8a5dff;--component-border: rgba(138, 93, 255, .38);--component-fill: rgba(90, 60, 174, .085);--component-header-fill: rgba(138, 93, 255, .115);--component-label: #cfc2ff}.formula-component.tone-1{--component-tone: #4194ff;--component-border: rgba(65, 148, 255, .38);--component-fill: rgba(41, 99, 177, .08);--component-header-fill: rgba(65, 148, 255, .105);--component-label: #a9ccff}.formula-component.tone-2{--component-tone: #2ad7b7;--component-border: rgba(42, 215, 183, .38);--component-fill: rgba(31, 141, 123, .075);--component-header-fill: rgba(42, 215, 183, .105);--component-label: #8ce7d7}.formula-component.tone-3{--component-tone: #ff6372;--component-border: rgba(255, 99, 114, .38);--component-fill: rgba(176, 55, 72, .075);--component-header-fill: rgba(255, 99, 114, .1);--component-label: #ffacb5}.formula-component.is-zone-rest{--component-tone: #2ad7b7;--component-border: rgba(42, 215, 183, .46);--component-fill: rgba(29, 154, 131, .09);--component-header-fill: rgba(42, 215, 183, .135);--component-label: #8cebd9}.formula-component.is-zone-alienation{--component-tone: #ff6372;--component-border: rgba(255, 99, 114, .46);--component-fill: rgba(181, 51, 69, .09);--component-header-fill: rgba(255, 99, 114, .13);--component-label: #ffadb6}.formula-component .component-glow,.formula-component .component-topline,.formula-component .center-field,.formula-component .center-field-label{display:none}.formula-component[class*=tone-] .component-panel{display:block;fill:var(--component-fill);stroke:var(--component-border);stroke-width:1.2;vector-effect:non-scaling-stroke}.formula-component .component-header-band{fill:var(--component-header-fill);stroke:none}.formula-component .component-rule{fill:none;stroke:var(--component-border);stroke-width:1;vector-effect:non-scaling-stroke}.formula-component .component-accent{fill:none;stroke:var(--component-tone);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke}.formula-component .component-status-dot{fill:var(--component-tone);filter:drop-shadow(0 0 4px var(--component-tone))}.formula-component[class*=tone-] .component-kicker{fill:var(--component-label);font-size:12px;font-weight:760;letter-spacing:.085em}.formula-component .component-name{fill:#8795ad;font-size:11px;font-weight:520;letter-spacing:.015em;text-transform:none}.formula-node,.formula-node-effects{--node-tone: var(--violet);color:var(--node-tone)}.formula-node.role-center,.formula-node-effects.role-center{--node-tone: var(--violet)}.formula-node.role-orbit-one,.formula-node-effects.role-orbit-one{--node-tone: var(--teal)}.formula-node.role-orbit-two,.formula-node-effects.role-orbit-two{--node-tone: var(--gold)}.formula-node.role-orbit-deep,.formula-node-effects.role-orbit-deep{--node-tone: var(--blue)}.formula-node.role-rest,.formula-node-effects.role-rest{--node-tone: var(--cyan)}.formula-node.role-alienation,.formula-node-effects.role-alienation{--node-tone: var(--rose)}.formula-node.role-own-orbit,.formula-node-effects.role-own-orbit{--node-tone: var(--gold-2)}.formula-node.role-extra,.formula-node-effects.role-extra{--node-tone: #a69ab9}.formula-node.is-center,.formula-node-effects.is-center{--node-tone: var(--violet)}.formula-node.is-zone-rest,.formula-node-effects.is-zone-rest{--node-tone: var(--cyan)}.formula-node.is-zone-alienation,.formula-node-effects.is-zone-alienation{--node-tone: var(--rose)}.formula-node.is-own-orbit,.formula-node-effects.is-own-orbit{--node-tone: var(--gold-2)}.formula-node.is-auxiliary-pointer,.formula-node-effects.is-auxiliary-pointer{--node-tone: #a69ab9}.formula-node{cursor:pointer;transition:opacity .16s var(--ease)}.formula-node .node-surface{fill:color-mix(in srgb,var(--node-tone) 10%,#09172d);stroke:color-mix(in srgb,var(--node-tone) 46%,rgba(148,166,203,.32));stroke-width:1;vector-effect:non-scaling-stroke;transition:fill .16s var(--ease),stroke .16s var(--ease),stroke-width .16s var(--ease),opacity .16s var(--ease)}.formula-node.role-center .node-surface,.formula-node.role-rest .node-surface,.formula-node.role-alienation .node-surface,.formula-node.role-own-orbit .node-surface{fill:color-mix(in srgb,var(--node-tone) 14%,#09172d)}.formula-node.is-center .node-surface,.formula-node.is-zone-rest .node-surface,.formula-node.is-zone-alienation .node-surface,.formula-node.is-own-orbit .node-surface{fill:color-mix(in srgb,var(--node-tone) 14%,#09172d);stroke:color-mix(in srgb,var(--node-tone) 58%,rgba(148,166,203,.32))}.formula-node.role-extra .node-surface,.formula-node.is-auxiliary-pointer .node-surface{fill:color-mix(in srgb,var(--node-tone) 8%,#09172d);stroke-dasharray:4 3}.formula-node .node-sheen{display:none}.formula-node .node-glyph-disc{fill:color-mix(in srgb,var(--node-tone) 14%,#0a1730);stroke:color-mix(in srgb,var(--node-tone) 30%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.formula-node-effects .node-shadow{fill:#0107127a;filter:none}.formula-node-effects .node-aura{fill:var(--node-tone);opacity:0;filter:blur(9px);transition:opacity .16s var(--ease)}.formula-node .node-glyph{fill:var(--node-tone);font-size:29px;font-weight:430;filter:none}.formula-node .node-name{fill:#f3f6fc;font-size:14px;font-weight:650;letter-spacing:-.01em}.formula-node .node-meta,.formula-node .node-orbit text{fill:#91a0b8;font-size:11px;font-weight:520;letter-spacing:0}.formula-node .node-score{fill:#d7deeb;font-size:12px;font-weight:690;font-variant-numeric:tabular-nums}.formula-node .node-retro{fill:#ff7c8b;font-size:11px;font-weight:820}.formula-node .node-orbit rect{fill:transparent;stroke:transparent}.formula-node:hover .node-surface,.formula-node.route-active .node-surface,.formula-node.is-neighbor .node-surface{fill:color-mix(in srgb,var(--node-tone) 17%,#09172d);stroke:color-mix(in srgb,var(--node-tone) 78%,#dbe4f5);stroke-width:1.7}.formula-node.selected .node-surface,.formula-node.is-active .node-surface{fill:color-mix(in srgb,var(--node-tone) 20%,#09172d);stroke:#ffe096;stroke-width:2.25}.formula-node:focus-visible{outline:none}.formula-node:focus-visible .node-surface{stroke:#c8bcff;stroke-width:2.75}.formula-node-effects.selected .node-aura{opacity:.11}.formula-node-effects.route-active:not(.selected) .node-aura{opacity:.045}.formula-crossing-halo{fill:none;stroke:var(--formula-canvas);stroke-width:6.5;stroke-linecap:round;stroke-linejoin:round;opacity:.98;pointer-events:none;vector-effect:non-scaling-stroke}.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.edge-neutral{--edge-tone: var(--formula-edge-neutral)}.formula-edge.edge-incoming{--edge-tone: var(--formula-edge-incoming)}.formula-edge.edge-outgoing{--edge-tone: var(--formula-edge-outgoing)}.formula-edge.edge-mutual,.formula-edge.edge-cycle{--edge-tone: var(--formula-edge-mutual)}.formula-edge.edge-auxiliary,.formula-edge.is-auxiliary-pointer{--edge-tone: var(--formula-edge-auxiliary);stroke:var(--formula-edge-auxiliary);stroke-width:2.35;opacity:.94}.formula-edge.edge-incoming,.formula-edge.edge-outgoing,.formula-edge.edge-mutual,.formula-edge.route-active{stroke-width:3.35;opacity:1}.formula-edge.dashed{stroke-dasharray:.075 .045;animation:none}.formula-edge.route-active{filter:none}.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}.edge-origin,.formula-edge-origin{--edge-tone: var(--formula-edge-neutral);fill:var(--formula-canvas);stroke:var(--edge-tone);stroke-width:2;vector-effect:non-scaling-stroke;transition:stroke .15s var(--ease),opacity .15s var(--ease)}.edge-origin.edge-incoming,.formula-edge-group.edge-incoming .edge-origin{--edge-tone: var(--formula-edge-incoming)}.edge-origin.edge-outgoing,.formula-edge-group.edge-outgoing .edge-origin{--edge-tone: var(--formula-edge-outgoing)}.edge-origin.edge-mutual,.formula-edge-group.edge-mutual .edge-origin{--edge-tone: var(--formula-edge-mutual)}.edge-origin.edge-auxiliary,.formula-edge-group.edge-auxiliary .edge-origin{--edge-tone: var(--formula-edge-auxiliary)}.arrow-neutral,.arrow-incoming,.arrow-outgoing,.arrow-mutual,.arrow-cycle,.arrow-auxiliary,.arrow-active{stroke:var(--formula-canvas);stroke-width:1.7;stroke-linejoin:round;paint-order:stroke fill}.arrow-neutral{fill:var(--formula-edge-neutral)}.arrow-incoming{fill:var(--formula-edge-incoming)}.arrow-outgoing{fill:var(--formula-edge-outgoing)}.arrow-mutual,.arrow-cycle{fill:var(--formula-edge-mutual)}.arrow-auxiliary{fill:var(--formula-edge-auxiliary)}.arrow-active{fill:#ffe096}.formula-visual.has-focus .formula-node.is-dim,.formula-svg.has-focus .formula-node.is-dim,.formula-visual.has-focus .formula-node-effects.is-dim,.formula-svg.has-focus .formula-node-effects.is-dim,.formula-visual.has-focus .formula-edge-group.is-dim,.formula-svg.has-focus .formula-edge-group.is-dim,.formula-visual.has-focus .formula-edge.is-dim,.formula-svg.has-focus .formula-edge.is-dim{opacity:.16}.formula-visual.has-selection:not(.has-formula-preview) .formula-node.is-dim,.formula-visual.has-selection:not(.has-formula-preview) .formula-edge-group.is-dim,.formula-visual.has-selection:not(.has-formula-preview) .formula-edge.is-dim{opacity:.34}.formula-edge.is-preview.is-incoming{--edge-tone: var(--formula-edge-incoming) !important}.formula-edge.is-preview.is-outgoing{--edge-tone: var(--formula-edge-outgoing) !important}.formula-edge.is-preview.is-mutual,.formula-edge.is-preview.is-preview-mutual{--edge-tone: var(--formula-edge-mutual) !important}.edge-origin.is-preview.is-incoming{--edge-tone: var(--formula-edge-incoming) !important}.edge-origin.is-preview.is-outgoing{--edge-tone: var(--formula-edge-outgoing) !important}.edge-origin.is-preview.is-mutual,.edge-origin.is-preview.is-preview-mutual{--edge-tone: var(--formula-edge-mutual) !important}.formula-visual.has-focus .formula-node.is-neighbor,.formula-svg.has-focus .formula-node.is-neighbor{opacity:.84}.formula-visual.has-focus .formula-edge:not(.is-dim),.formula-svg.has-focus .formula-edge:not(.is-dim){opacity:1}.formula-svg:not(.is-mini) .formula-node .node-name{font-size:14px}.formula-svg:not(.is-mini) .formula-node .node-score,.formula-svg:not(.is-mini) .formula-node .node-retro{font-size:12px}.formula-svg:not(.is-mini) .formula-node .node-meta,.formula-svg:not(.is-mini) .formula-node .node-orbit text{font-size:11px}.formula-svg.is-mini .formula-node .node-glyph{font-size:25px}.formula-svg.is-mini .formula-node .node-name{font-size:10px}.formula-svg.is-mini .formula-node .node-score,.formula-svg.is-mini .formula-node .node-retro{font-size:9.5px}.formula-svg.is-mini .formula-edge{stroke-width:2}.formula-svg.is-mini .formula-edge.route-active{stroke-width:2.8}@media (min-width: 768px){.dashboard-formula-stage{padding:18px 20px 20px!important}.structure-graph-pane{padding:14px 18px 54px}.formula-desktop-map>.formula-svg:not(.is-mini){width:100%!important;height:auto!important;max-width:1240px!important;margin-inline:auto}}@media (max-width: 767px){.formula-map-toolbar{margin-bottom:10px;padding:9px 10px}.formula-context-copy strong{font-size:12px}.formula-context-copy small{font-size:10px}.formula-desktop-map{display:none!important}.formula-mobile-scroll{width:100%;max-width:100%;display:block;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(139,116,255,.48) rgba(8,19,39,.55);touch-action:pan-x pan-y;contain:inline-size paint}.formula-mobile-scroll::-webkit-scrollbar{height:7px}.formula-mobile-scroll::-webkit-scrollbar-track{border-radius:999px;background:#0813278c}.formula-mobile-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#8b74ff7a}.formula-mobile-scroll>.formula-svg.is-mobile-clarity{display:block!important;width:max(100%,var(--graph-native-width))!important;min-width:var(--graph-native-width)!important;height:auto!important;max-width:none!important;scroll-snap-align:start}.dashboard-formula-stage:has(.formula-mobile-scroll),.structure-graph-pane:has(.formula-mobile-scroll){overflow:hidden;min-height:0!important;padding-inline:8px!important}.formula-component .component-kicker{font-size:11px}.formula-component .component-name{font-size:10px}}.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)}.dynamics-top-controls{min-height:58px;align-items:center;flex-wrap:wrap;gap:12px 16px;padding:10px 13px}.dynamics-legend{flex:1 1 auto;align-items:center;gap:9px 14px;color:#a8b3c7;font-size:12px;line-height:1.35}.dynamics-legend>span:not(.orbit-legend)>i{width:11px;height:11px;flex:0 0 11px}.legend-auxiliary{border-color:#f28391!important;border-style:dashed!important;background:#f2839114}.legend-retrograde b{min-width:18px;color:#ff7c8b;font-size:11px;font-weight:820;text-align:center}.orbit-legend{display:inline-flex!important;flex-wrap:wrap;align-items:center;gap:5px!important;padding:5px 6px 5px 8px;border:1px solid rgba(126,151,204,.16);border-radius:10px;background:#081429b8}.orbit-legend>em{margin-right:3px;color:#8b98af;font-size:10px;font-style:normal;font-weight:720;letter-spacing:.06em;text-transform:uppercase}.orbit-key{--orbit-key: var(--orbit-1);display:inline-flex!important;min-width:34px;min-height:24px;align-items:center;justify-content:center;gap:4px!important;padding:3px 6px;border:1px solid color-mix(in srgb,var(--orbit-key) 38%,transparent);border-radius:6px;color:color-mix(in srgb,var(--orbit-key) 82%,#fff);background:color-mix(in srgb,var(--orbit-key) 10%,transparent);font-size:10px;font-weight:780;font-variant-numeric:tabular-nums}.orbit-key i{width:7px!important;height:7px!important;flex:0 0 7px!important;border:0!important;background:var(--orbit-key);box-shadow:0 0 7px color-mix(in srgb,var(--orbit-key) 70%,transparent)}.orbit-key.orbit-1{--orbit-key: var(--orbit-1)}.orbit-key.orbit-2{--orbit-key: var(--orbit-2)}.orbit-key.orbit-3{--orbit-key: var(--orbit-3)}.orbit-key.orbit-4{--orbit-key: var(--orbit-4)}.orbit-key.orbit-5{--orbit-key: var(--orbit-5)}.orbit-key.orbit-6{--orbit-key: var(--orbit-6)}.orbit-key.orbit-7{--orbit-key: var(--orbit-7)}.orbit-key.orbit-8{--orbit-key: var(--orbit-8)}.window-control{flex:0 0 auto;display:grid;gap:3px;min-width:320px;padding:8px 11px}.window-control span{font-size:10px}.window-control strong{font-size:12px;font-weight:680}.transition-state-grid{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-auto-columns:auto;gap:12px;align-items:stretch;max-width:100%;padding:2px 0 10px;overflow:visible;contain:none;scroll-snap-type:none}.transition-state{--state-tone: var(--blue);width:100%;min-width:0;display:grid;grid-template-rows:auto 1fr auto;align-self:stretch;scroll-snap-align:none}.transition-state:focus{outline:2px solid color-mix(in srgb,var(--state-tone) 72%,#fff);outline-offset:2px}.transition-state.tone-gold{--state-tone: var(--gold)}.transition-state.tone-violet{--state-tone: var(--violet-2)}.transition-state>header{min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 14px}.transition-state-identity{display:grid;grid-template-columns:auto;align-content:center;gap:3px}.transition-state-identity>strong{color:var(--state-tone)!important;font-size:30px!important;font-weight:500!important;line-height:.9!important}.transition-state-identity>span,.transition-state-moment>span,.transition-state-score>span{display:block;margin:0;color:#6f7d95;font-size:10px!important;font-weight:690;letter-spacing:.035em}.transition-state-moment{min-width:0;padding-left:12px;border-left:1px solid rgba(113,142,202,.13)}.transition-state-moment time{display:block;margin-top:4px;overflow:hidden;color:#b8c3d8;font-size:13px;font-weight:630;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.transition-state-score{text-align:right}.transition-state-score b{display:block;margin-top:4px;color:#d9e1ef;font-size:14px!important;font-weight:720!important;font-variant-numeric:tabular-nums}.transition-state footer{min-height:78px;grid-template-columns:minmax(0,1fr) 64px 64px;align-items:stretch;gap:8px;padding:10px 12px}.transition-state footer div{padding:8px 9px}.transition-state footer span{color:#718099;font-size:9.5px!important;font-weight:650;letter-spacing:.02em}.transition-state footer strong{margin-top:4px;color:#d5ddeb;font-size:11.5px!important;font-weight:650;line-height:1.35}.transition-state footer>div:not(.transition-contours) strong{color:var(--state-tone);font-size:16px!important;font-variant-numeric:tabular-nums}.transition-contours strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.transition-mini-stage{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto;padding:12px 4px 14px!important;display:grid;place-items:center;overflow:hidden;background:linear-gradient(rgba(94,124,184,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(94,124,184,.028) 1px,transparent 1px);background-size:24px 24px}.transition-mini-stage .formula-component .component-kicker{font-size:10.5px}.transition-mini-stage .formula-component .component-name{font-size:9.5px}.transition-mini-stage .formula-node .node-glyph{font-size:24px}.transition-mini-stage .formula-node .node-name{font-size:12px;font-weight:680}.transition-mini-stage .formula-node .node-meta{fill:var(--node-tone);font-size:10px;font-weight:700}.transition-mini-stage .formula-node .node-score,.transition-mini-stage .formula-node .node-retro{font-size:10.5px}.transition-mini-stage .transition-state-graph{position:static!important;inset:auto!important;width:100%!important;height:auto!important;min-width:0;min-height:0!important;max-width:100%!important;max-height:none!important;overflow:hidden}.transition-mini-stage .transition-state-graph>.transition-compact-map{width:100%;display:block;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--state-tone) 58%,transparent) rgba(8,19,39,.46)}.transition-mini-stage .transition-state-graph>.transition-compact-map::-webkit-scrollbar{height:8px}.transition-mini-stage .transition-state-graph>.transition-compact-map::-webkit-scrollbar-track{border-radius:999px;background:#08132775}.transition-mini-stage .transition-state-graph>.transition-compact-map::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--state-tone) 58%,transparent)}.transition-mini-stage .transition-state-graph>.transition-compact-map>.formula-svg{position:static!important;inset:auto!important;width:var(--graph-native-width)!important;height:auto!important;margin-inline:auto;min-width:0;min-height:0!important;max-width:none!important;max-height:none!important;aspect-ratio:var(--graph-aspect)}@media (min-width: 1800px){.transition-state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.transition-state{min-height:698px;grid-template-rows:72px 548px 78px}.transition-mini-stage{height:548px!important;min-height:548px!important;padding:12px 4px 14px!important}.transition-mini-stage .transition-state-graph,.transition-mini-stage .transition-state-graph>.transition-compact-map{height:100%!important;overflow:hidden}.transition-mini-stage .transition-state-graph>.transition-compact-map>.formula-svg{width:100%!important;height:100%!important;max-width:100%!important;aspect-ratio:auto}}@media (max-width: 1279px){.transition-state-grid{grid-template-columns:minmax(0,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.transition-state-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 767px){.dynamics-top-controls{align-items:stretch;flex-direction:column}.dynamics-legend{gap:9px 11px;font-size:11px}.orbit-legend{flex:1 1 100%}.window-control{width:100%;min-width:0}.transition-state-grid{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-auto-columns:auto;gap:12px;padding:0;overflow:visible;scroll-snap-type:none}.transition-state>header{grid-template-columns:auto minmax(0,1fr);gap:10px}.transition-state-moment{grid-column:1 / -1;padding:9px 0 0;border-top:1px solid rgba(113,142,202,.13);border-left:0}.transition-state-score{grid-column:2;grid-row:1}.transition-state footer{grid-template-columns:repeat(2,minmax(0,1fr))}.transition-contours{grid-column:1 / -1}.transition-mini-stage{height:auto!important;max-height:none!important;aspect-ratio:auto;padding:12px 7px 15px!important}.transition-mini-stage .transition-state-graph>.transition-compact-map{display:none}}@media (hover: none){.formula-node:hover .node-surface{fill:color-mix(in srgb,var(--node-tone) 10%,#09172d);stroke:color-mix(in srgb,var(--node-tone) 46%,rgba(148,166,203,.32));stroke-width:1}.formula-node.selected .node-surface,.formula-node.is-active .node-surface,.formula-node.route-active .node-surface,.formula-node.is-neighbor .node-surface{stroke-width:2}}@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}}@media print{.formula-component[class*=tone-] .component-panel{fill:#f8f9fc;stroke:#aeb9cf}.formula-component .component-header-band{fill:#eef1f7}.formula-component .component-rule{stroke:#b7c1d3}.formula-component[class*=tone-] .component-kicker,.formula-component .component-name{fill:#202838}}@media screen{html[data-soulgraph-layout=wide] :is(.dynamics-view,.comparison-view){width:calc(100% / var(--soulgraph-layout-scale, 1));zoom:var(--soulgraph-layout-scale, 1)}.transition-state-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:12px;padding:2px 0 10px;overflow-x:visible;overflow-y:visible}html[data-soulgraph-layout=wide] .transition-state-grid{grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:visible}html[data-soulgraph-layout=compact] .transition-state-grid{grid-template-columns:repeat(3,minmax(430px,1fr));overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:rgba(98,126,205,.62) rgba(8,19,39,.46)}html[data-soulgraph-layout=compact] .transition-state-grid::-webkit-scrollbar{height:9px}html[data-soulgraph-layout=compact] .transition-state-grid::-webkit-scrollbar-track{border-radius:999px;background:#08132775}html[data-soulgraph-layout=compact] .transition-state-grid::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(90deg,#3e91f2b8,#8b54f4b8)}.transition-state{min-height:698px;grid-template-rows:72px 548px 78px}.transition-state>header{grid-template-columns:auto minmax(0,1fr) auto;gap:12px}.transition-state-moment{grid-column:auto;grid-row:auto;padding:0 0 0 12px;border-top:0;border-left:1px solid rgba(113,142,202,.13)}.transition-state-score{grid-column:auto;grid-row:auto}.transition-state footer{grid-template-columns:minmax(0,1fr) 64px 64px}.transition-contours{grid-column:auto}.transition-mini-stage{height:548px!important;min-height:548px!important;max-height:548px!important;padding:12px 4px 14px!important}.transition-mini-stage .transition-state-graph,.transition-mini-stage .transition-state-graph>.transition-compact-map{height:100%!important;display:block!important;overflow:hidden}.transition-mini-stage .transition-state-graph>.formula-mobile-scroll{display:none!important}.transition-mini-stage .transition-state-graph>.transition-compact-map>.formula-svg{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;aspect-ratio:auto}html[data-soulgraph-layout=wide] .dynamics-top-controls{display:flex!important;align-items:center;flex-direction:row}}.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){.top-nav{display:none!important}.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}.brand-symbol{position:relative;width:43px;height:43px;flex:0 0 43px;padding:4px;border:1px solid rgba(154,132,255,.24);border-radius:14px;color:#9a82ff;background:radial-gradient(circle at 30% 20%,#8c6fff38,#0b1831d1 64%);box-shadow:inset 0 1px #ffffff14,0 9px 24px #2f1b7e3d;filter:none;overflow:hidden}.brand-symbol:after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.16),transparent 62%);transform:translate(-70%);transition:transform .6s var(--ease);pointer-events:none}.brand:hover .brand-symbol:after{transform:translate(70%)}.brand-symbol svg{width:100%;height:100%;overflow:visible;fill:none;stroke:none}.brand-orbit,.brand-monogram,.brand-link{fill:none;stroke:url(#soulgraph-mark);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.brand-orbit{stroke-width:1.05;opacity:.48;transform-box:fill-box;transform-origin:center}.brand-orbit.orbit-a{animation:brandOrbitA 19s linear infinite}.brand-orbit.orbit-b{stroke-dasharray:4 3;animation:brandOrbitB 25s linear infinite}.brand-monogram{stroke-width:2.55}.brand-link{stroke-width:1.1;opacity:.75}.brand-node{fill:#7e67ff;stroke:#d9d1ff;stroke-width:.7}.brand-core{fill:#3ad8e8;stroke:#eaffff;stroke-width:.8;transform-box:fill-box;transform-origin:center;animation:brandCorePulse 2.8s ease-in-out infinite}.brand-copy strong{font-family:Inter,Segoe UI,sans-serif;font-size:20px;font-weight:690;letter-spacing:-.045em}.brand-copy small{color:#71809e;font-size:7px;letter-spacing:.24em}.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}.switch-row input[type=checkbox],.toolbar-check input[type=checkbox],.cosmogram-compact-controls input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;display:inline-block!important;width:42px!important;min-width:42px;height:24px!important;margin:0;border:1px solid rgba(126,151,205,.27);border-radius:999px;outline:0;background:linear-gradient(180deg,#121f36f5,#071021f5);box-shadow:inset 0 2px 5px #00000047;cursor:pointer;transition:border-color .24s,background .24s,box-shadow .24s}.switch-row input[type=checkbox]:before,.toolbar-check input[type=checkbox]:before,.cosmogram-compact-controls input[type=checkbox]:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:linear-gradient(145deg,#d7deec,#8796af);box-shadow:0 3px 8px #0006;transition:transform .3s cubic-bezier(.18,.8,.25,1.2),background .22s,box-shadow .22s}.switch-row input[type=checkbox]:checked,.toolbar-check input[type=checkbox]:checked,.cosmogram-compact-controls input[type=checkbox]:checked{border-color:#997fffbd;background:linear-gradient(120deg,#6d4ee6,#8d68ff 58%,#30bfcf);box-shadow:inset 0 1px #ffffff29,0 0 20px #694eeb3d;animation:switchHalo .48s ease-out}.switch-row input[type=checkbox]:checked:before,.toolbar-check input[type=checkbox]:checked:before,.cosmogram-compact-controls input[type=checkbox]:checked:before{transform:translate(18px);background:#fff;box-shadow:0 3px 10px #1807558c,0 0 8px #ffffffa6}.switch-row input[type=checkbox]:focus-visible,.toolbar-check input[type=checkbox]:focus-visible,.cosmogram-compact-controls input[type=checkbox]:focus-visible{outline:2px solid rgba(164,142,255,.9);outline-offset:3px}.switch-row{min-height:66px;gap:13px;padding:11px 13px;border-color:#7d95ca29;transition:border-color .22s,background .22s,transform .22s}.switch-row:hover{transform:translateY(-1px);border-color:#8d74ff57;background:#28205e33}.switch-row:has(input:checked){border-color:#8167f54d;background:linear-gradient(110deg,#5d41cf26,#13506717)}.switch-row strong{font-size:11px}.switch-row small{margin-top:4px;font-size:10px;line-height:1.4}.toolbar-check{gap:8px}.transits-view{display:grid;gap:14px}.transit-control-card{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(420px,1.3fr);gap:18px 28px;align-items:center;padding:18px 20px;overflow:visible}.transit-control-copy>span,.transit-aspects-card header span,.transit-positions-card header span,.transit-structure-section>header span,.transit-structure-card header span,.transit-hero-copy>span{color:#8b76eb;font-size:8px;font-weight:780;letter-spacing:.16em}.transit-control-copy h2,.transit-aspects-card h2,.transit-positions-card h2,.transit-structure-section h2,.transit-wheel-card h2{margin:5px 0 0;font-size:17px;font-weight:590;letter-spacing:-.02em}.transit-control-copy p{max-width:500px;margin:7px 0 0;color:#73819b;font-size:10px;line-height:1.55}.transit-fields{display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,.75fr) auto;gap:8px;align-items:end}.transit-fields label{display:grid;gap:5px;color:#7c89a3;font-size:8px}.transit-fields input{height:43px;min-width:0;border:1px solid rgba(119,145,202,.18);border-radius:11px;outline:0;padding:0 11px;color:#edf1fb;background:#061022c7;color-scheme:dark;transition:.2s}.transit-fields input:focus{border-color:#896bff8c;box-shadow:0 0 0 3px #6d52f01a}.transit-calculate{min-width:145px;height:43px}.transit-presets{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;padding-top:13px;border-top:1px solid rgba(112,139,196,.1)}.transit-presets button{min-height:32px;padding:0 12px;border:1px solid rgba(119,145,202,.15);border-radius:9px;color:#8391aa;background:#0813279e;font-size:9px;transition:.2s}.transit-presets button:hover{color:#d8d1ff;border-color:#866bff70;background:#513cb12e;transform:translateY(-1px)}.transit-error{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid rgba(255,101,118,.3);border-radius:14px;background:#5c182a33}.transit-error strong{color:#ff9ca7;font-size:11px}.transit-error p{margin:0;color:#c7808a;font-size:10px}.transit-empty{min-height:430px;display:grid;grid-template-columns:minmax(210px,.7fr) minmax(300px,1fr);align-items:center;gap:36px;padding:34px clamp(24px,5vw,70px);overflow:hidden}.transit-empty-visual{position:relative;width:min(310px,100%);aspect-ratio:1;display:grid;place-items:center;justify-self:center}.transit-empty-visual .ring{position:absolute;width:84%;height:34%;border:1px solid rgba(133,108,255,.34);border-radius:50%;transform:rotate(32deg);animation:transitOrbit 18s linear infinite}.transit-empty-visual .ring-b{width:68%;height:24%;transform:rotate(-48deg);border-color:#2fd3e647;animation:transitOrbitReverse 13s linear infinite}.transit-empty-visual .ring-c{width:48%;height:48%;border-style:dashed;border-color:#f1bc5740;animation-duration:24s}.transit-empty-visual b{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:27px;background:radial-gradient(circle,#795bff61,#152341a3);box-shadow:0 0 70px #684ced4d}.transit-planet{position:absolute;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(151,130,255,.35);border-radius:50%;color:#d8ceff;background:#0a1830;box-shadow:0 10px 26px #0000006b;animation:transitFloat 3.4s ease-in-out infinite}.transit-planet.planet-a{top:16%;right:9%}.transit-planet.planet-b{bottom:18%;left:8%;animation-delay:-.8s;color:#f7cb72}.transit-planet.planet-c{bottom:5%;right:23%;animation-delay:-1.7s;color:#45d4e5}.transit-empty>div:nth-child(2)>span{color:#8370df;font-size:8px;font-weight:760;letter-spacing:.17em}.transit-empty h2{max-width:560px;margin:8px 0 10px;font-size:clamp(26px,3.2vw,45px);font-weight:520;line-height:1.08;letter-spacing:-.045em}.transit-empty p{max-width:620px;margin:0;color:#8491a8;font-size:12px;line-height:1.7}.transit-empty dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.transit-empty dl div{display:flex;gap:12px;padding:14px;border-top:1px solid rgba(124,150,205,.14)}.transit-empty dt{color:#725bdd;font-size:10px}.transit-empty dd{display:grid;gap:3px;margin:0}.transit-empty dd strong{font-size:11px}.transit-empty dd span{color:#68758d;font-size:9px}.transit-loading{min-height:210px;display:flex;justify-content:center;align-items:center;gap:28px;padding:30px}.transit-loader{position:relative;width:100px;height:100px;display:grid;place-items:center}.transit-loader i{position:absolute;inset:6px;border:1px solid rgba(133,108,255,.35);border-radius:50%;animation:transitOrbit 2.2s linear infinite}.transit-loader i:nth-child(2){inset:22px;border-style:dashed;border-color:#30d2e666;animation:transitOrbitReverse 1.5s linear infinite}.transit-loader b{font-size:22px;color:#d9d2ff}.transit-loading>div:last-child>span{color:#826ce1;font-size:8px;letter-spacing:.16em}.transit-loading h2{margin:6px 0;font-size:21px}.transit-loading p{margin:0;color:#748198;font-size:10px}.transit-loading-bars{height:26px;display:flex;align-items:end;gap:4px;margin-top:12px}.transit-loading-bars i{width:28px;height:100%;border-radius:3px;background:linear-gradient(#8d70ff,#31cddd);transform-origin:bottom;animation:transitBar 1s ease-in-out infinite}.transit-loading-bars i:nth-child(2){animation-delay:-.8s}.transit-loading-bars i:nth-child(3){animation-delay:-.6s}.transit-loading-bars i:nth-child(4){animation-delay:-.4s}.transit-hero{position:relative;min-height:118px;display:grid;grid-template-columns:1fr 160px 1fr;align-items:center;gap:22px;padding:18px 22px;overflow:hidden}.transit-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(98,70,219,.17),transparent 36%);pointer-events:none}.transit-hero-copy h2{margin:6px 0 4px;font-size:22px;font-weight:570}.transit-hero-copy p{margin:0;color:#718099;font-size:10px}.transit-hero-orbit{position:relative;width:130px;height:80px;display:grid;place-items:center;justify-self:center}.transit-hero-orbit i{position:absolute;width:118px;height:44px;border:1px solid rgba(137,110,255,.38);border-radius:50%;transform:rotate(-16deg);animation:transitOrbit 14s linear infinite}.transit-hero-orbit span{position:absolute;right:4px;color:#f4c86a;font-size:22px}.transit-hero-orbit b{font-size:20px;color:#d9d1ff;text-shadow:0 0 20px #795cff}.transit-hero-note{justify-self:end;max-width:360px;display:grid;gap:4px;text-align:right}.transit-hero-note strong{font-size:10px}.transit-hero-note span{color:#718099;font-size:9px;line-height:1.5}.transit-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.transit-metrics article{min-height:100px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto 1fr auto;gap:2px 8px;padding:13px}.transit-metrics article>i{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(137,111,255,.25);border-radius:9px;color:#a68fff;background:#5c42c71f;font-size:12px;font-style:normal}.transit-metrics span{align-self:center;color:#8794aa;font-size:8px}.transit-metrics strong{grid-column:1/-1;align-self:end;font-size:25px;font-weight:530}.transit-metrics small{grid-column:1/-1;color:#617089;font-size:8px}.transit-analysis-grid{display:grid;grid-template-columns:minmax(460px,1.12fr) minmax(390px,.88fr);gap:12px;align-items:stretch}.transit-wheel-card,.transit-aspects-card,.transit-positions-card{overflow:hidden}.transit-wheel-card>header,.transit-aspects-card>header,.transit-positions-card>header{min-height:64px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 16px;border-bottom:1px solid rgba(112,140,197,.11)}.transit-wheel-legend{display:flex;flex-wrap:wrap;justify-content:end;gap:10px;color:#66758e;font-size:8px}.transit-wheel-legend span{display:flex;align-items:center;gap:5px}.transit-wheel-legend i{width:6px;height:6px;border-radius:50%;background:var(--personal)}.transit-wheel-legend i.social{background:var(--social)}.transit-wheel-legend i.transpersonal{background:var(--transpersonal)}.transit-cosmogram-stage{min-height:570px;display:grid;place-items:center;padding:8px}.transit-cosmogram-stage .cosmogram-svg{width:min(100%,590px);height:auto}.transit-aspects-card header>small,.transit-positions-card header>small{color:#65738c;font-size:8px}.transit-aspect-filters{display:flex;gap:5px;padding:10px 12px;overflow-x:auto;border-bottom:1px solid rgba(112,140,197,.09)}.transit-aspect-filters button{flex:0 0 auto;height:30px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid rgba(112,140,197,.13);border-radius:9px;color:#71809a;background:#0610228a;font-size:8px}.transit-aspect-filters button span{min-width:18px;padding:2px 5px;border-radius:8px;color:#9c8aff;background:#694dde24;font-size:7px}.transit-aspect-filters button[aria-pressed=true]{color:#e1dcff;border-color:#8d73ff70;background:#5740b933}.transit-aspect-list{max-height:494px;overflow:auto;padding:4px 10px 10px}.transit-aspect-row{display:grid;grid-template-columns:minmax(175px,1.25fr) minmax(105px,.75fr) minmax(110px,.8fr);align-items:center;gap:8px;min-height:66px;padding:8px 7px;border-bottom:1px solid rgba(107,135,191,.08)}.transit-aspect-row:hover{background:#5c48b614}.transit-aspect-planets{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:4px}.transit-aspect-planets>span{display:grid;grid-template-columns:25px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:6px}.transit-aspect-planets i{grid-row:1/3;width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(132,108,235,.22);border-radius:8px;color:#c9bcff;font-style:normal}.transit-aspect-planets b{font-size:8px}.transit-aspect-planets small{color:#5d6b83;font-size:7px}.transit-aspect-planets em{color:#8d75f2;font-size:15px;font-style:normal;text-align:center}.transit-aspect-kind{display:grid;gap:3px}.transit-aspect-kind strong{font-size:8px}.transit-aspect-kind small{color:#64728a;font-size:7px}.tone-harmonious .transit-aspect-kind strong{color:#56d5c3}.tone-challenging .transit-aspect-kind strong{color:#ff8995}.transit-exactness{display:grid;grid-template-columns:1fr auto;gap:4px 7px;align-items:center}.transit-exactness>span{height:3px;overflow:hidden;border-radius:3px;background:#6f8ac01f}.transit-exactness>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7459ee,#38d2dc)}.transit-exactness strong{font-size:8px}.transit-exactness small{grid-column:1/-1;color:#5e6c84;font-size:7px}.transit-no-results,.transit-list-note{margin:14px;color:#67758d;font-size:9px;text-align:center}.transit-position-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#6d89c312}.transit-position-grid button{min-height:75px;display:grid;grid-template-columns:22px 34px 1fr 22px;align-items:center;gap:7px;padding:9px;border:0;background:#050f20ed;color:#8e9bb1;text-align:left;transition:.2s}.transit-position-grid button:hover{z-index:1;background:#282459e6;transform:translateY(-1px)}.transit-position-rank{color:#4f5e77;font-size:7px;font-style:normal}.transit-position-glyph{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(135,109,242,.25);border-radius:10px;color:#bcaaff;font-size:19px}.transit-position-grid strong{display:block;color:#c7cede;font-size:9px}.transit-position-grid small{display:block;margin-top:3px;color:#65738b;font-size:7px}.transit-position-grid button>b{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;color:#52617a;background:#708ac114;font-size:7px}.transit-position-grid button>b.retrograde{color:#ff8794;background:#ff60711a}.transit-structure-section{display:grid;gap:12px}.transit-structure-section>header{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:4px 2px}.transit-structure-section>header p{max-width:520px;margin:0;color:#6d7a92;font-size:9px;line-height:1.55;text-align:right}.transit-structure-section>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.transit-structure-card{overflow:hidden}.transit-structure-card>header{min-height:64px;display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid rgba(111,139,196,.1)}.transit-structure-card h3{margin:4px 0 0;font-size:15px}.transit-structure-card header>b{color:#baaaff;font-size:22px;font-weight:520}.transit-structure-card header>b small{color:#596780;font-size:8px}.transit-structure-card.tone-cyan header>b{color:#53d6df}.transit-structure-stage{height:430px;min-height:430px;display:grid;place-items:center;padding:10px;overflow:hidden}.transit-structure-stage .formula-svg{width:100%;height:100%;max-height:410px}.transit-structure-card>footer{min-height:42px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(111,139,196,.1)}.transit-structure-card>footer span{display:grid;place-items:center;color:#697790;font-size:8px;border-right:1px solid rgba(111,139,196,.08)}.transit-disclaimer{min-height:58px;display:flex;align-items:center;gap:10px;padding:12px 15px}.transit-disclaimer>i{color:#48cfdd}.transit-disclaimer p{margin:0;color:#718099;font-size:9px;line-height:1.55}.transit-disclaimer strong{color:#aab4c8}.table-view{display:grid;gap:12px}.table-metric-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.table-metric-ribbon article{position:relative;min-height:105px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto 1fr auto;gap:3px 10px;padding:14px;overflow:hidden;border:1px solid rgba(113,141,199,.14);border-radius:15px;background:linear-gradient(145deg,#0a172ede,#050f20c9);box-shadow:0 16px 34px #0004122e}.table-metric-ribbon article:after{content:"";position:absolute;right:-18px;bottom:-32px;width:96px;height:96px;border:1px solid rgba(129,103,242,.12);border-radius:50%}.table-metric-ribbon i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(135,109,244,.26);border-radius:11px;color:#a58cff;background:#553eb921;font-size:13px;font-style:normal}.table-metric-ribbon span{align-self:center;color:#8794aa;font-size:9px}.table-metric-ribbon strong{grid-column:1/-1;align-self:end;font-size:25px;font-weight:540}.table-metric-ribbon strong b{color:#5e6c84;font-size:10px}.table-metric-ribbon small{grid-column:1/-1;color:#617089;font-size:8px}.table-page-card{min-height:0;overflow:hidden}.table-page-toolbar{min-height:72px;padding:12px 15px}.table-page-toolbar>div:first-child span{color:#9582ee;font-size:8px;letter-spacing:.13em}.table-page-toolbar h2{color:#8491a7;font-size:9px}.table-search{position:relative;height:42px;border-radius:11px;padding-inline:12px;background:#050f20bf;transition:.2s}.table-search:focus-within{border-color:#896dff80;box-shadow:0 0 0 3px #6a4fe914}.table-search input{font-size:10px}.table-search>button{width:25px;height:25px;display:grid;place-items:center;border:0;border-radius:7px;color:#71809a;background:#728bc21a}.table-actions button{height:42px;padding-inline:12px;border-radius:11px;font-size:9px;transition:.2s}.table-actions button:hover{color:#ddd7ff;border-color:#866cfa66;background:#4d3aa62b}.table-filter-bar{display:flex;gap:6px;padding:10px 14px;overflow-x:auto;border-bottom:1px solid rgba(107,137,196,.1);background:#030b1947}.table-filter-bar button{flex:0 0 auto;min-height:34px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(113,140,196,.14);border-radius:10px;color:#74829a;background:#0812259e;font-size:9px;transition:.2s}.table-filter-bar button b{min-width:20px;padding:2px 6px;border-radius:8px;color:#9985ee;background:#674cda21;font-size:8px}.table-filter-bar button[aria-pressed=true]{color:#e3deff;border-color:#8b6fff75;background:linear-gradient(120deg,#5c43c940,#1f5d7626);box-shadow:inset 0 1px #ffffff0d}.table-result-meta{min-height:40px;display:flex;justify-content:space-between;align-items:center;padding:7px 15px;color:#6f7d95;font-size:8px;border-bottom:1px solid rgba(106,134,191,.07)}.table-result-meta b{color:#b7a8fa;font-size:10px}.table-result-meta small{color:#53617a;font-size:8px}.full-table-wrap{max-height:min(690px,calc(100vh - 255px));scrollbar-color:rgba(129,103,235,.4) transparent}.full-planet-table thead{position:sticky;z-index:3;top:0;box-shadow:0 8px 16px #00051229}.full-planet-table th{height:42px;padding-inline:14px;color:#76849e;font-size:8px;letter-spacing:.04em;background:#061123f7}.full-planet-table td{position:relative;height:66px;padding:8px 14px;font-size:9px;transition:background .18s}.full-planet-table tbody tr{position:relative}.full-planet-table tbody tr:after{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:2px;background:transparent;transition:background .18s,box-shadow .18s}.full-planet-table tbody tr:hover:after,.full-planet-table tbody tr.selected:after{background:#8065f2;box-shadow:0 0 12px #8065f2a6}.full-planet-table tr:hover td,.full-planet-table tr.selected td{background:#4e3da71b}.full-planet-table tr.is-auxiliary td{background-color:#b0476306}.table-planet{min-width:148px}.table-planet>i{width:38px;height:38px;border-radius:12px;font-size:22px;box-shadow:inset 0 1px #ffffff0d}.table-planet strong{color:#d4d9e7;font-size:10px}.table-planet small{margin-top:3px;font-size:7px}.table-dispositor{display:inline-flex;align-items:center;gap:6px;color:#a696ed;font-size:15px}.table-dispositor b{color:#8c99ad;font-size:8px;font-weight:560}.orbit-badge-table,.score-badge-table,.motion-pill{min-height:26px;padding:0 8px;border-radius:9px;font-size:8px}.score-badge-table{min-width:28px;margin-right:5px;color:#ffd374;background:#664a1b26}.motion-pill.direct{color:#6ed9c8;border-color:#3ac9b533}.table-route{gap:6px;font-size:15px}.table-route span{min-width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#7053e61a}.table-empty-state{min-height:300px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center}.table-empty-state>i{width:54px;height:54px;display:grid;place-items:center;margin-bottom:6px;border:1px solid rgba(139,112,255,.28);border-radius:17px;color:#a68fff;background:#5a41c51f;font-size:23px;font-style:normal}.table-empty-state strong{font-size:15px}.table-empty-state span{color:#6b7891;font-size:9px}.table-empty-state button{min-height:34px;margin-top:8px;padding:0 12px;border:1px solid rgba(137,110,251,.34);border-radius:9px;color:#b8aaff;background:#533db526;font-size:9px}@media (max-width: 1180px){.transit-metrics,.transit-position-grid{grid-template-columns:repeat(3,1fr)}.transit-analysis-grid{grid-template-columns:1fr}.transit-aspect-list{max-height:520px}.table-metric-ribbon{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.brand{min-width:0}.brand-symbol{width:38px;height:38px;flex-basis:38px;border-radius:12px}.mobile-bottom-nav{grid-template-columns:repeat(6,1fr)!important}.transit-control-card{grid-template-columns:1fr;gap:16px;padding:15px}.transit-fields{grid-template-columns:1fr 1fr}.transit-calculate{grid-column:1/-1;width:100%}.transit-presets{grid-column:auto;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.transit-empty{min-height:0;grid-template-columns:1fr;gap:18px;padding:24px 18px}.transit-empty-visual{width:210px}.transit-empty dl{grid-template-columns:1fr}.transit-empty h2{font-size:29px}.transit-hero{grid-template-columns:1fr 90px}.transit-hero-note{grid-column:1/-1;justify-self:start;text-align:left}.transit-hero-orbit{width:85px}.transit-hero-orbit i{width:78px}.transit-metrics{grid-template-columns:repeat(2,1fr)}.transit-metrics article{min-height:94px}.transit-cosmogram-stage{min-height:390px}.transit-analysis-grid{grid-template-columns:minmax(0,1fr)}.transit-aspect-row{grid-template-columns:1fr auto}.transit-exactness{grid-column:1/-1}.transit-aspect-kind{text-align:right}.transit-wheel-legend{display:none}.transit-position-grid{grid-template-columns:1fr 1fr}.transit-position-grid button{grid-template-columns:20px 32px 1fr}.transit-position-grid button>b{display:none}.transit-structure-section>header{display:block}.transit-structure-section>header p{margin-top:7px;text-align:left}.transit-structure-section>div{grid-template-columns:1fr}.transit-structure-stage{height:360px;min-height:360px}.table-metric-ribbon{grid-template-columns:1fr 1fr}.table-metric-ribbon article{min-height:98px;padding:11px}.table-page-toolbar{grid-template-columns:1fr!important}.table-page-toolbar>div:first-child{display:block!important}.table-actions{display:flex}.table-actions button{flex:1;justify-content:center}.table-filter-bar{padding-inline:10px}.table-result-meta small{display:none}.full-table-wrap{max-height:none;overflow:visible;padding:9px}.full-planet-table{min-width:0!important;display:block}.full-planet-table thead{display:none}.full-planet-table tbody{display:grid;gap:9px}.full-planet-table tr{display:grid;grid-template-columns:1fr 1fr;padding:10px 11px;border:1px solid rgba(116,143,201,.14);border-radius:14px;background:linear-gradient(145deg,#09162ceb,#050f1fe0);box-shadow:0 12px 25px #00030e2b;overflow:hidden}.full-planet-table tbody tr:after{top:10px;bottom:10px}.full-planet-table td{height:auto;min-height:48px;display:grid;align-content:center;gap:5px;padding:20px 5px 7px;border:0}.full-planet-table td:before{content:attr(data-label);position:absolute;top:5px;left:5px;color:#57657d;font-size:7px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.full-planet-table td:first-child{grid-column:1/-1;min-height:58px;padding-top:5px;border-bottom:1px solid rgba(110,137,193,.09)}.full-planet-table td:first-child:before{display:none}.full-planet-table td:nth-child(6){grid-column:1/-1}.full-planet-table tr:hover td,.full-planet-table tr.selected td,.full-planet-table tr.is-auxiliary td{background:transparent}.table-scroll-hint{display:none!important}}@media (max-width: 470px){.transit-position-grid{grid-template-columns:1fr}.transit-aspect-planets>span{grid-template-columns:23px 1fr}.transit-aspect-planets i{width:23px;height:23px}.table-metric-ribbon{grid-template-columns:1fr}.table-metric-ribbon article{min-height:92px}}@media (prefers-reduced-motion: reduce){.brand-orbit,.brand-core,.transit-empty-visual *,.transit-loader *,.transit-hero-orbit i,.transit-loading-bars i{animation:none!important}.switch-row input[type=checkbox]:checked,.toolbar-check input[type=checkbox]:checked,.cosmogram-compact-controls input[type=checkbox]:checked{animation:none}}.zodiac-vector-icon,.cosmo-body-icon{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.zodiac-vector-icon{color:#76d9ef;filter:drop-shadow(0 0 5px rgba(65,211,238,.38))}.cosmo-body-icon{color:inherit;stroke-width:1.7;filter:drop-shadow(0 0 4px currentColor);pointer-events:none}.cosmo-planet.selected .cosmo-body-icon{color:#fff4c9;stroke-width:1.9}.formula-crossing-halo{stroke-width:4.6;opacity:.9}.formula-edge,.formula-edge.edge-auxiliary,.formula-edge.is-auxiliary-pointer{stroke-width:1.9}.formula-edge.edge-incoming,.formula-edge.edge-outgoing,.formula-edge.edge-mutual,.formula-edge.route-active{stroke-width:2.75}.arrow-neutral,.arrow-incoming,.arrow-outgoing,.arrow-mutual,.arrow-cycle,.arrow-auxiliary,.arrow-active{stroke-width:.8}.formula-node:not(.role-extra) .node-surface{stroke-dasharray:none}.transition-state:focus{outline:none}.transition-state:focus-visible{outline:2px solid color-mix(in srgb,var(--state-tone) 72%,#fff);outline-offset:3px}.metric-card{--metric-tone: #9984ff;position:relative;isolation:isolate;overflow:hidden}.metric-card.gold{--metric-tone: #f0bd5d}.metric-card.blue{--metric-tone: #5ca8ff}.metric-card.teal{--metric-tone: #43d4c3}.metric-help-toggle{position:relative;z-index:4;width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid rgba(126,151,205,.13);border-radius:10px;color:#8293bd;background:#5266a01a;cursor:help;transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}.metric-help-toggle b{position:absolute;right:-3px;bottom:-3px;width:12px;height:12px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--metric-tone) 70%,#fff);border-radius:50%;color:#fff;background:color-mix(in srgb,var(--metric-tone) 72%,#18213b);box-shadow:0 0 10px color-mix(in srgb,var(--metric-tone) 42%,transparent);font:700 8px/1 Inter,sans-serif}.metric-help-toggle:hover,.metric-help-toggle[aria-expanded=true]{color:#f0edff;border-color:color-mix(in srgb,var(--metric-tone) 58%,transparent);background:color-mix(in srgb,var(--metric-tone) 18%,rgba(18,31,56,.94));transform:translateY(-1px)}.metric-help-toggle:focus-visible{outline:2px solid var(--metric-tone);outline-offset:2px}.metric-explainer{position:absolute;z-index:3;inset:0;display:grid;align-content:center;gap:7px;padding:40px 13px 12px;color:#cfd7e7;background:linear-gradient(135deg,color-mix(in srgb,var(--metric-tone) 14%,transparent),transparent 58%),#050e1ff5;backdrop-filter:blur(12px);opacity:0;transform:translateY(8px) scale(.985);transform-origin:70% 10%;pointer-events:none;transition:opacity .22s var(--ease),transform .22s var(--ease)}.metric-explainer:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(transparent,var(--metric-tone),transparent);box-shadow:0 0 14px var(--metric-tone)}.metric-explainer span{color:var(--metric-tone);font-size:8px;font-weight:780;letter-spacing:.14em}.metric-explainer p{margin:0;color:#b5c0d4;font-size:9.5px;line-height:1.45}.metric-card.is-explaining .metric-explainer{opacity:1;transform:none}@media (hover: hover) and (pointer: fine){.metric-card:hover .metric-explainer{opacity:1;transform:none}}.switch-row input[type=checkbox]:checked,.toolbar-check input[type=checkbox]:checked,.cosmogram-compact-controls input[type=checkbox]:checked{animation:none}.switch-row input[type=checkbox].is-just-toggled,.toolbar-check input[type=checkbox].is-just-toggled,.cosmogram-compact-controls input[type=checkbox].is-just-toggled{animation:switchHalo .42s ease-out}@media (max-width: 767px){.metric-card.is-explaining{min-width:min(286px,calc(100vw - 34px))!important;min-height:142px!important}.metric-explainer p{font-size:10.5px}}@media (prefers-reduced-motion: reduce){.switch-row input[type=checkbox],.switch-row input[type=checkbox]:before,.toolbar-check input[type=checkbox],.toolbar-check input[type=checkbox]:before,.cosmogram-compact-controls input[type=checkbox],.cosmogram-compact-controls input[type=checkbox]:before,.metric-explainer,.metric-help-toggle{animation:none!important;transition:none!important}}.transit-advice-panel{--advice-tone: #8d74ff;overflow:hidden}.transit-advice-panel>header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border-bottom:1px solid rgba(112,141,201,.11);background:radial-gradient(circle at 84% 10%,rgba(96,72,218,.14),transparent 34%),linear-gradient(125deg,#0d1b378f,#050f202e)}.transit-advice-panel>header>div{min-width:0}.transit-advice-panel>header>div>span{color:#9a85f3;font-size:9px;font-weight:790;letter-spacing:.16em}.transit-advice-panel>header h2{margin:5px 0 0;font-size:21px;font-weight:610;letter-spacing:-.025em}.transit-advice-panel>header p{max-width:760px;margin:7px 0 0;color:#7f8da5;font-size:11px;line-height:1.5}.transit-advice-button{flex:0 0 auto;min-width:218px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 17px;border:1px solid rgba(151,126,255,.58);border-radius:13px;color:#f0ecff;background:linear-gradient(120deg,#704fe8b8,#316fab8f);box-shadow:0 12px 30px #321e893d,inset 0 1px #ffffff21;font:inherit;font-size:11px;font-weight:720;cursor:pointer;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.transit-advice-button:hover:not(:disabled){transform:translateY(-1px);border-color:#b8a5ffd6;box-shadow:0 16px 34px #321e894f,inset 0 1px #ffffff29}.transit-advice-button:focus-visible{outline:2px solid #c8bbff;outline-offset:3px}.transit-advice-button:disabled{opacity:.72;cursor:wait}.transit-advice-preview,.transit-advice-grid,.transit-advice-skeleton{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 18px 18px}.transit-advice-preview span{min-height:48px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(119,146,202,.13);border-radius:12px;color:#9ca9bd;background:#07122685;font-size:10px}.transit-advice-preview i{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(143,117,255,.28);border-radius:8px;color:#af9bff;background:#6449d01c;font-size:14px;font-style:normal}.transit-advice-card{--advice-card-tone: #8d74ff;min-width:0;min-height:250px;padding:14px;border:1px solid color-mix(in srgb,var(--advice-card-tone) 30%,rgba(116,144,201,.12));border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--advice-card-tone) 7%,rgba(9,22,45,.9)),#050f20c7);box-shadow:inset 0 1px #ffffff06}.transit-advice-card.tone-excellent{--advice-card-tone: #43d6bb}.transit-advice-card.tone-favorable{--advice-card-tone: #65c5e4}.transit-advice-card.tone-mixed{--advice-card-tone: #d9b45f}.transit-advice-card.tone-caution{--advice-card-tone: #e88b68}.transit-advice-card.tone-low{--advice-card-tone: #ef6f83}.transit-advice-card>header{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}.transit-advice-card>header>i{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--advice-card-tone) 38%,transparent);border-radius:10px;color:var(--advice-card-tone);background:color-mix(in srgb,var(--advice-card-tone) 10%,transparent);font-size:16px;font-style:normal}.transit-advice-card h3{margin:0;color:#dce3ef;font-size:11px;font-weight:670;line-height:1.25}.transit-advice-card header div span{display:block;margin-top:4px;color:var(--advice-card-tone);font-size:8px;font-weight:700}.transit-advice-card header div small{display:block;margin-top:4px;color:#718098;font-size:7.5px;font-weight:560}.transit-advice-card header>strong{color:var(--advice-card-tone);font-size:23px;font-weight:570;font-variant-numeric:tabular-nums}.transit-advice-card header>strong small{color:#67758e;font-size:8px}.transit-advice-card meter{width:100%;height:5px;display:block;margin:13px 0 12px;border:0;border-radius:999px;background:#778fbe1c;accent-color:var(--advice-card-tone)}.transit-advice-card meter::-webkit-meter-bar{border:0;border-radius:999px;background:#778fbe1c}.transit-advice-card meter::-webkit-meter-optimum-value,.transit-advice-card meter::-webkit-meter-suboptimum-value,.transit-advice-card meter::-webkit-meter-even-less-good-value{border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--advice-card-tone) 62%,#5171bc),var(--advice-card-tone));box-shadow:0 0 9px color-mix(in srgb,var(--advice-card-tone) 40%,transparent)}.transit-advice-copy{display:grid;gap:8px}.transit-advice-copy p{margin:0;color:#aeb9cb;font-size:10.5px;line-height:1.62}.transit-advice-copy p+p{padding-top:8px;border-top:1px solid rgba(115,142,194,.1);color:#c2ccda}.transit-advice-copy strong{color:var(--advice-card-tone);font-weight:680}.transit-advice-evidence{margin-top:12px;border-top:1px solid rgba(115,142,194,.1)}.transit-advice-evidence summary{padding:10px 0 0;color:#8492a8;font-size:9px;font-weight:650;cursor:pointer;list-style-position:inside}.transit-advice-evidence summary:hover{color:#b5c0d1}.transit-advice-evidence summary:focus-visible{outline:2px solid #9e8aff;outline-offset:3px}.transit-advice-evidence>div{display:grid;gap:10px;margin-top:10px;padding:10px;border:1px solid rgba(113,141,196,.11);border-radius:10px;background:#040d1d6b}.transit-advice-evidence b{color:#93a1b6;font-size:8px;font-weight:720;letter-spacing:.04em;text-transform:uppercase}.transit-advice-evidence ul{display:grid;gap:6px;margin:7px 0 0;padding-left:15px;color:#8795aa;font-size:8.5px;line-height:1.45}.transit-advice-error{display:flex;align-items:center;gap:8px;margin:14px 18px 0;padding:10px 12px;border:1px solid rgba(241,102,124,.25);border-radius:11px;color:#d5a3ac;background:#7323391f;font-size:10px}.transit-advice-error strong{color:#ff9cac}.transit-advice-panel>footer{padding:0 18px 16px;color:#66748c;font-size:8.5px;line-height:1.45}.transit-advice-skeleton>i{min-height:132px;display:grid;align-content:start;gap:12px;padding:14px;border:1px solid rgba(120,147,204,.11);border-radius:14px;background:#07122680;font-style:normal}.transit-advice-skeleton b{color:#7d8ba2;font-size:9px}.transit-advice-skeleton span{height:8px;border-radius:999px;background:linear-gradient(90deg,#715bdb14,#8973ef38,#715bdb14);background-size:200% 100%;animation:transit-advice-shimmer 1.4s linear infinite}.transit-advice-skeleton span:last-child{width:72%}@keyframes transit-advice-shimmer{to{background-position:-200% 0}}.transit-structure-section>div{grid-template-columns:minmax(0,1fr)}.transit-structure-stage{width:100%;height:auto;min-height:0;display:block;padding:18px;overflow:hidden;background:linear-gradient(rgba(94,124,184,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(94,124,184,.025) 1px,transparent 1px);background-size:28px 28px}.transit-structure-stage .formula-visual{width:100%;min-height:0}.transit-structure-stage .formula-desktop-map{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:rgba(139,116,255,.45) rgba(8,19,39,.45)}.transit-structure-stage .formula-svg{position:static;width:100%;height:auto;max-width:1240px;max-height:none}.transit-structure-stage .formula-edge{stroke-width:2.4;opacity:.96}.transit-structure-stage .formula-edge.edge-auxiliary,.transit-structure-stage .formula-edge.is-auxiliary-pointer{stroke-width:2.4}.transit-structure-stage .formula-edge.edge-incoming,.transit-structure-stage .formula-edge.edge-outgoing,.transit-structure-stage .formula-edge.edge-mutual,.transit-structure-stage .formula-edge.route-active{stroke-width:3.2}.transit-structure-stage .formula-crossing-halo{stroke-width:5.2;opacity:.96}.transit-structure-stage .formula-node{cursor:default}@media (min-width: 1760px){.transit-structure-section>div{grid-template-columns:repeat(2,minmax(0,1fr))}.transit-structure-card{display:grid;grid-template-rows:auto 1fr auto}.transit-structure-stage{display:grid;align-items:center}}@media (max-width: 900px){.transit-advice-panel>header{align-items:stretch;flex-direction:column;gap:15px}.transit-advice-button{width:100%}.transit-advice-preview,.transit-advice-grid,.transit-advice-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.transit-advice-panel>header{padding:16px 14px}.transit-advice-panel>header h2{font-size:19px}.transit-advice-preview,.transit-advice-grid,.transit-advice-skeleton{grid-template-columns:minmax(0,1fr);padding:12px}.transit-advice-card{min-height:0}.transit-advice-error{align-items:flex-start;flex-direction:column;margin:12px 12px 0}.transit-advice-panel>footer{padding:0 12px 14px}.transit-structure-stage{height:auto;min-height:0;padding:12px 8px 15px}.transit-structure-stage .formula-svg{max-height:none}}@media (prefers-reduced-motion: reduce){.transit-advice-skeleton span{animation:none}}.transits-view{--transit-line: rgba(126, 151, 207, .16);--transit-surface: rgba(7, 18, 38, .78);--transit-violet: #9d87ff;--transit-cyan: #58d6df;gap:16px}.transits-view :is(#transit-advice,#transit-overview,#transit-sky,#transit-positions,#transit-structures){scroll-margin-top:calc(var(--header-h) + 72px)}.transit-control-card{grid-template-columns:minmax(300px,.82fr) minmax(520px,1.25fr);gap:16px 32px;padding:22px 24px 18px;border-color:#8970f83d;border-radius:20px;background:radial-gradient(circle at 8% 10%,rgba(113,80,236,.16),transparent 34%),linear-gradient(135deg,#0a1a35f5,#051022eb);box-shadow:0 22px 60px #00041257,inset 0 1px #ffffff0b}.transit-control-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#8f6eff,#3bcbd8 72%,transparent);box-shadow:0 0 22px #7b5eff6b}.transit-control-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.transit-control-kicker>span{color:#a18cff;font-size:9px;font-weight:800;letter-spacing:.17em}.transit-control-kicker>b{max-width:100%;overflow:hidden;padding:4px 8px;border:1px solid rgba(82,205,216,.22);border-radius:999px;color:#83dfe5;background:#21849117;font-size:8px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.transit-control-copy h2{margin-top:8px;font-size:21px;letter-spacing:-.035em}.transit-control-copy p{margin-top:8px;color:#8593aa;font-size:11px}.transit-fields{gap:10px}.transit-fields label{gap:7px;color:#93a0b5;font-size:9px;font-weight:620}.transit-fields input{height:48px;border-color:#849dd338;border-radius:13px;padding-inline:13px;background:#030d1db8;font-size:12px}.transit-fields input:hover{border-color:#8e77f55c}.transit-fields input:focus{border-color:#997effb3;box-shadow:0 0 0 4px #7254ee1f}.transit-calculate{min-width:170px;height:48px;border-radius:13px}.transit-presets{align-items:center;gap:8px;padding-top:15px}.transit-presets>span{margin-right:2px;color:#66758d;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.transit-presets button{min-height:34px;border-radius:10px;font-size:9px}.transit-presets button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #150b4540}.transit-hero{min-height:176px;grid-template-columns:minmax(0,1fr) 170px minmax(320px,.9fr);gap:28px;padding:26px 30px;border-color:#7862e847;border-radius:22px;background:radial-gradient(circle at 50% 50%,rgba(111,73,228,.18),transparent 30%),radial-gradient(circle at 96% 0%,rgba(37,153,177,.11),transparent 32%),linear-gradient(128deg,#0b1c39f7,#061125f0)}.transit-hero:after{content:"";position:absolute;inset:auto 30px 0;height:1px;background:linear-gradient(90deg,transparent,rgba(145,119,255,.48),rgba(66,206,217,.34),transparent)}.transit-hero-copy h2{margin:8px 0 5px;font-size:clamp(24px,2.1vw,34px);letter-spacing:-.045em}.transit-hero-copy p{color:#8a98af;font-size:11px}.transit-hero-stats{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.transit-hero-stats span{min-height:31px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border:1px solid rgba(127,151,204,.15);border-radius:999px;color:#8391a8;background:#050f207a;font-size:9px}.transit-hero-stats b{color:#dcd6ff;font-size:11px;font-variant-numeric:tabular-nums}.transit-hero-orbit{width:150px;height:110px}.transit-hero-orbit i{width:142px;height:58px;border-color:#977eff7a;box-shadow:0 0 36px #5d41d31f}.transit-hero-orbit:after{content:"";width:76px;height:76px;border:1px dashed rgba(74,207,218,.25);border-radius:50%}.transit-hero-orbit span{right:-2px;font-size:26px}.transit-hero-orbit b{position:absolute;font-size:23px}.transit-hero-note{max-width:390px;gap:7px}.transit-hero-note strong{color:#dfe5f3;font-size:12px}.transit-hero-note span{color:#8795aa;font-size:10px;line-height:1.6}.transit-hero-note>div{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px;margin-top:6px}.transit-hero-note a{min-height:34px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid rgba(132,155,205,.17);border-radius:10px;color:#a9b5c8;background:#08142999;font-size:9px;text-decoration:none;transition:.2s var(--ease)}.transit-hero-note a:last-child{color:#ddd6ff;border-color:#947bff5c;background:#5c42c829}.transit-hero-note a:hover{transform:translateY(-1px);color:#fff;border-color:#9a84ff8c}.transit-section-nav{position:sticky;z-index:24;top:calc(var(--header-h) + 8px);min-height:48px;display:flex;align-items:center;gap:5px;padding:6px 8px;overflow-x:auto;border-radius:15px;background:#051022e0;backdrop-filter:blur(20px) saturate(135%);box-shadow:0 15px 40px #0004103d;scrollbar-width:none}.transit-section-nav::-webkit-scrollbar{display:none}.transit-section-nav>span{flex:0 0 auto;padding:0 9px;color:#59677f;font-size:8px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.transit-section-nav a{flex:0 0 auto;min-height:34px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid transparent;border-radius:10px;color:#8997ae;font-size:9px;text-decoration:none;transition:.18s var(--ease)}.transit-section-nav a:hover,.transit-section-nav a:focus-visible{color:#e5e0ff;border-color:#9178ff4d;background:#5b44be26;outline:0}.transit-advice-panel{border-color:#896ef83b;border-radius:22px}.transit-advice-panel>header{padding:24px 26px;background:linear-gradient(100deg,#6546d821,#1f72880d)}.transit-advice-panel>header h2{margin-top:7px;font-size:24px}.transit-advice-panel>header p{max-width:800px;color:#8b99af;font-size:11px}.transit-advice-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.transit-advice-meta span{padding:4px 8px;border:1px solid rgba(126,151,205,.13);border-radius:999px;color:#728098;background:#05102261;font-size:8px;font-weight:620;letter-spacing:0}.transit-advice-button{min-width:226px;min-height:50px;border-radius:14px;font-size:11px}.transit-advice-preview,.transit-advice-grid,.transit-advice-skeleton{gap:12px;padding:18px 20px 20px}.transit-advice-card{min-height:238px;padding:16px;border-radius:17px;transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.transit-advice-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--advice-card-tone) 48%,rgba(116,144,201,.12));box-shadow:0 18px 38px #0005133b,inset 0 1px #ffffff09}.transit-advice-card>header{grid-template-columns:38px minmax(0,1fr) auto;gap:11px}.transit-advice-card>header>i{width:38px;height:38px;border-radius:11px;font-size:17px}.transit-advice-card h3{font-size:12px}.transit-advice-card header div span{margin-top:5px;font-size:8.5px}.transit-advice-card header>strong{font-size:26px}.transit-advice-card meter{height:6px;margin:15px 0 14px}.transit-advice-copy{gap:10px}.transit-advice-copy p{color:#b4bfd0;font-size:10.5px;line-height:1.65}.transit-advice-copy p+p{display:grid;gap:6px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--advice-card-tone) 20%,rgba(115,142,194,.08));border-radius:11px;background:color-mix(in srgb,var(--advice-card-tone) 5%,rgba(4,14,30,.48))}.transit-advice-copy p+p strong{font-size:8px;letter-spacing:.08em;text-transform:uppercase}.transit-advice-copy p+p span{color:#c8d1de}.transit-advice-evidence{margin-top:11px}.transit-advice-evidence summary{padding-top:11px}.transit-advice-panel>footer{padding:0 20px 18px;font-size:9px}.transit-overview{display:grid;gap:11px}.transit-overview>header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:2px 3px}.transit-overview>header span{color:#8f79ed;font-size:8px;font-weight:800;letter-spacing:.16em}.transit-overview>header h2{margin:5px 0 0;font-size:19px;letter-spacing:-.03em}.transit-overview>header p{max-width:430px;margin:0;color:#718098;font-size:9px;text-align:right}.transit-metrics{gap:10px}.transit-metrics article{--metric-tone: #9d87ff;min-height:116px;grid-template-columns:34px 1fr;gap:4px 10px;padding:15px;border-color:color-mix(in srgb,var(--metric-tone) 22%,var(--transit-line));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--metric-tone) 6%,rgba(8,23,47,.91)),#050f20e3)}.transit-metrics article.tone-cyan{--metric-tone: #58d6df}.transit-metrics article.tone-positive{--metric-tone: #54d2af}.transit-metrics article.tone-negative{--metric-tone: #f08793}.transit-metrics article.tone-amber{--metric-tone: #e4bb62}.transit-metrics article>i{width:34px;height:34px;border-color:color-mix(in srgb,var(--metric-tone) 32%,transparent);color:var(--metric-tone);background:color-mix(in srgb,var(--metric-tone) 9%,transparent);font-size:14px}.transit-metrics span{color:#929fb3;font-size:9px}.transit-metrics strong{color:#edf1fa;font-size:29px}.transit-metrics small{color:#68768d;font-size:8px}.transit-analysis-grid{gap:14px}.transit-wheel-card,.transit-aspects-card,.transit-positions-card,.transit-structure-card{border-radius:20px}.transit-wheel-card>header,.transit-aspects-card>header,.transit-positions-card>header{min-height:74px;padding:16px 18px}.transit-control-copy h2,.transit-aspects-card h2,.transit-positions-card h2,.transit-structure-section h2,.transit-wheel-card h2{font-size:19px}.transit-cosmogram-stage{min-height:620px;padding:14px;background:radial-gradient(circle at 50% 48%,rgba(78,72,179,.08),transparent 54%)}.transit-aspect-filters{gap:7px;padding:12px 14px}.transit-aspect-filters button{height:34px;border-radius:10px;font-size:9px}.transit-aspect-list{max-height:540px;padding:6px 12px 12px}.transit-aspect-row{min-height:72px;padding:10px 8px;border-radius:10px;transition:background .18s,transform .18s}.transit-aspect-row:hover{background:#5c48b61a;transform:translate(2px)}.transit-aspect-planets b,.transit-aspect-kind strong,.transit-exactness strong{font-size:9px}.transit-aspect-planets small,.transit-aspect-kind small,.transit-exactness small{font-size:8px}.transit-position-grid{gap:1px}.transit-position-grid button{min-height:88px;padding:12px;background:#050f20e0}.transit-position-grid button:hover{background:linear-gradient(135deg,#2f2767e0,#113249a8);transform:translateY(-2px)}.transit-position-glyph{width:36px;height:36px;border-radius:11px;font-size:21px}.transit-position-grid strong{font-size:10px}.transit-position-grid small{font-size:8px;line-height:1.4}.transit-structure-section{gap:14px}.transit-structure-section>header{padding:4px 3px}.transit-structure-section>header p{color:#78869d;font-size:10px}.transit-structure-card>header{min-height:72px;padding:14px 18px}.transit-structure-card h3{font-size:17px}.transit-structure-card>footer{min-height:46px}.transit-structure-card>footer span{font-size:9px}.transit-disclaimer{min-height:66px;padding:15px 18px;border-radius:16px}.transit-disclaimer p{color:#7d8ba2;font-size:10px}@media (min-width: 1500px){.transit-structure-section>div{grid-template-columns:repeat(2,minmax(0,1fr))}.transit-structure-card{display:grid;grid-template-rows:auto 1fr auto}.transit-structure-stage{display:grid;align-items:center}}@media (max-width: 1180px){.transit-control-card{grid-template-columns:minmax(0,1fr)}.transit-hero{grid-template-columns:minmax(0,1fr) 120px}.transit-hero-note{grid-column:1 / -1;justify-self:stretch;max-width:none;text-align:left}.transit-hero-note>div{justify-content:flex-start}.transit-hero-orbit{width:115px}.transit-hero-orbit i{width:108px}.transit-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.transit-section-nav{top:calc(var(--header-h) + 6px)}.transit-advice-panel>header{padding:20px}.transit-overview>header{display:block}.transit-overview>header p{margin-top:7px;text-align:left}.transit-cosmogram-stage{min-height:480px}}@media (max-width: 767px){.transits-view{gap:12px}.transit-control-card{gap:16px;padding:18px 14px 14px;border-radius:17px}.transit-control-copy h2{font-size:20px}.transit-presets>span{width:100%}.transit-hero{min-height:0;grid-template-columns:minmax(0,1fr) 88px;gap:12px;padding:20px 15px;border-radius:18px;text-align:left}.transit-hero-copy h2{font-size:23px}.transit-hero-stats{gap:5px}.transit-hero-stats span{min-height:29px;padding-inline:8px}.transit-hero-orbit{width:82px;height:82px}.transit-hero-orbit i{width:78px;height:38px}.transit-hero-orbit:after{width:52px;height:52px}.transit-hero-note{grid-column:1 / -1;justify-self:stretch;text-align:left}.transit-hero-note>div{justify-content:flex-start}.transit-section-nav{top:calc(var(--header-h) + 4px);margin-inline:-2px;border-radius:13px}.transit-section-nav>span{display:none}.transit-section-nav a{min-height:38px;padding-inline:11px;font-size:9px}.transit-advice-panel{border-radius:18px}.transit-advice-panel>header{padding:18px 14px}.transit-advice-panel>header h2{font-size:21px}.transit-advice-card{padding:14px;border-radius:15px}.transit-overview>header{padding-inline:2px}.transit-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.transit-metrics article{min-height:108px;padding:13px}.transit-wheel-card,.transit-aspects-card,.transit-positions-card,.transit-structure-card{border-radius:17px}.transit-cosmogram-stage{min-height:390px;padding:8px}.transit-position-grid button{min-height:82px}.transit-structure-section>header p{font-size:10px;text-align:left}}.comparison-view{--comparison-a: #8f75ff;--comparison-a-soft: rgba(143, 117, 255, .13);--comparison-b: #35cbe2;--comparison-b-soft: rgba(53, 203, 226, .11);--comparison-positive: #42d7b7;--comparison-warning: #f2bd5d;--comparison-negative: #ff7180;--comparison-card-pad: 16px;width:100%;min-width:0;overflow-x:clip;overflow-y:visible;color:var(--text, #f5f7ff)}.comparison-view *,.comparison-view *:before,.comparison-view *:after{box-sizing:border-box}.comparison-view :is(p,dd,td,th,strong,small,span){overflow-wrap:anywhere}.comparison-view p{line-height:1.5}.comparison-view small{font-size:10px!important;line-height:1.4}.comparison-view :is(button,input,select){min-height:44px}.comparison-view button{touch-action:manipulation}.comparison-view :is(button,input,select):focus-visible{outline:2px solid rgba(152,131,255,.92);outline-offset:2px}.comparison-setup,.comparison-chart-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start;min-width:0}.comparison-chart-pair{grid-template-columns:minmax(0,1fr)}@media (min-width: 1800px){.comparison-setup{grid-template-columns:minmax(900px,1.12fr) minmax(620px,.88fr)}.comparison-chart-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.comparison-chart-card{min-width:0;padding:var(--comparison-card-pad);isolation:isolate}.comparison-chart-card.chart-a{border-color:#8f75ff4d}.comparison-chart-card.chart-b{border-color:#35cbe242}.comparison-chart-card.chart-a:before,.comparison-chart-card.chart-b:before{content:"";position:absolute;z-index:-1;top:-90px;right:-70px;width:210px;height:210px;border-radius:50%;pointer-events:none}.comparison-chart-card.chart-a:before{background:radial-gradient(circle,rgba(143,117,255,.16),transparent 69%)}.comparison-chart-card.chart-b:before{background:radial-gradient(circle,rgba(53,203,226,.13),transparent 69%)}.comparison-chart-head{display:flex;align-items:flex-start;gap:12px;min-width:0;margin-bottom:16px}.comparison-chart-head>div{min-width:0}.comparison-chart-head small{display:block;margin:1px 0 3px;color:#8c99b1;font-weight:800;letter-spacing:.14em}.comparison-chart-head h2{margin:0;color:#eef2fc;font-size:clamp(17px,1.5vw,22px);line-height:1.16;letter-spacing:-.02em}.comparison-chart-head p{max-width:660px;margin:5px 0 0;color:#93a0b8;font-size:11px}.comparison-map-preview{min-width:0;margin:0 0 12px;padding:14px;overflow:hidden;border:1px solid rgba(116,147,211,.14);border-radius:14px;background:radial-gradient(circle at 50% 28%,rgba(111,82,225,.12),transparent 50%),linear-gradient(rgba(99,125,181,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(99,125,181,.035) 1px,transparent 1px),#030c1bb8;background-size:auto,22px 22px,22px 22px,auto}.chart-b .comparison-map-preview{background:radial-gradient(circle at 50% 28%,rgba(53,203,226,.1),transparent 50%),linear-gradient(rgba(99,125,181,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(99,125,181,.035) 1px,transparent 1px),#030c1bb8;background-size:auto,22px 22px,22px 22px,auto}.comparison-map-preview>header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;margin-bottom:6px}.comparison-map-preview>header>div{min-width:0}.comparison-map-preview>header span{display:block;color:#7f8da7;font-size:10px;font-weight:800;letter-spacing:.1em}.comparison-map-preview>header h3{margin:2px 0 0;color:#dce4f3;font-size:13px}.comparison-map-expand{flex:0 0 44px;width:44px;min-width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid rgba(134,112,237,.22);border-radius:11px;color:#a99bf5;background:#4e3aa41c;transition:color .18s ease,border-color .18s ease,background .18s ease}.chart-b .comparison-map-expand{color:#75dce9;border-color:#35cbe233;background:#2082951a}.comparison-map-expand:hover{color:#f1eeff;border-color:#8f75ff80;background:#5a42be33}.comparison-map-expand svg{width:17px;height:17px}.comparison-map-canvas{width:100%;height:auto;min-height:0;display:block;overflow:hidden}.comparison-map-canvas .formula-visual{width:100%;min-width:0;height:auto}.comparison-map-canvas .formula-map-toolbar{margin-bottom:12px;background:#051022c7}.comparison-view .formula-context-copy strong{font-size:13px!important}.comparison-view .formula-context-copy small{font-size:11px!important}.comparison-map-canvas .formula-desktop-map{width:100%;display:block;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:rgba(143,117,255,.58) rgba(8,19,39,.46)}.comparison-map-canvas .formula-desktop-map::-webkit-scrollbar{height:8px}.comparison-map-canvas .formula-desktop-map::-webkit-scrollbar-track{border-radius:999px;background:#08132775}.comparison-map-canvas .formula-desktop-map::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(90deg,#8f75ffb8,#35cbe2ad)}.comparison-map-canvas .formula-desktop-map:focus-visible{outline:2px solid rgba(143,117,255,.7);outline-offset:-2px}.comparison-map-canvas .formula-desktop-map>.formula-svg{display:block;width:var(--graph-native-width)!important;height:auto!important;margin-inline:auto;min-width:0;min-height:0;max-width:none!important;max-height:none;aspect-ratio:var(--graph-aspect);overflow:visible}.comparison-map-preview>footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(112,143,207,.1);color:#9aa7bc;font-size:11px}.comparison-map-preview>footer span{display:inline-flex;align-items:center;gap:5px}.comparison-map-preview>footer i{width:8px;height:8px;border-radius:50%;background:#6f83a9;box-shadow:0 0 9px #6f83a94d}.comparison-map-preview>footer i.center{background:#9a82ff;box-shadow:0 0 9px #9a82ff80}.comparison-map-preview>footer i.link{width:14px;height:2px;border-radius:99px;background:#aeb9cd;box-shadow:none}.comparison-map-preview>footer i.auxiliary{border:1px dashed #f28391;background:#f2839114;box-shadow:none}.comparison-map-preview>footer i.retrograde{border:1px dashed #f0b75f;background:transparent}.comparison-map-preview .comparison-orbit-legend{flex:1 1 auto}.comparison-map-preview .orbit-key{overflow-wrap:normal}.comparison-map-error{margin:10px 0 14px;padding:14px;border:1px solid rgba(242,189,93,.22);border-radius:12px;color:#d9be88;background:#7b521817;font-size:11px}.comparison-chart-letter{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(143,117,255,.34);border-radius:13px;color:#dcd5ff;background:var(--comparison-a-soft);box-shadow:inset 0 1px #ffffff0f,0 8px 24px #42299d29;font-size:15px;font-weight:850}.chart-b .comparison-chart-letter{border-color:#35cbe24d;color:#c4f5fb;background:var(--comparison-b-soft);box-shadow:inset 0 1px #ffffff0f,0 8px 24px #13748924}.comparison-chart-meta,.comparison-difference-summary,.comparison-aspect-summary dl,.comparison-aspect-delta dl,.comparison-coverage dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.comparison-chart-meta>div,.comparison-difference-summary>div,.comparison-aspect-summary dl>div,.comparison-aspect-delta dl>div,.comparison-coverage dl>div{min-width:0;padding:10px 11px;border:1px solid rgba(113,143,202,.12);border-radius:11px;background:#050f207a}.comparison-view :is(.comparison-chart-meta,.comparison-difference-summary,.comparison-aspect-summary dl,.comparison-aspect-delta dl,.comparison-coverage dl) dt{margin:0 0 4px;color:#8391aa;font-size:10px}.comparison-view :is(.comparison-chart-meta,.comparison-difference-summary,.comparison-aspect-summary dl,.comparison-aspect-delta dl,.comparison-coverage dl) dd{margin:0;color:#dce3f1;font-size:12px;font-weight:650}.comparison-editor{overflow:visible;border-color:#35cbe245}.comparison-editor:after{display:none}.comparison-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;min-width:0}.comparison-form>.full{grid-column:1 / -1}.comparison-form .form-field{min-width:0}.comparison-form .form-field>label{color:#abb7cc;font-size:11px;font-weight:650}.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 .form-field small{color:#8795ad}.comparison-form .smart-combobox{min-width:0}.comparison-form .combobox-list{max-width:100%}.comparison-form .sheet-note{min-height:62px;margin:1px 0 0;border-color:#745ee333;background:linear-gradient(110deg,#5a3cbb1c,#21608514)}.comparison-form .sheet-note p{color:#9eabc1}.comparison-form .sheet-actions{min-width:0}.comparison-form .sheet-actions :is(button,.calculate-button){min-height:46px;font-size:10px!important}.comparison-report{min-width:0}.comparison-report-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:10px 0}.comparison-report-actions .ghost-button{min-width:154px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;color:#b8c3d7;font-size:10px!important}.comparison-report-actions .ghost-button svg{width:16px;height:16px}.comparison-report-actions .ghost-button.danger{color:#f29aa4;border-color:#ff718033;background:#651f301f}.comparison-report-actions .ghost-button.danger:hover{color:#ffc0c7;border-color:#ff71806b;background:#7d223538}.comparison-tabs{position:sticky;z-index:30;top:calc(var(--header-h, 64px) + 7px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;min-width:0;margin:0 0 10px;padding:5px;overflow:hidden;border:1px solid rgba(116,147,211,.17);border-radius:15px;background:#040d1df0;box-shadow:0 12px 34px #00030c59;backdrop-filter:blur(18px) saturate(125%)}.comparison-tabs button{min-width:0;min-height:46px;padding:8px 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:11px;color:#8996ae;background:transparent;font-size:11px;font-weight:680;transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.comparison-tabs button svg{flex:0 0 auto;width:16px;height:16px}.comparison-tabs button:hover{color:#dfe5f2;background:#59699c1a}.comparison-tabs button.active,.comparison-tabs button[aria-selected=true]{color:#f4f1ff;border-color:#8f75ff5c;background:linear-gradient(115deg,#684cda4d,#2d639c29);box-shadow:inset 0 1px #ffffff0f,0 7px 22px #4a32b12e}.comparison-tab-panels,.comparison-tab-panel{min-width:0;width:100%}.comparison-tab-panel:focus{outline:none}.comparison-view :is(.comparison-insights,.comparison-coverage,.comparison-centers,.comparison-centers-side,.comparison-table-card,.comparison-bridges,.comparison-aspect-summary,.comparison-aspect-delta,.comparison-evidence-list)>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.comparison-view :is(.comparison-insights,.comparison-coverage,.comparison-centers,.comparison-centers-side,.comparison-table-card,.comparison-bridges,.comparison-aspect-summary,.comparison-aspect-delta,.comparison-evidence-list)>header>div{min-width:0}.comparison-view :is(.comparison-insights,.comparison-coverage,.comparison-centers,.comparison-table-card,.comparison-bridges,.comparison-aspect-summary,.comparison-aspect-delta,.comparison-evidence-list)>header span{display:block;margin-bottom:3px;color:#7f8da7;font-size:10px;font-weight:800;letter-spacing:.12em}.comparison-view :is(.comparison-insights,.comparison-coverage,.comparison-centers,.comparison-centers-side,.comparison-table-card,.comparison-bridges,.comparison-aspect-summary,.comparison-aspect-delta,.comparison-evidence-list)>header h3{margin:0;color:#e5eaf5;font-size:15px;line-height:1.25}.comparison-view :is(.comparison-insights,.comparison-centers,.comparison-table-card,.comparison-bridges,.comparison-aspect-summary,.comparison-evidence-list)>header>b{flex:0 0 auto;min-width:32px;height:32px;display:grid;place-items:center;padding:0 8px;border:1px solid rgba(135,112,244,.22);border-radius:10px;color:#b9aaff;background:#644ccc1f;font-size:11px}.comparison-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.comparison-metrics{grid-column:1 / -1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-width:0}.comparison-metric{min-width:0;min-height:132px;padding:14px;display:grid;align-content:space-between;gap:11px;border:1px solid rgba(113,143,202,.16);border-radius:var(--radius-lg, 17px);background:linear-gradient(145deg,#08172fe8,#050f20e3);box-shadow:0 16px 40px #00041038,inset 0 1px #ffffff06}.comparison-metric.metric-overall{border-color:#8f75ff52;background:linear-gradient(140deg,#402b8f61,#081d3ddb)}.comparison-metric>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.comparison-metric>header span{color:#a7b3c8;font-size:10px;line-height:1.3}.comparison-metric>header strong{flex:0 0 auto;color:#f1edff;font-size:17px}.comparison-metric p{margin:0;color:#8492aa;font-size:10px}.comparison-metric meter{width:100%;height:8px;border:0;border-radius:99px;background:#687eaf29;accent-color:var(--comparison-a)}.comparison-metric meter::-webkit-meter-bar{height:8px;border:0;border-radius:99px;background:#687eaf29}.comparison-metric meter::-webkit-meter-optimum-value,.comparison-metric meter::-webkit-meter-suboptimum-value,.comparison-metric meter::-webkit-meter-even-less-good-value{border-radius:99px;background:linear-gradient(90deg,#7659f0,#4d8ee9,#36c9d9)}.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{min-width:0;padding:var(--comparison-card-pad)}.comparison-insight-list{display:grid;gap:7px;margin:13px 0 0;padding:0;list-style:none}.comparison-insight-list li{min-width:0;display:grid;grid-template-columns:50px minmax(0,1fr);gap:10px;align-items:start;padding:10px;border:1px solid rgba(108,138,198,.11);border-radius:12px;background:#050f2073}.comparison-insight-list li>div{min-width:0}.comparison-insight-list strong{display:block;color:#dce3f0;font-size:11px;line-height:1.35}.comparison-insight-list p{margin:3px 0;color:#96a4bb;font-size:10px}.comparison-insight-list small{display:block;color:#75839c}.comparison-impact{min-width:44px;min-height:28px;display:grid;place-items:center;padding:4px 5px;border:1px solid rgba(66,215,183,.24);border-radius:9px;color:#7ce0cc;background:#2a97851a;font-size:10px;font-weight:750}.tone-tension .comparison-impact{color:#ff9ba6;border-color:#ff718040;background:#972b3e1a}.tone-difference .comparison-impact{color:#e7c47f;border-color:#f2bd5d3d;background:#90631f1a}.comparison-coverage{grid-column:1 / -1}.comparison-coverage dl{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:13px}.comparison-coverage dl>div{padding:9px}.comparison-coverage dd{color:#c9d5e9!important}.comparison-warnings{grid-column:1 / -1;min-width:0;padding:13px 15px;border:1px solid rgba(66,215,183,.18);border-radius:14px;color:#9ec4bb;background:#1a655817}.comparison-warnings.has-warnings{border-color:#f2bd5d40;color:#d7bc84;background:#8256181a}.comparison-warnings h3{margin:0 0 6px;color:inherit;font-size:12px}.comparison-warnings p{margin:0;font-size:10px}.comparison-warnings ul{display:grid;gap:5px;margin:0;padding-left:20px}.comparison-warnings li{padding-left:2px;font-size:10px;line-height:1.45}.comparison-empty{margin:12px 0 0;color:#8593aa;font-size:10px}.comparison-structure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}.comparison-centers{border-color:#8f75ff3d}.comparison-centers .comparison-difference-summary{margin-top:13px}.comparison-centers-side.chart-a{border-color:#8f75ff3d}.comparison-centers-side.chart-b{border-color:#35cbe238}.comparison-centers-side>header{justify-content:flex-start!important;align-items:center!important}.comparison-centers-side>header>span{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(143,117,255,.27);border-radius:10px;color:#c7baff;background:var(--comparison-a-soft);font-size:11px;font-weight:800}.comparison-centers-side.chart-b>header>span{border-color:#35cbe240;color:#b7eff6;background:var(--comparison-b-soft)}.comparison-cycle-list{display:grid;gap:7px;margin:13px 0 0;padding:0;list-style:none}.comparison-cycle-list li{min-width:0;min-height:48px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:8px;border:1px solid rgba(112,142,201,.12);border-radius:11px;background:#050f207a}.comparison-cycle-list li>span{grid-row:1 / 3;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#b7a8fa;background:#664cd221;font-size:10px}.comparison-cycle-list strong{color:#dbe2ef;font-size:11px}.comparison-cycle-list small{color:#74829a}.comparison-table-card{grid-column:1 / -1;min-width:0;padding:0}.comparison-table-card>header{padding:14px 16px}.comparison-bridges{grid-column:1 / -1}.comparison-bridges ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:7px;margin:13px 0 0;padding:0;list-style:none}.comparison-bridges li{min-width:0;display:grid;gap:3px;padding:10px;border:1px solid rgba(53,203,226,.15);border-radius:11px;background:#18677714}.comparison-bridges li span{color:#68ccdc;font-size:10px}.comparison-bridges li strong{color:#c7e5e9;font-size:11px}.comparison-table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:rgba(133,109,241,.45) rgba(8,18,37,.55);border-top:1px solid rgba(108,138,198,.1)}.comparison-table-wrap::-webkit-scrollbar{height:10px}.comparison-table-wrap::-webkit-scrollbar-track{background:#0812258c}.comparison-table-wrap::-webkit-scrollbar-thumb{border:2px solid rgba(8,18,37,.55);border-radius:99px;background:#856df173}.comparison-table-wrap table{width:100%;min-width:760px;border-spacing:0;border-collapse:separate;table-layout:auto;color:#c4cddd;font-size:11px}.comparison-table-wrap caption{padding:10px 13px;color:#8997af;background:#0813279e;font-size:10px;line-height:1.4;text-align:left}.comparison-table-wrap th,.comparison-table-wrap td{min-width:96px;padding:11px 12px;border-bottom:1px solid rgba(105,135,196,.1);vertical-align:top;text-align:left;line-height:1.4}.comparison-table-wrap thead th{position:sticky;z-index:3;top:0;color:#93a1b8;background:#09162c;font-size:10px;font-weight:750;letter-spacing:.035em;white-space:nowrap}.comparison-table-wrap tbody th{position:sticky;z-index:2;left:0;min-width:138px;color:#dce3f0;background:#081429;font-size:11px}.comparison-table-wrap tbody tr:last-child>*{border-bottom:0}.comparison-table-wrap tbody tr:hover>td{background:#6450cf0b}.comparison-table-wrap tbody tr:hover>th{background:#0b1931}.comparison-planets .comparison-table-wrap table{min-width:1480px}.comparison-planets .comparison-table-wrap th:first-child{width:180px}.comparison-planets .comparison-table-wrap td{min-width:126px}.comparison-planets .comparison-table-wrap td:nth-child(9){min-width:230px}.comparison-planets tr.is-unpaired td{color:#c09aa0;background:#7a283a12}.comparison-planet-name{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:2px 8px;min-width:0}.comparison-planet-name>i{grid-row:1 / 3;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#bcaeff;background:#6952dd1f;font-size:17px;font-style:normal}.comparison-planet-name strong{color:#dfe5f1;font-size:11px}.comparison-planet-name small{color:#748199}.value-a,.value-b,.route-a,.route-b{min-width:0;display:block;color:#c4cddd;font-size:10px;line-height:1.45}.value-a+.value-b,.route-a+.route-b{margin-top:4px}.value-a>i,.value-b>i{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:5px;border-radius:6px;font-size:10px;font-style:normal;font-weight:800}.value-a>i{color:#c9bdff;background:var(--comparison-a-soft)}.value-b>i{color:#b8eef5;background:var(--comparison-b-soft)}.route-a{color:#bcaeff}.route-b{color:#71d2df}.comparison-aspects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.comparison-aspects-grid .comparison-table-card{grid-column:1 / -1}.comparison-aspect-summary dl,.comparison-aspect-delta dl{margin-top:13px}.comparison-aspect-summary dd{color:#a8e5da!important}.comparison-aspect-delta dd{color:#e2c785!important}.comparison-table-wrap tr.tone-harmonious td:first-of-type{box-shadow:inset 3px 0 #42d7b7b8}.comparison-table-wrap tr.tone-challenging td:first-of-type{box-shadow:inset 3px 0 #ff7180b8}.comparison-table-wrap tr.tone-intense td:first-of-type{box-shadow:inset 3px 0 #8f75ffbd}.comparison-evidence-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:10px;min-width:0}.comparison-evidence-list{min-width:0}.comparison-evidence-list ol{display:grid;gap:7px;margin:13px 0 0;padding:0;list-style:none}.comparison-evidence-list li{min-width:0;display:grid;grid-template-columns:126px minmax(0,1fr);gap:10px;align-items:start;padding:10px;border:1px solid rgba(109,140,200,.12);border-radius:11px;background:#050f2078}.comparison-evidence-list li>div{min-width:0}.comparison-evidence-list li strong{display:block;color:#d8dfec;font-size:11px;line-height:1.42}.comparison-evidence-list li small{display:block;margin-top:4px;color:#78869e;word-break:break-word}.evidence-kind{min-width:0;min-height:28px;display:grid;place-items:center;padding:5px 7px;border:1px solid rgba(143,117,255,.22);border-radius:8px;color:#baaaff;background:#634acd1c;font-size:10px;line-height:1.25;text-align:center}.evidence-kind.tone-harmonious{color:#7bdbc7;border-color:#42d7b73b;background:#2388751a}.evidence-kind.tone-challenging{color:#f49aa4;border-color:#ff71803d;background:#90293c1a}.evidence-kind.tone-difference{color:#dfc17e;border-color:#f2bd5d38;background:#895c181a}.comparison-formulas{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-width:0}.comparison-formula-card{padding:13px}.comparison-formula-card h3,.comparison-formula-notes h3{margin:0 0 10px;color:#dce3f0;font-size:12px}.comparison-formula-card table{width:100%;border-collapse:collapse;font-size:10px}.comparison-formula-card th,.comparison-formula-card td{padding:7px 4px;border-bottom:1px solid rgba(107,137,197,.1);text-align:left;vertical-align:top}.comparison-formula-card tr:last-child>*{border-bottom:0}.comparison-formula-card th{color:#929fb5;font-weight:550}.comparison-formula-card td{color:#c4b8ff;font-weight:700;text-align:right}.comparison-formula-notes{min-width:0}.comparison-formula-notes p{margin:6px 0 0;color:#929fb6;font-size:10px}.comparison-formula-notes strong{color:#c7cfdd}.comparison-evidence-grid>.comparison-coverage,.comparison-evidence-grid>.comparison-warnings{grid-column:1 / -1}.comparison-required{min-height:280px;display:grid;place-items:center;align-content:center;gap:7px;padding:28px;border:1px solid rgba(242,189,93,.22);border-radius:var(--radius-lg, 17px);color:#ddc189;background:#7b521817;text-align:center}.comparison-required strong{font-size:18px}.comparison-required p{margin:0;color:#a99671;font-size:11px}@media (max-width: 1439px){.comparison-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-metric{min-height:116px}.comparison-coverage dl,.comparison-formulas{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1199px){.comparison-setup{grid-template-columns:1fr}.comparison-structure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-centers{grid-column:1 / -1}.comparison-evidence-grid{grid-template-columns:1fr}.comparison-evidence-grid>*{grid-column:1}.comparison-formulas{grid-column:1}}.comparison-chart-card:fullscreen,.comparison-chart-card.is-fullscreen-fallback{width:100%!important;height:100dvh!important;min-height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:18px!important;overflow:auto!important;border-radius:0!important;background:#030b1b!important}.comparison-chart-card.is-fullscreen-fallback{width:auto!important;height:auto!important;min-height:0!important;border-radius:18px!important}.comparison-chart-card:fullscreen .comparison-map-canvas,.comparison-chart-card.is-fullscreen-fallback .comparison-map-canvas{height:auto;min-height:0}.comparison-chart-card:fullscreen .comparison-map-canvas .formula-desktop-map>.formula-svg,.comparison-chart-card.is-fullscreen-fallback .comparison-map-canvas .formula-desktop-map>.formula-svg{width:var(--graph-native-width)!important;max-width:none!important;height:auto!important}@media (min-width: 768px) and (max-width: 1023px){.comparison-view{--comparison-card-pad: 15px}.comparison-tabs{top:calc(var(--header-h, 60px) + 7px)}.comparison-tabs button{padding-inline:7px;font-size:10px}.comparison-tabs button svg{display:none}.comparison-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-overview-grid,.comparison-aspects-grid,.comparison-formulas{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-table-wrap table{min-width:820px}.comparison-planets .comparison-table-wrap table{min-width:1460px}}@media (max-width: 767px){.comparison-view{--comparison-card-pad: 13px;width:100%;max-width:100%;overflow-x:clip;overflow-y:visible}.comparison-view .page-heading{display:grid;align-items:start;gap:7px;margin-bottom:10px}.comparison-view .page-heading .heading-context{text-align:left}.comparison-setup,.comparison-chart-pair,.comparison-overview-grid,.comparison-structure-grid,.comparison-aspects-grid,.comparison-evidence-grid{grid-template-columns:minmax(0,1fr)}.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{border-radius:15px}.comparison-chart-card.has-open-combobox{z-index:800}body.comparison-combobox-open .app-header{z-index:900}.comparison-chart-head{gap:9px;margin-bottom:12px}.comparison-chart-letter{flex-basis:38px;width:38px;height:38px;border-radius:11px;font-size:13px}.comparison-chart-head h2{font-size:17px}.comparison-chart-head p{font-size:10px}.comparison-map-preview{padding:8px;border-radius:12px}.comparison-map-canvas{height:auto}.comparison-map-preview>footer{gap:5px 9px}.comparison-chart-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.comparison-chart-meta>div{padding:8px}.comparison-chart-meta dd{font-size:11px!important}.comparison-form{grid-template-columns:minmax(0,1fr);gap:11px}.comparison-form>.full{grid-column:auto}.comparison-form .form-field input{min-height:48px;font-size:16px!important}.comparison-form .sheet-actions{display:grid;grid-template-columns:1fr}.comparison-form .sheet-actions :is(button,.calculate-button){width:100%;min-width:0;min-height:48px}.comparison-form .combobox-list{max-width:none}.comparison-report-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-report-actions .ghost-button{min-width:0;width:100%;min-height:46px;padding-inline:8px}.comparison-tabs{position:sticky;top:calc(var(--header-h, 58px) + 5px);display:flex;gap:5px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;border-radius:14px}.comparison-tabs::-webkit-scrollbar{display:none}.comparison-tabs button{flex:0 0 auto;min-width:116px;min-height:46px;scroll-snap-align:start;font-size:10px}.comparison-tabs button svg{display:none}.comparison-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.comparison-metric{min-height:122px;padding:11px}.comparison-metric.metric-overall{grid-column:1 / -1;min-height:108px}.comparison-metric>header{display:grid;gap:5px}.comparison-metric>header strong{font-size:16px}.comparison-insights,.comparison-coverage,.comparison-warnings,.comparison-centers,.comparison-centers-side,.comparison-bridges,.comparison-aspect-summary,.comparison-aspect-delta,.comparison-evidence-list,.comparison-formula-notes,.comparison-formulas{grid-column:1}.comparison-insight-list li{grid-template-columns:44px minmax(0,1fr);gap:8px;padding:8px}.comparison-impact{min-width:40px}.comparison-coverage dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.comparison-coverage dl>div{padding:8px}.comparison-difference-summary,.comparison-aspect-summary dl,.comparison-aspect-delta dl{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-table-card{width:100%;max-width:100%;overflow:hidden;border-radius:15px}.comparison-table-card>header{padding:12px 13px}.comparison-table-wrap{width:100%;max-width:100%}.comparison-table-wrap table{min-width:760px;font-size:11px}.comparison-planets .comparison-table-wrap table{min-width:1450px}.comparison-table-wrap th,.comparison-table-wrap td{padding:10px;font-size:10px}.comparison-table-wrap tbody th{min-width:132px}.comparison-bridges ul{grid-template-columns:minmax(0,1fr)}.comparison-evidence-list li{grid-template-columns:minmax(0,1fr);gap:7px}.evidence-kind{width:fit-content;max-width:100%}.comparison-formulas{grid-template-columns:minmax(0,1fr);gap:7px}.comparison-required{min-height:230px;padding:22px 16px}}@media (max-width: 419px){.comparison-chart-meta,.comparison-difference-summary,.comparison-aspect-summary dl,.comparison-aspect-delta dl,.comparison-coverage dl,.comparison-report-actions{grid-template-columns:minmax(0,1fr)}.comparison-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-metric{min-height:128px}.comparison-metric>header span{font-size:10px}.comparison-view :is(.comparison-insights,.comparison-table-card,.comparison-evidence-list)>header h3{font-size:14px}}@media (max-width: 339px){.comparison-view{--comparison-card-pad: 11px}.comparison-tabs button{min-width:108px;padding-inline:8px}.comparison-metric{padding:9px}.comparison-insight-list li{grid-template-columns:minmax(0,1fr)}.comparison-impact{width:fit-content}}@media (prefers-reduced-motion: reduce){.comparison-view *,.comparison-view *:before,.comparison-view *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media print{.comparison-view{--text: #182033;--comparison-card-pad: 9px;overflow:visible;color:#182033;background:#fff;font-size:9pt}.comparison-view .page-heading{margin-bottom:8px;color:#111827}.comparison-view .page-heading p,.comparison-view .heading-context span{color:#4b5563}.comparison-report-actions,.comparison-tabs{display:none!important}.comparison-tab-panel,.comparison-tab-panel[hidden]{display:block!important;margin-top:8mm}.comparison-tab-panel:before{content:attr(data-comparison-panel);display:block;margin-bottom:3mm;color:#111827;font-size:13pt;font-weight:750;text-transform:uppercase}.comparison-view .glass-card,.comparison-metric,.comparison-warnings,.comparison-required{color:#182033;border:1px solid #cdd4df;background:#fff;box-shadow:none;backdrop-filter:none}.comparison-view .glass-card:before,.comparison-view .glass-card:after{display:none}.comparison-view :is(h1,h2,h3,strong,dd){color:#111827!important}.comparison-view :is(p,small,span,dt){color:#4b5563}.comparison-chart-letter,.comparison-impact,.evidence-kind{color:#312e81!important;border-color:#b9b6df;background:#f3f2ff}.comparison-overview-grid,.comparison-structure-grid,.comparison-aspects-grid,.comparison-evidence-grid{gap:4mm}.comparison-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:3mm}.comparison-metric{min-height:28mm;break-inside:avoid}.comparison-metric meter{print-color-adjust:exact;-webkit-print-color-adjust:exact}.comparison-chart-card,.comparison-insights,.comparison-coverage,.comparison-centers,.comparison-centers-side,.comparison-bridges,.comparison-aspect-summary,.comparison-aspect-delta,.comparison-formula-card,.comparison-formula-notes{break-inside:avoid}.comparison-table-card,.comparison-evidence-list{break-inside:auto}.comparison-table-wrap{overflow:visible;border-color:#d8dde6}.comparison-table-wrap table,.comparison-planets .comparison-table-wrap table{width:100%;min-width:0;table-layout:fixed;color:#182033;font-size:8pt}.comparison-table-wrap th,.comparison-table-wrap td{min-width:0;padding:4px;border-color:#d8dde6;white-space:normal}.comparison-table-wrap thead th,.comparison-table-wrap tbody th{position:static;color:#111827;background:#eef1f5}.comparison-planets .comparison-table-wrap td:nth-child(9){min-width:0}.comparison-evidence-list li,.comparison-insight-list li,.comparison-cycle-list li{color:#182033;border-color:#d8dde6;background:#fff;break-inside:avoid}.comparison-formulas{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-formula-card th{color:#374151}.comparison-formula-card td{color:#312e81}.comparison-warnings{color:#6b4f16}}@media screen{.comparison-transition-preview{width:100%;min-width:0;margin:0 0 12px}.comparison-transition-preview>.transition-state{width:100%;max-width:none;margin:0}.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}.comparison-chart-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.comparison-chart-pair>.comparison-chart-card{height:100%}html[data-soulgraph-layout=wide] .comparison-chart-pair{grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible}html[data-soulgraph-layout=wide] .comparison-setup{grid-template-columns:minmax(0,1.08fr) minmax(460px,.92fr)}html[data-soulgraph-layout=compact] .comparison-chart-pair{grid-template-columns:repeat(2,minmax(480px,1fr));overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:rgba(127,104,235,.62) rgba(8,19,39,.46)}html[data-soulgraph-layout=compact] .comparison-chart-pair::-webkit-scrollbar{height:9px}html[data-soulgraph-layout=compact] .comparison-chart-pair::-webkit-scrollbar-track{border-radius:999px;background:#08132775}html[data-soulgraph-layout=compact] .comparison-chart-pair::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(90deg,#8f75ffb8,#35cbe2ad)}}.reports-view{--report-violet: #9a80ff;--report-cyan: #37c7dc;--report-gold: #efbd58;--report-ember: #ff6e79;--report-ink: #e8edf7;--report-muted: #929fb5;padding-bottom:56px}.report-heading{min-height:48px;align-items:center;gap:14px;margin-bottom:8px;padding-block:2px}.report-heading>div:first-child{min-width:0}.report-heading>div:first-child>span{font-size:8px;letter-spacing:.16em}.report-heading h1{margin-top:2px;font-size:clamp(22px,2.1vw,31px);line-height:1.05}.report-heading p{margin-top:3px;font-size:10px;line-height:1.35}.report-heading .heading-context{gap:2px}.report-heading .heading-context strong{color:#cec5ff}.report-heading-prism{width:44px;height:44px;flex:0 0 44px}.report-prism--heading{width:44px;height:44px}.report-prism{display:block;width:100%;height:100%;overflow:visible}.report-prism-orbit{transform-box:fill-box;transform-origin:center;animation:reportPrismSpin 18s linear infinite}.report-prism-orbit circle{fill:none;stroke:#8169f738;stroke-width:1;stroke-dasharray:3 7}.report-prism-orbit circle+circle{stroke:#37c7dc33;stroke-dasharray:1 8;animation:reportPrismOrbitPulse 3.2s ease-in-out infinite}.report-prism-facets path{stroke:#c0b4ff80;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:reportFacetGlow 3.5s ease-in-out infinite}.report-prism-facets path:nth-child(1){fill:#9a80ff3d;animation-delay:-.2s}.report-prism-facets path:nth-child(2){fill:#37c7dc30;animation-delay:-.9s}.report-prism-facets path:nth-child(3){fill:#efbd582e;animation-delay:-1.6s}.report-prism-facets path:nth-child(4){fill:#ff6e7924;animation-delay:-2.3s}.report-prism-facets path:nth-child(5){fill:#7e65eb33;animation-delay:-3s}.report-prism-outline{fill:none;stroke:#a995ff;stroke-width:1.5;stroke-linejoin:round;stroke-dasharray:12 5;animation:reportPrismDash 5s linear infinite}.report-prism-nodes circle{fill:#b7a8ff;stroke:#ffffffb3;stroke-width:1;filter:drop-shadow(0 0 5px rgba(146,119,255,.8))}.report-prism-nodes circle:nth-child(2){fill:var(--report-cyan)}.report-prism-nodes circle:nth-child(3){fill:var(--report-gold)}.report-prism-nodes circle:nth-child(4){fill:var(--report-ember)}.report-prism-core{fill:#f5f2ff;stroke:#8c70ff;stroke-width:3;filter:drop-shadow(0 0 9px rgba(146,119,255,.9));animation:reportCorePulse 2.1s ease-in-out infinite}.report-start{min-height:min(470px,calc(100dvh - 150px));display:grid;grid-template-columns:176px minmax(300px,660px) auto;align-items:center;justify-content:center;gap:clamp(24px,4vw,64px);padding:clamp(30px,6vw,76px);overflow:hidden;background:radial-gradient(circle at 15% 45%,rgba(110,79,233,.19),transparent 28%),linear-gradient(135deg,#0d1a36f7,#061022f2)}.report-start-visual{width:168px;height:168px;filter:drop-shadow(0 20px 35px rgba(44,25,120,.25))}.report-start-copy>span,.report-progress-copy>span,.report-profile-copy>span,.report-map>span,.report-section-header b,.report-section--closing>span{color:#a58cff;font-size:8px;font-weight:800;letter-spacing:.18em}.report-start-copy h2,.report-progress-copy h2,.report-profile-copy h2,.report-section-header h2,.report-section--closing h2{font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:-.035em}.report-start-copy h2{margin:8px 0 10px;font-size:clamp(29px,3.4vw,48px)}.report-start-copy p{max-width:620px;margin:0;color:var(--report-muted);font-size:13px;line-height:1.7}.report-start-action{display:grid;justify-items:start;gap:9px}.report-start-action small{max-width:220px;color:#8490a7;font-size:10px;line-height:1.45}.report-create-button{min-width:190px;min-height:48px}.report-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:reportSpinner .75s linear infinite}.report-progress{display:grid;grid-template-columns:126px minmax(0,720px);align-items:center;justify-content:center;gap:28px;margin-top:12px;padding:24px 30px;overflow:hidden}.report-progress-visual{width:116px;height:116px}.report-progress-copy h2{margin:5px 0;font-size:27px}.report-progress-copy p{margin:0;color:var(--report-muted);font-size:11px;line-height:1.55}.report-progress-copy small{display:block;margin-top:8px;color:#73819a;font-size:9px}.report-progress-facets{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-width:540px;margin-top:15px}.report-progress-facets i{height:5px;overflow:hidden;border-radius:99px;background:#7589b424}.report-progress-facets i:after{content:"";display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7e61f1,#38c7db);transform:scaleX(0);transform-origin:left;opacity:.2}.report-progress-facets i.is-complete:after{transform:scaleX(1);opacity:1}.report-progress-facets i.is-current:after{animation:reportProgressFacet 1.5s ease-in-out infinite}.report-error,.report-pdf-error{border:1px solid rgba(255,99,114,.34);border-radius:13px;color:#ff9aa5;background:#430d1c73}.report-error{margin-top:12px;padding:14px 17px}.report-error strong{display:block;margin-bottom:4px;font-size:12px}.report-error p{margin:0;color:#d9a6ad;font-size:11px;line-height:1.5}.report-stream-error{display:grid;justify-items:start;gap:9px}.report-stream-sections{margin-top:12px}.report-profile{min-height:248px;display:grid;grid-template-columns:168px minmax(0,1fr) 218px;align-items:center;gap:clamp(22px,3vw,42px);margin-bottom:10px;padding:clamp(25px,3vw,42px);overflow:hidden;scroll-margin-top:calc(var(--header-h) + 10px);background:radial-gradient(circle at 12% 48%,rgba(110,79,233,.18),transparent 26%),radial-gradient(circle at 84% 0%,rgba(30,178,211,.08),transparent 30%),linear-gradient(140deg,#0d1934f7,#061022f2)}.report-profile-visual{position:relative;width:156px;height:156px;display:grid;place-items:center}.report-profile-visual>span{position:absolute;z-index:3;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(207,195,255,.52);border-radius:50%;color:#fff;background:#231a50e6;box-shadow:0 0 28px #6f52e766;font-size:13px;font-weight:800}.report-profile-copy h2{margin:5px 0 7px;font-size:clamp(30px,3vw,46px)}.report-profile-copy>p{max-width:690px;margin:0;color:#a0adc1;font-size:11px;line-height:1.6}.report-profile-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px;margin:18px 0 0}.report-profile-meta div{min-width:0;display:grid;gap:3px;padding-top:8px;border-top:1px solid rgba(128,149,196,.13)}.report-profile-meta dt{display:flex;align-items:center;gap:6px;color:#71809a;font-size:8px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.report-profile-meta dt svg{color:#9b84ff}.report-profile-meta dd{min-width:0;margin:0;overflow:hidden;color:#d7deeb;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.report-profile-actions{display:grid;gap:8px}.report-profile-actions :is(.calculate-button,.ghost-button){width:100%;min-height:45px;display:flex;align-items:center;justify-content:center;gap:8px}.report-profile-actions .ghost-button{border:1px solid rgba(123,147,204,.2);border-radius:12px;color:#b6c1d4;background:#0813289e}.report-profile-actions>small{color:#6f7d96;font-size:8px;line-height:1.45;text-align:center}.report-pdf-error{margin:0;padding:8px 10px;font-size:9px;line-height:1.4}.report-map{margin-bottom:10px;padding:14px 16px 16px}.report-map>span{display:block;margin-bottom:10px}.report-map>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.report-map a{--tone: var(--report-violet);min-width:0;min-height:46px;display:grid;grid-template-columns:24px 28px minmax(0,1fr);align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(117,145,204,.14);border-radius:10px;color:#8f9cb2;background:#0a162d8c;text-decoration:none;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.report-map a:hover,.report-map a:focus-visible{color:#eef1fa;border-color:var(--tone);background:#13203dd4;transform:translateY(-1px)}.report-map a>b{color:var(--tone);font-size:8px}.report-map a>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--tone);background:#8970f717}.report-map a>strong{overflow:hidden;font-size:9px;font-weight:650;line-height:1.25;text-overflow:ellipsis}.report-sections{display:grid;gap:12px}.report-section{--tone: var(--report-violet);position:relative;min-width:0;overflow:hidden;scroll-margin-top:calc(var(--header-h) + 10px);animation:reportSectionReveal .55s var(--ease) both;animation-delay:calc(min(var(--report-index),4)*75ms)}.tone-violet{--tone: var(--report-violet)}.tone-cyan{--tone: var(--report-cyan)}.tone-gold{--tone: var(--report-gold)}.tone-ember{--tone: var(--report-ember)}.report-section:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,var(--tone),transparent 88%)}.report-section-header{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:14px;padding:22px 24px 18px;border-bottom:1px solid rgba(116,143,196,.13)}.report-section-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--tone) 38%,transparent);border-radius:14px;color:var(--tone);background:color-mix(in srgb,var(--tone) 10%,transparent)}.report-section-header b{color:var(--tone)}.report-section-header h2{margin:4px 0;font-size:clamp(23px,2.1vw,32px);line-height:1.05}.report-section-header p{max-width:760px;margin:0;color:var(--report-muted);font-size:10px;line-height:1.45}.report-paragraph-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;padding:18px}.report-paragraph{position:relative;min-width:0;min-height:250px;padding:19px 19px 21px;overflow:hidden;border:1px solid rgba(116,143,196,.12);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 5%,rgba(8,19,39,.56)),#0711246b)}.report-paragraph>span{position:absolute;right:13px;top:6px;color:color-mix(in srgb,var(--tone) 19%,transparent);font-family:Georgia,Times New Roman,serif;font-size:54px;line-height:1}.report-paragraph h3{position:relative;z-index:1;max-width:calc(100% - 38px);margin:0 0 14px;color:var(--tone);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.report-paragraph p{position:relative;z-index:1;margin:0;color:#d5dbe7;font-family:Georgia,Times New Roman,serif;font-size:14.5px;line-height:1.7;text-wrap:pretty}.report-section[data-report-section=vulnerabilities]{background:radial-gradient(circle at 88% 10%,rgba(255,74,91,.1),transparent 28%),#091225e0}.report-section[data-report-section=vulnerabilities] .report-paragraph{border-color:#ff697529;background:linear-gradient(145deg,#4e15233d,#08122680)}.report-top-legend{align-self:center;padding:7px 10px;border:1px solid rgba(239,189,88,.28);border-radius:99px;color:#eac977;background:#72501126;font-size:8px;font-weight:800;letter-spacing:.08em}.report-professions{counter-reset:profession;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:18px;list-style:none}.report-profession{position:relative;min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px 15px;border:1px solid rgba(116,143,196,.12);border-radius:13px;background:#08132775}.report-profession-rank{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(239,189,88,.2);border-radius:11px;color:#c9b06e;background:#7653141c;font-size:11px;font-weight:800}.report-profession h3{margin:1px 0 5px;color:#e5e9f3;font-size:13px;line-height:1.25}.report-profession p{margin:0;color:#9da9bd;font-size:10px;line-height:1.5}.report-profession>strong{align-self:start;padding:4px 6px;border-radius:6px;color:#fff3bd;background:linear-gradient(135deg,#8e6720,#bb8730);font-size:7px;letter-spacing:.06em}.report-profession.is-top-three{border-color:#f8c75b80;background:linear-gradient(135deg,#6949124f,#1a1b3ca3);box-shadow:inset 3px 0 #efbd58,0 12px 30px #1e12032b}.report-profession.is-top-three .report-profession-rank{color:#fff3bd;border-color:#ffda8085;background:#a6711747}.report-section--closing{min-height:440px;display:grid;place-items:center;align-content:center;gap:15px;padding:clamp(42px,7vw,88px);text-align:center;background:radial-gradient(circle at 50% 30%,rgba(118,83,241,.25),transparent 33%),linear-gradient(145deg,#101a38fa,#080d1ffa)}.report-closing-prism{width:128px;height:128px}.report-section--closing h2{max-width:900px;margin:0;color:#f0edff;font-size:clamp(29px,4vw,54px);line-height:1.16;text-wrap:balance}.report-section--closing a{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;border:1px solid rgba(154,128,255,.32);border-radius:99px;color:#cbbfff;background:#5b40bf1f;font-size:10px;text-decoration:none}.report-section--closing a:hover,.report-section--closing a:focus-visible{color:#fff;border-color:#a58cff}@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 (max-width: 1180px){.report-profile{grid-template-columns:140px minmax(0,1fr) 200px;gap:22px}.report-profile-visual{width:136px;height:136px}.report-paragraph-grid{grid-template-columns:1fr}.report-paragraph{min-height:0}}@media (max-width: 980px){.report-heading-prism{display:none}.report-profile{grid-template-columns:130px minmax(0,1fr)}.report-profile-actions{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))}.report-profile-actions>small,.report-pdf-error{grid-column:1 / -1}.report-map>div{grid-template-columns:repeat(3,minmax(0,1fr))}.report-professions{grid-template-columns:1fr}}@media (max-width: 700px){.reports-view{padding-bottom:82px}.report-heading{min-height:42px;align-items:flex-start}.report-heading .heading-context{display:none}.report-heading h1{font-size:23px}.report-heading p{max-width:320px;font-size:10px}.report-start{min-height:auto;grid-template-columns:1fr;justify-items:center;gap:15px;padding:27px 18px;text-align:center}.report-start-visual{width:132px;height:132px}.report-start-copy h2{font-size:29px}.report-start-copy p{font-size:13px}.report-start-action{justify-items:center}.report-progress{grid-template-columns:82px minmax(0,1fr);gap:14px;padding:18px 14px}.report-progress-visual{width:78px;height:78px}.report-progress-copy h2{font-size:21px}.report-progress-copy p{font-size:10px}.report-profile{grid-template-columns:1fr;justify-items:center;padding:24px 17px;text-align:center}.report-profile-visual{width:132px;height:132px}.report-profile-copy h2{font-size:32px}.report-profile-copy>p{margin-inline:auto;font-size:11px}.report-profile-meta{width:100%;grid-template-columns:1fr;text-align:left}.report-profile-actions{width:100%;grid-column:auto;grid-template-columns:1fr}.report-profile-actions>small,.report-pdf-error{grid-column:auto}.report-map{padding:13px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(154,128,255,.52) rgba(7,16,34,.5)}.report-map::-webkit-scrollbar{height:6px}.report-map::-webkit-scrollbar-thumb{border-radius:99px;background:#9a80ff85}.report-map>div{min-width:720px;grid-template-columns:repeat(5,1fr)}.report-section-header{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:18px 15px 15px}.report-section-icon{width:40px;height:40px;border-radius:11px}.report-section-header h2{font-size:23px}.report-section-header p{font-size:10.5px}.report-top-legend{grid-column:1 / -1;justify-self:start;margin-left:53px}.report-paragraph-grid,.report-professions{padding:12px}.report-paragraph{padding:17px}.report-paragraph p{font-size:15px;line-height:1.68}.report-profession{grid-template-columns:36px minmax(0,1fr);padding:13px 12px}.report-profession-rank{width:34px;height:34px}.report-profession h3{font-size:13px}.report-profession p{font-size:10.5px;line-height:1.48}.report-profession>strong{grid-column:2;justify-self:start}.report-section--closing{min-height:390px;padding:38px 18px}.report-closing-prism{width:106px;height:106px}.report-section--closing h2{font-size:clamp(27px,8vw,38px)}}@media print{@page{size:A4;margin:12mm}body{color:#17162b!important;background:#fff!important}.reports-view{padding:0!important}.report-heading,.report-profile-actions,.report-map{display:none!important}.report-profile,.report-section,.report-paragraph,.report-profession{color:#17162b!important;border-color:#d9d7e2!important;background:#fff!important;box-shadow:none!important}.report-profile{min-height:auto;grid-template-columns:90px 1fr;page-break-after:always}.report-profile-visual{width:82px;height:82px}.report-sections{display:block}.report-section{margin-bottom:6mm;break-inside:avoid}.report-paragraph-grid{grid-template-columns:1fr}.report-section h2,.report-section h3,.report-paragraph p,.report-profession h3{color:#17162b!important}.report-profession p,.report-section-header p{color:#5f6070!important}.report-section--closing{page-break-before:always;min-height:245mm}}@media (prefers-reduced-motion: reduce){.report-prism *,.report-spinner,.report-progress-facets i:after,.report-section{animation:none!important}.report-map a{transition:none!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}.cursor-aura.is-interactive{opacity:.86}.cursor-aura.is-interactive:after{opacity:.72;transform:translate(-50%,-50%) scale(1)}.cursor-aura.is-pressed:after{border-color:#bce2ff66;transform:translate(-50%,-50%) scale(.74)}.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-horizontal{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}.cursor-aura.is-active.is-interactive{opacity:.88}.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}.route-motion-badge{min-height:44px!important;transform:none;transform-origin:right center}.metric-explainer{place-content:center start!important;place-items:start!important;padding:16px!important;text-align:left!important}.metric-explainer span,.metric-explainer p{justify-self:start!important;max-width:none!important}.metric-card .metric-help-toggle{transition:opacity .22s ease,transform .22s ease,visibility .22s}.metric-card.is-explaining .metric-help-toggle{visibility:hidden;opacity:0;pointer-events:none;transform:scale(.78)}@media (hover: hover) and (pointer: fine){.metric-card:is(:hover,:focus-within) .metric-explainer{opacity:1;transform:none}.metric-card:hover .metric-help-toggle{visibility:hidden;opacity:0;pointer-events:none;transform:scale(.78)}.metric-card:focus-within .metric-help-toggle{opacity:0;pointer-events:none;transform:scale(.78)}.metric-card:focus-within{outline:2px solid color-mix(in srgb,var(--metric-tone) 72%,transparent);outline-offset:2px}}.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-close{display:grid!important;place-items:center;min-width:42px;min-height:42px}.mobile-inspector-sheet .inspector-kicker{font-size:9px}.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}.mobile-inspector-sheet .inspector-stats span,.mobile-inspector-sheet .section-mini-title{font-size:10px}.mobile-inspector-sheet .inspector-stats strong{font-size:12px;white-space:normal;overflow-wrap:anywhere}.mobile-inspector-sheet .route-flow{flex-wrap:wrap;overflow:visible}.mobile-inspector-sheet .route-chip{min-height:36px;font-size:10px}.planet-ai-action{width:100%;min-height:46px;border:1px solid rgba(137,108,245,.42);border-radius:12px;color:#eeeaff;background:linear-gradient(120deg,#6949e26b,#2187a142);font-weight:680;cursor:pointer}.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}.planet-ai-action:disabled{cursor:wait;opacity:.64}.planet-ai-result{display:grid;gap:10px;margin-top:10px}.planet-ai-result p{margin:0;color:#aab5c8;font-size:12px;line-height:1.65}.auxiliary-chip-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}.auxiliary-chip{min-height:68px!important;grid-template-columns:36px minmax(0,1fr) auto 34px minmax(0,.9fr) auto!important;gap:8px!important}.auxiliary-chip strong,.auxiliary-chip small{white-space:normal!important;overflow-wrap:anywhere}.auxiliary-chip>span{align-content:center}.center-field,.component-center-dotted{fill:#8967f506;stroke:#b8a1ffad;stroke-width:1.35;stroke-dasharray:3 6;vector-effect:non-scaling-stroke;pointer-events:none}.cosmogram-side-column .route-flow{flex-wrap:wrap;overflow:visible}.cosmogram-side-column .route-note{overflow-wrap:anywhere}.cosmogram-main-card:fullscreen,.cosmogram-main-card.is-fullscreen-fallback{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;height:100dvh!important;min-height:0!important;overflow:hidden!important}body.fullscreen-fallback-open:not(.af-soul-fullscreen) #view-root{position:fixed!important;z-index:1200!important;inset:0!important;width:100vw!important;height:100dvh!important;view-transition-name:none!important}body.fullscreen-fallback-open #view-root>.view{width:100%!important;max-width:none!important;height:100%!important}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}.is-fullscreen-fallback>.panel-header{position:sticky!important;z-index:12!important;top:0!important;background:#050f20f7!important}.cosmogram-main-card:fullscreen .large-cosmogram-stage,.cosmogram-main-card.is-fullscreen-fallback .large-cosmogram-stage{min-height:0!important;height:auto!important;overflow:hidden!important}.cosmogram-main-card:fullscreen .cosmogram-wrap,.cosmogram-main-card.is-fullscreen-fallback .cosmogram-wrap{width:100%!important;height:100%!important;min-height:0!important;container-type:normal!important}.cosmogram-main-card:fullscreen .cosmogram-svg,.cosmogram-main-card.is-fullscreen-fallback .cosmogram-svg{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;aspect-ratio:1}@media screen{.transition-state{min-height:0!important;grid-template-rows:auto auto auto!important}.transition-mini-stage{height:auto!important;min-height:0!important;max-height:none!important;padding:8px!important}.transition-mini-stage .transition-state-graph,.transition-mini-stage .transition-compact-map{height:auto!important;min-height:0!important}.transition-mini-stage .transition-compact-map>.formula-svg{height:auto!important;aspect-ratio:auto!important}}.transition-scale-card,.dynamics-card{border-color:#7c69e030}.dynamics-summary-grid{align-items:stretch}.event-tags span{transition:transform .2s ease,border-color .2s ease}.event-tags span:hover{transform:translateY(-2px);border-color:#5acddd66}.transit-control-card{position:relative}.transit-control-copy{grid-column:1;grid-row:1 / span 2}.transit-fields{grid-column:2;grid-row:1}.transit-presets{grid-column:2;grid-row:2}@media (max-width: 1180px){.transit-control-card{grid-template-columns:minmax(0,1fr)!important}.transit-control-copy,.transit-fields,.transit-presets{grid-column:1!important;grid-row:auto!important}}body[data-route=calculate] .sheet-header{position:static!important;top:auto!important}.combobox-list [role=option]{touch-action:pan-y}.combobox-option{width:100%;border:0;background:transparent;font:inherit;text-align:left}@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}.formula-mobile-scroll{width:100%!important;max-width:100%!important;overflow:hidden!important;padding:0!important}.formula-mobile-scroll>.formula-svg{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;text-rendering:optimizeLegibility}.formula-mobile-scroll>.formula-svg.is-mobile-clarity .formula-component[class*=tone-] .component-kicker{font-size:17px}.formula-mobile-scroll>.formula-svg.is-mobile-clarity .formula-component .component-name{font-size:15px}.formula-mobile-scroll>.formula-svg.is-mobile-clarity .center-field-label{font-size:14px}.formula-mobile-scroll>.formula-svg.is-mobile-clarity .formula-node .node-name{font-size:18px}.formula-mobile-scroll>.formula-svg.is-mobile-clarity .formula-node :is(.node-meta,.node-score,.node-retro){font-size:15px}.formula-mobile-scroll>.formula-svg.is-mobile-clarity .formula-node .node-glyph{font-size:40px}.dashboard-formula-stage{overflow:visible!important}.auxiliary-chip-list{grid-template-columns:minmax(0,1fr)!important}.auxiliary-chip{grid-template-columns:38px minmax(0,1fr) auto!important;grid-template-areas:"source source-copy motion" "target target-copy target-copy"!important}.auxiliary-chip>.auxiliary-source{grid-area:source}.auxiliary-chip>span:not(.auxiliary-target-copy){grid-area:source-copy}.auxiliary-chip>em{display:none}.auxiliary-chip>.auxiliary-target{grid-area:target}.auxiliary-chip>.auxiliary-target-copy{display:grid!important;grid-area:target-copy}.auxiliary-chip>.auxiliary-motion{grid-area:motion}.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}.report-sphere-card{animation:none!important;transition:transform .26s var(--ease),border-color .3s,box-shadow .3s!important}#view-root.result-enter .report-sphere-card{animation:reportCardReveal .52s var(--ease) both!important;animation-delay:calc(var(--report-index) * 42ms)!important}.report-sphere-card.is-stream-entering{animation:reportCardReveal .48s cubic-bezier(.2,.78,.2,1) both!important;animation-delay:0ms!important}.report-sphere-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tone) 34%,rgba(115,143,200,.14));box-shadow:0 24px 64px #00031057,0 0 0 1px color-mix(in srgb,var(--tone) 8%,transparent) inset}.metric-explainer{place-content:center;place-items:center;padding:18px 16px;text-align:center}.metric-explainer span,.metric-explainer p{justify-self:center}.metric-explainer p{max-width:27ch}.formula-component[class*=tone-]{--component-border: color-mix(in srgb, var(--component-tone) 24%, rgba(150, 167, 205, .16));--component-fill: color-mix(in srgb, var(--component-tone) 4.5%, rgba(5, 15, 31, .36));--component-header-fill: color-mix(in srgb, var(--component-tone) 6.5%, rgba(7, 18, 36, .34))}.formula-component[class*=tone-] .component-panel{stroke-width:.85;filter:drop-shadow(0 8px 16px rgba(0,4,18,.16))}.formula-component .component-header-band{opacity:.78}.formula-component .component-rule{stroke-width:.75;opacity:.68}.formula-component .component-accent{stroke-width:2.1;opacity:.88}.formula-component .component-status-dot{filter:drop-shadow(0 0 3px var(--component-tone))}.formula-dashboard-card .panel-header{grid-template-columns:minmax(160px,1fr) auto}.structure-inspector-pane{overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(124,104,225,.28) transparent}.structure-inspector-pane .planet-inspector{height:auto;min-height:100%}.inspector-reference{background:linear-gradient(145deg,#4634941a,#07132794);border-color:#846eec29}.inspector-reference-list{display:grid;gap:8px;margin:9px 0 0}.inspector-reference-list>div{display:grid;gap:3px;padding-bottom:8px;border-bottom:1px solid rgba(109,137,194,.1)}.inspector-reference-list>div:last-child{padding-bottom:0;border-bottom:0}.inspector-reference-list dt{color:#a99cf0;font-size:8px;font-weight:720;letter-spacing:.035em}.inspector-reference-list dd{margin:0;color:#93a0b6;font-size:9px;line-height:1.55}.inspector-disclaimer{margin:9px 0 0;padding-top:8px;border-top:1px solid rgba(109,137,194,.1);color:#647188;font-size:8px;line-height:1.5}.selection-prompt{align-content:center}.selection-method{width:min(100%,330px);display:grid;gap:6px;margin-top:8px;text-align:left}.selection-method span{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;padding:7px 9px;border:1px solid rgba(112,139,198,.1);border-radius:9px;color:#7f8ca3;background:#07122575;font-size:8px;line-height:1.35}.selection-method b{display:grid;place-items:center;width:29px;height:25px;border-radius:7px;color:#b9aaff;background:#6c52da24;font-size:9px}.cosmogram-label-control{position:relative;isolation:isolate;width:190px;min-height:40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;overflow:hidden;border:1px solid rgba(126,148,204,.2);border-radius:13px;background:linear-gradient(180deg,#040c1beb,#081428db);box-shadow:inset 0 1px #ffffff09,0 10px 24px #00030f2e}.cosmogram-label-thumb{position:absolute;z-index:0;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);border:1px solid rgba(164,143,255,.38);border-radius:9px;background:linear-gradient(135deg,#7154e76b,#3857ab47);box-shadow:0 8px 20px #2212694d,inset 0 1px #ffffff17,0 0 20px #7558ee1f;transform:translate(0);transition:transform .34s cubic-bezier(.16,.86,.22,1),border-color .28s ease,background .28s ease}.cosmogram-label-thumb:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(110deg,transparent 14%,rgba(255,255,255,.12) 48%,transparent 72%);opacity:.7}.cosmogram-label-control[data-active-mode=age] .cosmogram-label-thumb{transform:translate(100%);border-color:#57cce157;background:linear-gradient(135deg,#4371cd57,#29aac140)}.cosmogram-label-control button,.cosmogram-label-control button.active{position:relative;z-index:1;min-width:0;min-height:32px;height:32px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:0;border-radius:9px;color:#718099;background:transparent;box-shadow:none!important;font-size:10px;font-weight:650;transition:color .25s ease,transform .25s cubic-bezier(.2,.8,.2,1)!important}.cosmogram-label-control button i{color:#8290aa;font-size:13px;font-style:normal;line-height:1;transition:color .25s ease,filter .25s ease}.cosmogram-label-control button:hover{color:#c4ccda;transform:translateY(-1px)}.cosmogram-label-control button.active{color:#f1efff}.cosmogram-label-control button.active i{color:#d7ceff;filter:drop-shadow(0 0 6px rgba(157,132,255,.58))}.cosmogram-label-control[data-active-mode=age] button.active i{color:#a9f0f7;filter:drop-shadow(0 0 6px rgba(68,207,224,.52))}.large-cosmogram-stage .cosmogram-wrap{transition:opacity .2s ease,transform .26s cubic-bezier(.2,.8,.2,1),filter .2s ease}.large-cosmogram-stage.is-mode-changing .cosmogram-wrap{opacity:.35;transform:scale(.992);filter:saturate(.78) blur(.6px)}.transition-scale-card{position:relative;min-height:132px;margin-top:12px;padding:16px 20px 14px;overflow:visible;border-color:#977fff3d;background:linear-gradient(145deg,#09162de6,#050f21e0);box-shadow:0 22px 56px #00031042,inset 0 1px #ffffff06}.transition-scale-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:18px 0 0 18px;background:linear-gradient(180deg,#9f7aff,#f0be62 55%,#35d3c1);box-shadow:0 0 18px #8a67ff57}.transition-scale-card>header{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#b6c0d3}.transition-scale-card>header>div:first-child{display:grid;gap:4px}.transition-scale-card>header>div:first-child>span{color:#b8c2d5;font-size:11px;font-weight:760;letter-spacing:.035em}.transition-scale-card>header small{color:#69778f;font-size:10px;font-weight:500}.transition-phase-chip{min-height:38px;display:grid;grid-template-columns:8px auto;align-items:center;gap:2px 8px;padding:6px 11px;border:1px solid rgba(242,190,91,.22);border-radius:11px;background:#53391221;box-shadow:inset 0 1px #ffffff06}.transition-phase-chip i{grid-row:1 / 3;width:8px;height:8px;border-radius:50%;background:#f6c866;box-shadow:0 0 12px #f6c561b3}.transition-phase-chip span{color:#8e826b;font-size:8px;line-height:1}.transition-phase-chip strong{color:#ffda83;font-size:12px;font-weight:720;line-height:1}.transition-scale-card .formula-timeline{margin-top:13px;gap:9px}.transition-scale-card .timeline-copy{color:#728099;font-size:10px}.transition-scale-card .timeline-copy strong{color:#c5cede;font-size:10px;font-weight:580}.transition-scale-card .timeline-track{height:7px;margin:17px 8px 2px;border:1px solid rgba(151,169,211,.13);border-radius:999px;background:linear-gradient(90deg,#ff677647,#f2ba5545 52%,#2fd2bb40);box-shadow:inset 0 2px 5px #00030d73}.transition-scale-card .timeline-track i{top:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff7781,#f3bd60 72%,#ffe39a);box-shadow:0 0 16px #efb3535c}.transition-scale-card .timeline-track>b{width:15px;height:15px;border:3px solid #fff0bd;background:#ffd46f;box-shadow:0 0 0 5px #f5be5514,0 0 20px #f5be55a3}.transition-scale-card .timeline-track>b em{position:absolute;left:50%;bottom:19px;min-width:49px;padding:4px 7px;border:1px solid rgba(247,201,112,.24);border-radius:7px;color:#ffe096;background:#111527f5;box-shadow:0 8px 18px #00030e4d;font-size:9px;font-style:normal;font-weight:720;text-align:center;transform:translate(-50%)}.transition-scale-card .timeline-track span{width:8px;height:8px}.transition-scale-card .timeline-label-row{font-size:10px}.transition-scale-card .timeline-label-row>*{gap:3px}.transition-scale-card .timeline-label-row b{color:#aab6cb;font-size:11px}.transition-scale-card .timeline-label-row>strong b{color:#f5ca73}.transition-scale-card .timeline-label-row small{color:#63718a;font-size:9px}.dynamics-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.dynamics-card{--dynamics-tone: #7e73ff;position:relative;min-height:272px;padding:17px 18px 18px;overflow:hidden;border-color:color-mix(in srgb,var(--dynamics-tone) 24%,rgba(116,145,201,.14));background:linear-gradient(145deg,color-mix(in srgb,var(--dynamics-tone) 5%,rgba(8,21,43,.93)),#040e1ee6);box-shadow:0 22px 52px #0003103d,inset 0 1px #ffffff06}.dynamics-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--dynamics-tone) 78%,white),transparent);opacity:.72}.dynamics-card:after{content:"";position:absolute;z-index:0;width:180px;height:180px;right:-80px;top:-95px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--dynamics-tone) 12%,transparent),transparent 70%);pointer-events:none}.dynamics-card.tone-blue{--dynamics-tone: #6196ff}.dynamics-card.tone-violet{--dynamics-tone: #a278ff}.dynamics-card.tone-gold{--dynamics-tone: #f1bd5e}.dynamics-card.tone-cyan{--dynamics-tone: #43d1d8}.dynamics-card>*{position:relative;z-index:1}.dynamics-card>header{min-height:44px;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px}.dynamics-card-heading{min-width:0;display:flex;align-items:center;gap:10px}.dynamics-card-heading>i{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--dynamics-tone) 28%,transparent);border-radius:10px;color:color-mix(in srgb,var(--dynamics-tone) 82%,white);background:color-mix(in srgb,var(--dynamics-tone) 10%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--dynamics-tone) 10%,transparent);font-size:15px;font-style:normal}.dynamics-card-heading>div{min-width:0;display:grid;gap:4px}.dynamics-card>header .dynamics-card-heading span{color:#c3cbda;font-size:11px;font-weight:760;letter-spacing:.025em}.dynamics-card-heading small{color:#6e7b92;font-size:10px;line-height:1.3}.dynamics-status-chip{max-width:48%;min-height:28px;display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border:1px solid color-mix(in srgb,var(--dynamics-tone) 25%,transparent);border-radius:9px;color:color-mix(in srgb,var(--dynamics-tone) 74%,white)!important;background:color-mix(in srgb,var(--dynamics-tone) 8%,rgba(7,18,36,.72));font-size:9px!important;font-weight:650!important;line-height:1.25;text-align:right}.dynamics-radar-card .radar-chart{height:218px;margin-top:-4px}.dynamics-radar-card .radar-grid polygon,.dynamics-radar-card .radar-grid line{stroke:#799bdb33}.dynamics-radar-card .radar-grid text{fill:#8694aa;font-size:8px}.dynamics-radar-card .radar-area{fill:#5b7fff30}.dynamics-radar-card .radar-line{stroke:#76a4ff;stroke-width:2;filter:drop-shadow(0 0 5px rgba(84,137,255,.38))}.dynamics-radar-card .radar-value{fill:#c5d2e8;font-size:7.5px}.dynamics-changes-card .transition-change-list{gap:8px;padding:4px 0 12px}.dynamics-changes-card .transition-change-list li{min-height:36px;padding:8px 10px;border:1px solid rgba(121,145,197,.1);border-radius:10px;color:#8794a9;background:#0814289e;font-size:10px}.dynamics-changes-card .transition-change-list strong{color:#c2ccdd;font-size:10.5px}.dynamics-changes-card .event-tags{gap:6px}.dynamics-changes-card .event-tags span{padding:6px 9px;border-radius:8px;color:#c0aeff;font-size:9px}.phase-analysis-card{text-align:left}.phase-analysis-card .large-phase-gauge{width:220px;height:112px;margin:17px auto 12px}.phase-analysis-card .large-phase-gauge:before{height:220px;border-radius:220px 220px 0 0;mask:radial-gradient(circle at 50% 50%,transparent 75px,black 76px)}.phase-analysis-card .large-phase-gauge>div{inset:43px 0 auto;gap:3px;text-align:center}.phase-analysis-card .large-phase-gauge strong{color:#f3f5fb;font-size:38px;font-weight:520;letter-spacing:-.03em}.phase-analysis-card .large-phase-gauge span{color:#8290a7;font-size:10px}.phase-analysis-card>p{max-width:42ch;margin:0 auto;color:#8b98ad;font-size:11px;line-height:1.6;text-align:center}.narrative-card{align-content:stretch;grid-template-rows:auto minmax(0,1fr) auto}.narrative-callout{align-self:stretch;padding:14px 15px;border:1px solid rgba(67,209,216,.16);border-radius:13px;background:linear-gradient(145deg,#1e899614,#0713267a)}.narrative-callout>span{color:#72cbd0;font-size:8px;font-weight:760;letter-spacing:.07em}.narrative-card .narrative-callout p{margin:9px 0 0;color:#a1adbf;font-size:11.5px;line-height:1.7}.narrative-card .ghost-button{min-height:38px;margin-top:12px;padding-inline:14px;gap:9px;border-color:#4fccd233;color:#b6e6e8;background:#2b9ca514;font-size:10px}.narrative-card .ghost-button span{color:#62d3d8;font-size:15px}@media (max-width: 980px){.transition-scale-card{padding:14px}.transition-scale-card>header{align-items:flex-start}.dynamics-summary-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 620px){.transition-scale-card>header{align-items:stretch;flex-direction:column}.transition-phase-chip{align-self:flex-start}.transition-scale-card .timeline-copy{align-items:flex-start;flex-direction:column;gap:3px}.transition-scale-card .timeline-track>b em{display:none}.dynamics-card{min-height:0;padding:14px}.dynamics-card>header{align-items:stretch;flex-direction:column}.dynamics-status-chip{max-width:none;align-self:flex-start;text-align:left}}@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(.dashboard-layout,.dashboard-primary-column,.dashboard-analytics-column,.dashboard-lower-grid,.dashboard-metric-grid,.formula-dashboard-card,.planet-ranking-card,.compact-cosmogram-card,.structure-shell,.structure-content,.structure-graph-pane,.cosmogram-page-grid,.cosmogram-main-card,.cosmogram-side-column,.dynamics-summary-grid,.transition-state-grid,.transition-state,.table-page-card,.full-table-wrap,.life-cycle-panel,.transit-control-card,.transit-hero,.transit-analysis-grid,.transit-wheel-card,.transit-aspects-card,.transit-positions-card,.transit-structure-card,.comparison-chart-card,.comparison-report,.comparison-tab-panels,.comparison-tab-panel,.report-overview-story,.report-overview-metrics,.report-interaction,.report-sphere-card){width:100%;max-width:100%;min-width:0}:is(.graph-legend,.dynamics-legend,.table-filter-bar,.transit-presets,.transit-aspect-filters,.comparison-tabs,.comparison-table-wrap,.mobile-route,.formula-mobile-scroll){-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}: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}.dashboard-layout,.cosmogram-page-grid,.transit-analysis-grid,.transit-structure-section>div,.comparison-setup,.comparison-chart-pair,.comparison-overview-grid,.comparison-structure-grid,.comparison-aspects-grid,.comparison-evidence-grid,.report-overview{grid-template-columns:minmax(0,1fr)}.dashboard-analytics-column,.cosmogram-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.cosmogram-side-column>.planet-inspector{grid-column:1 / -1}.transit-position-grid,.comparison-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@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))}.mobile-only{display:grid}.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}.heading-context{display:none}.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)}.panel-header,.compact-panel-header{min-height:58px;gap:9px;padding:10px 11px}.panel-header>div:first-child>span,.compact-panel-header span{font-size:9px;line-height:1.2}.panel-header h2,.compact-panel-header small{margin-top:3px;font-size:11px!important;line-height:1.35}.panel-actions{display:flex;gap:5px}.panel-actions button,.compact-panel-header>a{width:44px;min-width:44px;height:44px}.mobile-birth-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:-2px 0 10px}.mobile-birth-summary button{width:100%;min-width:0;min-height:46px;height:auto;justify-content:flex-start;gap:7px;padding:8px 10px;font-size:11px;line-height:1.35;text-align:left}.mobile-birth-summary button:last-child{grid-column:1 / -1}.mobile-birth-summary button span{min-width:0;overflow:hidden;text-overflow:ellipsis}.dashboard-layout{display:flex;flex-direction:column;gap:10px}.dashboard-primary-column,.dashboard-analytics-column{display:contents}.formula-dashboard-card{order:0;min-height:0}.dashboard-metric-grid{order:1}.dashboard-auxiliary-card{order:2}.dashboard-lower-grid{order:3}.planet-ranking-card{order:4}.compact-cosmogram-card{order:5}.formula-dashboard-card .formula-legend{display:none}.dashboard-formula-stage{width:100%;min-height:0;height:auto;padding:7px;overflow:hidden}.dashboard-formula-stage .formula-desktop-map,.structure-formula .formula-desktop-map{display:none!important}.dashboard-formula-stage .formula-mobile-scroll>.formula-svg.is-mobile-clarity,.structure-formula .formula-mobile-scroll>.formula-svg.is-mobile-clarity{display:block!important}.mobile-formula-graph{width:100%;min-width:0;gap:9px}.mobile-contour,.mobile-pointer-contour{width:100%;min-width:0}.mobile-center-row,.mobile-routes,.mobile-pointer-routes{padding-inline:7px}.mobile-center-row,.mobile-route,.mobile-pointer-route{max-width:100%;overflow-x:auto;scrollbar-width:none}.mobile-center-row::-webkit-scrollbar,.mobile-route::-webkit-scrollbar,.mobile-pointer-route::-webkit-scrollbar{display:none}.mobile-node,.mobile-pointer-node{flex:0 0 auto;min-height:64px}.dashboard-metric-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;overflow:visible!important;padding:0;scroll-snap-type:none}.dashboard-metric-grid .metric-card,.dashboard-metric-grid .metric-card:nth-child(-n+3){display:block!important;width:100%!important;min-width:0!important;min-height:118px!important;height:auto!important;padding:11px}.dashboard-metric-grid .metric-card:first-child,.dashboard-metric-grid .metric-card:nth-child(4){grid-column:1 / -1}.metric-card-head{font-size:10px}.metric-card-head i{width:30px;height:30px}.metric-card>strong{font-size:24px;line-height:1.12}.metric-card>small{font-size:10px!important;line-height:1.35}.center-rings{grid-template-columns:48px minmax(0,1fr)!important;gap:8px!important}.center-rings svg{width:48px!important;height:48px!important}.center-rings span{font-size:9px}.phase-gauge{grid-template-columns:auto minmax(0,1fr);justify-items:start;gap:10px}.phase-copy{text-align:left}.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}.dashboard-mini-card,.dashboard-lower-grid .insights-card{grid-column:auto;min-height:150px}.dashboard-mini-card>header,.timeline-legend{padding-inline:11px}.auxiliary-indicators{padding:10px}.auxiliary-indicators>header{align-items:flex-start;gap:10px}.auxiliary-indicators>header small{font-size:10px!important;line-height:1.4}.auxiliary-chip-list{grid-template-columns:minmax(0,1fr);gap:8px}.auxiliary-chip{min-height:88px;grid-template-columns:34px minmax(0,1fr) 18px 34px 28px;grid-template-areas:"source source-copy arrow target motion" "source target-copy target-copy target-copy motion";gap:5px 8px;align-items:center;padding:9px}.auxiliary-chip>.auxiliary-source{grid-area:source}.auxiliary-chip>span:not(.auxiliary-target-copy){grid-area:source-copy}.auxiliary-chip>em{grid-area:arrow;text-align:center}.auxiliary-chip>.auxiliary-target{grid-area:target}.auxiliary-chip>.auxiliary-target-copy{grid-area:target-copy;display:grid!important;padding-left:2px}.auxiliary-chip>.auxiliary-motion{grid-area:motion;justify-self:end}.auxiliary-chip strong{font-size:11px}.auxiliary-chip small{font-size:10px!important}.planet-ranking-card{min-height:0}.compact-table{padding:5px 8px 9px}.compact-table-head{display:none}.compact-row{min-height:66px;display:grid;grid-template-columns:22px minmax(0,1fr) 42px 32px;grid-template-rows:minmax(30px,auto) minmax(22px,auto);gap:3px 7px;align-items:center;padding:6px 5px;font-size:11px}.compact-row>span{min-width:0}.compact-row>span:nth-child(1){grid-column:1;grid-row:1 / 3}.compact-row>span:nth-child(2){grid-column:2;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-row>span:nth-child(3){grid-column:3;grid-row:1;text-align:center}.compact-row>span:nth-child(4){grid-column:4;grid-row:1;text-align:center}.compact-row>span:nth-child(5){grid-column:2 / 4;grid-row:2;display:grid;grid-template-columns:minmax(60px,1fr) auto;align-items:center;gap:7px}.compact-row>span:nth-child(6){grid-column:4;grid-row:2;justify-self:center}.compact-row .planet-dot{font-size:17px}.compact-cosmogram-layout{grid-template-columns:minmax(0,1fr)}.cosmogram-wrap.compact{width:100%;max-width:100%}.cosmogram-compact-controls{grid-template-columns:minmax(0,1fr);gap:8px;padding:9px}.cosmogram-compact-controls label{min-height:44px;display:flex;align-items:center;justify-content:space-between}.cosmogram-compact-controls .ghost-button{width:100%;justify-content:center}.structure-shell{min-height:0;overflow:hidden}.structure-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:11px}.toolbar-title{align-items:flex-start}.toolbar-title h2{font-size:16px}.toolbar-title p{margin-top:4px;font-size:11px;line-height:1.4}.toolbar-controls{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}.toolbar-controls .toolbar-check,.toolbar-check:nth-of-type(n+2){min-width:0;display:flex!important;justify-content:space-between;padding:7px 9px;border:1px solid rgba(112,140,199,.14);border-radius:11px;background:#0813268f}.toolbar-check span{font-size:10px}.toolbar-controls .mode-pill{display:none}.toolbar-reset{width:100%;grid-column:1 / -1;justify-content:center}.structure-content{grid-template-columns:minmax(0,1fr)}.structure-inspector-pane{display:none}.structure-graph-pane{min-height:0;padding:7px 7px 10px!important;border-right:0}.structure-formula{min-height:0}.graph-legend{position:relative!important;inset:auto!important;display:flex;flex-wrap:nowrap!important;width:100%;margin-top:8px;padding:8px;overflow-x:auto!important;white-space:nowrap!important;font-size:10px}.graph-legend>span{flex:0 0 auto}.structure-metric-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important}.structure-metric-strip>div{min-width:0;min-height:84px;padding:10px;border-top:1px solid rgba(107,136,196,.1)!important}.structure-metric-strip span,.structure-metric-strip small{font-size:10px!important;line-height:1.3}.structure-metric-strip strong{font-size:19px}.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))}html[data-soulgraph-layout] .dynamics-view{width:100%;zoom:1}html[data-soulgraph-layout] .dynamics-top-controls,.dynamics-top-controls{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:start;gap:9px;min-height:0;padding:10px}.dynamics-legend{display:flex;flex-wrap:nowrap;width:100%;padding-bottom:3px;overflow-x:auto;white-space:nowrap}.dynamics-legend>span{flex:0 0 auto}.dynamics-legend .orbit-legend{display:flex}.window-control{width:100%;padding-top:8px;border-top:1px solid rgba(107,136,196,.1);text-align:left}html[data-soulgraph-layout] .transition-state-grid,.transition-state-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important;gap:10px;padding:0;overflow:visible!important}html[data-soulgraph-layout] .transition-state,.transition-state{min-width:0!important;min-height:0!important;grid-template-rows:auto auto auto!important}.transition-state>header{min-height:74px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:10px}.transition-state-moment{grid-column:2;grid-row:2;padding:4px 0 0;border:0}.transition-state-score{grid-column:3;grid-row:1 / 3}html[data-soulgraph-layout] .transition-mini-stage,.transition-mini-stage{width:100%;min-height:0!important;height:auto!important;max-height:none!important;padding:8px 6px 12px!important}.transition-mini-stage .transition-state-graph,.transition-mini-stage .formula-mobile-scroll{width:100%;height:auto!important;max-height:none!important}.transition-mini-stage .transition-state-graph>.transition-compact-map{display:none!important}.transition-mini-stage .transition-state-graph>.formula-mobile-scroll{display:block!important}.transition-state footer{grid-template-columns:minmax(0,1fr) repeat(2,64px)!important;min-height:64px}.transition-scale-card{overflow:hidden}.transition-scale-card>header{padding-inline:11px}.dynamics-summary-grid{grid-template-columns:minmax(0,1fr);gap:9px}.dynamics-card{min-height:0;padding:12px}.dynamics-card>header{gap:6px}.dynamics-card>header b{text-align:right}.radar-chart{height:min(260px,72vw)}.cosmogram-page-grid{gap:10px}.cosmogram-main-card{min-height:0!important;height:auto!important}.cosmogram-panel-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.cosmogram-header-tools{grid-column:1 / -1;grid-row:2;width:100%;justify-content:flex-start}.cosmogram-header-tools .formula-legend{display:none}.cosmogram-label-control{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cosmogram-label-control button{width:100%}.large-cosmogram-stage{width:100%;min-height:0!important;height:auto!important;max-height:none!important;aspect-ratio:1;padding:5px}.large-cosmogram-stage .cosmogram-svg{width:100%;height:100%;max-width:100%;max-height:100%}.cosmogram-meta-strip{min-height:0;grid-template-columns:minmax(0,1fr);gap:0;padding:0 10px}.cosmogram-meta-strip>span{min-height:54px;display:grid;align-content:center;gap:4px;padding-block:8px;border-bottom:1px solid rgba(107,136,196,.09)}.cosmogram-meta-strip>span:last-child{border-bottom:0}.cosmogram-side-column{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}.cosmogram-side-column>.planet-inspector{display:block;grid-column:auto}.aspect-card,.strength-profile-card{min-height:0}.aspect-mini-list button,.related-list button{min-height:50px}.table-metric-ribbon{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.table-metric-ribbon article{min-height:116px;padding:12px}.table-page-toolbar{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:10px;padding:11px}.table-page-toolbar>div:first-child{display:block!important}.table-page-toolbar h2{margin-top:3px;font-size:10px}.table-search{width:100%;min-width:0;height:48px}.table-search input{min-width:0;font-size:16px!important}.table-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.table-actions button{width:100%;justify-content:center}.table-filter-bar{gap:7px;padding:9px 10px;scroll-snap-type:x proximity;scrollbar-width:none}.table-filter-bar::-webkit-scrollbar{display:none}.table-filter-bar button{min-height:44px;scroll-snap-align:start;font-size:10px}.table-result-meta{min-height:46px;gap:8px;padding:8px 11px;font-size:10px}.table-result-meta small{display:none}.full-table-wrap{width:100%;max-height:none;margin:0;padding:9px;overflow:visible}.full-planet-table{min-width:0!important;display:block}.full-planet-table thead{display:none}.full-planet-table tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}.full-planet-table tr{width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 11px;border:1px solid rgba(116,143,201,.14);border-radius:14px;background:linear-gradient(145deg,#09162ceb,#050f1fe0);overflow:hidden}.full-planet-table td{position:relative;min-width:0;min-height:56px;height:auto;display:grid;align-content:center;gap:5px;padding:21px 5px 7px;border:0;overflow-wrap:anywhere}.full-planet-table td:before{content:attr(data-label);position:absolute;top:5px;left:5px;color:#65738b;font-size:8px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.full-planet-table td:first-child{grid-column:1 / -1;min-height:62px;padding-top:6px;border-bottom:1px solid rgba(110,137,193,.09)}.full-planet-table td:first-child:before{display:none}.full-planet-table td:nth-child(6){grid-column:1 / -1}.table-planet{min-width:0}.life-cycle-panel,.life-cycle-grid{width:100%;min-width:0}.transit-control-card{grid-template-columns:minmax(0,1fr);gap:16px;padding:15px 13px}.transit-control-copy h2,.transit-aspects-card h2,.transit-positions-card h2,.transit-structure-section h2,.transit-wheel-card h2{font-size:18px}.transit-control-copy p{font-size:11px;line-height:1.55}.transit-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.transit-fields label{min-width:0;font-size:10px}.transit-fields input{width:100%;min-width:0;height:48px;font-size:16px}.transit-calculate{grid-column:1 / -1;width:100%;min-height:48px}.transit-presets{grid-column:1 / -1;flex-wrap:nowrap;padding:12px 0 3px;overflow-x:auto;scrollbar-width:none}.transit-presets::-webkit-scrollbar{display:none}.transit-presets button{flex:0 0 auto;min-height:44px;font-size:10px}.transit-empty{min-height:0;grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 16px;text-align:center}.transit-empty-visual{width:min(210px,70vw)}.transit-empty h2{margin-inline:auto;font-size:clamp(26px,8vw,34px)}.transit-empty p{margin-inline:auto;font-size:12px}.transit-empty dl{grid-template-columns:minmax(0,1fr);text-align:left}.transit-loading{flex-direction:column;gap:18px;padding:24px 15px;text-align:center}.transit-hero{grid-template-columns:minmax(0,1fr) 82px;gap:10px;padding:15px}.transit-hero-copy h2{font-size:20px}.transit-hero-orbit{width:78px}.transit-hero-orbit i{width:72px}.transit-hero-note{grid-column:1 / -1;justify-self:start;text-align:left}.transit-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.transit-metrics article{min-width:0;min-height:108px;padding:11px}.transit-metrics strong{font-size:23px}.transit-metrics span,.transit-metrics small{font-size:10px!important}.transit-wheel-card>header,.transit-aspects-card>header,.transit-positions-card>header,.transit-structure-card>header{min-height:64px;align-items:flex-start;gap:8px;padding:11px 12px}.transit-wheel-legend{display:none}.transit-cosmogram-stage{width:100%;min-height:0;aspect-ratio:1;padding:5px}.transit-cosmogram-stage .cosmogram-svg{width:100%;height:100%;max-width:100%;max-height:100%}.transit-aspect-filters{gap:7px;padding:9px;scrollbar-width:none}.transit-aspect-filters::-webkit-scrollbar{display:none}.transit-aspect-filters button{min-height:44px;font-size:10px}.transit-aspect-list{max-height:none;padding:4px 8px 10px}.transit-aspect-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:92px;padding:10px 4px}.transit-aspect-planets{min-width:0}.transit-aspect-planets b,.transit-aspect-kind strong,.transit-exactness strong{font-size:10px}.transit-aspect-planets small,.transit-aspect-kind small,.transit-exactness small{font-size:9px!important}.transit-exactness{grid-column:1 / -1}.transit-position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transit-position-grid button{min-width:0;min-height:86px;grid-template-columns:20px 32px minmax(0,1fr);padding:9px 7px}.transit-position-grid button>b{display:none}.transit-position-grid strong{font-size:10px}.transit-position-grid small{font-size:9px!important}.transit-structure-section>header{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:6px}.transit-structure-section>header p{max-width:none;margin-top:2px;font-size:10px;line-height:1.5;text-align:left}.transit-structure-section>div{grid-template-columns:minmax(0,1fr);gap:10px}.transit-structure-stage{width:100%;min-height:0;height:auto;padding:8px;display:block;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin}.transit-structure-stage .formula-svg{display:block!important;width:max(100%,var(--graph-native-width));min-width:var(--graph-native-width);height:auto;max-height:none;max-width:none}.transit-structure-card>footer{grid-template-columns:repeat(3,minmax(0,1fr));min-height:52px}.transit-structure-card>footer span{padding:6px 4px;font-size:9px;text-align:center}.transit-disclaimer{align-items:flex-start;padding:12px}.transit-disclaimer p{font-size:10px}.comparison-view{--comparison-card-pad: 12px;overflow-x:clip}.comparison-view .page-heading{margin-bottom:12px}.comparison-chart-card,.comparison-editor,.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{padding:12px}.comparison-chart-head{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start}.comparison-chart-head h2{font-size:18px}.comparison-form{grid-template-columns:minmax(0,1fr);gap:10px}.comparison-form>.full{grid-column:auto}.comparison-form .form-field :is(input,select){width:100%;min-width:0;font-size:16px!important}.comparison-form .sheet-actions,.comparison-report-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.comparison-form .sheet-actions>*,.comparison-report-actions>*{width:100%;min-width:0}.comparison-tabs{top:calc(var(--header-h) + 5px);gap:5px;padding:5px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.comparison-tabs::-webkit-scrollbar{display:none}.comparison-tabs button{flex:0 0 auto;min-width:116px;scroll-snap-align:start}.comparison-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.comparison-metric{min-width:0;min-height:124px;padding:11px}.comparison-metric.metric-overall{grid-column:1 / -1}.comparison-chart-meta,.comparison-difference-summary,.comparison-aspect-summary dl,.comparison-aspect-delta dl,.comparison-coverage dl{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-table-wrap{max-width:100%;overflow-x:auto;scrollbar-gutter:stable}.comparison-table-wrap table{min-width:760px}.comparison-planets .comparison-table-wrap table{min-width:1450px}.comparison-evidence-list li,.comparison-bridges ul,.comparison-formulas{grid-template-columns:minmax(0,1fr)}.reports-view{padding-bottom:4px}.report-start{min-height:0;grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px;padding:28px 16px;text-align:center}.report-start-action{grid-column:auto;justify-items:center}.report-progress{grid-template-columns:58px minmax(0,1fr);gap:14px;padding:18px 14px}.report-progress-spheres{grid-column:1 / -1;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.report-profile{grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px;padding:24px 15px;text-align:center}.report-profile-visual{width:132px;height:132px}.report-profile-copy>p{margin-inline:auto}.report-profile-meta{width:100%;grid-template-columns:minmax(0,1fr);text-align:left}.report-profile-actions{width:100%;grid-column:auto;grid-template-columns:minmax(0,1fr);gap:8px}.report-profile-actions>*{width:100%;min-width:0}.report-profile-actions>small,.report-pdf-error{grid-column:auto}.report-overview-story{min-height:0;grid-template-columns:minmax(0,1fr);gap:20px;padding:25px 16px;text-align:center}.report-overview-story h2{font-size:clamp(27px,8vw,36px)}.report-overview-story p{margin-inline:auto;font-size:12px}.report-overview-orbit{width:160px;height:160px}.report-overview-orbit>i{width:145px;height:56px}.report-overview-orbit>i:nth-child(2){width:132px;height:47px}.report-overview-orbit>i:nth-child(3){width:96px;height:96px}.report-overview-orbit>span{display:none}.report-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.report-overview-metrics article{min-width:0;min-height:112px;padding:12px}.report-map{padding:15px 12px}.report-map>header{align-items:flex-start}.report-map>header small{display:none}.report-map>div{grid-template-columns:minmax(0,1fr)}.report-map a{min-width:0;min-height:54px}.report-intro,.report-grid,.report-grid.interaction-grid{grid-template-columns:minmax(0,1fr);gap:9px}.report-grid:not(.interaction-grid)>.report-sphere-card:nth-child(3n),.report-grid:not(.interaction-grid)>.report-sphere-card:nth-child(3n) .report-sphere-copy{grid-column:auto;grid-template-columns:minmax(0,1fr)}.report-sphere-card{padding:20px 14px}.report-sphere-header{grid-template-columns:42px minmax(0,1fr);gap:11px}.report-sphere-card h2{font-size:21px;line-height:1.15}.report-sphere-header p{font-size:11px;line-height:1.5}.report-sphere-copy{grid-template-columns:minmax(0,1fr)}.report-insight{min-height:0;padding:15px}.report-insight>p{font-size:15px;line-height:1.65}.report-interaction>header{min-height:215px;padding:26px 17px 98px;text-align:center}.report-interaction>header>div{width:126px;height:94px;top:auto;right:calc(50% - 63px);bottom:3px}.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}.switch-row{min-height:66px}.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}.dashboard-metric-grid .metric-card,.dashboard-metric-grid .metric-card:nth-child(-n+3){min-height:112px!important}.phase-gauge{grid-template-columns:minmax(0,1fr);justify-items:center}.phase-copy{text-align:center}.mobile-center-row{justify-content:flex-start}.mobile-node{min-width:108px}.cosmogram-panel-header{grid-template-columns:minmax(0,1fr)}.cosmogram-panel-header .panel-actions{grid-row:1;grid-column:1;justify-self:end}.cosmogram-panel-header>div:first-child{padding-right:98px}.cosmogram-header-tools{grid-row:2;grid-column:1}.transit-fields{grid-template-columns:minmax(0,1fr)}.transit-calculate,.transit-presets{grid-column:1}.transit-hero{grid-template-columns:minmax(0,1fr);text-align:center}.transit-hero-orbit{grid-row:1;justify-self:center}.transit-hero-note{justify-self:center;text-align:center}.transit-position-grid,.comparison-chart-meta,.comparison-difference-summary,.comparison-aspect-summary dl,.comparison-aspect-delta dl,.comparison-coverage dl,.comparison-form .sheet-actions,.comparison-report-actions{grid-template-columns:minmax(0,1fr)}.report-progress{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.report-progress-spheres{grid-column:1;width:100%}}@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}.mobile-birth-summary,.dashboard-metric-grid,.structure-metric-strip,.table-metric-ribbon,.transit-metrics,.comparison-metrics,.report-overview-metrics{grid-template-columns:minmax(0,1fr)!important}.mobile-birth-summary button:last-child,.dashboard-metric-grid .metric-card:first-child,.dashboard-metric-grid .metric-card:nth-child(4),.comparison-metric.metric-overall{grid-column:1}.auxiliary-chip{grid-template-columns:32px minmax(0,1fr) 16px 32px 26px;gap:4px 6px}.compact-row{grid-template-columns:19px minmax(0,1fr) 36px 28px;gap-inline:5px}.toolbar-controls{grid-template-columns:minmax(0,1fr)}.toolbar-reset{grid-column:1}.transition-state footer{grid-template-columns:minmax(0,1fr) repeat(2,54px)!important}.table-actions,.full-planet-table tr{grid-template-columns:minmax(0,1fr)}.full-planet-table td:nth-child(n){grid-column:1}}@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}}@media (max-width: 767px){html[data-soulgraph-layout] .transits-view,.transits-view{gap:12px!important}html[data-soulgraph-layout] .transit-control-card,.transit-control-card{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;padding:18px 14px 14px!important;border-radius:17px!important;text-align:left!important}.transit-control-kicker{justify-content:flex-start}.transit-control-copy h2{font-size:20px!important}.transit-control-copy p{font-size:11px!important}.transit-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important}.transit-fields label{font-size:10px!important}.transit-fields input{height:48px!important}.transit-calculate{grid-column:1 / -1!important;min-height:50px!important}.transit-presets{grid-column:1 / -1!important;gap:7px!important}.transit-presets>span{width:100%}.transit-presets button{min-height:42px!important}html[data-soulgraph-layout] .transit-hero,.transit-hero{min-height:0!important;grid-template-columns:minmax(0,1fr) 82px!important;gap:12px!important;padding:20px 15px!important;border-radius:18px!important;text-align:left!important}.transit-hero-copy h2{font-size:23px!important}.transit-hero-copy p{font-size:10px!important}.transit-hero-stats{justify-content:flex-start}.transit-hero-orbit{grid-row:auto!important;width:78px!important;height:78px!important}.transit-hero-orbit i{width:74px!important}.transit-hero-note{grid-column:1 / -1!important;justify-self:stretch!important;text-align:left!important}.transit-hero-note>div{justify-content:flex-start!important}.transit-hero-note a{min-height:42px}.transit-section-nav{top:calc(var(--header-h) + 4px)!important;min-height:50px;margin-inline:-2px;padding:5px 6px;border-radius:13px}.transit-section-nav>span{display:none}.transit-section-nav a{min-height:40px;padding-inline:11px;font-size:10px}.transit-advice-panel>header{padding:18px 14px!important}.transit-advice-panel>header h2{font-size:21px!important}.transit-advice-panel>header p{font-size:11px!important}.transit-advice-button{min-height:50px!important}.transit-advice-preview,.transit-advice-grid,.transit-advice-skeleton{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding:12px!important}.transit-advice-card{min-height:0!important;padding:14px!important}.transit-advice-card h3{font-size:12px!important}.transit-advice-copy p{font-size:11px!important}.transit-advice-evidence summary{min-height:42px;display:flex;align-items:center}.transit-overview>header{display:block!important}.transit-overview>header p{margin-top:7px!important;text-align:left!important}html[data-soulgraph-layout] .transit-metrics,.transit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.transit-metrics article{min-height:108px!important;padding:13px!important}.transit-metrics span,.transit-metrics small{font-size:9px!important}.transit-wheel-card>header,.transit-aspects-card>header,.transit-positions-card>header,.transit-structure-card>header{min-height:70px!important;padding:14px!important}.transit-cosmogram-stage{min-height:390px!important;padding:8px!important}.transit-aspect-filters button{min-height:42px!important}.transit-aspect-row{min-height:76px!important;padding-block:11px!important}.transit-position-grid button{min-height:84px!important}.transit-structure-section>header{display:block!important;text-align:left!important}.transit-structure-section>header p{margin-top:7px!important;font-size:10px!important;text-align:left!important}}@media (max-width: 430px){.transit-fields{grid-template-columns:minmax(0,1fr)!important}.transit-hero{grid-template-columns:minmax(0,1fr)!important;text-align:center!important}.transit-hero-copy{text-align:center}.transit-hero-stats{justify-content:center}.transit-hero-orbit{grid-row:1!important;justify-self:center!important}.transit-hero-note{text-align:center!important}.transit-hero-note>div{justify-content:center!important}html[data-soulgraph-layout] .transit-metrics,.transit-metrics{grid-template-columns:minmax(0,1fr)!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-view{--agent-line: rgba(118, 144, 199, .14);--agent-line-strong: rgba(139, 117, 243, .34);--agent-surface: rgba(6, 17, 35, .88);--agent-surface-soft: rgba(10, 23, 45, .66);--agent-muted: #7f8ca4;--agent-copy: #d6deeb;--agent-violet: #9d8aff;--agent-cyan: #5ad1df;--agent-teal: #54d4bd;--agent-coral: #ff8794;width:100%;height:100%;max-width:1880px;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;margin:0 auto}.agent-boot{min-height:min(620px,calc(100dvh - var(--header-h, 64px) - 40px));display:grid;place-items:center;align-content:center;gap:12px;color:#8794aa;font-size:11px}.agent-boot i{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(145,119,255,.32);border-radius:18px;color:#c8bcff;background:#573ebe24;box-shadow:0 0 45px #664cd82e;font-size:20px;font-style:normal}.agent-boot.is-error i{color:#ff9ba5;border-color:#ff738252;background:#96283a21}.agent-view .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.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}.agent-shell{height:auto;min-height:0;display:grid;grid-template-columns:286px minmax(0,1fr);gap:10px}.agent-history,.agent-conversation{min-width:0;min-height:0;border-color:var(--agent-line);background:linear-gradient(150deg,#08152af0,#040d1ce8)}.agent-history{display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.agent-history>header{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px 10px 15px;border-bottom:1px solid rgba(112,139,198,.1)}.agent-history-title{display:grid;gap:3px}.agent-history-actions{display:flex;align-items:center;gap:6px}.agent-history-close{display:none;place-items:center;font-size:21px;line-height:1}.agent-history>header span{color:#7e70ce;font-size:8px;font-weight:800;letter-spacing:.16em}.agent-history>header strong{color:#e3e7f1;font-size:15px;font-weight:620}.agent-history>header button,.agent-mobile-history,.agent-header-tool,.agent-header-new{min-width:38px;min-height:38px;border:1px solid rgba(128,106,235,.25);border-radius:11px;color:#b9adf9;background:#503bad21;transition:color .2s,border-color .2s,background .2s,transform .2s}.agent-history>header button:hover,.agent-mobile-history:hover,.agent-header-tool:hover,.agent-header-new:hover{color:#fff;border-color:#927cff7a;background:#5c44c93b}.agent-history-search{height:40px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:5px;margin:10px 10px 6px;padding:0 10px;border:1px solid rgba(111,138,194,.14);border-radius:11px;color:#68758d;background:#030c1b8a;transition:border-color .2s,box-shadow .2s}.agent-history-search:focus-within{border-color:#8b70f96e;box-shadow:0 0 0 3px #6a4fe912}.agent-history-search input{width:100%;height:100%;border:0;outline:0;color:#d9dfeb;background:transparent;font:inherit;font-size:11px}.agent-history-search input::placeholder{color:#5d6980}.agent-thread-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(129,104,229,.3) transparent;padding:4px 8px 12px}.agent-thread-group+.agent-thread-group{margin-top:14px}.agent-thread-group>h3{margin:0 6px 6px;color:#59667d;font-size:8px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.agent-thread-group>div{display:grid;gap:4px}.agent-thread{position:relative;min-width:0;border:1px solid transparent;border-radius:12px;transition:border-color .18s,background .18s}.agent-thread:hover{border-color:#708bc21f;background:#49588512}.agent-thread.is-active{border-color:#876df747;background:linear-gradient(110deg,#5b44c033,#1c385c17)}.agent-thread-open{width:100%;min-width:0;min-height:73px;display:grid;align-content:center;gap:4px;padding:9px 35px 9px 10px;border:0;color:inherit;background:transparent;text-align:left}.agent-thread-open>span{min-width:0;display:flex;align-items:center;gap:6px}.agent-thread-open strong{min-width:0;overflow:hidden;color:#cbd3e1;font-size:10.5px;font-weight:620;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.agent-thread-open i{color:#b9a8ff;font-size:7px;font-style:normal}.agent-thread-open small{min-width:0;overflow:hidden;color:#748198;font-size:9px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.agent-thread-open em{color:#526077;font-size:7.5px;font-style:normal}.agent-thread-delete{position:absolute;top:8px;right:7px;width:29px;height:29px;border:0;border-radius:8px;color:#66738a;background:transparent;opacity:0;transition:opacity .18s,color .18s,background .18s}.agent-thread:hover .agent-thread-delete,.agent-thread:focus-within .agent-thread-delete{opacity:1}.agent-thread-delete:hover{color:var(--agent-coral);background:#b737461f}.agent-thread.is-confirming{border-color:#ff738240;background:#6a1e2a1c}.agent-thread-confirm{min-height:73px;display:grid;align-content:center;gap:8px;padding:9px 10px}.agent-thread-confirm strong{color:#e7c1c7;font-size:10px}.agent-thread-confirm span{display:flex;gap:6px}.agent-thread-confirm button{min-height:29px;padding:0 9px;border:1px solid rgba(120,142,190,.17);border-radius:8px;color:#8f9bb0;background:#0813268f;font-size:8px}.agent-thread-confirm button:first-child{color:#ff9ba7;border-color:#ff748340}.agent-history-empty{min-height:220px;display:grid;place-items:center;align-content:center;gap:6px;padding:24px;text-align:center}.agent-history-empty>span{color:#806fda;font-size:25px}.agent-history-empty strong{color:#bec7d6;font-size:11px}.agent-history-empty p{max-width:180px;margin:0;color:#637087;font-size:9px;line-height:1.5}.agent-conversation{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.agent-conversation-header{grid-row:1;min-height:60px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 13px 9px 18px;border-bottom:1px solid rgba(111,139,198,.11);background:#071225bf}.agent-context-copy{min-width:0;display:grid;gap:2px}.agent-context-copy>span{color:#8274d5;font-size:7.5px;font-weight:800;letter-spacing:.15em}.agent-context-copy h2{margin:0;overflow:hidden;color:#e6eaf3;font-size:14px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.agent-context-copy p{margin:0;overflow:hidden;color:#69768e;font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}.agent-context-status{min-height:30px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(76,198,180,.2);border-radius:999px;color:#7fcdbf;background:#22817414;font-size:8px;white-space:nowrap}.agent-context-status i{width:7px;height:7px;border-radius:50%;background:var(--agent-teal);box-shadow:0 0 9px #54d4bd8c}.agent-context-status.is-warning{color:#eac47e;border-color:#ebb9553d;background:#8b5b1d14}.agent-context-status.is-warning i{background:#e8b85d;box-shadow:0 0 9px #e8b85d7a}.agent-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.agent-header-tool{width:38px;height:38px;display:grid;place-items:center;padding:0}.agent-header-tool svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.agent-header-tool:disabled{cursor:not-allowed;opacity:.35;transform:none}.agent-header-tool[aria-busy=true]{opacity:.55}.agent-fullscreen-collapse-icon,.agent-toggle-fullscreen.is-active .agent-fullscreen-expand-icon{display:none}.agent-toggle-fullscreen.is-active .agent-fullscreen-collapse-icon{display:block}.agent-header-new{min-width:126px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;font-size:9px}.agent-mobile-history{display:none}html.agent-fullscreen-fallback-open,html.agent-fullscreen-fallback-open body{overflow:hidden!important}html.agent-fullscreen-fallback-open #view-root{position:fixed!important;z-index:1300!important;inset:0!important;width:100vw!important;height:100dvh!important;view-transition-name:none!important}html.agent-fullscreen-fallback-open #view-root>.agent-view{width:100%!important;max-width:none!important;height:100%!important}html.agent-fullscreen-fallback-open :is(.app-header,.app-rail,.mobile-bottom-nav){visibility:hidden!important;pointer-events:none!important}.agent-conversation:fullscreen,.agent-conversation:-webkit-full-screen,.agent-conversation.is-fullscreen-fallback{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;background:#050f20;box-shadow:none}.agent-conversation.is-fullscreen-fallback{position:fixed;z-index:1301;inset:0}.agent-context-warning{grid-row:2;min-height:42px;display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 14px;border-bottom:1px solid rgba(236,184,82,.14);color:#bd9e68;background:#6f491614;font-size:9px}.agent-context-warning button{border:0;color:#e5c17d;background:transparent;font:inherit;text-decoration:underline;text-underline-offset:3px}.agent-messages{grid-row:3;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scroll-padding-block:18px;scrollbar-width:thin;scrollbar-color:rgba(127,103,225,.3) transparent;padding:22px clamp(16px,3.4vw,52px) 30px}.agent-message{width:min(100%,900px);display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;margin:0 auto 22px;animation:agentMessageIn .3s ease both}.agent-message.is-user{grid-template-columns:minmax(0,1fr) 34px}.agent-message.is-user .agent-message-avatar{grid-column:2}.agent-message.is-user .agent-message-content{grid-row:1;grid-column:1;justify-self:end;max-width:min(78%,690px)}.agent-message-avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(132,108,239,.3);border-radius:11px;color:#b9abff;background:#4e39a926;box-shadow:inset 0 1px #ffffff09;font-size:11px}.agent-message.is-user .agent-message-avatar{color:#7ebdcb;border-color:#47b5c733;background:#1f6f7f1a;font-size:7px;font-weight:800}.agent-message-content{min-width:0}.agent-message-content>header{min-height:22px;display:flex;align-items:center;gap:8px}.agent-message-content>header strong{color:#aeb9cc;font-size:9px;font-weight:680}.agent-message-content>header span{padding:2px 6px;border-radius:7px;color:#716f9d;background:#5d4ea117;font-size:7px}.agent-message-parts{display:grid;gap:10px}.agent-message-text{color:var(--agent-copy);font-size:13px;line-height:1.72;text-wrap:pretty;overflow-wrap:anywhere}.agent-message.is-user .agent-message-text{padding:11px 14px;border:1px solid rgba(118,101,204,.2);border-radius:16px 16px 4px;color:#e5e5f0;background:linear-gradient(135deg,#47369442,#20365b33);line-height:1.58}.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 h3{font-size:15px}.agent-message-text h4{font-size:14px}.agent-message-text :is(h5,h6){font-size:13px}.agent-message-text strong{color:#f0edf9;font-weight:680}.agent-message-text code{padding:1px 5px;border-radius:5px;color:#b8d9df;background:#28707d29;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}.agent-message-text pre{max-width:100%;overflow:auto;padding:12px 14px;border:1px solid rgba(112,139,197,.14);border-radius:11px;background:#010813b8;scrollbar-width:thin}.agent-message-text pre code{display:block;min-width:max-content;padding:0;color:#c9d7df;background:transparent;font-size:11px;line-height:1.55;white-space:pre}.agent-message-text a{color:#9fbcff;text-decoration:underline;text-decoration-color:#9fbcff6b;text-underline-offset:3px}.agent-message-text a:hover{color:#c8d7ff;text-decoration-color:currentColor}.agent-message-text blockquote{padding:8px 12px;border-left:3px solid rgba(143,116,246,.45);color:#aeb9cc;background:#4b3a9e17}.agent-message-text hr{height:1px;border:0;background:#708bc52b}.agent-markdown-table-wrap{max-width:100%;overflow-x:auto;border:1px solid rgba(112,139,197,.15);border-radius:11px;scrollbar-width:thin}.agent-message-text table{width:100%;min-width:420px;border-collapse:collapse;background:#030c1b73;font-size:11px;line-height:1.5}.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}.agent-message-text tbody tr:last-child td{border-bottom:0}.agent-message-text th{color:#e8e5f7;background:#4f3ca821;font-weight:680}.agent-message-text :is(th,td).is-center{text-align:center}.agent-message-text :is(th,td).is-right{text-align:right}.agent-markdown-image-label{color:#9ca9bd;font-style:italic}.agent-message-content>footer{min-height:25px;display:flex;align-items:center;gap:10px;padding-top:5px;opacity:.62;transition:opacity .18s}.agent-message:hover .agent-message-content>footer,.agent-message:focus-within .agent-message-content>footer{opacity:1}.agent-message-content>footer time{color:#57657c;font-size:7px}.agent-message-content>footer button{border:0;color:#6b7890;background:transparent;font-size:7.5px}.agent-message-content>footer button:hover{color:#b9adf8}.agent-message-error{margin:8px 0 0;padding:9px 11px;border:1px solid rgba(246,104,119,.2);border-radius:10px;color:#df919b;background:#741f2e1a;font-size:9px}.agent-message-notice{margin:0;padding:8px 10px;border-left:2px solid rgba(116,197,210,.4);color:#8499a9;background:#245b6912;font-size:9px;line-height:1.5}.agent-thinking{min-height:34px;display:flex;align-items:center;gap:5px}.agent-thinking i{width:6px;height:6px;border-radius:50%;background:#9280eb;animation:agentThinking 1.2s ease-in-out infinite}.agent-thinking i:nth-child(2){animation-delay:.15s}.agent-thinking i:nth-child(3){animation-delay:.3s}.agent-follow-ups{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.agent-follow-ups button{min-height:34px;padding:0 11px;border:1px solid rgba(115,143,199,.15);border-radius:10px;color:#8492aa;background:#07132680;font-size:8.5px;text-align:left}.agent-follow-ups button:hover{color:#d9d2ff;border-color:#8b71f757;background:#4d39a621}.agent-graphs{display:grid;gap:8px}.agent-graph-artifact{overflow:hidden;border:1px solid rgba(109,137,193,.12);border-radius:12px;background:#030c1b73}.agent-graph-artifact>header{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-bottom:1px solid rgba(107,135,190,.08)}.agent-graph-artifact>header span{color:#9aa7bb;font-size:8px;font-weight:650}.agent-graph-artifact>header small{color:#5d6a80;font-size:7px}.agent-graph-slot{min-height:220px;display:grid;place-items:center;align-content:center;gap:7px;overflow:auto;padding:8px}.agent-graph-slot>span{color:#59677e;font-size:8px}.agent-graph-placeholder{position:relative;width:72px;height:72px;display:grid;place-items:center}.agent-graph-placeholder i{position:absolute;width:65px;height:26px;border:1px solid rgba(139,113,245,.31);border-radius:50%;transform:rotate(35deg);animation:agentGraphOrbit 3.2s linear infinite}.agent-graph-placeholder i:nth-child(2){transform:rotate(-35deg);border-color:#46bed240;animation-direction:reverse}.agent-graph-placeholder b{color:#c8bdff;font-size:15px}.agent-graph-error{color:#bd7b85;font-size:8px;text-align:center}.agent-chat-empty,.agent-locked-state{min-height:100%;display:grid;place-items:center;align-content:center;gap:9px;padding:36px 22px;text-align:center}.agent-chat-empty>span,.agent-locked-state>span{color:#7f71d1;font-size:8px;font-weight:800;letter-spacing:.17em}.agent-chat-empty h2,.agent-locked-state h2{max-width:620px;margin:0;color:#ebedf5;font-size:clamp(24px,3vw,39px);font-weight:590;letter-spacing:-.035em}.agent-chat-empty>p,.agent-locked-state>p{max-width:610px;margin:0;color:#78859c;font-size:11px;line-height:1.65}.agent-empty-orbit{position:relative;width:94px;height:94px;display:grid;place-items:center;margin-bottom:5px}.agent-empty-orbit i{position:absolute;width:84px;height:34px;border:1px solid rgba(139,111,250,.38);border-radius:50%;transform:rotate(35deg)}.agent-empty-orbit i:nth-child(2){transform:rotate(-35deg);border-color:#42c5d94d}.agent-empty-orbit b{color:#fff;font-size:20px;text-shadow:0 0 17px #7657f2}.agent-starters{width:min(100%,700px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:16px}.agent-starters button{min-height:78px;display:grid;place-items:center;align-content:center;gap:7px;padding:9px;border:1px solid rgba(112,139,196,.13);border-radius:13px;color:#8e9bb0;background:#0814288c;font-size:8.5px;transition:color .2s,border-color .2s,background .2s,transform .2s}.agent-starters button:hover{color:#dcd6ff;border-color:#896ef657;background:#45359324;transform:translateY(-1px)}.agent-starters i{color:#a38ff8;font-size:15px;font-style:normal}.agent-locked-state>div{width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(133,108,239,.25);border-radius:50%;color:#aa98fa;background:#4f3aaa1a;font-size:22px}.agent-locked-state>button{min-height:42px;margin-top:12px;padding:0 18px;border:1px solid rgba(144,117,251,.42);border-radius:11px;color:#fff;background:linear-gradient(120deg,#7045e0,#365ddd);font-size:9px;font-weight:700}.agent-composer{grid-row:4;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px clamp(14px,2.6vw,38px) 9px;border-top:1px solid rgba(109,137,193,.11);background:#050f1ff0}.agent-composer label{min-height:48px;display:grid;align-items:center;padding:8px 12px;border:1px solid rgba(112,139,197,.17);border-radius:14px;background:#020a17a3;transition:border-color .2s,box-shadow .2s}.agent-composer label:focus-within{border-color:#8d72f978;box-shadow:0 0 0 3px #6b4fe712}.agent-composer textarea{width:100%;max-height:132px;resize:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(151,126,248,.55) transparent;scrollbar-gutter:stable;border:0;outline:0;color:#e0e4ed;background:transparent;font:inherit;font-size:12px;line-height:1.45}.agent-composer textarea::-webkit-scrollbar{width:4px}.agent-composer textarea::-webkit-scrollbar-track{background:transparent}.agent-composer textarea::-webkit-scrollbar-thumb{border-radius:999px;background:#977ef880}.agent-composer textarea::-webkit-scrollbar-thumb:hover{background:#a994ffb8}.agent-composer textarea::placeholder{color:#5f6c83}.agent-composer textarea:disabled{cursor:not-allowed;opacity:.58}.agent-composer-actions{align-self:end}.agent-send,.agent-stop{width:48px;height:48px;border-radius:14px;font-size:16px}.agent-send{border:1px solid rgba(153,127,255,.55);color:#fff;background:linear-gradient(135deg,#7650e9,#3d64dd);box-shadow:0 9px 25px #4a34c140}.agent-stop{border:1px solid rgba(237,110,124,.35);color:#f0a1aa;background:#7d223026}.agent-composer>small{grid-column:1 / -1;color:#56637a;font-size:7.5px;text-align:center}.agent-jump-bottom{position:absolute;z-index:4;left:50%;bottom:86px;transform:translate(-50%);min-height:32px;padding:0 11px;border:1px solid rgba(130,107,230,.3);border-radius:999px;color:#b5a9ec;background:#091429f0;box-shadow:0 10px 25px #00030e59;font-size:8px}.agent-history-backdrop{display:none}@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: 1199px){.agent-shell{grid-template-columns:254px minmax(0,1fr)}.agent-header-new{min-width:42px;width:42px;padding:0}.agent-header-new span{display:none}.agent-starters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1023px){.agent-view{width:100%;max-width:100%;min-width:0}.agent-shell{position:relative;height:auto;min-height:0;grid-template-columns:minmax(0,1fr)}.agent-history{position:fixed;z-index:420;top:max(8px,env(safe-area-inset-top));bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));width:min(340px,calc(100vw - 30px));transform:translate(calc(-100% - 24px));visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s;box-shadow:0 25px 80px #00020cad}.agent-view.is-history-open .agent-history{transform:none;visibility:visible;transition-delay:0s}.agent-history-backdrop{position:fixed;z-index:410;inset:0;display:block;border:0;background:#00040ead;backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .22s,visibility 0s linear .22s}.agent-view.is-history-open .agent-history-backdrop{opacity:1;visibility:visible;transition-delay:0s}.agent-conversation{width:100%}.agent-conversation-header{grid-template-columns:44px minmax(0,1fr) auto;padding-left:10px}.agent-mobile-history{width:42px;height:42px;display:grid;place-items:center}.agent-history-close{width:42px;height:42px;display:grid}.agent-messages{padding-inline:clamp(12px,4vw,34px)}.agent-message.is-user .agent-message-content{max-width:84%}}@media (max-width: 767px){.agent-page-heading{display:none}.agent-shell{height:auto;min-height:0}.agent-conversation{border-radius:17px}.agent-conversation-header{min-height:56px;grid-template-columns:42px minmax(0,1fr) auto;gap:7px;padding:6px 7px}.agent-context-copy>span{display:none}.agent-context-copy h2{font-size:12px}.agent-context-copy p{font-size:7.5px}.agent-context-status{min-height:28px;padding-inline:8px;font-size:0}.agent-context-status i{width:8px;height:8px}.agent-header-new{display:none}.agent-header-actions{gap:4px}.agent-header-tool{width:36px;height:36px;border-radius:10px}.agent-context-warning{justify-content:space-between;font-size:8px}.agent-messages{padding:16px 10px 22px}.agent-message{grid-template-columns:29px minmax(0,1fr);gap:8px;margin-bottom:18px}.agent-message.is-user{grid-template-columns:minmax(0,1fr) 29px}.agent-message-avatar{width:29px;height:29px;border-radius:9px;font-size:9px}.agent-message.is-user .agent-message-content{max-width:89%}.agent-message-content>header{min-height:19px}.agent-message-text{font-size:12.5px;line-height:1.68}.agent-message.is-user .agent-message-text{padding:10px 12px}.agent-graph-slot{min-height:180px}.agent-chat-empty,.agent-locked-state{padding:22px 12px}.agent-chat-empty h2,.agent-locked-state h2{font-size:25px}.agent-chat-empty>p,.agent-locked-state>p{font-size:10px}.agent-empty-orbit{width:76px;height:76px}.agent-empty-orbit i{width:69px;height:27px}.agent-starters{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}.agent-starters button{min-height:62px}.agent-composer{gap:6px;padding:8px 8px 6px}.agent-composer label{min-height:46px;padding:7px 10px}.agent-composer textarea{font-size:16px;line-height:1.35}.agent-send,.agent-stop{width:46px;height:46px}.agent-composer>small{font-size:7px}.agent-jump-bottom{bottom:77px}}@media (max-width: 430px){.agent-shell{min-height:0}.agent-history{width:calc(100vw - 16px)}.agent-follow-ups{display:grid;grid-template-columns:minmax(0,1fr)}.agent-follow-ups button{width:100%}}@media (max-width: 359px){.agent-conversation-header{grid-template-columns:40px minmax(0,1fr) auto}.agent-mobile-history{width:40px;height:40px}.agent-starters{grid-template-columns:minmax(0,1fr)}.agent-starters button{min-height:52px;grid-template-columns:26px minmax(0,1fr);justify-items:start;text-align:left}}@media (prefers-reduced-motion: reduce){.agent-message,.agent-thinking i,.agent-graph-placeholder i{animation:none!important}.agent-history,.agent-history-backdrop,.agent-starters button,.agent-thread{transition:none!important}.agent-messages{scroll-behavior:auto}}@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}.agent-shell,.agent-conversation,.agent-messages{height:auto!important;min-height:0!important;overflow:visible!important;border:0!important;background:#fff!important;box-shadow:none!important}.agent-message{break-inside:avoid}.agent-message-text,.agent-message-text strong{color:#171724!important}}.route-motion-layer{display:none!important;position:absolute;z-index:1;inset:var(--header-h) 0 0 var(--rail-w);overflow:hidden;pointer-events:none;contain:strict;opacity:.72;mix-blend-mode:screen;transition:left .48s cubic-bezier(.16,.82,.2,1)}.route-motion-scene{position:absolute;inset:-3% -2% -4% -4%;width:108%;height:108%;opacity:0;color:var(--motion-accent);transform:translate3d(18px,0,0) scale(.985);transform-origin:62% 48%;transition:opacity .62s ease,transform .72s cubic-bezier(.2,.76,.2,1),filter .62s ease;filter:saturate(.9) blur(2px);will-change:opacity,transform}.route-motion-scene.is-active{opacity:.48;transform:none;filter:saturate(1.12) blur(0)}.route-motion-scene.is-leaving{opacity:0;transform:translate3d(-15px,0,0) scale(1.012);filter:blur(2px)}.route-motion-scene .motion-halo{opacity:.85}.route-motion-scene .motion-layout{transform-origin:center}.route-motion-scene .motion-line,.route-motion-scene .motion-arc,.route-motion-scene .motion-ring,.route-motion-scene .motion-state circle,.route-motion-scene .motion-construction line,.route-motion-scene .motion-zodiac-spokes line,.route-motion-scene .motion-report-spokes line,.route-motion-scene .motion-table-frame,.route-motion-scene .motion-table-grid line,.route-motion-scene .motion-document,.route-motion-scene .motion-agent-core>path:first-child{fill:none;stroke:inherit;stroke-width:1.4;vector-effect:non-scaling-stroke}.route-motion-scene .motion-line-soft{opacity:.58;stroke-width:1.15}.route-motion-scene .motion-line-fine{opacity:.32;stroke-width:.85;stroke-dasharray:5 11}.route-motion-scene .motion-line-secondary{color:var(--motion-secondary);stroke:var(--motion-secondary);opacity:.68}.route-motion-scene .motion-flow,.route-motion-scene .motion-ring-dashed{fill:none;stroke-dasharray:9 17;animation:sgMotionFlow 6.4s linear infinite}.route-motion-scene .motion-ring{fill:none;opacity:.58;stroke-width:1.2}.route-motion-scene .motion-ring-faint{opacity:.26}.route-motion-scene .motion-ring-secondary{color:var(--motion-secondary);stroke:var(--motion-secondary);opacity:.5}.route-motion-scene .motion-arc{stroke-width:2.2;stroke-linecap:round}.route-motion-scene .motion-arc-accent{opacity:.8}.route-motion-scene .motion-arc-secondary{color:var(--motion-secondary);stroke:var(--motion-secondary);opacity:.72}.route-motion-scene .motion-node{fill:color-mix(in srgb,var(--motion-accent) 62%,#071329);stroke:color-mix(in srgb,var(--motion-accent) 78%,white);stroke-width:1;opacity:.84;transform-box:fill-box;transform-origin:center}.route-motion-scene.is-active .motion-node{animation:sgMotionNodeIn .72s cubic-bezier(.16,.82,.22,1) both;animation-delay:var(--motion-delay, 0ms)}.route-motion-scene .motion-node-secondary{fill:color-mix(in srgb,var(--motion-secondary) 55%,#061325);stroke:var(--motion-secondary)}.route-motion-scene .motion-node-small{opacity:.62}.route-motion-scene .motion-node-square{rx:3px}.route-motion-scene .motion-core{fill:color-mix(in srgb,var(--motion-accent) 28%,#07142b);stroke:color-mix(in srgb,var(--motion-accent) 75%,white);stroke-width:1.4;transform-box:fill-box;transform-origin:center}.route-motion-scene .motion-core-secondary{fill:color-mix(in srgb,var(--motion-secondary) 25%,#07142b);stroke:var(--motion-secondary)}.route-motion-scene .motion-rotor,.route-motion-scene .motion-rotate,.route-motion-scene .motion-rotate-slow,.route-motion-scene .motion-rotate-reverse{transform-box:fill-box;transform-origin:center}.route-motion-scene .motion-rotate{animation:sgMotionRotate 24s linear infinite}.route-motion-scene .motion-rotate-slow{animation:sgMotionRotate 38s linear infinite}.route-motion-scene .motion-rotate-reverse{animation:sgMotionRotateReverse 31s linear infinite}.route-motion-scene .motion-pulse{animation:sgMotionPulse 4.8s ease-in-out infinite}.route-motion-scene .motion-float{animation:sgMotionFloat 8s ease-in-out infinite}.route-motion-scene .motion-state circle{opacity:.48}.route-motion-scene .motion-state circle:nth-child(2){opacity:.25;stroke-dasharray:5 10}.route-motion-scene .motion-waveform line{stroke:var(--motion-secondary);stroke-width:3;stroke-linecap:round;transform-box:fill-box;transform-origin:center bottom;animation:sgMotionBar 2.4s ease-in-out infinite;animation-delay:var(--motion-delay, 0ms)}.route-motion-scene .motion-zodiac-spokes,.route-motion-scene .motion-report-spokes,.route-motion-scene .motion-table-grid,.route-motion-scene .motion-construction{opacity:.24}.route-motion-scene .motion-cell{fill:color-mix(in srgb,var(--motion-accent) 15%,transparent);stroke:color-mix(in srgb,var(--motion-accent) 64%,transparent);stroke-width:1;animation:sgMotionCell 4.8s ease-in-out infinite;animation-delay:var(--motion-delay, 0ms)}.route-motion-scene .motion-scan line{stroke:var(--motion-secondary);stroke-width:2;opacity:.58;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--motion-secondary) 70%,transparent))}.route-motion-scene .motion-scan-horizontal{animation:sgMotionScanY 6s cubic-bezier(.4,0,.2,1) infinite}.route-motion-scene .motion-scan-vertical{animation:sgMotionScanX 7s cubic-bezier(.4,0,.2,1) infinite}.route-motion-scene .motion-document{stroke-width:1.8;opacity:.62}.route-motion-scene .motion-agent-core>path:first-child{fill:color-mix(in srgb,var(--motion-accent) 7%,transparent);opacity:.75}.route-motion-scene .motion-agent-spark{fill:var(--motion-secondary);stroke:none;opacity:.72;animation:sgMotionSpark 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@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}}.route-motion-badge{--route-icon-scale: 1;position:relative;isolation:isolate;width:60px;height:60px;flex:0 0 60px;display:grid;place-items:center;margin:0;overflow:visible;color:var(--motion-accent);opacity:1;transform:none;transform-origin:38% 58%;filter:drop-shadow(0 7px 14px color-mix(in srgb,var(--motion-accent) 22%,transparent));backface-visibility:hidden;will-change:opacity,transform,filter}.route-motion-badge[data-icon-state=pending]{opacity:0;transform:translate3d(-8px,5px,0) scale(.78) rotate(-4deg);filter:blur(6px) saturate(.78)}.route-motion-badge[data-icon-state=ready]{opacity:1;transform:none;filter:drop-shadow(0 7px 14px color-mix(in srgb,var(--motion-accent) 22%,transparent))}.route-motion-badge[data-icon-state=ready]:not(.is-icon-entering){animation:sgRouteIconIdle 5.8s ease-in-out infinite}.route-motion-badge:before{content:"";position:absolute;z-index:0;inset:5px;border:1px solid color-mix(in srgb,var(--motion-accent) 28%,transparent);border-right-color:color-mix(in srgb,var(--motion-secondary) 52%,transparent);border-bottom-color:transparent;border-radius:50%;opacity:.42;transform:rotate(-24deg) scale(.92);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--motion-accent) 18%,transparent));animation:sgRouteIconOrbit 9s linear infinite;pointer-events:none}.route-motion-badge:after{content:"";position:absolute;z-index:0;inset:8%;border-radius:50%;pointer-events:none;opacity:.22;transform:scale(.88);background:radial-gradient(circle,color-mix(in srgb,var(--motion-secondary) 30%,transparent),transparent 68%);animation:sgRouteIconAura 4.6s ease-in-out infinite}.route-motion-badge.is-icon-entering{animation:sgRouteIconEnter .9s cubic-bezier(.16,.84,.22,1) both}.route-motion-badge.is-icon-entering:after{animation:sgRouteIconBloom 1.08s ease-out both}.route-motion-badge img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;transform:scale(var(--route-icon-scale));transform-origin:center;animation:sgRouteIconImageFloat 5.8s ease-in-out infinite;backface-visibility:hidden}@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)}}.route-motion-badge[data-motion-badge=dashboard]{--route-icon-scale: .985}.route-motion-badge[data-motion-badge=agent]{--route-icon-scale: .949}.route-motion-badge[data-motion-badge=calculate]{--route-icon-scale: .941}.route-motion-badge[data-motion-badge=cosmogram]{--route-icon-scale: .956}.route-motion-badge[data-motion-badge=dynamics]{--route-icon-scale: 1.002}.route-motion-badge[data-motion-badge=table]{--route-icon-scale: .9}.route-motion-badge[data-motion-badge=transits]{--route-icon-scale: .933}.route-motion-badge[data-motion-badge=comparison]{--route-icon-scale: .964}.route-motion-badge[data-motion-badge=reports]{--route-icon-scale: .949}.page-heading,.agent-page-heading{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;justify-content:stretch}.page-heading>.route-motion-badge,.agent-page-heading>.route-motion-badge{grid-column:1;grid-row:1}.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}.route-motion-badge-sheet{width:58px;height:58px;flex-basis:58px;margin:0 12px 0 0}.sheet-header>.route-motion-badge-sheet+div{min-width:0;margin-right:auto}.motion-enter .formula-svg[data-motion-enhanced=true] .formula-edge-group{animation:sgFormulaEdgeIn .72s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(min(var(--motion-index, 0),18)*18ms)}.motion-enter .formula-svg[data-motion-enhanced=true] .node-surface,.motion-enter .formula-svg[data-motion-enhanced=true] .node-glyph-disc{transform-box:fill-box;transform-origin:center;animation:sgFormulaNodeIn .56s cubic-bezier(.16,.82,.22,1) both;animation-delay:calc(90ms + var(--node-delay, 0ms))}.motion-enter .cosmogram-svg[data-motion-enhanced=true] .cosmo-axis,.motion-enter .cosmogram-svg[data-motion-enhanced=true] .cosmo-aspect{animation:sgVectorFadeIn .58s ease both;animation-delay:calc(min(var(--motion-index, 0),18)*14ms)}.motion-enter .cosmogram-svg[data-motion-enhanced=true] .cosmo-planet-disc{transform-box:fill-box;transform-origin:center;animation:sgCosmoPlanetIn .55s cubic-bezier(.2,.8,.2,1) both}.motion-enter .radar-chart[data-motion-enhanced=true] .radar-area{animation:sgRadarAreaIn .72s ease both;transform-box:fill-box;transform-origin:center}.motion-enter .radar-chart[data-motion-enhanced=true] .radar-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:sgRadarLineIn .95s cubic-bezier(.2,.7,.2,1) .08s both}@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}}.formula-edge.route-active{stroke-dasharray:.09 .04;animation:sgActiveRouteFlow 1.35s linear infinite;filter:drop-shadow(0 0 3px color-mix(in srgb,currentColor 55%,transparent))}@keyframes sgActiveRouteFlow{to{stroke-dashoffset:-.26}}.cosmogram-svg .cosmo-aspect.selected{stroke-dasharray:4 5;animation:sgCosmoAspectFlow 2.2s linear infinite}@keyframes sgCosmoAspectFlow{to{stroke-dashoffset:-18}}.cosmogram-svg .cosmo-planet.selected .cosmo-planet-disc,.cosmogram-svg .cosmo-life-point circle{transform-box:fill-box;transform-origin:center;animation:sgSelectedVectorPulse 2.8s ease-in-out infinite}@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 (max-width: 980px){.route-motion-layer{left:0;opacity:.54}.route-motion-scene{inset:-1% -25% -2% -55%;width:180%;height:104%}.route-motion-scene.is-active{opacity:.31}.route-motion-badge{display:none}}@media (max-width: 560px){.route-motion-layer{opacity:.42}.route-motion-scene{inset:0 -52% 0 -74%;width:226%;height:100%}.route-motion-scene.is-active{opacity:.25}.route-motion-scene *{animation:none!important}}@media print{.route-motion-layer,.route-motion-badge{display:none!important}}@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}.route-motion-badge[data-icon-state=ready]{opacity:1;transform:none;filter:drop-shadow(0 7px 14px color-mix(in srgb,var(--motion-accent) 22%,transparent))}.route-motion-scene{transform:none;filter:none}.route-motion-scene.is-active{opacity:.28}.formula-edge.route-active{stroke-dasharray:none}}

/* Source: /assets/build/report-potential.css */
.report-potential-orbits {
  transform-box: fill-box;
  transform-origin: center;
  animation: reportPotentialOrbit 22s linear infinite;
}

.report-potential-orbits circle,
.report-potential-orbits ellipse {
  fill: none;
  stroke: rgba(145, 122, 255, 0.28);
  stroke-width: 1;
  stroke-dasharray: 4 8;
  vector-effect: non-scaling-stroke;
}

.report-potential-orbits ellipse:nth-child(2) {
  stroke: rgba(55, 199, 220, 0.34);
}

.report-potential-orbits ellipse:nth-child(3) {
  stroke: rgba(239, 189, 88, 0.27);
  stroke-dasharray: 2 7;
}

.report-potential-arcs path {
  fill: none;
  stroke: rgba(189, 177, 255, 0.72);
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-dasharray: 110;
  animation: reportPotentialDraw 4.8s ease-in-out infinite alternate;
  filter: drop-shadow(0 0 5px rgba(126, 96, 242, 0.34));
}

.report-potential-arcs path:nth-child(2) {
  stroke: rgba(55, 199, 220, 0.66);
  animation-delay: -1.6s;
}

.report-potential-arcs path:nth-child(3) {
  stroke: rgba(239, 189, 88, 0.58);
  animation-delay: -3.2s;
}

.report-potential-nodes circle {
  fill: #ad9aff;
  stroke: rgba(255, 255, 255, 0.76);
  stroke-width: 1;
  filter: drop-shadow(0 0 6px rgba(146, 119, 255, 0.85));
}

.report-potential-nodes circle:nth-child(2) {
  fill: var(--report-cyan, #37c7dc);
}

.report-potential-nodes circle:nth-child(3) {
  fill: var(--report-gold, #efbd58);
}

.report-potential-halo {
  fill: rgba(111, 79, 232, 0.08);
  stroke: rgba(166, 145, 255, 0.24);
  stroke-width: 1;
}

.report-potential-ring {
  fill: rgba(28, 20, 69, 0.62);
  stroke: rgba(199, 186, 255, 0.52);
  stroke-width: 1;
}

@keyframes reportPotentialOrbit {
  to { transform: rotate(360deg); }
}

@keyframes reportPotentialDraw {
  from { stroke-dashoffset: 110; opacity: 0.32; }
  to { stroke-dashoffset: 0; opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .report-potential-orbits,
  .report-potential-arcs path {
    animation: none !important;
  }
}

/* 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;
}

/* Mobile-only corrections for SoulGraph. Keep desktop layout untouched. */
@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;
  }

  /* Keep the same section identity as desktop, but scale it for a phone header. */
  .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;
  }

  .page-heading > .route-motion-badge {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: grid !important;
    width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    flex-basis: 50px !important;
    align-self: center !important;
    margin: 0 !important;
    filter: drop-shadow(0 6px 13px color-mix(in srgb, var(--motion-accent) 27%, transparent));
  }

  .page-heading > .heading-context {
    display: none !important;
  }

  .route-motion-badge-sheet {
    display: grid !important;
    width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    flex: 0 0 48px !important;
  }

  /* The compact header menu contains the two analytical views that do not
     need to occupy a permanent slot in the five-item bottom navigation. */
  .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-dots {
    position: relative;
    width: 24px;
    height: 18px;
    display: block;
  }

  .mobile-more-dots i {
    position: absolute;
    top: 50%;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 9px rgba(180, 164, 255, 0.46);
    transition:
      left 420ms cubic-bezier(0.16, 0.78, 0.22, 1),
      top 420ms cubic-bezier(0.16, 0.78, 0.22, 1),
      transform 420ms cubic-bezier(0.16, 0.78, 0.22, 1),
      opacity 220ms ease;
  }

  .mobile-more-dots i:nth-child(1) { left: 2px; }
  .mobile-more-dots i:nth-child(2) { left: 10px; }
  .mobile-more-dots i:nth-child(3) { left: 18px; }

  .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[open] .mobile-more-dots i:nth-child(1) {
    left: 4px;
    top: 29%;
    transform: scale(0.82);
  }

  .mobile-more[open] .mobile-more-dots i:nth-child(2) {
    left: 10px;
    transform: scale(1.42);
  }

  .mobile-more[open] .mobile-more-dots i:nth-child(3) {
    left: 16px;
    top: 71%;
    transform: scale(0.82);
  }

  .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-more-item-icon svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .mobile-more-item-copy {
    min-width: 0;
    display: grid;
    gap: 3px;
  }

  .mobile-more-item-copy strong {
    color: inherit;
    font-size: 12px;
    font-weight: 760;
    line-height: 1.1;
  }

  .mobile-more-item-copy small {
    overflow: hidden;
    color: #6f7f9e;
    font-size: 9px;
    font-weight: 540;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-more-item-arrow {
    color: #806cff;
    font-size: 15px;
    opacity: 0.66;
    transform: translateX(-2px);
    transition: transform 180ms ease, opacity 180ms ease;
  }

  .mobile-more > nav a:active .mobile-more-item-arrow,
  .mobile-more > nav a.active .mobile-more-item-arrow {
    opacity: 1;
    transform: translateX(1px);
  }

  /* Stable five-position navigation. The indicator is measured from the
     actual active button so it remains exact on every phone width. */
  .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;
  }

  /* If a browser starts a native View Transition before the compatibility
     shim runs, keep the persistent navigation in a non-animated top layer. */
  @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;
    }
  }

  /* Keep the complete formula visible on phones. The SVG viewBox already
     preserves its proportions, so it can scale to the card instead of making
     the card horizontally pannable. */
  .formula-mobile-scroll {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
    overflow-y: hidden !important;
    padding: 8px 0 !important;
    scroll-snap-type: none !important;
    scrollbar-width: none !important;
    scrollbar-gutter: auto !important;
    overscroll-behavior-inline: none;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: auto;
  }

  .dashboard-formula-stage:has(.formula-mobile-scroll),
  .structure-graph-pane:has(.formula-mobile-scroll) {
    padding-inline: 3px !important;
  }

  .formula-mobile-scroll > .formula-svg.is-mobile-clarity {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin-inline: auto !important;
    text-rendering: geometricPrecision;
    shape-rendering: geometricPrecision;
  }

  .formula-mobile-scroll > .formula-svg.is-mobile-clarity.is-mini .node-name {
    font-size: 11px !important;
  }

  .formula-mobile-scroll > .formula-svg.is-mobile-clarity.is-mini .formula-node[data-node-id="mercury"] .node-name {
    font-size: 9px !important;
  }

  .formula-mobile-scroll > .formula-svg.is-mobile-clarity.is-mini .formula-node[data-node-id="selena"] .node-name {
    font-size: 10.5px !important;
  }

  .formula-mobile-scroll > .formula-svg.is-mobile-clarity.is-mini .node-meta,
  .formula-mobile-scroll > .formula-svg.is-mobile-clarity.is-mini .node-score,
  .formula-mobile-scroll > .formula-svg.is-mobile-clarity.is-mini .node-retro {
    font-size: 10px !important;
  }

  .formula-mobile-scroll > .formula-svg.is-mobile-clarity.is-mini .formula-node .node-glyph-disc {
    fill: color-mix(in srgb, var(--node-tone) 18%, #071329) !important;
    stroke: color-mix(in srgb, var(--node-tone) 46%, transparent) !important;
    stroke-width: 1 !important;
  }

  .formula-mobile-scroll > .formula-svg.is-mobile-clarity.is-mini .formula-node .node-glyph {
    fill: color-mix(in srgb, var(--node-tone) 90%, white) !important;
    font-family: "SoulGraph Symbols", "Noto Sans Symbols 2", "Segoe UI Symbol", "Apple Symbols", "DejaVu Sans", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    filter: none !important;
  }

  .formula-mobile-scroll > .formula-svg.is-mobile-clarity.is-mini .formula-node.is-auxiliary-pointer .node-glyph {
    font-size: 18px !important;
  }

  .formula-mobile-scroll::before {
    content: none !important;
    display: none !important;
  }

  /* Mobile comparison must be a real single-column layout, not a desktop
     canvas zoomed to 50%. */
  html[data-soulgraph-layout] .comparison-view,
  .comparison-view {
    width: 100% !important;
    max-width: 100% !important;
    zoom: 1 !important;
    overflow-x: clip !important;
  }

  html[data-soulgraph-layout] .comparison-setup,
  html[data-soulgraph-layout] .comparison-chart-pair,
  .comparison-setup,
  .comparison-chart-pair,
  .comparison-overview-grid,
  .comparison-structure-grid,
  .comparison-aspects-grid,
  .comparison-evidence-grid,
  .comparison-formulas {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .comparison-chart-card,
  .comparison-editor,
  .comparison-form,
  .comparison-form > .full {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .comparison-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .comparison-form > .full {
    grid-column: auto !important;
  }

  .comparison-view :is(input, select, button) {
    min-height: 46px !important;
  }

  .comparison-view :is(input, select) {
    font-size: 16px !important;
  }

  /* The desktop agent heading was accidentally re-enabled after its mobile
     rule and collapsed into a one-word-wide column. */
  .agent-page-heading {
    display: none !important;
  }

  .agent-conversation-header {
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
  }

  .agent-mobile-history,
  .agent-header-tool {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  .agent-context-copy {
    min-width: 0;
  }

  .agent-context-copy h2,
  .agent-context-copy p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Make dense controls comfortably tappable. */
  .metric-help-toggle,
  .cosmogram-label-control button,
  .segmented-control button,
  .ghost-button {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  .metric-help-toggle {
    width: 44px !important;
    height: 44px !important;
  }

  /* Show the whole legend instead of hiding half of it behind a narrow rail. */
  .dynamics-legend {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    gap: 8px !important;
  }

  .dynamics-legend .orbit-legend {
    display: flex !important;
    flex: 1 1 100% !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  /* Four presets fit better as a two-by-two touch grid than as a clipped row. */
  .transit-presets {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  .transit-presets > span {
    grid-column: 1 / -1;
  }

  .transit-presets button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
  }

  .location-attribution a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin-block: -8px;
    padding-inline: 4px;
  }
}

@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 > .route-motion-badge {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    flex-basis: 44px !important;
  }

  .formula-dashboard-card > .panel-header {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .formula-dashboard-card > .panel-header > .panel-actions {
    grid-column: 1 !important;
    width: 100% !important;
    justify-content: flex-end !important;
  }

  .page-heading h1 {
    font-size: clamp(21px, 7.4vw, 25px) !important;
  }

  .agent-conversation-header {
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    gap: 4px !important;
  }

  .agent-header-actions {
    gap: 2px !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;
}

body.agent-embedded .agent-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

body.agent-embedded .agent-conversation {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(150deg, rgba(7, 19, 39, 0.98), rgba(3, 11, 25, 0.98)) !important;
  box-shadow: none !important;
}

body.agent-embedded .agent-toggle-fullscreen {
  display: none !important;
}

body.agent-embedded .agent-history {
  top: 8px !important;
  bottom: 8px !important;
  left: 8px !important;
  max-width: calc(100vw - 16px) !important;
}

body.agent-embedded .agent-history-backdrop {
  inset: 0 !important;
}

body.agent-embedded .agent-messages {
  scrollbar-gutter: stable;
}

@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;
  }

  body.agent-embedded .agent-conversation-header {
    border-radius: 0 !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;
  }
}

/* Audit: fit the visible viewport when the mobile keyboard is open. */
.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; }
body.agent-embedded #agent-composer-input { font-size: 16px; }
body.agent-embedded .agent-messages { overscroll-behavior: contain; }
@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 */
/* AstroFace: keep the profiles still; animate only their reveal and ambient light. */
.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; }
}

/* Production UX fixes: safe content area for the global AI launcher. */
.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;
  }
}

/* Audited text and controls: the original dark UI shipped secondary copy at
   8–11px and #637087–#77849d on #071327. Keep graph geometry unchanged. */
: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; }
.cosmogram-header-tools { flex-wrap: wrap; }
.cosmogram-house-notice { overflow-wrap: anywhere; line-height: 1.5; }
.table-empty-state, .transit-error { overflow-wrap: anywhere; }
@media (max-width: 980px) {
  /* At 16px Safari keeps the form at the user's chosen viewport scale. */
  .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; }
  .cosmogram-label-control button { min-height: 44px; 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; }
}

.cosmogram-house-notice .ghost-button { display: inline-flex; min-height: 44px; margin: 8px 0 0 12px; padding: 8px 12px; }

/* The embedded conversation uses the same stylesheet as the full agent page.
   Keep its actual text readable at narrow iframe and phone widths. */
.agent-context-copy > p,
.agent-context-copy > span,
.agent-header-new,
.agent-header-new span,
.agent-starters button,
.agent-starters button span,
.agent-jump-bottom {
  font-size: 12px !important;
  line-height: 1.45;
  color: #b7c4da;
}
.agent-context-copy h2 { font-size: 14px !important; }
.agent-chat-empty > p { font-size: 13px !important; line-height: 1.55; color: #aebdd5; }
.agent-starters button { min-height: 56px; padding: 10px 12px; }
.agent-context-copy p { white-space: normal; overflow-wrap: anywhere; }
.agent-conversation-header { min-height: 62px; }

/* The composer can grow past 132px. Keep the jump action inside the message
   grid row instead of at a fixed bottom offset that overlaps multiline input. */
.agent-conversation > .agent-messages { grid-column: 1; }
.agent-conversation > .agent-jump-bottom {
  position: relative;
  grid-column: 1;
  grid-row: 3;
  align-self: end;
  justify-self: center;
  inset: auto;
  transform: none;
  margin: 0 12px 10px;
  max-width: calc(100% - 24px);
  min-height: 44px;
  white-space: normal;
}

/* Orbit lanes are part of the SVG geometry, so the same structure is retained
   in full screen and downloaded images. Color supplements explicit labels. */
.has-orbit-lanes .formula-orbit-lane { pointer-events: none; }
.has-orbit-lanes .orbit-lane-panel {
  fill: #142036;
  stroke: #526279;
  stroke-width: 1;
  stroke-opacity: .64;
  vector-effect: non-scaling-stroke;
}
.has-orbit-lanes .orbit-lane-title {
  fill: #aebdd2;
  font-size: 11px;
  font-weight: 720;
  letter-spacing: .055em;
  text-anchor: middle;
}
.has-orbit-lanes .lane-orbit-one .orbit-lane-panel {
  fill: #092b36;
  stroke: #21c5bc;
}
.has-orbit-lanes .lane-orbit-one .orbit-lane-title { fill: #3ce4d1; }
.has-orbit-lanes .lane-orbit-two .orbit-lane-panel {
  fill: #28281f;
  stroke: #d9ac4f;
}
.has-orbit-lanes .lane-orbit-two .orbit-lane-title { fill: #ffd276; }
.has-orbit-lanes .lane-orbit-deep .orbit-lane-panel {
  fill: #10273f;
  stroke: #639fea;
}
.has-orbit-lanes .lane-orbit-deep .orbit-lane-title { fill: #9bc9ff; }
.has-orbit-lanes .lane-orbit-deep[data-orbit="4"] .orbit-lane-panel {
  fill: #242039; stroke: #a983ff;
}
.has-orbit-lanes .lane-orbit-deep[data-orbit="4"] .orbit-lane-title { fill: #c5afff; }
.has-orbit-lanes .lane-orbit-deep[data-orbit="5"] .orbit-lane-panel {
  fill: #30213d; stroke: #d581e8;
}
.has-orbit-lanes .lane-orbit-deep[data-orbit="5"] .orbit-lane-title { fill: #ebb1f8; }
.has-orbit-lanes .lane-orbit-deep[data-orbit="6"] .orbit-lane-panel {
  fill: #322432; stroke: #ed889b;
}
.has-orbit-lanes .lane-orbit-deep[data-orbit="6"] .orbit-lane-title { fill: #ffb0c0; }
.has-orbit-lanes .lane-orbit-deep[data-orbit="7"] .orbit-lane-panel {
  fill: #212f28; stroke: #a2c46e;
}
.has-orbit-lanes .lane-orbit-deep[data-orbit="7"] .orbit-lane-title { fill: #c7e896; }
.has-orbit-lanes .lane-orbit-deep[data-orbit="8"] .orbit-lane-panel,
.has-orbit-lanes .lane-orbit-deep[data-orbit="9"] .orbit-lane-panel {
  fill: #112e3b; stroke: #5ac7e3;
}
.has-orbit-lanes .lane-orbit-deep[data-orbit="8"] .orbit-lane-title,
.has-orbit-lanes .lane-orbit-deep[data-orbit="9"] .orbit-lane-title { fill: #8ce5f7; }
.has-orbit-lanes .lane-center .orbit-lane-panel,
.has-orbit-lanes .lane-own-orbit .orbit-lane-panel {
  fill: #201c40;
  stroke: #a077f3;
}
.has-orbit-lanes .lane-center .orbit-lane-title,
.has-orbit-lanes .lane-own-orbit .orbit-lane-title { fill: #c3a4ff; }
.has-orbit-lanes .lane-rest .orbit-lane-panel { fill: #112e32; stroke: #47c4ae; }
.has-orbit-lanes .lane-rest .orbit-lane-title { fill: #81e3cf; }
.has-orbit-lanes .lane-alienation .orbit-lane-panel { fill: #302335; stroke: #e888a4; }
.has-orbit-lanes .lane-alienation .orbit-lane-title { fill: #ffb3c5; }
.has-orbit-lanes .formula-node .node-surface {
  stroke-opacity: .9;
  vector-effect: non-scaling-stroke;
}
.has-orbit-lanes .formula-node:focus-visible .node-surface {
  stroke: #eee5ff;
  stroke-width: 2.5;
}
.has-orbit-lanes.is-mini .orbit-lane-title {
  font-size: 8px;
  letter-spacing: .025em;
}
.formula-mobile-scroll > .has-orbit-lanes.is-mobile-clarity {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible;
  touch-action: pan-y;
}
.formula-mobile-scroll > .has-orbit-lanes.is-mobile-clarity .component-name { display: none; }
.formula-mobile-scroll > .has-orbit-lanes.is-mobile-clarity .component-kicker {
  font-size: 13px !important;
  letter-spacing: .07em;
}
.formula-mobile-scroll > .has-orbit-lanes.is-mobile-clarity .orbit-lane-title {
  font-size: 12px;
  letter-spacing: .04em;
}
.formula-mobile-scroll > .has-orbit-lanes.is-mobile-clarity .formula-node .node-name {
  font-size: 16px !important;
}
.formula-mobile-scroll > .has-orbit-lanes.is-mobile-clarity .formula-node :is(.node-meta, .node-score, .node-retro) {
  font-size: 12px !important;
}
.formula-mobile-scroll > .has-orbit-lanes.is-mobile-clarity .formula-node .node-glyph {
  font-size: 30px !important;
}
.formula-mobile-scroll > .has-orbit-lanes.is-mobile-clarity .formula-node > :is(text, .node-glyph-disc) {
  transform: translateY(4px);
}
/* A long formula should remain readable in full screen and scroll vertically,
   instead of shrinking every centre into one viewport-height canvas. */
.formula-dashboard-card:fullscreen .dashboard-formula-stage,
.formula-dashboard-card.is-fullscreen-fallback .dashboard-formula-stage {
  height: auto !important;
  min-height: calc(100dvh - 92px) !important;
  align-content: start;
}
.formula-dashboard-card:fullscreen .formula-visual,
.formula-dashboard-card.is-fullscreen-fallback .formula-visual {
  height: auto !important;
}
.formula-dashboard-card:fullscreen .has-orbit-lanes,
.formula-dashboard-card.is-fullscreen-fallback .has-orbit-lanes {
  height: auto !important;
  max-height: none !important;
  aspect-ratio: var(--graph-aspect) !important;
}
.formula-dashboard-card:fullscreen > :is(.compact-panel-header, .panel-header),
.formula-dashboard-card.is-fullscreen-fallback > :is(.compact-panel-header, .panel-header) {
  position: sticky;
  top: 0;
  z-index: 5;
  background: #091529;
}

/* Quiet, flowing connections. The transparent 18px hit path remains generous;
   visible line weight and small markers no longer compete with planet cards. */
.has-orbit-lanes {
  --formula-edge-neutral: #9bafc9;
  --formula-edge-auxiliary: #c58b9f;
  --formula-edge-mutual: #ad8fe5;
}
.has-orbit-lanes .formula-edge {
  stroke-width: 1.45;
  opacity: .78;
  stroke-dasharray: none !important;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: none;
  animation: none !important;
  transition: stroke 180ms ease, opacity 180ms ease, stroke-width 180ms ease !important;
}
.has-orbit-lanes .formula-edge.edge-mutual,
.has-orbit-lanes .formula-edge.is-mutual {
  stroke-width: 1.65;
  opacity: .86;
}
.has-orbit-lanes .formula-edge.is-auxiliary-pointer {
  stroke-width: 1.35;
  stroke-dasharray: 2 5.5 !important;
  opacity: .76;
}
.has-orbit-lanes .formula-edge.route-active,
.has-orbit-lanes .formula-edge.is-preview,
.has-orbit-lanes .formula-edge.is-hovered,
.has-orbit-lanes .formula-edge-group:hover .formula-edge {
  stroke-width: 2.05;
  opacity: 1;
}
.has-orbit-lanes .formula-edge.route-active {
  filter: drop-shadow(0 0 2px #bca3ef33);
}
.has-orbit-lanes .formula-edge-origin {
  fill: var(--edge-tone);
  stroke: none;
  opacity: .72;
  transition: fill 180ms ease, opacity 180ms ease !important;
}
.has-orbit-lanes .formula-crossing-halo {
  stroke-width: 3.6;
  opacity: .8;
}
.has-orbit-lanes marker path {
  stroke-width: .35;
  stroke-linejoin: round;
}
.has-orbit-lanes.is-mini .formula-edge { stroke-width: 1.25; }
.has-orbit-lanes.is-mini .formula-edge.is-mutual { stroke-width: 1.4; }
.has-orbit-lanes.is-mini .formula-edge.is-auxiliary-pointer {
  stroke-width: 1.15;
  stroke-dasharray: 1.5 4 !important;
}
.has-orbit-lanes.is-mini .formula-edge.route-active,
.has-orbit-lanes.is-mini .formula-edge.is-hovered { stroke-width: 1.8; }
@media (prefers-reduced-motion: reduce) {
  .has-orbit-lanes .formula-edge,
  .has-orbit-lanes .formula-edge-origin { transition: none !important; }
}

/* Cache one star texture instead of repainting twelve radial-gradient fields
   underneath the animated canvas on every frame. Keep the glass surfaces. */
.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;
}

.mobile-more-item-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mobile-more-item-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.mobile-more-item-copy strong {
  color: #e7eaff;
  font-size: 11px;
}

.mobile-more-item-copy small {
  overflow: hidden;
  color: #687792;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mobile-more-item-arrow {
  margin-left: auto;
  color: #6559b6;
}

.advanced-profile-bar {
  min-width: 0;
  max-width: 720px;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  height: 44px;
  padding: 0 14px;
  border: 1px solid rgba(118, 146, 206, .15);
  border-radius: 13px;
  background: rgba(8, 20, 40, .68);
}

.advanced-profile-bar > i {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--advanced-cyan);
  box-shadow: 0 0 14px rgba(66, 215, 232, .75);
}

.advanced-profile-bar > div {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.advanced-profile-bar strong,
.advanced-profile-bar small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.advanced-profile-bar strong {
  color: #e8edff;
  font-size: 11px;
}

.advanced-profile-bar small {
  color: #73809a;
  font-size: 9px;
}

.advanced-page {
  max-width: 1600px;
  margin: 0 auto;
}

.advanced-page-heading {
  min-height: 78px;
  margin: 0 2px 10px;
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.advanced-heading-mark {
  position: relative;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(142, 112, 255, .35);
  border-radius: 19px;
  color: #c2b4ff;
  background: radial-gradient(circle at 34% 28%, rgba(118, 94, 255, .37), rgba(8, 19, 42, .92) 66%);
  box-shadow: 0 14px 30px rgba(40, 24, 105, .28), inset 0 1px rgba(255, 255, 255, .08);
}

.advanced-heading-mark::before {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px dashed rgba(75, 214, 231, .34);
  border-radius: 50%;
  animation: advancedOrbit 12s linear infinite;
}

.advanced-heading-mark svg {
  position: relative;
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@keyframes advancedOrbit {
  to { transform: rotate(360deg); }
}

.advanced-page-heading > div:nth-child(2) > span {
  display: block;
  margin-bottom: 3px;
  color: #7f70d8;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .22em;
}

.advanced-page-heading h1 {
  margin: 0;
  font-size: clamp(21px, 2vw, 31px);
  font-weight: 650;
  letter-spacing: -.035em;
}

.advanced-page-heading p {
  max-width: 850px;
  margin: 4px 0 0;
  color: #77849d;
  font-size: 10px;
  line-height: 1.5;
}

.advanced-method-chip {
  display: grid;
  justify-items: end;
  gap: 2px;
  padding: 8px 11px;
  border: 1px solid rgba(79, 206, 221, .18);
  border-radius: 11px;
  background: rgba(7, 27, 45, .62);
}

.advanced-method-chip strong {
  color: #a7eff5;
  font-size: 9px;
}

.advanced-method-chip small {
  color: #60718b;
  font-size: 8px;
}

.advanced-loading,
.advanced-empty,
.advanced-error {
  min-height: calc(100vh - 180px);
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  padding: 40px 20px;
  text-align: center;
}

.advanced-loading-orbit {
  position: relative;
  width: 92px;
  height: 92px;
  display: grid;
  place-items: center;
}

.advanced-loading-orbit::before,
.advanced-loading-orbit::after {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(142, 110, 255, .52);
  border-radius: 50%;
  animation: advancedOrbit 2.4s linear infinite;
}

.advanced-loading-orbit::after {
  inset: 21px 5px;
  border-color: rgba(64, 211, 230, .48);
  animation-direction: reverse;
  animation-duration: 1.7s;
}

.advanced-loading-orbit i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 20px #8b6cff;
}

.advanced-loading strong,
.advanced-empty h2,
.advanced-error h2 {
  margin: 0;
  color: #eef1ff;
  font-size: 18px;
}

.advanced-loading span,
.advanced-empty p,
.advanced-error p {
  max-width: 570px;
  margin: 0;
  color: #74819a;
  font-size: 11px;
  line-height: 1.65;
}

.advanced-card-header {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 3px 11px;
  border-bottom: 1px solid rgba(112, 141, 202, .12);
}

.advanced-card-header span,
.advanced-section-title span {
  display: block;
  color: #8d78e4;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .18em;
}

.advanced-card-header h2,
.advanced-section-title h2 {
  margin: 3px 0 0;
  color: #eef1ff;
  font-size: 15px;
  font-weight: 620;
}
.advanced-note-card {
  padding: 15px;
}

.advanced-section-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 11px;
}

.advanced-section-title small {
  color: #64718a;
  font-size: 8px;
}

.advanced-note-card {
  margin-top: 9px;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  color: #76839c;
  font-size: 9px;
  line-height: 1.65;
}

.advanced-note-card > i {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid rgba(137, 109, 255, .3);
  border-radius: 8px;
  color: #a28dff;
  font-style: normal;
}

.advanced-field {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.advanced-field > span {
  color: #707e97;
  font-size: 8px;
  font-weight: 700;
}

.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; }

.cosmo-houses-layer {
  pointer-events: none;
}

.cosmo-house-cusp {
  stroke: rgba(144, 167, 215, .34);
  stroke-width: 1;
}

.cosmo-house-cusp.angular {
  stroke: rgba(243, 198, 107, .74);
  stroke-width: 1.8;
  filter: drop-shadow(0 0 3px rgba(243, 198, 107, .35));
}

.cosmo-house-number {
  fill: rgba(194, 207, 234, .72);
  font-size: 10px;
  font-weight: 760;
  text-anchor: middle;
  dominant-baseline: central;
  paint-order: stroke;
  stroke: rgba(3, 10, 23, .88);
  stroke-width: 3px;
}

.cosmo-angle-label {
  fill: #f3c66b;
  font-size: 9px;
  font-weight: 850;
  text-anchor: middle;
  dominant-baseline: central;
  paint-order: stroke;
  stroke: #061126;
  stroke-width: 3px;
}

.cosmogram-house-meta {
  color: #a6b3cb !important;
}

.cosmogram-house-meta b {
  color: #f0c66f !important;
}

.cosmogram-house-notice {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 12px;
  width: min(480px, calc(100% - 24px));
  transform: translateX(-50%);
  padding: 9px 12px;
  border: 1px solid rgba(241, 191, 93, .28);
  border-radius: 10px;
  color: #c7a862;
  background: rgba(17, 20, 31, .9);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .36);
  text-align: center;
  font-size: 8px;
  line-height: 1.45;
}

@media (max-width: 767px) {
  .advanced-profile-bar {
    height: 38px;
    padding: 0 9px;
  }

  .advanced-profile-bar > i,
  .advanced-profile-bar small { display: none; }

  .advanced-profile-bar strong { font-size: 9px; }

  .advanced-page-heading {
    min-height: 66px;
    grid-template-columns: minmax(0, 1fr);
    padding: 0 2px;
  }

  .advanced-heading-mark,
  .advanced-method-chip { display: none; }

  .advanced-page-heading h1 { font-size: 21px; }
  .advanced-page-heading p { font-size: 9px; }

  .house-system-control > span:not(.af-control-wrap) { display: none; }
  .house-system-control { padding: 0 5px; }
  .house-system-control select { max-width: 98px; }

  .cosmo-house-number { font-size: 8px; }
  .cosmo-angle-label { font-size: 8px; }}

@media (prefers-reduced-motion: reduce) {
  .advanced-heading-mark::before,
  .advanced-loading-orbit::before,
  .advanced-loading-orbit::after {
    animation: none !important;
  }
}

/* Audit: readable type, flexible cards and reliable touch targets. */
.advanced-page { min-width: 0; }
.advanced-page-heading > div{ min-width: 0; }
.advanced-page-heading p,
.advanced-note-card { color: #a7b4cc; font-size: 12px; line-height: 1.6; }
.advanced-card-header h2,
.advanced-section-title h2 { font-size: 16px; line-height: 1.3; }
.advanced-section-title { flex-wrap: wrap; }
.advanced-section-title small{ color: #a0aec6; font-size: 11px; line-height: 1.5; }
.advanced-field > span { color: #aab8d0; font-size: 11px; }
.advanced-field :is(input, select) { min-height: 44px; font-size: 14px; }
.advanced-field select option{ color: #e5e9f7; background: #08152b; }
.advanced-field :is(input, select):disabled { opacity: .75; }
.advanced-page .calculate-button:focus-visible { outline: 2px solid #b7a3ff; outline-offset: 3px; }
@media (max-width: 767px) {
  .advanced-page-heading p { font-size: 12px; }
  .advanced-card-header { flex-wrap: wrap; gap: 10px; }
  .advanced-field :is(input, select){ font-size: 16px; }}
/* Source: /assets/build/page-journey.css */
/* The outgoing page remains fully lit beneath the incoming page. A short
   crossfade is used only when both documents have presentable content. */
@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; } }
@media (prefers-reduced-motion: no-preference) {
  html[data-page-entry="soft"] .hero-copy { animation: page-content-settle .48s cubic-bezier(.2,.75,.25,1) both; }
}
@keyframes page-content-settle { from { opacity: .82; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* A delayed line gives real network waits a quiet signal without shifting
   content, taking focus or blocking a click. It never reports invented %. */
#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); } }

/* Structured placeholders share the dimensions and rhythm of story cards.
   They are loading surfaces, never the old form or an unrelated preview. */
[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] :is(.af-content-skeleton-heading, .af-content-skeleton-cards, .af-content-skeleton-lines) { min-width: 0; }
[data-content-placeholder] i { display: block; height: 9px; border-radius: 20px; background: #b5a5d812; }
.af-content-skeleton-heading { display: grid; gap: 18px; max-width: 540px; margin-bottom: 32px; }
.af-content-skeleton-heading i:first-child { width: 26%; height: 7px; }
.af-content-skeleton-heading i:last-child { width: 68%; height: 22px; background: #b5a5d81b; }
.af-content-skeleton-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.af-content-skeleton-cards > div { display: grid; align-content: center; gap: 13px; min-height: 110px; padding: 20px; border: 1px solid #b5a5d80b; border-radius: 16px; background: #b5a5d804; }
.af-content-skeleton-cards i:first-child { width: 42%; height: 14px; }
.af-content-skeleton-cards i:last-child { width: 72%; }
.af-content-skeleton-lines { display: grid; gap: 14px; max-width: 760px; margin-top: 30px; }
.af-content-skeleton-lines i:last-child { width: 62%; }
body[data-story-mounted="true"] #page-content-loader { display: none; }
@media (prefers-reduced-motion: no-preference) {
  [data-content-placeholder] :is(.af-content-skeleton-heading, .af-content-skeleton-cards, .af-content-skeleton-lines) { animation: af-content-breathe 1.8s ease-in-out infinite alternate; }
  .af-content-skeleton-cards { animation-delay: .15s !important; }
}
@keyframes af-content-breathe { from { opacity: .6; } to { opacity: 1; } }
@media (max-width: 640px) {
  [data-content-placeholder] { padding: 24px; border-radius: 20px; }
  .af-content-skeleton-heading { gap: 15px; margin-bottom: 24px; }
  .af-content-skeleton-heading i:last-child { width: 90%; height: 18px; }
  .af-content-skeleton-cards { grid-template-columns: 1fr; gap: 12px; }
  .af-content-skeleton-cards > div { min-height: 72px; padding: 16px; gap: 10px; }
  .af-content-skeleton-cards > div:last-child { display: none; }
}
@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 */
.relationship-comparison{max-width:1160px;margin:0 auto;padding:12px 0 56px;color:var(--text-primary,#f1edff)}
.relation-intro{max-width:720px;margin:0 0 28px}.relation-eyebrow,.relation-result-heading>small{font-size:10px;letter-spacing:.17em;color:#b8a4ed;font-weight:700}
.relation-intro h1{font-size:clamp(26px,3vw,38px);line-height:1.15;margin:12px 0}.relation-intro p{font-size:14px;line-height:1.75;color:#b9b3cc;margin:0}
.relation-people,.relation-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.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-letter{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ad86fa20;color:#c5a7ff;border:1px solid #ac87ef45;font-size:20px}.relation-person:nth-child(2) .relation-letter{background:#56cad71c;color:#83d7df;border-color:#56cad739}
.relation-person header small{font-size:9px;letter-spacing:.12em;color:#a9a0bd}.relation-person h2{margin:5px 0 0;font-size:18px}.relation-use-current{margin-left:auto;border:0;background:transparent;color:#bfa8eb;font-size:11px;cursor:pointer;padding:8px 0;text-align:right}
.relation-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.relation-field{display:flex;flex-direction:column;gap:8px;min-width:0}.relation-field>span{font-size:12px;color:#c5bfd4}.relation-wide{grid-column:1/-1}
.relation-field input,.relation-field select{width:100%;min-width:0;box-sizing:border-box;height:44px;background:#10101c8c;border:1px solid #b5a0df28;border-radius:10px;color:#f1edff;padding:0 12px;font:inherit;font-size:13px;color-scheme:dark}.relation-field input:focus,.relation-field select:focus{outline:2px solid #b49ae2;outline-offset:2px}.relation-field input::placeholder{color:#797389}.relation-field select option{background:#1d192a}
.relation-place{position:relative}.relation-place>small{display:block;color:#91899f;font-size:11px;line-height:1.6;margin-top:8px}.relation-places{position:absolute;top:70px;left:0;right:0;z-index:30;padding:6px;border:1px solid #8f76b8;border-radius:12px;background:#252036;box-shadow:0 16px 40px #0008;max-height:270px;overflow:auto}.relation-places button{display:block;width:100%;padding:10px;text-align:left;border:0;border-radius:7px;background:transparent;color:#f1edff;font:inherit;font-size:13px;cursor:pointer}.relation-places button small{display:block;margin-top:4px;color:#a89bbf;font-size:11px}.relation-places button:hover,.relation-places button:focus{background:#8d6fc235;outline:1px solid #b49ae2}
.relation-person details{border-top:1px solid #a58dcc20;padding-top:14px}.relation-person summary{color:#b9a7d7;font-size:12px;cursor:pointer}.relation-manual{margin-top:16px}
.relation-types{border:0;margin:32px 0 0;padding:0;min-width:0}.relation-types legend{font-size:18px;font-weight:600;margin-bottom:16px}.relation-types>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.relation-types label{position:relative;cursor:pointer}.relation-types input{position:absolute;opacity:0;width:1px;height:1px}.relation-types label>span{display:flex;flex-direction:column;gap:8px;min-height:88px;box-sizing:border-box;padding:17px 15px;border:1px solid #a78bce30;border-radius:14px;background:#211c2f80;transition:background .2s,border-color .2s}.relation-types strong{font-size:13px}.relation-types small{font-size:11px;line-height:1.5;color:#aaa0bc}.relation-types input:checked+span{background:#7455b52b;border-color:#b296e8;box-shadow:inset 0 0 0 1px #b296e820}.relation-types input:focus-visible+span{outline:2px solid #dfceff;outline-offset:4px}
.relation-actions{text-align:center;margin-top:28px}.relation-submit{display:block;width:100%;min-height:62px;border:1px solid #c4abf3;border-radius:16px;background:linear-gradient(110deg,#9877d4,#765eb5);box-shadow:0 8px 30px #8c6aca20;color:white;font:inherit;font-weight:650;font-size:17px;cursor:pointer}.relation-submit:hover{filter:brightness(1.1)}.relationship-comparison button:focus-visible{outline:2px solid #d9c8ff;outline-offset:4px}.relationship-comparison button:disabled{cursor:wait;opacity:.6}.relation-actions p{font-size:12px;line-height:1.6;color:#978da9;margin:12px 0}.relation-status{min-height:24px;text-align:center;font-size:13px;color:#c4b2e0;line-height:1.6}.relation-status.is-error{color:#f4a9b7}.relation-cancel{display:block;margin:14px auto 0;background:transparent;border:1px solid #9c82be60;padding:10px 18px;border-radius:10px;color:#c8b8e0;cursor:pointer}
.relation-result{margin-top:30px;scroll-margin-top:24px;outline:none}.relation-result-heading{text-align:center;margin:0 0 24px}.relation-result-heading h2{font-size:28px;margin:12px 0;overflow-wrap:anywhere}.relation-result-heading h2 span{font-weight:400;color:#9483ac}.relation-result-heading p{font-size:13px;color:#b7a7cc}.relation-person-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.relation-person-tags span{padding:7px 12px;border:1px solid #ae8ece38;border-radius:20px;font-size:11px;color:#c4b5d8;overflow-wrap:anywhere;max-width:100%}.relation-block{min-width:0;padding:25px;border:1px solid #a88bd22b;border-radius:18px;background:#211c2e9c}.relation-block>small{font-size:11px;letter-spacing:.12em;color:#9e84c4}.relation-block h3{font-size:18px;margin:10px 0 14px}.relation-block p,.relation-block li{font-size:14px;line-height:1.85;color:#c9c1d6;overflow-wrap:anywhere;margin:0}.relation-block ol{padding-left:22px;margin:0}.relation-block li+li{margin-top:12px}.relation-block li::marker{color:#b695df}.relation-footnote{font-size:11px;line-height:1.7;text-align:center;color:#92889f;margin:20px auto;max-width:650px}.relationship-comparison [hidden]{display:none!important}
.relation-summary ol{margin-top:16px}
@media(max-width:850px){.relation-person{padding:18px}.relation-use-current{margin-left:54px;padding:0}.relation-types>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.relationship-comparison{padding-top:8px}.relation-people,.relation-report-grid{grid-template-columns:1fr;gap:14px}.relation-intro{margin-bottom:22px}.relation-intro p{font-size:13px}.relation-person>header{margin-bottom:20px}.relation-person h2{font-size:17px}.relation-use-current{margin-left:auto;padding:8px 0}.relation-fields{gap:14px 10px}.relation-types{margin-top:24px}.relation-types label>span{padding:15px 12px}.relation-block{padding:20px}.relation-submit{min-height:60px}.relation-result-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.relation-types label>span{transition:none}}
.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-saved-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;flex:1;min-width:0}.relation-saved-people>span{display:grid;gap:7px;min-width:0}.relation-saved-people strong{font-size:15px;overflow-wrap:anywhere}.relation-saved-people small{font-size:12px;line-height:1.6;color:#b9b1cb;overflow-wrap:anywhere}.relation-edit-label{color:#d3b9ff;font-size:13px}
.relation-summary-link{display:inline-flex;align-items:center;min-height:44px;color:#d4bcff;font-size:14px;text-underline-offset:5px}.relation-summary{background:linear-gradient(130deg,#352947,#232135);border-color:#b093db80;border-left:4px solid #c2a0ed}.relation-summary h3{scroll-margin-top:110px}.relation-summary li{padding-left:6px}.relation-result{scroll-margin-top:110px}
.relation-submit[aria-busy=true]::before{content:"";display:inline-block;width:18px;height:18px;border:2px solid #fff5;border-top-color:#fff;border-radius:50%;vertical-align:middle;margin-right:12px;animation:relation-spin 1s linear infinite}
.relation-use-current{min-height:44px;font-size:12px}.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}.relation-saved-people{gap:16px}.relation-edit-label{min-height:30px;display:flex;align-items:center}.relation-result-heading{text-align:left}.relation-block p,.relation-block li{line-height:1.7}}
@media(max-width:360px){.relation-fields{grid-template-columns:1fr}.relation-types>div{grid-template-columns:1fr}.relation-saved-people{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){html:not([data-motion-paused=true]) .relation-result:not([hidden]){animation:relation-enter .3s ease-out}}
@keyframes relation-spin{to{transform:rotate(360deg)}}@keyframes relation-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.relation-submit[aria-busy=true]::before{animation:none}}

.relation-status:empty{display:none}
.relation-unknown-time{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:#c8bddb}
.relation-unknown-time>input{width:18px;height:18px;min-height:18px;flex:0 0 18px;accent-color:#bc9de6}
.relation-time-note{font-size:12px;line-height:1.5;color:#a99fbc}
@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 */
/* Shared visual language for the AstroFace workspace. Geometry and data stay native. */
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 .advanced-page-heading > div > span,
.af-refresh .advanced-method-chip,
.af-refresh .advanced-section-title > div > span { display: none; }
.af-refresh .advanced-page-heading { margin: 8px 0 24px; }
.af-refresh .advanced-heading-mark { width: 42px; height: 42px; min-width: 42px; background: var(--af-accent-soft); border: 0; border-radius: 12px; box-shadow: none; color: var(--af-accent); }
.af-refresh .advanced-heading-mark::before,
.af-refresh .advanced-heading-mark::after { display: none; }
.af-refresh .advanced-heading-mark svg { width: 24px; height: 24px; filter: none; }
.af-refresh .advanced-field > span { font-size: 14px; }
.af-refresh .section-mini-title { font-size: 13px; text-transform: none; letter-spacing: 0; }
.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(.panel-header, .compact-panel-header) { border-bottom-color: var(--af-line); padding: 18px 20px; }
.af-refresh :is(.panel-header h2, .compact-panel-header strong, .compact-panel-header h2) {
  font-size: 15px !important; text-transform: none; letter-spacing: 0; font-weight: 600;
}
.af-refresh :is(.panel-header > div > span, .compact-panel-header small) { font-size: 12px !important; color: var(--af-muted); }
.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-note { background: transparent; border: 0; border-top: 1px solid var(--af-line); border-radius: 0; padding: 18px 0 0; }
.af-refresh .sheet-note > 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 .metric-card { background: transparent; box-shadow: none; border-color: var(--af-line); }
.af-refresh .metric-card::before, .af-refresh .metric-card::after { display: none; }
.af-refresh .metric-card > strong { font-size: 29px; font-weight: 550; }
.af-refresh :is(.metric-card > small, .metric-card-head > span) { font-size: 12px !important; color: var(--af-muted); }
.af-refresh .metric-help-toggle { background: transparent; border: 0; box-shadow: none; }
.af-refresh .full-planet-table { font-size: 14px; }
.af-refresh .full-planet-table th { text-transform: none; letter-spacing: 0; font-size: 12px !important; color: var(--af-muted); font-weight: 500; }
.af-refresh .full-planet-table td { font-size: 14px !important; border-color: var(--af-line); }
.af-refresh .table-planet strong { font-size: 14px; }
.af-refresh .table-planet small { font-size: 12px; color: var(--af-muted); }
.af-refresh .table-metric-ribbon { gap: 0; border-bottom: 1px solid var(--af-line); margin-bottom: 20px; }
.af-refresh .table-metric-ribbon > * { background: transparent; border: 0; border-right: 1px solid var(--af-line); border-radius: 0; box-shadow: none; }
.af-refresh .table-metric-ribbon > :last-child { border-right: 0; }
.af-refresh .table-metric-ribbon > *::after { display: none; }
.af-refresh .table-page-toolbar { padding: 20px; }
.af-refresh .table-search { background: #0e1421; border-color: var(--af-line); }
.af-refresh .table-search input { font-size: 14px !important; }
.af-refresh .table-result-meta { font-size: 12px !important; color: var(--af-muted); }
.af-refresh .inspector-stats { gap: 0; }
.af-refresh .inspector-stats > div { background: transparent; border: 0; border-bottom: 1px solid var(--af-line); border-radius: 0; padding: 14px 8px 14px 0; }
.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 .inspector-stats strong { font-size: 14px; }
.af-refresh :is(.inspector-reference, .inspector-ai-meaning) { box-shadow: none; }
.af-refresh .agent-shell { gap: 20px; }
.af-refresh .agent-history { background: transparent; border: 0; border-right: 1px solid var(--af-line); border-radius: 0; }
.af-refresh .agent-page-heading { margin-bottom: 20px; }
.af-refresh .agent-history-search input,
.af-refresh .agent-history-empty strong { font-size: 13px; }
.af-refresh .agent-history-empty p { font-size: 12px; }
.af-refresh .agent-conversation { background: var(--af-surface); }
.af-refresh .agent-conversation-header { border-color: var(--af-line); }
.af-refresh .agent-chat-empty h2 { font-size: clamp(24px, 3vw, 38px); font-weight: 500; letter-spacing: -.03em; }
.af-refresh .agent-chat-empty p { font-size: 14px; line-height: 1.7; color: var(--af-muted); }
.af-refresh .agent-starters button { background: transparent; border-color: var(--af-line); box-shadow: none; font-size: 13px; }
.af-refresh .agent-starters button:hover { background: var(--af-accent-soft); border-color: #ae94ed55; }
.af-refresh .agent-message-text { font-size: 15px; line-height: 1.8; }
.af-refresh .agent-composer { border-color: var(--af-line); }
.af-refresh .agent-composer textarea { font-size: 15px; background: #0e1421; border-color: var(--af-line); }
.af-refresh .report-start { min-height: 300px; background: linear-gradient(120deg, #1a1c30, var(--af-surface) 70%); }
.af-refresh .report-start-copy h2 { font-size: clamp(30px, 3.8vw, 48px); font-weight: 400; }
.af-refresh :is(.report-start-copy p, .report-paragraph p, .report-section-header p) { font-size: 15px !important; line-height: 1.8; }
.af-refresh :is(.transit-hero, .transit-advice-panel, .transit-control-card, .transit-empty) { box-shadow: none; background: var(--af-surface); }
.af-refresh :is(.transit-advice-grid > *, .transit-advice-preview > *) { box-shadow: none; border-color: var(--af-line); background: transparent; }
.af-refresh :is(.transit-advice-panel > header p, .transit-advice-copy p) { font-size: 14px !important; }
.af-refresh :is(.transit-section-nav, .dynamics-top-controls) { background: transparent; box-shadow: none; border-color: var(--af-line); }
.af-refresh :is(.dynamics-card, .transition-scale-card, .comparison-chart-card) { box-shadow: none; background: var(--af-surface); border-color: var(--af-line); }
.af-refresh :is(.dynamics-card-heading h2, .dynamics-card-heading h3) { font-size: 16px; text-transform: none; letter-spacing: 0; }
.af-refresh .relation-person { border-radius: 16px; }
.af-refresh .relation-person h2 { font-size: 20px; font-weight: 600; }
.af-refresh .relation-letter { background: var(--af-accent-soft); border: 0; border-radius: 10px; color: var(--af-accent); }
.af-refresh .relation-use-current { font-size: 13px; color: #cab4f3; }
.af-refresh .relation-types label > span { background: var(--af-surface); border-color: var(--af-line); box-shadow: none; }
.af-refresh .relation-types label strong { font-size: 14px; }
.af-refresh .relation-types label small { font-size: 12px; color: var(--af-muted); }
.af-refresh .relation-types input:checked + span { background: var(--af-accent-soft); border-color: var(--af-accent); box-shadow: none; }
.af-refresh .relation-submit { min-height: 50px; border-radius: 10px; font-size: 15px; }
.af-refresh .relation-result-heading h2 { font-weight: 500; }
.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 .route-motion-badge.af-line-icon {
  width: 42px; height: 42px; min-width: 42px; margin-right: 14px; border-radius: 12px;
  background: var(--af-accent-soft); color: var(--af-accent); border: 0; box-shadow: none; filter: none;
  display: inline-grid; place-items: center; animation: none !important; transform: none !important;
}
.af-refresh .route-motion-badge.af-line-icon :is(img, .motion-ring),
.af-refresh .route-motion-badge.af-line-icon::before, .af-refresh .route-motion-badge.af-line-icon::after { display: none; }
.af-refresh .route-motion-badge.af-line-icon > svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.af-refresh .af-motion-control { font: inherit; font-size: 13px; color: var(--af-muted); border: 0; background: transparent; padding: 12px; text-align: left; cursor: pointer; border-radius: 9px; display: flex; align-items: center; gap: 10px; }
.af-refresh .af-motion-control:hover { color: var(--af-text); background: #ffffff05; }
.af-refresh .af-motion-control svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.5; flex-shrink: 0; }
.af-refresh .af-motion-control[aria-pressed="true"] { color: var(--af-accent); }
/* Quiet graph surfaces; retain semantic hues, arrow markers and native geometry. */
.af-refresh .formula-svg .component-panel { fill: transparent; stroke: #a8b6cd25; }
.af-refresh .formula-svg .component-header-band { opacity: .35; }
.af-refresh .formula-svg :is(.component-glow, .node-sheen, .node-shadow) { display: none; }
.af-refresh .formula-svg :is(.lane-panel, .orbit-lane-bg, .zone-panel) { fill-opacity: .3; stroke-opacity: .3; }
.af-refresh .formula-svg .orbit-lane-panel { fill-opacity: .24; stroke-opacity: .3; }
.af-refresh .formula-dashboard-card .panel-header > div > span { display: none; }
.af-refresh .formula-node .node-surface { fill: #151e2e; stroke-opacity: .65; }
.af-refresh .formula-node.selected .node-surface,
.af-refresh .formula-node:focus-visible .node-surface { stroke: #d0b8ff; stroke-width: 2; fill: #27213b; stroke-opacity: 1; }
.af-refresh .formula-node .node-name { fill: #f0f2f8; font-weight: 550; }
.af-refresh .formula-node .node-meta { fill: #a7b4c9; }
.af-refresh .cosmogram-svg .cosmo-planet-disc { filter: none; }
.af-refresh .cosmogram-svg .cosmo-planet.selected .cosmo-planet-disc { stroke: #d0b8ff; }
/* Stop decorative loops, then opt into short, meaningful entrances. */
.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; }
  body.af-refresh.af-workspace-panel-open .cosmogram-page-grid { grid-template-columns: minmax(0, 1fr); }
}
.af-refresh .formula-svg .formula-edge.route-active { stroke: #c8b0f0; filter: none; transition: stroke 180ms ease, opacity 180ms ease; }
@keyframes af-link-reveal { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: no-preference) {
  html:not([data-motion-paused="true"]) .af-refresh .motion-enter .formula-svg .formula-edge-group,
  html:not([data-motion-paused="true"]) .af-refresh .motion-enter .cosmogram-svg .cosmo-aspect {
    animation: af-link-reveal 420ms ease-out both !important;
    animation-delay: calc(min(var(--motion-index, 0), 8) * 22ms) !important;
  }
}
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 .route-motion-badge.af-line-icon { width: 34px; height: 34px; min-width: 34px; margin-right: 10px; }
  .af-refresh .table-metric-ribbon { gap: 8px; }
  .af-refresh .table-metric-ribbon > * { border-right: 0; }
  .af-refresh .agent-shell { gap: 0; }
  .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; }
  .af-refresh .af-motion-control { display: none; }
}
/* Source: /assets/build/workspace-shell.css */
/* Layout owned by workspace-shell.js. Global surfaces and typography live in
   design-refresh.css; native mobile navigation and form state remain intact. */
.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 */
/* View-specific layout; data and existing delegated controls remain native. */
.af-dashboard .dashboard-layout { display:grid; grid-template-columns:minmax(0, 2.5fr) minmax(255px, 1fr); gap:24px; align-items:start; }
.af-dashboard .dashboard-primary-column, .af-dashboard .dashboard-analytics-column { display:grid; grid-template-columns:minmax(0, 1fr); gap:16px; min-width:0; }
.af-dashboard .formula-dashboard-card { height:auto; min-height:560px; }
.af-dashboard .dashboard-formula-stage { height:auto; min-height:490px; padding:20px 12px; }
.af-summary-title { margin:4px 0 0; color:var(--text-primary, #eeeaf8); font-size:16px; font-weight:600; }
.af-dashboard .dashboard-metric-grid { display:grid!important; grid-template-columns:minmax(0, 1fr)!important; overflow:visible!important; gap:0; }
.af-dashboard .dashboard-metric-grid .metric-card, .af-extra-metrics .metric-card { display:block!important; width:auto!important; height:auto!important; min-height:0!important; min-width:0!important; padding:18px 0; border:0; border-bottom:1px solid rgba(171,161,204,.14); border-radius:0; background:none; box-shadow:none; }
.af-dashboard .metric-card-head { gap:10px; font-size:13px; }
.af-dashboard .metric-card>strong { display:block; margin-top:8px; font-size:28px!important; line-height:1.2; }
.af-dashboard .metric-card>small { display:block; margin-top:7px; font-size:12px; line-height:1.55; }
.af-dashboard .metric-help-toggle { min-width:32px; min-height:32px; background:transparent; }
.af-dashboard .metric-help-toggle b { right:0; bottom:0; }
.af-dashboard .metric-explainer { font-size:13px; line-height:1.55; }
.af-statistics { min-width:0; padding-top:2px; }
.af-statistics>summary, .af-location-details>summary { cursor:pointer; color:#c7b4f2; font-size:13px; line-height:1.5; padding:10px 0; }
.af-statistics>summary:focus-visible, .af-location-details>summary:focus-visible, .af-transit-parameters>summary:focus-visible, .af-phase-controls button:focus-visible { outline:2px solid #c7b4f2; outline-offset:5px; border-radius:6px; }
.af-extra-metrics { display:grid; min-width:0; }
.af-statistics .planet-ranking-card { display:block!important; width:100%; min-height:0; padding:18px 0 0; border:0; background:none; box-shadow:none; }
.af-statistics .rank-row { min-height:42px; }
.af-statistics .rank-row :is(strong,span,small) { font-size:12px; }
.af-dashboard .dashboard-auxiliary-card { background:none; box-shadow:none; border:0; padding-inline:0; }

.af-location-details { min-width:0; grid-column:1/-1; border-top:1px solid rgba(171,161,204,.14); }
.af-location-summary { grid-column:1/-1; margin:0; color:#a8a1b8; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.af-location-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:12px 0 8px; }
.af-location-fields>.full { grid-column:1/-1; }
.af-location-details .form-field { min-width:0; }
.relation-person .af-location-details { padding-top:0; }
.relation-person .af-location-details>summary { font-size:13px; }
.relation-person .af-location-summary { margin-top:-4px; }
.relation-person:has(.af-location-details) .relation-place>small, #parameters-form:has(.af-location-details) .form-field:has(#place-name)>small { display:none; }
#parameters-form>.location-attribution { font-size:11px; line-height:1.6; color:#928a9f; }

.af-phase-controls { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:20px 0 18px; }
.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-controls button { min-height:42px; padding:10px 20px; border:0; border-radius:8px; font:inherit; font-size:14px; color:#aca5bf; background:transparent; cursor:pointer; }
.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); }
.af-phase-controls .af-phase-compare { padding-inline:12px; color:#c7b4f2; border:1px solid rgba(171,161,204,.2); }
html[data-soulgraph-layout] .af-phases .transition-state-grid, .af-phases .transition-state-grid { display:grid; grid-template-columns:minmax(0,1fr); overflow:visible; gap:16px; padding:0; }
.af-phases .transition-state { width:100%; max-width:none; min-height:0; grid-template-rows:auto minmax(0,1fr) auto; background:var(--surface,rgba(25,23,37,.68)); border:1px solid rgba(171,161,204,.18); box-shadow:none; }
.af-phases [data-transition-state][hidden] { display:none!important; }
.af-phases .transition-mini-stage { height:740px!important; min-height:0!important; max-height:none!important; padding:20px!important; background:none; }
.af-phases .transition-mini-stage .transition-state-graph, .af-phases .transition-mini-stage .transition-compact-map { height:100%!important; width:100%!important; }
.af-phases .transition-mini-stage .transition-compact-map>.formula-svg { width:100%!important; height:100%!important; max-width:100%!important; min-width:0!important; }
.af-phases .transition-state>header { min-height:76px; padding:18px 22px; }
.af-phases .transition-state-moment time, .af-phases .transition-state footer strong { font-size:13px; }
.af-phases .transition-state-identity span, .af-phases .transition-state-moment span, .af-phases .transition-state-score span, .af-phases .transition-state footer span { font-size:11px; }
.af-phases .transition-state footer { padding:16px 22px; }
.af-phases .transition-state-identity strong { font-size:26px; }
html[data-soulgraph-layout] .af-phases.af-compare-phases .transition-state-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.af-phases.af-compare-phases .transition-mini-stage { height:420px!important; padding:10px!important; }
.af-phases.af-compare-phases .transition-state>header { display:flex; flex-wrap:wrap; gap:12px; padding:16px; }
.af-phases.af-compare-phases .transition-state-moment { flex:1 1 140px; }
.af-phases.af-compare-phases .transition-state-score { display:none; }
.af-phases .dynamics-top-controls { padding:0; background:none; border:0; box-shadow:none; }
.af-phases .dynamics-legend { font-size:11px; }
.af-phases .dynamics-summary-grid { gap:16px; margin-top:20px; }

.af-transits { gap:16px; }
.af-transit-parameters { margin:0; border:1px solid rgba(171,161,204,.2); border-radius:14px; background:rgba(25,23,37,.6); }
.af-transit-parameters>summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 22px; cursor:pointer; list-style:none; }
.af-transit-parameters>summary::-webkit-details-marker { display:none; }
.af-transit-moment { display:grid; gap:6px; min-width:0; }
.af-transit-moment strong { font-size:18px; color:#eeeaf8; }
.af-transit-moment small { font-size:12px; color:#a8a1b8; overflow-wrap:anywhere; }
.af-transit-edit { font-size:13px; color:#c7b4f2; white-space:nowrap; }
.af-transit-edit::after { content:" ↓"; }
.af-transit-parameters[open] .af-transit-edit::after { content:" ↑"; }
.af-transit-parameters .transit-control-card { display:block; padding:20px 22px; border:0; border-top:1px solid rgba(171,161,204,.14); border-radius:0 0 14px 14px; margin:0; background:transparent; box-shadow:none; }
.af-transit-parameters .transit-fields { width:100%; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(150px,.65fr); }
.af-transit-parameters .transit-presets { margin-top:16px; }
.af-transit-parameters .transit-control-copy { display:none; }
.af-transits .transit-hero[hidden] { display:none!important; }
.af-transits .transit-section-nav { margin-bottom:0; padding:0 0 8px; background:none; border:0; border-bottom:1px solid rgba(171,161,204,.14); border-radius:0; box-shadow:none; }
.af-transits .transit-section-nav a { font-size:13px; }
.af-transits .transit-overview { margin:0; }
.af-transits .transit-overview>header { display:none; }
.af-transits .transit-metrics { gap:0; border:1px solid rgba(171,161,204,.14); border-radius:14px; overflow:hidden; }
.af-transits .transit-metrics>article { display:flex; flex-direction:column; gap:6px; min-height:0; border:0; border-radius:0; border-right:1px solid rgba(171,161,204,.12); padding:14px 16px; background:rgba(25,23,37,.45); box-shadow:none; }
.af-transits .transit-metrics>article>i { display:none; }
.af-transits .transit-metrics>article>span { max-width:none; font-size:12px; }
.af-transits .transit-metrics>article>strong { font-size:26px; }
.af-transits .transit-metrics>article>small { font-size:11px; }
.af-transits .transit-analysis-grid { margin-top:0; grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr); gap:20px; }
.af-transits .transit-aspect-planets b, .af-transits .transit-aspect-kind strong { font-size:12px; }
.af-transits .transit-aspect-planets small, .af-transits .transit-aspect-kind small { font-size:11px; }
.af-transits .transit-advice-panel { margin-top:24px; }
.af-transits [id^="transit-"] { scroll-margin-top:110px; }

@media (max-width:1199px) {
  .af-dashboard .dashboard-layout { grid-template-columns:minmax(0,2fr) minmax(230px,1fr); gap:18px; }
  html[data-soulgraph-layout] .af-phases.af-compare-phases .transition-state-grid { grid-template-columns:minmax(0,1fr); }
  .af-phases.af-compare-phases .transition-mini-stage { height:500px!important; }
}
@media (max-width:980px) {
  .af-dashboard .dashboard-layout { grid-template-columns:minmax(0,1fr); }
  .af-dashboard .dashboard-primary-column, .af-dashboard .dashboard-analytics-column { display:grid; }
  .af-dashboard .dashboard-analytics-column { order:1; }
  .af-dashboard .dashboard-metric-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:16px; }
  .af-dashboard .dashboard-formula-stage { min-height:0; }
  .af-dashboard .formula-dashboard-card { min-height:0; }
  .af-transits .transit-analysis-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:767px) {
  .af-dashboard .dashboard-metric-grid { gap:10px; }
  .af-dashboard .metric-card>strong { font-size:23px!important; }
  .af-dashboard .metric-card-head { font-size:11px; }
  .af-dashboard .metric-card>small { font-size:10px; }
  .af-phase-controls { align-items:stretch; }
  .af-phase-tabs { flex:1 1 100%; }
  .af-phase-tabs button { flex:1; padding:10px 8px; font-size:13px; }
  .af-phase-controls .af-phase-compare { width:100%; }
  .af-phases .transition-mini-stage, .af-phases.af-compare-phases .transition-mini-stage { height:auto!important; padding:12px!important; }
  .af-phases .transition-mini-stage .transition-state-graph { height:auto!important; }
  .af-phases .transition-mini-stage .transition-compact-map { display:none!important; }
  .af-phases .transition-state>header { padding:14px; }
  .af-phases .transition-state footer { padding:14px; }
  .af-transit-parameters>summary { align-items:flex-start; flex-direction:column; gap:12px; padding:16px; }
  .af-transit-moment strong { font-size:16px; }
  .af-transit-parameters .transit-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .af-transit-parameters .transit-fields>button { grid-column:1/-1; }
  .af-transits .transit-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .af-transits .transit-metrics>article { padding:12px; }
}
@media (prefers-reduced-motion:no-preference) {
  .af-phases:not(.af-compare-phases) .transition-state:not([hidden]) { animation:af-phase-enter .24s ease-out; }
  @keyframes af-phase-enter { from { opacity:.45; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
}
/* Source: /assets/build/workspace-inspector.css */
/* One quiet, readable workspace panel for planet details and AI. */
:root { --af-inspector-width: clamp(330px, 28vw, 400px); }
body.af-inspector-modal :is(.mobile-bottom-nav, .agent-chat-launcher) { visibility: hidden; }

/* Keep the fullscreen chart inside its grid row above the planet list. */
.af-refresh .cosmogram-main-card:is(:fullscreen, .is-fullscreen-fallback) > .large-cosmogram-stage {
  height: 100% !important;
}
.af-refresh .cosmogram-main-card:is(:fullscreen, .is-fullscreen-fallback) .cosmogram-wrap {
  grid-template-rows: minmax(0, 1fr);
}
.af-refresh .cosmogram-main-card:is(:fullscreen, .is-fullscreen-fallback) .cosmogram-svg {
  min-height: 0;
  aspect-ratio: auto;
}

.af-agent-launcher.agent-chat-launcher {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: auto !important;
  height: 46px !important;
  min-height: 46px;
  padding: 0 17px;
  right: 24px;
  bottom: 22px;
  border: 1px solid #a493df66;
  border-radius: 12px;
  color: #eee9ff;
  background: #26223b;
  box-shadow: 0 6px 20px #0003;
  font-family: inherit;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.2;
  animation: none;
  transform: none;
  filter: none;
}
.af-agent-launcher.agent-chat-launcher::before,
.af-agent-launcher.agent-chat-launcher::after { display: none; }
.af-agent-launcher.agent-chat-launcher:hover { background: #312943; box-shadow: 0 6px 24px #0004; transform: translateY(-1px); }
.af-agent-launcher > svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.af-agent-launcher > span { white-space: nowrap; }
.af-agent-launcher:focus-visible,
.af-inspector-chat:focus-visible,
.af-return-to-planet:focus-visible { outline: 2px solid #bdadff; outline-offset: 3px; }

.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-kicker { font-size: 10px; line-height: 1.5; letter-spacing: .06em; color: #9694ad; }
.mobile-inspector-sheet .inspector-stats { gap: 0 18px; }
.mobile-inspector-sheet .inspector-stats > div { padding: 13px 0; background: none; border: 0; border-bottom: 1px solid #a99bc31a; border-radius: 0; }
.mobile-inspector-sheet .inspector-stats span,
.mobile-inspector-sheet .inspector-stats small { font-size: 12px; color: #9b9eb4; }
.mobile-inspector-sheet .inspector-stats strong { margin-top: 6px; font-size: 14px !important; font-weight: 550; }
.mobile-inspector-sheet .inspector-section { padding-top: 18px; margin-top: 18px; border-top: 1px solid #a99bc31a; }
.mobile-inspector-sheet .section-mini-title { display: flex; font-size: 13px; }
.mobile-inspector-sheet .section-mini-title small { font-size: 11px; }
.mobile-inspector-sheet .route-chip { font-size: 12px; min-height: 36px; border-radius: 8px; }
.mobile-inspector-sheet .related-list > button,
.mobile-inspector-sheet .aspect-mini-list > button { background: transparent; border: 0; border-radius: 7px; min-height: 42px; }
.mobile-inspector-sheet :is(.related-list, .aspect-mini-list) > button { grid-template-columns: 27px minmax(0, 1fr) auto; }
.mobile-inspector-sheet :is(.related-list, .aspect-mini-list) > button > span { grid-column: 1; grid-row: 1 / 3; }
.mobile-inspector-sheet :is(.related-list, .aspect-mini-list) > button > strong { grid-column: 2; grid-row: 1; }
.mobile-inspector-sheet :is(.related-list, .aspect-mini-list) > button > small { grid-column: 2; grid-row: 2; }
.mobile-inspector-sheet :is(.related-list, .aspect-mini-list) > button > i { grid-column: 3; grid-row: 1 / 3; }
.mobile-inspector-sheet .related-list > button:hover,
.mobile-inspector-sheet .aspect-mini-list > button:hover { background: #ffffff07; }
.mobile-inspector-sheet .related-list strong,
.mobile-inspector-sheet .aspect-mini-list strong { font-size: 13px !important; }
.mobile-inspector-sheet .related-list small,
.mobile-inspector-sheet .aspect-mini-list small,
.mobile-inspector-sheet .aspect-mini-list i { font-size: 11px !important; color: #a1a5bb; }
.mobile-inspector-sheet .inspector-reference-list > div { padding: 9px 0; border: 0; border-radius: 0; background: none; }
.mobile-inspector-sheet .inspector-reference-list dt { font-size: 12px; color: #d1ccdf; }
.mobile-inspector-sheet .inspector-disclaimer { font-size: 11px; color: #858b9e; line-height: 1.5; }
.mobile-inspector-sheet .inspector-tags { gap: 6px; flex-wrap: wrap; }
.mobile-inspector-sheet .inspector-tags span { border: 0; background: #aaa0ca0b; color: #a5a7ba; font-size: 11px; }
.mobile-inspector-sheet .af-inspector-explain { width: 100%; min-height: 44px; padding: 11px 12px; font-size: 13px !important; white-space: normal; line-height: 1.5; color: #e9e3ff; background: #9b81ed18; border: 1px solid #a68ce83d; border-radius: 9px; }
.af-inspector-chat { display: block; width: 100%; margin-top: 8px; min-height: 40px; background: transparent; color: #b9a6ef; border: 0; border-radius: 8px; font: inherit; font-size: 13px; cursor: pointer; }
.af-inspector-chat:hover { background: #a99be00d; }
#mobile-inspector-content .af-inspector-chat { background: transparent !important; box-shadow: none; border: 0; }
#mobile-inspector-content .af-inspector-chat:hover { background: #a99be00d !important; }
.af-inspector-reference > summary { color: #b8b0d0; font-size: 13px; cursor: pointer; }
.af-inspector-reference[open] > summary { margin-bottom: 12px; }
.af-inspector-reference > summary:focus-visible { outline: 2px solid #bdadff; outline-offset: 5px; border-radius: 2px; }
.af-return-to-planet { padding: 8px; background: transparent; border: 0; color: #c0b2e9; font: inherit; font-size: 12px; border-radius: 7px; white-space: nowrap; cursor: pointer; }
.af-return-to-planet[hidden] { display: none; }

@media (min-width: 1100px) {
  body.af-workspace-panel-open:not([data-view="dashboard"]) .app-main { padding-right: calc(var(--af-inspector-width) + 38px) !important; }
  body.af-docked-inspector.af-inspector-open:not(.modal-open):not(.calculation-open) { overflow: auto; }
  body.af-docked-inspector #mobile-inspector-layer {
    inset: calc(var(--header-h, 70px) + 18px) 18px 18px auto;
    width: var(--af-inspector-width);
    display: block !important;
    padding: 0;
    pointer-events: none;
    place-items: stretch !important;
  }
  body.af-docked-inspector #mobile-inspector-layer[hidden] { display: none !important; }
  body.af-docked-inspector #mobile-inspector-layer > .modal-backdrop { display: none; }
  body.af-docked-inspector #mobile-inspector-content {
    width: 100%;
    height: 100%;
    max-height: none;
    padding: 0;
    border: 1px solid #b9a8d924;
    border-radius: 16px;
    background: #141520;
    box-shadow: 0 12px 30px #0002;
    pointer-events: auto;
    overscroll-behavior: contain;
    transform: translateX(12px);
  }
  body.af-docked-inspector #mobile-inspector-layer.open #mobile-inspector-content { transform: none; }
  body.af-docked-inspector #mobile-inspector-content .sheet-handle { display: none; }
  body.af-docked-inspector #mobile-inspector-content > .planet-inspector { padding: 22px 20px; }
  body.af-docked-inspector #mobile-inspector-content .inspector-planet { width: 44px; height: 44px; flex-shrink: 0; }
  body.af-docked-inspector #mobile-inspector-content .inspector-head { position: relative; padding-right: 25px; }
  body.af-docked-inspector #mobile-inspector-content .inspector-close { position: absolute; top: -9px; right: -8px; min-width: 36px; min-height: 36px; border: 0; background: none; color: #a9a6bf; }
  body.af-workspace-panel-open .cosmogram-side-column > .planet-inspector { display: none; }
  body.af-workspace-panel-open .cosmogram-page-grid { grid-template-columns: minmax(0, 1fr); }
  body.af-workspace-panel-open .cosmogram-side-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  body.af-docked-inspector .agent-popup-panel {
    inset: calc(var(--header-h, 70px) + 18px) 18px 18px auto;
    width: var(--af-inspector-width);
    min-height: 0;
    border: 1px solid #b9a8d924;
    border-radius: 16px;
    background: #141520;
    box-shadow: 0 12px 30px #0002;
    backdrop-filter: none;
  }
  body.af-docked-inspector .agent-popup-panel::before,
  body.af-docked-inspector .agent-popup-header::after,
  body.af-docked-inspector .agent-popup-avatar { display: none; }
  body.af-docked-inspector .agent-popup-header { grid-template-columns: minmax(0, 1fr) auto; min-height: 78px; padding: 15px; background: transparent; border-color: #a99bc31a; }
  body.af-docked-inspector .agent-popup-heading small { display: none; }
  body.af-docked-inspector .agent-popup-heading strong { font-size: 17px; }
  body.af-docked-inspector .agent-popup-heading em { margin-top: 5px; font-size: 11px; color: #a4a0b8; }
  body.af-docked-inspector .agent-popup-actions { gap: 1px; }
  body.af-docked-inspector .agent-popup-close { width: 32px; height: 36px; border: 0; background: transparent; }
  body.af-inspector-open .af-agent-launcher { right: calc(var(--af-inspector-width) + 38px); }
  body.af-inspector-open #agent-popup-layer:not(.is-open) { visibility: hidden; }
}

@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;
  }
  .af-agent-launcher.agent-chat-launcher { right: 14px; bottom: calc(84px + env(safe-area-inset-bottom)); height: 42px !important; min-height: 42px; padding: 0 13px; font-size: 13px; }
  .mobile-inspector-sheet .inspector-head h3 { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  .af-agent-launcher.agent-chat-launcher,
  body.af-docked-inspector #mobile-inspector-content { transition: none; transform: none; }
}

/* Source: /assets/build/readability.css */
/* Readable first layer; detailed calculations remain available on demand. */
.af-refresh .af-reading-hint,.af-refresh .af-form-hint{font-size:13px;line-height:1.65;color:#b5c0d3;margin:8px 0 14px;overflow-wrap:anywhere}
.af-refresh .af-form-hint a,.af-reading-link,.af-chat-comparison a{color:#d4bdff;text-underline-offset:4px}
.af-reading-details{min-width:0;border-top:1px solid #a995cf24;padding:8px 0;margin:8px 0 14px}
.af-reading-details>summary{cursor:pointer;padding:12px 4px;min-height:44px;box-sizing:border-box;font-size:14px;line-height:1.5;color:#d6c6f5}
.af-reading-details>p{font-size:14px;line-height:1.7;color:#b5c0d3;margin:8px 4px}
.af-reading-details>summary:focus-visible,.af-reading-button:focus-visible,.af-planet-choices button:focus-visible{outline:2px solid #c9b0ef;outline-offset:3px;border-radius:8px}
.af-reading-button,.af-planet-choices button{min-height:44px;border:1px solid #bda0e53d;background:#b193e510;color:#dfd3f9;border-radius:10px;padding:9px 14px;font:inherit;font-size:13px;line-height:1.5;cursor:pointer}
.af-reading-button:hover,.af-planet-choices button:hover{background:#b193e524;border-color:#bda0e580}
.af-reading-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.af-refresh .relation-summary{background:linear-gradient(130deg,#352947,#232135);border:1px solid #b093db80;border-left:4px solid #c2a0ed}
.af-refresh .af-export-menu{margin:0;padding:0;border:0}.af-export-menu>summary{font-size:12px;padding:10px}.af-export-menu .table-actions{padding:8px 0}.af-phase-expand{font-size:12px;justify-self:end}.af-phases .transition-state:fullscreen,.af-phases .transition-state.is-fullscreen-fallback{display:flex;flex-direction:column;overflow:auto;background:#111827}.af-phases .transition-state:fullscreen .transition-mini-stage,.af-phases .transition-state.is-fullscreen-fallback .transition-mini-stage{height:calc(100dvh - 190px)!important;min-height:400px!important;flex:1}
.af-key-points{border:1px solid #ad93d634;border-left:3px solid #b294e3;border-radius:14px;background:linear-gradient(115deg,#3026408c,#17223199);padding:20px 24px;margin:0 0 18px}
.af-key-points h2{font-size:20px;letter-spacing:-.02em;font-weight:600;margin:0 0 10px}.af-key-points .af-reading-hint:last-child{margin-bottom:0}
.af-planet-choices{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.af-map-legend{margin-top:0}
.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>.route-motion-badge{display:none!important}.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 .sheet-header-submit{display:none!important}.af-refresh .parameters-form{row-gap:18px}.af-refresh .parameters-form .af-form-hint{margin:0}
body[data-route="calculate"] .agent-chat-launcher,body[data-view="comparison"] .agent-chat-launcher{display:none!important}
.af-refresh .cosmogram-panel-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;padding-bottom:12px}
.af-refresh .cosmogram-panel-header>div:first-child{min-width:0}.af-refresh .cosmogram-header-tools{grid-row:2;grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px}
.af-refresh .cosmogram-header-tools .formula-legend{flex:1 1 100%;gap:14px}.af-refresh .cosmogram-header-tools .cosmogram-houses-control{margin-left:0}
.af-refresh .cosmogram-panel-header .panel-actions{grid-row:1;grid-column:2}.af-refresh .cosmogram-panel-header .panel-actions button{width:auto;min-height:44px;display:flex;gap:8px;align-items:center;padding:10px;font-size:12px}
.af-cosmo-mode,.af-cosmo-choices,.af-cosmo-simple{margin-left:20px!important;margin-right:20px!important}.af-cosmo-simple-view .cosmo-aspect{opacity:.1!important;pointer-events:none}.af-cosmo-simple-view .cosmo-age-mark{display:none}
.af-cosmo-simple-view:has([data-active-mode="age"]) .cosmo-age-mark{display:initial}.af-cosmo-simple-view:has([data-active-mode="age"]) .cosmo-strength-label{opacity:.25}
.af-aspect-highlights{padding:12px 18px}.af-aspect-highlights h3{font-size:17px;margin:8px 0}.af-aspect-highlight{padding:10px 0;border-top:1px solid #ad95ce22}.af-aspect-highlight .aspect-row{width:100%;border:0;padding:8px 0;background:none}.af-aspect-highlight .af-reading-hint{font-size:12px;margin:4px 0 0}.aspect-card>.af-reading-details{margin:0 18px}.af-refresh .aspect-row{min-height:54px}
.af-table-options{display:flex;align-items:start;gap:18px;padding:0 20px 14px}.af-table-options>.af-reading-details{flex:1;margin:0;border:0;padding:0}.af-table-options>.af-reading-details>summary{padding:10px 4px}.af-table-options>.af-reading-button{flex-shrink:0}
.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{margin-bottom:16px}.af-refresh .table-metric-ribbon>article{padding:12px 16px;min-height:0}.af-refresh .table-metric-ribbon strong{font-size:24px}.af-refresh .table-metric-ribbon i{display:none}.af-refresh .table-metric-ribbon :is(span,small){font-size:12px;line-height:1.4}
.af-refresh .table-page-toolbar h2{font-size:19px}.af-refresh .table-actions button{font-size:12px;min-height:44px;background:transparent}.af-table-simple .full-table-wrap{min-width:0}.af-refresh .full-planet-table th{font-size:12px}.af-refresh .full-planet-table td{font-size:13px}
.af-phase-overview{display:grid;grid-template-columns:1fr 1.3fr;gap:16px;margin:20px 0}.af-phase-overview .dynamics-card{padding:18px;min-height:0}.af-phase-overview .dynamics-card :is(p,li){font-size:14px;line-height:1.65}.af-phase-overview .dynamics-card .narrative-callout{min-height:0;padding:12px 0;background:none;border:0}.af-phase-overview .dynamics-card .dynamics-status-chip{font-size:12px}
.af-phase-graphs{margin:0}.af-phase-graphs>summary{font-size:15px}.af-phases .transition-mini-stage{height:460px!important;padding:16px!important}
html[data-soulgraph-layout] .af-phases.af-compare-phases .transition-state-grid{grid-template-columns:minmax(0,1fr)}
.af-phases.af-compare-phases .transition-mini-stage{height:440px!important}.af-phases .transition-state>header{min-height:0}.af-phases .transition-state-identity strong{font-size:20px}
.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-phases .dynamics-legend [hidden]{display:none!important}
.af-refresh .transit-section-nav{display:flex;flex-wrap:wrap;overflow:visible;gap:6px}.af-refresh .transit-section-nav a{min-height:44px;display:inline-flex;align-items:center;padding:8px 12px;background:#b79adc09;border-radius:8px}
.af-refresh .transit-section-nav a[href="#transit-advice"]{color:#dcc6ff;border:1px solid #b695e352}.af-refresh .transit-advice-panel{margin-top:0}.af-transits>.af-reading-details{margin:0}
.af-refresh .transit-aspect-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 125px;gap:14px;align-items:center;padding:14px 10px}
.af-refresh .transit-aspect-planets{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:8px;min-width:0}.af-refresh .transit-aspect-planets>span{min-width:0}.af-refresh .transit-aspect-planets b{white-space:normal;overflow-wrap:anywhere;max-width:none}.af-refresh .transit-aspect-kind{min-width:0}.af-refresh .transit-exactness small{font-size:12px;line-height:1.45;white-space:normal}.af-refresh .transit-exactness{min-width:0;max-width:none;width:auto}
.af-refresh .transit-analysis-grid{grid-template-columns:minmax(0,1fr)}.af-refresh .transit-cosmogram-stage{max-width:680px;margin-inline:auto}.af-refresh .transit-structure-section>div{grid-template-columns:minmax(0,1fr)}
.af-refresh .report-profile{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;min-height:0}.af-refresh .report-profile-visual,.af-refresh .report-profile-copy>span,.af-refresh .report-profile-copy>h2,.af-refresh .report-profile-copy>p{display:none}.af-refresh .report-profile-meta{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0}.af-refresh .report-profile-meta>div{padding:0;border:0;background:none;display:block;min-height:0}.af-refresh .report-profile-meta dt{font-size:12px}.af-refresh .report-profile-meta dd{font-size:13px}.af-refresh .report-profile-meta>div:nth-child(3){display:none}
.af-report-intro{display:flex;justify-content:space-between;align-items:center;gap:18px}.af-report-expand{flex-shrink:0}.af-refresh .report-index{margin:12px 0 20px}.af-refresh .report-index>div{gap:8px}.af-refresh .report-index a{min-height:44px;padding:10px 12px}.af-refresh .report-index a strong{font-size:13px}
.af-refresh .report-profile-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.af-refresh .report-profile-actions>small,.af-refresh .report-edit-button{display:none}.af-refresh .report-pdf-button{font-size:13px!important;min-height:44px!important;width:auto!important;padding:10px 16px!important;background:#b094d71a;border:1px solid #bba2d94d;box-shadow:none}.af-refresh .af-report-navigation{margin:4px 0 14px;padding:0}.af-refresh .report-map a{min-height:44px!important}.af-refresh .report-map a strong{font-size:13px!important}
.af-refresh .report-section{padding:24px;scroll-margin-top:110px}.af-refresh .report-section-header{margin-bottom:0;padding:0 0 18px;gap:14px}.af-refresh .report-section-header h2{font-size:25px;line-height:1.2}.af-refresh .report-section-header p{font-size:13px!important;line-height:1.55}.af-refresh .report-section-header b{font-size:11px}.af-refresh .report-paragraph-grid{display:grid;grid-template-columns:1fr;gap:0;padding:0}
.af-refresh .report-paragraph{display:grid;min-height:0;align-content:start;grid-template-columns:minmax(150px,.5fr) minmax(0,1.5fr);gap:8px 24px;padding:18px 0;border:0;border-top:1px solid #ad95ce24;background:none;border-radius:0}.af-refresh .report-paragraph>span{display:none}.af-refresh .report-paragraph h3{font-size:15px;line-height:1.5;margin:0;max-width:none;text-transform:none;letter-spacing:0}.af-refresh .report-paragraph p{font-family:inherit;font-size:15px;line-height:1.75;margin:0;max-width:76ch}.af-refresh .report-paragraph>.af-reading-details{grid-column:2;margin:0;padding:0;border:0}.af-refresh .report-paragraph summary{padding:6px 0;font-size:13px}
.af-refresh .report-professions{padding:18px 0 0;gap:12px}.af-refresh .report-professions:has(>.is-top-three){grid-template-columns:repeat(3,minmax(0,1fr))}.af-refresh .report-profession>strong{display:none}.af-refresh .report-profession{grid-template-columns:34px minmax(0,1fr);padding:16px;min-height:0;align-items:start;gap:14px}.af-refresh .report-profession h3{font-size:18px;overflow-wrap:anywhere}.af-refresh .report-profession-rank{width:34px;height:34px}.af-refresh .report-profession p{font-size:14px;line-height:1.65;color:#bbc5d5;margin:8px 0 0;max-width:74ch}.af-refresh .report-profession small{display:block;font-size:13px!important;line-height:1.6;color:#aaafc6;margin-top:8px}.af-refresh .report-top-legend{font-size:12px}.af-profession-more .report-professions{margin-top:10px}.af-refresh .report-section--closing{min-height:0;text-align:left;padding:24px}.af-refresh .report-closing-prism{display:none}.af-refresh .report-section--closing h2{font-family:inherit;font-size:clamp(20px,2.4vw,27px);line-height:1.55;max-width:55ch;margin:14px 0 20px}
.af-refresh .agent-page-heading>div:last-child{display:none}.af-refresh .agent-context-copy>p{display:none}.af-refresh .agent-context-copy>span{font-size:12px}.af-refresh .agent-context-copy h2{font-size:16px}.af-refresh .agent-message-content>header :is(time,span){font-size:12px!important}.af-refresh .agent-message-content>header strong{font-size:13px}.af-refresh .agent-message-content>footer button{font:inherit;font-size:13px!important;min-height:44px;padding:8px 12px}.af-refresh .agent-message-avatar small{font-size:12px!important}.af-refresh .agent-message-content>footer{gap:8px}.af-refresh .agent-chat-empty p.af-chat-comparison{font-size:13px;max-width:52ch;line-height:1.65}.af-refresh .agent-starters button{min-height:48px;font-size:13px}
.af-refresh .agent-message-content>footer time,.af-refresh .agent-message-avatar{font-size:12px!important}
.af-refresh .cosmogram-header-tools .af-cosmo-simple{margin:0!important;font-size:12px}.af-refresh .cosmogram-panel-header>div:first-child>span{display:none}.af-refresh .cosmogram-panel-header h2{max-width:none!important;font-size:21px;line-height:1.3}.af-refresh .cosmogram-panel-header>div:first-child{width:auto!important}.af-refresh .cosmogram-panel-header .cosmogram-header-tools{padding-top:0}.af-refresh .advanced-method-chip{display:none}
@media(max-width:980px){
 body.af-history-open{overflow:hidden}body.af-history-open .app-main{position:relative;z-index:1500!important;transform:none!important}body.af-history-open #view-root,body.af-history-open .agent-view,body.af-history-open .agent-shell{transform:none!important;filter:none!important;contain:none!important;overflow:visible}
 body.af-history-open .app-header,body.af-history-open .mobile-bottom-nav,body.af-history-open .agent-chat-launcher{visibility:hidden!important;pointer-events:none!important}
 body.af-refresh .agent-history{background:#151b2a;border:1px solid #a890d445;border-radius:16px;box-shadow:0 20px 80px #000a}
 body.af-history-open .agent-history{position:fixed;inset:12px;width:auto;height:calc(100dvh - 24px);max-height:none;z-index:1502;opacity:1;transform:none}
 body.af-history-open .agent-history-backdrop{position:fixed;inset:0;z-index:1501;background:#060912c9}.af-refresh .agent-history-close,.af-refresh .agent-history-actions button{width:44px;height:44px;min-width:44px}}
@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-key-points{padding:17px 18px}.af-key-points h2{font-size:19px}.af-key-points .af-reading-hint{font-size:13px}
 .af-refresh .af-summary-title{font-size:17px}.af-refresh .dashboard-metric-grid{grid-template-columns:1fr!important;gap:0!important}.af-refresh .dashboard-metric-grid .metric-card{display:grid!important;grid-template-columns:1fr auto;gap:6px 16px;padding:14px 0}.af-refresh .dashboard-metric-grid .metric-card>strong{font-size:23px!important;margin:0}.af-refresh .dashboard-metric-grid .metric-card>small{grid-column:1/-1;font-size:12px}.af-refresh .dashboard-metric-grid .metric-card-head{font-size:13px}.af-refresh .dashboard-metric-grid .metric-explainer{grid-column:1/-1}
 .af-refresh .cosmogram-panel-header{padding:16px;gap:12px}.af-refresh .cosmogram-panel-header h2{font-size:19px}.af-refresh .cosmogram-panel-header .panel-actions button{flex-direction:column;gap:3px;font-size:11px;padding:6px}.af-cosmo-mode,.af-cosmo-choices,.af-cosmo-simple{margin-left:16px!important;margin-right:16px!important}.af-refresh .cosmogram-header-tools .formula-legend{font-size:12px}
 .af-refresh .table-metric-ribbon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0}.af-refresh .table-metric-ribbon>article{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 10px;min-height:0}.af-refresh .table-metric-ribbon small{display:none}.af-refresh .table-metric-ribbon strong{font-size:21px}.af-refresh .table-metric-ribbon span{font-size:12px}.af-refresh .table-page-toolbar{padding:14px;gap:8px;grid-template-columns:minmax(0,1fr) auto!important}.af-refresh .table-page-toolbar>div:first-child{display:none!important}.af-refresh .table-search{flex:1;width:100%;min-width:0}.af-refresh .table-actions{margin:0}.af-refresh .table-actions button{padding:8px;font-size:12px}.af-table-options{padding:0 14px 10px;gap:10px}.af-table-options summary{font-size:12px}.af-table-options>.af-reading-button{font-size:12px;padding:8px}.af-refresh .table-filter-bar{padding:10px 14px;gap:6px}.af-refresh .table-filter-bar button{font-size:12px;min-height:40px}.af-refresh .table-result-meta{padding:10px 14px}.af-refresh .table-result-meta>small{display:none}
 html[data-soulgraph-layout] .af-table-simple .full-planet-table tbody tr,.af-table-simple .full-planet-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:14px;gap:7px 12px;margin:0;border:0;border-bottom:1px solid #ac99d32b;border-radius:0;background:none;min-height:0}
 html[data-soulgraph-layout] .af-table-simple .full-planet-table td,.af-table-simple .full-planet-table td{padding:0!important;border:0!important;min-height:0!important;display:block}
 .af-table-simple .full-planet-table td:nth-child(1){grid-column:1/-1}.af-table-simple .full-planet-table td:nth-child(2){grid-column:1;grid-row:2}.af-table-simple .full-planet-table td:nth-child(5){grid-column:2;grid-row:2;text-align:right}
 html[data-soulgraph-layout] .af-table-simple .full-planet-table td:nth-child(3),html[data-soulgraph-layout] .af-table-simple .full-planet-table td:nth-child(4),html[data-soulgraph-layout] .af-table-simple .full-planet-table td:nth-child(6),html[data-soulgraph-layout] .af-table-simple .full-planet-table td:nth-child(7){display:none!important}
 .af-table-simple .full-planet-table td::before,.af-table-simple .full-planet-table td small,.af-table-simple .table-scroll-hint{display:none!important}.af-table-simple .table-planet{width:100%;min-height:44px}.af-table-simple .table-planet::after{content:"Подробнее ›";font-size:12px;color:#cbb6e8;margin-left:auto}.af-table-simple .full-planet-table td[data-label="Положение"] strong{font-size:13px}.af-table-simple .score-badge-table::after{content:" / 6";font-size:12px}
 .af-phase-overview{grid-template-columns:1fr;gap:12px}.af-phase-overview .dynamics-card{padding:16px}.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}.af-phases .transition-mini-stage,.af-phases.af-compare-phases .transition-mini-stage{height:auto!important;padding:12px!important}
 .af-refresh .transit-aspect-row{grid-template-columns:minmax(0,1fr) 105px;gap:10px 12px}.af-refresh .transit-aspect-planets{grid-column:1/-1;grid-row:1}.af-refresh .transit-aspect-kind{grid-column:1;grid-row:2;text-align:left}.af-refresh .transit-exactness{grid-column:2;grid-row:2}.af-refresh .transit-aspect-planets b{font-size:14px}.af-refresh .transit-aspect-kind strong{font-size:13px}.af-refresh .transit-section-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.af-refresh .transit-section-nav a{justify-content:center;padding:8px;font-size:12px}.af-refresh .transit-advice-panel{padding:18px}.af-refresh .transit-advice-panel h2{font-size:21px}
 .af-refresh .report-profile{padding:16px;flex-direction:column;align-items:stretch;gap:14px}.af-refresh .report-profile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.af-refresh .report-profile-actions>button{min-width:0;width:100%!important;font-size:12px!important;padding-inline:8px!important;justify-content:center}.af-refresh .report-profile-actions>[data-action="generate-report"]{grid-column:1/-1}.af-refresh .report-profile-meta>div:last-child{display:none}.af-report-intro{flex-direction:column;align-items:start;gap:10px}.af-refresh .report-section{padding:18px}.af-refresh .report-section-header h2{font-size:23px}.af-refresh .report-section-header{gap:10px}.af-refresh .report-paragraph{grid-template-columns:1fr;gap:8px}.af-refresh .report-paragraph>.af-reading-details{grid-column:1}.af-refresh .report-paragraph p{font-size:14px;line-height:1.75}.af-refresh .report-paragraph h3{font-size:15px}.af-refresh .report-profession{padding:14px 10px;gap:10px}.af-refresh .report-profession h3{font-size:17px}.af-refresh .report-profession>strong{display:none}.af-refresh .report-profession-rank{font-size:18px;min-width:28px}.af-refresh .report-section--closing{padding:20px}
 .af-refresh .agent-context-copy h2{font-size:14px}.af-refresh .agent-context-copy>span{font-size:11px}.af-refresh .agent-conversation-header{gap:8px}.af-refresh .agent-chat-empty{padding:24px 16px}.af-refresh .agent-chat-empty h2{font-size:27px}.af-refresh .agent-empty-orbit{width:72px;height:72px;margin-bottom:16px}
}
@media(prefers-reduced-motion:no-preference){html:not([data-motion-paused="true"]) .af-table-simple .full-planet-table tbody{animation:af-reading-enter .18s ease-out}html:not([data-motion-paused="true"]) .af-reading-details[open]>*:not(summary){animation:af-reading-enter .18s ease-out}html:not([data-motion-paused="true"]) .af-docked-inspector.af-inspector-open #mobile-inspector-content{animation:af-reading-enter .18s ease-out}}
@keyframes af-reading-enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.af-refresh .report-professions:has(>.is-top-three){grid-template-columns:minmax(0,1fr)}}
@media print{.af-reading-button,.af-table-options{display:none!important}.af-reading-details>*{display:block!important}}

/* Keep the SVG in the flexible row between the reading hint and the planet list. */
.af-refresh .cosmogram-main-card{grid-template-rows:auto auto minmax(420px,1fr) auto auto!important}
.af-refresh .cosmogram-main-card:fullscreen,.af-refresh .cosmogram-main-card.is-fullscreen-fallback{grid-template-rows:auto auto minmax(0,1fr) auto auto!important}
.af-refresh .parameters-form>.af-form-hint,.af-refresh .parameters-form>.af-reading-details{grid-column:1/-1}
.af-refresh .af-motion-control{white-space:normal;font-size:12px;line-height:1.4;min-height:44px}

.af-refresh .af-motion-control span{white-space:normal;overflow:visible;text-overflow:clip}
.af-refresh .af-motion-control{width:100%;min-width:0}.af-refresh .af-motion-control span{font-size:12px!important;white-space:normal!important;max-width:calc(100% - 28px);line-height:1.4!important}

@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){.af-refresh .agent-chat-empty .agent-empty-orbit{display:none}body.af-refresh[data-view="agent"] .af-section-navigation{width:100%}}
.af-refresh .agent-message-content>footer time{color:#a9b7ce!important}.af-refresh .agent-message-content>footer button{color:#d0bce9!important}
@media(max-width:767px){.af-refresh .agent-view{grid-template-rows:minmax(0,1fr)}}
/* Source: /assets/build/soul-map.css */
/* A compact numerical summary, with the actual ranking always available. */
html:has(body[data-view="dashboard"]) { scrollbar-gutter: stable; }
.af-soul-numbers { min-width: 0; }
.af-soul-numbers .af-summary-title { margin: 0 0 10px; font-size: 15px; }
@media (min-width: 981px) {
  .af-refresh .af-dashboard .dashboard-layout { grid-template-columns: minmax(0,1fr) clamp(280px,20vw,300px); gap: 20px; }
  .af-refresh .af-dashboard .dashboard-analytics-column { gap: 12px; }
}
.af-refresh .af-soul-numbers .dashboard-metric-grid { grid-template-columns: minmax(0,1fr) !important; gap: 0 !important; }
.af-refresh .af-soul-numbers .metric-card { display: grid !important; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 6px 10px; padding: 6px 0; min-height: 44px !important; }
.af-refresh .af-soul-numbers .metric-card-head { min-width: 0; font-size: 12px !important; gap: 7px; }
.af-refresh .af-soul-numbers .metric-card-head > span { font-size: 12px !important; line-height: 1.5; }
.af-refresh .af-soul-numbers .metric-card > strong { margin: 0; font-size: 16px !important; line-height: 1.4; text-align: right; }
.af-refresh .af-soul-numbers .metric-card > small { display: none; }
.af-refresh .af-soul-numbers .metric-card.is-explaining > small { display: block; grid-column: 1 / -1; margin: 0; font-size: 12px; }
.af-refresh .af-soul-numbers .metric-explainer { position: static; display: none !important; grid-column: 1 / -1; padding: 8px 0; opacity: 1; transform: none; background: none; border: 0; backdrop-filter: none; }
.af-refresh .af-soul-numbers .metric-card.is-explaining .metric-explainer { display: block !important; }
.af-refresh .af-soul-numbers .metric-explainer::before { display: none; }
.af-refresh .af-soul-numbers .metric-card .metric-help-toggle { width: 28px; min-width: 28px; height: 28px; min-height: 28px; flex-shrink: 0; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transform: none !important; }
.af-soul-numbers .af-statistics { padding: 0; }
.af-soul-numbers .af-statistics > summary { min-height: 40px; padding: 10px 0; font-size: 12px; }
.af-soul-numbers .af-extra-metrics .metric-card { padding: 12px 0; }
.af-refresh .af-dashboard .planet-ranking-card { display: block; padding: 16px 0 0; border: 0; border-top: 1px solid #b4a2da26; border-radius: 0; background: none; box-shadow: none; }
.af-dashboard .planet-ranking-card .compact-panel-header { padding: 0 0 12px; }
.af-dashboard .planet-ranking-card .compact-table { min-width: 0; }
.af-refresh .af-dashboard .planet-ranking-card :is(.compact-table-head,.compact-row) { grid-template-columns: 20px minmax(0,1fr) 34px 60px; gap: 7px; }
.af-refresh .af-dashboard .planet-ranking-card :is(.compact-table-head,.compact-row) > :nth-child(3),
.af-refresh .af-dashboard .planet-ranking-card :is(.compact-table-head,.compact-row) > :nth-child(6) { display: none; }
.af-refresh .af-dashboard .planet-ranking-card .compact-row { min-height: 44px; grid-template-rows: auto; padding: 5px 0; }
.af-refresh .af-dashboard .planet-ranking-card .compact-row > span { grid-column: auto; grid-row: auto; font-size: 12px; }
.af-refresh .af-dashboard .planet-ranking-card .compact-row > span:nth-child(2) { font-size: 13px; }
.af-refresh .af-dashboard .planet-ranking-card .compact-row > span:nth-child(4)::after { content: '/6'; font-size: 10px; color: #9fa8ba; }
.af-refresh .af-dashboard .planet-ranking-card .compact-row > span:nth-child(5) { display: flex; align-items: center; justify-content: flex-end; gap: 4px; white-space: nowrap; }
.af-refresh .af-dashboard .planet-ranking-card .compact-row .mini-progress { width: 20px; margin: 0; flex-shrink: 0; }
@media (hover: hover) and (pointer: fine) {
  .af-refresh .af-dashboard .planet-ranking-card .compact-row { min-height: 40px; }
}
.af-dashboard .planet-ranking-card .dashboard-auxiliary-card { margin-top: 12px; padding: 12px 0 0; border: 0; border-top: 1px dashed #c4a2d645; border-radius: 0; background: none; box-shadow: none; }
.af-dashboard .planet-ranking-card .auxiliary-indicators { padding: 0; }
.af-dashboard .planet-ranking-card .auxiliary-indicators > header { margin-bottom: 12px; align-items: flex-start; }
.af-dashboard .planet-ranking-card .auxiliary-indicators > header span { font-size: 11px; letter-spacing: .055em; color: #c5a7d9; }
.af-dashboard .planet-ranking-card .auxiliary-indicators > header small { font-size: 11px; line-height: 1.6; }
.af-dashboard .planet-ranking-card .auxiliary-chip-list { display: grid; grid-template-columns: minmax(0,1fr); gap: 6px; }
.af-refresh .af-dashboard .planet-ranking-card .auxiliary-indicators.compact .auxiliary-chip { display: grid; grid-template-columns: 30px minmax(0,1fr) 27px !important; grid-template-areas: 'source source-copy motion' !important; gap: 8px; min-height: 46px !important; padding: 8px; background: #c4a2d608; border-color: #c4a2d622; border-radius: 9px; }
.af-refresh .af-dashboard .planet-ranking-card .auxiliary-chip :is(em,.auxiliary-target,.auxiliary-target-copy) { display: none !important; }
.af-dashboard .planet-ranking-card .auxiliary-chip strong { font-size: 12px; }
.af-dashboard .planet-ranking-card .auxiliary-chip small { font-size: 11px; line-height: 1.5; }

/* The description overlays the analytics column; opening it never resizes the map. */
@media (min-width: 1100px) {
  body[data-view="dashboard"].af-docked-inspector #mobile-inspector-layer { left: var(--af-soul-details-left,auto); right: 12px; width: var(--af-soul-details-width,var(--af-inspector-width)); }
  body[data-view="dashboard"].af-docked-inspector #mobile-inspector-content > .planet-inspector { padding: 20px 16px; }
}

/* A portal outside the workspace's stacking context, with animated dimensions. */
.af-soul-placeholder { min-width: 0; }
.af-soul-backdrop { position: fixed; inset: 0; z-index: 459; background: #030610ed; backdrop-filter: blur(10px); }
.af-refresh .af-soul-expanded.formula-dashboard-card { position: fixed !important; z-index: 460; top: max(12px,env(safe-area-inset-top)); left: max(12px,env(safe-area-inset-left)); width: calc(100vw - max(12px,env(safe-area-inset-left)) - max(12px,env(safe-area-inset-right))); height: calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom))); display: flex; flex-direction: column; min-height: 0 !important; max-width: none; max-height: none; margin: 0; overflow: hidden; border-radius: 18px; background: #101725; box-shadow: 0 25px 90px #0006; }
.af-soul-expanded > .panel-header { flex-shrink: 0; }
.af-refresh .af-soul-expanded .dashboard-formula-stage { flex: 1; min-height: 0 !important; height: auto; padding: 16px; overflow: auto; overscroll-behavior: contain; }
.af-refresh .af-soul-expanded .dashboard-formula-stage { display: block; }
.af-soul-expanded .formula-mobile-scroll { overflow: auto; }
@media (max-width: 767px) {
  .af-soul-numbers .af-summary-title { font-size: 15px; }
  .af-refresh .af-soul-numbers .metric-card { padding: 4px 0; }
  .af-refresh .af-soul-numbers .metric-card > strong { font-size: 15px !important; }
  .af-refresh .af-soul-expanded .dashboard-formula-stage { padding: 8px; }
  .af-soul-expanded .panel-header { padding: 12px; gap: 8px; }
  .af-soul-expanded .panel-header h2 { font-size: 14px; }
}

/* Source: /assets/build/focus.css */
/* An outline is a keyboard cue. Pointer selection keeps each control's own
   border, selected state and hover feedback instead of an extra outer ring. */
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;
}

/* SVG planets already draw focus around the planet, not its rectangular box. */
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 */
/* One transparent WebGL sky, shared across all routes. */
.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; }
.landing-page > main, .landing-page > .site-footer { position: relative; z-index: 1; }
.af-refresh .app-shell { position: relative; z-index: 1; }
.af-refresh .space-scene { display: none; }
.cosmos-static-stars { display: none; }
@media print { .cosmic-sky { display: none; } }
.af-refresh #mobile-more .af-motion-control { display: flex; width: 100%; min-height: 48px; padding: 12px 16px; }

/* Source: /assets/build/workspace-motion.css */
/* Continuous navigation, contained light effects and a distinct workspace rail. */
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; } }

/* The shell stays visible while the native module downloads. */
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; }
/* SPA sections animate their live surfaces. Document transitions participate
   only after page-journey verifies that the destination content is ready. */
@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 */
/* Shared translucent surfaces: the sky remains visible behind the interface. */
: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); }
/* Layout containers share the continuous sky; only actual panels use glass. */
: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;
}
.step-art-motion {
  -webkit-mask-image: linear-gradient(to right,transparent,#000 13%,#000 87%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 85%,transparent);
  mask-image: linear-gradient(to right,transparent,#000 13%,#000 87%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 85%,transparent);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
.step-scene .step-art { border-radius: 24px; }
.af-dashboard .af-soul-numbers { margin-top: 18px; order: 100; }
.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 .af-login-actions { display:flex;gap:10px; }.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}.step-scene .step-art{border-radius:18px}}
@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 */
/* A compact, stable surface; stars and navigation stay outside the editor. */
.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-refresh .af-birth-sheet .af-birth-input-wrap input.af-mask-active {color:#f1e8ff;caret-color:#f1e8ff;font-variant-numeric:tabular-nums}
.af-birth-sheet input.af-mask-active::selection {color:#fff;background:#76569b}
.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-time-disabled .af-birth-input-wrap {opacity:.6}
.af-refresh .af-time-disabled .af-birth-input-wrap input {padding-right:12px!important;font-family:inherit;font-size:14px!important}
.af-time-disabled .af-birth-trigger {visibility:hidden}
.af-time-disabled .af-birth-trigger {cursor:default}
.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-refresh .af-birth-sheet .form-field>.af-birth-error {color:#f0b0b9;font-size:11px;line-height:1.4}
.af-birth-error[hidden] {display:none}
.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 .af-calendar-day {font-size:12px;padding:0;min-height:35px;font-variant-numeric:tabular-nums}
.af-calendar-day.is-outside {color:#81768e}
.af-calendar-day.is-today {border-color:#b59ace48}
.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-smooth-details {box-sizing:border-box}
.af-time-uncertainty {margin:0 0 20px;padding:14px 18px;border:1px solid #c2a8e32c;border-radius:14px;background:#b699dc0b;font-size:12px;line-height:1.65;color:#bdaeCB;max-width:78ch}
.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}
  .af-time-uncertainty {margin:0 0 14px;font-size:11px;padding:12px 14px}
}
@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/entertainment-navigation.css */
/* New entertainment rail, with the existing chart navigation in the top menu. */
.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/entertainment.css */
/* Entertainment content uses the existing AstroFace workspace shell unchanged. */
.play-app .play-view { max-width: 1880px; margin-inline: auto; }
.play-app .play-count { border-radius: 5px; padding: 1px 6px; background: var(--af-accent-soft); font-size: 11px; }
.play-app .play-workspace { display: block; }
.play-app .play-editor { padding: 18px 22px; margin-bottom: 22px; overflow: visible; }
.play-app .play-stage { min-width: 0; }
.play-app .play-needs-profile :is(.play-editor,.play-page-footer) { display: none; }
.play-app[data-play-has-profile="false"] :is(.play-editor,.play-page-footer) { display: none; }
.play-app #play-profile-overview { display: none !important; }
.play-app #play-fields { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.play-app .play-section-title { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 16px; }
.play-app .play-section-title h2 { margin: 0; font-size: 18px; font-weight: 600; }
.play-app .play-section-note { color: var(--af-muted); font-size: 12px; }
.play-app .play-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.play-app .play-field { display: block; min-width: 0; margin: 0 0 16px; }
.play-app .play-field > span, .play-app .play-label { display: block; margin-bottom: 8px; color: var(--af-text); font-size: 13px; font-weight: 500; }
.play-app :is(.play-field input,.play-field textarea,.play-field select,.play-edit-input,.play-profile-selector select) { width: 100%; min-width: 0; border: 1px solid var(--af-line); border-radius: 9px; color: var(--af-text); background: rgba(9,16,32,.36); padding: 10px 12px; font: inherit; font-size: 14px; }
.play-app :is(.play-field input,.play-field select,.play-profile-selector select) { min-height: 44px; }
.play-app .play-field textarea { min-height: 88px; resize: vertical; }
.play-app :is(.play-field input,.play-field textarea)::placeholder { color: var(--af-muted); opacity: .75; }
.play-app :is(.play-field input,.play-field textarea,.play-field select,.play-edit-input,.play-profile-selector select):focus-visible { outline: 2px solid var(--af-accent); outline-offset: 2px; }
.play-app :is(.play-help,.play-muted,.play-field small,.play-result-print-note) { color: var(--af-muted); font-size: 12px; line-height: 1.65; }
.play-app .play-field small { display: block; margin-top: 7px; }
.play-app .play-field-error { margin: -7px 0 14px; color: #efb3c2; font-size: 13px; line-height: 1.55; }
.play-app .play-profile-selector { display: flex; align-items: center; gap: 10px; flex: 1 1 280px; min-width: 0; }
.play-app .play-profile-selector select, .play-app .play-profile-selector > .af-control-wrap { flex: 1; min-width: 0; }
.play-app .play-profile-selector > button { flex: 0 0 auto; }
.play-app #play-extra-hero { flex: 1 1 360px; min-width: 0; display: flex; gap: 10px; align-items: center; }
.play-app #play-extra-hero > .play-profile-selector { flex-basis: 220px; }
.play-app .play-profile-chip { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid var(--af-line); border-radius: 10px; color: var(--af-text); font-size: 13px; cursor: pointer; }
.play-app .play-profile-chip input { accent-color: var(--af-accent); }
.play-app .play-profile-chip small { display: block; color: var(--af-muted); font-size: 11px; }
.play-app .play-profile-chip:has(input:checked) { border-color: #ae94ed55; background: var(--af-accent-soft); }
.play-app .play-story-basis { flex-basis: 100%; color: var(--af-muted); font-size: 12px; line-height: 1.6; margin: 0; }
.play-app .play-optional-settings { min-width: 0; }
.play-app .play-optional-settings > summary { min-height: 44px; padding: 10px 12px; border: 1px solid var(--af-line); border-radius: 9px; color: var(--af-muted); font-size: 13px; cursor: pointer; }
.play-app .play-optional-settings[open] { flex-basis: 100%; }
.play-app .play-friends-optional { padding: 18px 0 4px; }
.play-app .play-chips { border: 0; padding: 0; margin: 0 0 18px; display: flex; flex-wrap: wrap; gap: 8px; }
.play-app .play-chips legend { padding: 0; margin-bottom: 9px; font-size: 13px; color: var(--af-text); }
.play-app .play-chip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--af-line); border-radius: 9px; color: var(--af-muted); font-size: 12px; cursor: pointer; }
.play-app .play-chip:has(input:checked) { background: var(--af-accent-soft); border-color: #ae94ed55; color: #d8c9f7; }
.play-app .play-chip input { margin: 0; accent-color: var(--af-accent); }
/* Native radios keep keyboard navigation, saved requests and generation in sync. */
body.play-app:is([data-play-kind="roast"],[data-play-kind="dossier"]) .play-editor #play-form { padding: 24px; }
.play-app[data-play-kind="roast"] #play-fields { gap: 24px; align-items: stretch; }
.play-app[data-play-kind="roast"] #play-fields > .play-primary-settings { flex: 0 0 100%; min-width: 0; }
.play-app .roast-tone-picker { min-width: 0; border: 0; padding: 0; margin: 0; }
.play-app .roast-tone-picker legend { padding: 0; color: #f5f1fa; font-size: 18px; font-weight: 600; line-height: 28px; }
.play-app .roast-tone-help { margin: 4px 0 16px; color: #c0b7cc; font-size: 14px; line-height: 20px; text-wrap: pretty; }
.play-app .roast-tone-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.play-app .roast-tone-card { --roast-tone-accent: #bca4ef; position: relative; display: block; min-width: 0; cursor: pointer; }
.play-app .roast-tone-card[data-tone="gentle"] { --roast-tone-accent: #a6d5bf; }
.play-app .roast-tone-card[data-tone="bold"] { --roast-tone-accent: #f0ae8c; }
.play-app .roast-tone-card > input { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: inherit; }
.play-app .roast-tone-surface { position: relative; display: grid; grid-template-rows: 224px 1fr; height: 100%; overflow: hidden; border: 1px solid #49424f; border-radius: 16px; background: #181818; color: #f5f1fa; transition: transform 500ms cubic-bezier(.22,1,.36,1); }
.play-app .roast-tone-visual { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; overflow: hidden; padding-top: 8px; background: #1f1f1f; }
.play-app .roast-tone-visual img { display: block; width: min(100%, 224px); height: 100%; min-height: 0; max-width: 100%; object-fit: contain; object-position: center bottom; pointer-events: none; }
.play-app .roast-tone-number { position: absolute; z-index: 1; top: 12px; left: 16px; color: var(--roast-tone-accent); font-size: 12px; line-height: 16px; font-variant-numeric: tabular-nums; }
.play-app .roast-tone-state { position: absolute; z-index: 1; top: 12px; right: 12px; padding: 4px 8px; border-radius: 8px; background: #181818; color: var(--roast-tone-accent); font-size: 12px; line-height: 16px; opacity: 0; transition: opacity 300ms cubic-bezier(.22,1,.36,1); }
.play-app .roast-tone-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 16px; min-width: 0; }
.play-app .roast-tone-strength { display: flex; align-items: center; gap: 8px; color: var(--roast-tone-accent); font-size: 12px; line-height: 16px; }
.play-app .roast-tone-meter { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.play-app .roast-tone-meter i { width: 8px; height: 4px; border-radius: 9999px; background: #49424f; }
.play-app .roast-tone-meter .is-filled { background: var(--roast-tone-accent); }
.play-app .roast-tone-copy > strong { color: #f5f1fa; font-size: 20px; font-weight: 600; line-height: 28px; text-wrap: balance; }
.play-app .roast-tone-description { color: #cbc4d2; font-size: 14px; line-height: 20px; text-wrap: pretty; }
.play-app .roast-tone-card:has(input:checked) .roast-tone-surface { border-color: var(--roast-tone-accent); box-shadow: 0 0 0 1px var(--roast-tone-accent); }
.play-app .roast-tone-card:has(input:checked) .roast-tone-state { opacity: 1; }
.play-app .roast-tone-card > input:focus-visible + .roast-tone-surface { outline: 2px solid #e1d0ff; outline-offset: 4px; }
.play-app .roast-tone-card:has(input:disabled) { cursor: wait; }
.play-app .roast-tone-card:has(input:disabled) .roast-tone-surface { opacity: .6; }
.play-app .roast-tone-card:active:not(:has(input:disabled)) .roast-tone-surface { transform: scale(.98); }
@media (hover: hover) {
  .play-app .roast-tone-card:hover:not(:has(input:disabled)) .roast-tone-surface { transform: translateY(-2px); }
}
@media (max-width: 640px) {
  body.play-app:is([data-play-kind="roast"],[data-play-kind="dossier"]) .play-editor #play-form { padding: 16px; }
  .play-app .roast-tone-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .play-app .roast-tone-surface { grid-template-columns: 96px minmax(0, 1fr); grid-template-rows: auto; }
  .play-app .roast-tone-visual { padding-block: 24px; }
  .play-app .roast-tone-visual img { width: 100%; height: auto; aspect-ratio: 1; }
  .play-app .roast-tone-number { left: 12px; }
  .play-app .roast-tone-state { top: auto; right: auto; bottom: 8px; padding-inline: 4px; }
  .play-app .roast-tone-copy { padding: 16px 12px; }
  .play-app .roast-tone-copy > strong { font-size: 18px; line-height: 28px; }
}
@media (max-width: 380px) {
  .play-app .roast-tone-surface { grid-template-columns: 80px minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .play-app .roast-tone-surface, .play-app .roast-tone-state { transition: none; }
  .play-app .roast-tone-card .roast-tone-surface { transform: none; }
}
html[data-motion-paused="true"] .play-app .roast-tone-surface, html[data-motion-paused="true"] .play-app .roast-tone-state { transition: none; transform: none; }
.play-app .play-check { display: flex; align-items: flex-start; gap: 9px; color: var(--af-muted); font-size: 12px; margin: 12px 0; }
.play-app .play-check input { accent-color: var(--af-accent); flex: 0 0 auto; margin-top: 4px; }
.play-app .play-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; border: 1px solid var(--af-line); border-radius: 9px; padding: 9px 13px; background: transparent; color: #bdc7d7; font: inherit; font-size: 13px; line-height: 1.4; text-decoration: none; cursor: pointer; }
.play-app .play-button:hover { background: var(--af-accent-soft); border-color: #ae94ed55; }
.play-app .play-button-primary { background: #8f70c7; border-color: #ad8ce2; color: #fff; font-weight: 600; }
.play-app .play-button-primary:hover { background: #9b7dd3; }
.play-app .play-result-head h2.play-edit-input { min-height:0; height:auto; margin:0; white-space:normal; overflow-wrap:anywhere; }
.play-app .play-result-head p.play-edit-input { min-height:0; height:auto; margin:8px 0 0; white-space:pre-line; }
.play-app .play-panel-copy h4 { margin:16px 0 6px; color:#c8b7e2; font-size:13px; font-weight:600; }
.play-app .play-panel-copy p { margin:0; font-size:16px; line-height:1.6; color:#eee8f8; white-space:pre-line; overflow-wrap:anywhere; }
.wv-prompt-text { white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.7; user-select:text; }
.play-app .play-button-danger { color: #d9a4b0; }
.play-app .play-button:disabled { opacity: .5; cursor: wait; }
.play-app .play-button:focus-visible { outline: 2px solid var(--af-accent); outline-offset: 3px; }
.play-app .play-form-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid var(--af-line); padding-top: 15px; margin-top: 15px; }
.play-app .play-form-footer > p { color: var(--af-muted); font-size: 12px; line-height: 1.65; margin: 0; max-width: 720px; }
.play-app .play-form-footer > button { flex: 0 0 auto; min-height: 44px; }
.play-app .play-view:not(.play-needs-profile) .play-stage .empty-state { min-height: min(540px,calc(100dvh - 320px)); }
.play-app .play-view:not(.play-needs-profile) .play-stage .empty-state .calculate-button { display: none; }
.play-app .play-notice { padding: 12px 16px; margin-bottom: 18px; border: 1px solid #ae94ed40; border-radius: 12px; background: var(--af-accent-soft); color: var(--af-text); font-size: 13px; overflow-wrap: anywhere; }
.play-app .play-notice.is-error { border-color: #db82964f; background: #db829610; color: #eab9c5; }
.play-app .play-notice a { color: var(--af-accent); }
.play-app .play-result-head { margin: 22px 0; }
.play-app .play-result-head .play-edit-input { padding: 7px 0; border-color: transparent; background: transparent; font-size: 25px; font-weight: 600; letter-spacing: -.035em; resize: none; overflow: hidden; line-height: 1.45; }
.play-app .play-result-head .play-edit-input.subtitle { font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: 0; color: var(--af-muted); min-height: 52px; }
.play-app .play-result-head .play-edit-input:hover { border-color: var(--af-line); }
.play-app .play-passport { position: relative; padding: 26px; border: 1px solid #ae94ed42; border-radius: 16px; background: linear-gradient(145deg,#332a4980,#141b2d9e); overflow: hidden; }
.play-app .play-passport::before { content: '✦'; position: absolute; right: 20px; top: 10px; font-size: 96px; color: #ae94ed1a; line-height: 1; }
.play-app .play-passport.style-midnight { background: linear-gradient(145deg,#18344890,#111c2d9e); }
.play-app .play-passport.style-sunset { background: linear-gradient(145deg,#53343c80,#2820349e); }
.play-app .play-passport.style-paper { background: #eee6db; color: #352f35; }
.play-app .play-passport-name { position: relative; display: flex; align-items: center; gap: 10px; margin-bottom: 20px; color: #d4c5e8; font-size: 12px; text-transform: uppercase; letter-spacing: .13em; }
.play-app .play-passport-name :is(input,textarea) { width: 100%; min-width: 0; border: 0; background: transparent; font: inherit; color: inherit; text-transform: inherit; letter-spacing: inherit; resize: none; overflow: hidden; padding: 0; line-height: 1.65; }
.play-app .play-passport-name :is(input,textarea):focus-visible { outline: 2px solid var(--af-accent); outline-offset: 4px; }
.play-app .play-name-private { opacity: .4; }
.play-app .play-passport-type { position: relative; font-size: 26px; font-weight: 600; line-height: 1.3; letter-spacing: -.03em; margin: 0 0 20px; }
.play-app .play-passport-row { position: relative; padding: 13px 0; border-top: 1px solid #c2b6d821; }
.play-app .play-passport-row small { display: block; margin-bottom: 5px; color: #b9acd0; font-size: 11px; text-transform: uppercase; letter-spacing: .07em; }
.play-app .play-passport-row p { margin: 0; font-size: 14px; line-height: 1.65; }
.play-app .style-paper :is(.play-passport-name,.play-passport-row small) { color: #715b70; }
.play-app .style-paper .play-passport-row { border-color: #352f3521; }
.play-app .play-passport-brand { display: flex; justify-content: space-between; gap: 16px; margin-top: 18px; font-size: 10px; letter-spacing: .12em; opacity: .55; }
.play-app .play-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 20px 0; }
.play-app .play-card { padding: 18px; border: 1px solid var(--af-line); border-radius: 12px; background: var(--af-glass); }
.play-app .play-card h3 { margin: 0 0 8px; color: #d1c4e7; font-size: 14px; font-weight: 600; }
.play-app .play-card p { margin: 0; color: #bec7d8; font-size: 14px; line-height: 1.7; }
.play-app .play-story-section { border-left: 2px solid #ae94ed55; padding-left: 18px; margin: 26px 0; }
.play-app .play-story-section h3 { margin: 0 0 8px; color: #d1c4e7; font-size: 15px; font-weight: 600; }
.play-app .play-story-section p { margin: 0; white-space: pre-line; color: #bec7d8; font-size: 15px; line-height: 1.8; }
.play-app .play-result-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--af-line); }
.play-app .play-public-fields { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; border: 0; margin: 20px 0; }
.play-app .play-public-fields legend { margin-bottom: 10px; padding: 0; font-size: 12px; color: var(--af-muted); }
.play-app .play-disclosure { color: var(--af-muted); font-size: 13px; line-height: 1.7; margin: 24px 0; }
.play-app .play-disclosure summary { cursor: pointer; font-weight: 500; min-height: 44px; padding-block: 11px; box-sizing: border-box; }
.play-app .play-disclosure ul { padding-left: 20px; }
/* Reading sections already own their border; their summary is the whole heading. */
body.play-app.app-liquid .document-reading-section > summary.app-liquid-control { border: 0 !important; border-radius: 0; background: transparent !important; padding: 10px 0; box-shadow: none; line-height: 1.5; }
body.play-app.app-liquid :is(.play-disclosure,.document-print-preview) > summary.app-liquid-control { padding: 12px 14px; line-height: 1.5; }
.play-app .play-panel-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.play-app .play-comic-panel { min-width: 0; border: 1px solid var(--af-line); border-radius: 12px; background: var(--af-glass); overflow: hidden; }
.play-app .play-panel-image { aspect-ratio: 1; position: relative; display: grid; place-items: center; overflow: hidden; background: rgba(9,16,32,.5); }
.play-app .play-panel-image img { width: 100%; height: 100%; object-fit: cover; }
.play-app .play-panel-no { color: #ae94ed40; font-size: 44px; font-weight: 600; }
.play-app .play-panel-status { position: absolute; bottom: 10px; left: 10px; right: 10px; padding: 6px 9px; border-radius: 7px; color: #d7cbea; font-size: 11px; background: #111a2dbd; backdrop-filter: blur(5px); }
.play-app .play-image-unavailable { position: relative; min-height: 168px; }
.play-app .play-image-fallback { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 20px; background: #131827; color: #dfd6ed; text-align: center; }
.play-app .play-image-fallback p { margin: 0; max-width: 34ch; font-size: 13px; line-height: 1.55; }
.play-app .play-image-fallback .play-button { min-height: 44px; flex: 0 0 auto; }
.play-app .play-panel-copy { padding: 14px; }
.play-app .play-panel-copy label { display: block; margin-bottom: 6px; color: var(--af-muted); font-size: 11px; }
.play-app .play-panel-copy textarea { width: 100%; min-height: 72px; margin-bottom: 10px; resize: none; overflow: hidden; border: 1px solid var(--af-line); border-radius: 8px; padding: 9px; background: rgba(9,16,32,.36); color: var(--af-text); font: inherit; font-size: 13px; line-height: 1.6; }
.play-app .play-panel-copy textarea:last-child { margin-bottom: 0; }
.play-app .play-cover-preview { position: relative; margin-bottom: 20px; border: 1px solid var(--af-line); border-radius: 12px; overflow: hidden; }
.play-app .play-cover-preview > .play-label { padding: 12px 16px; margin: 0; background: var(--af-glass); }
.play-app .play-cover-preview img { display: block; width: 100%; height: auto; max-height: 620px; object-fit: contain; }
.play-app .play-render-box { margin: 24px 0; padding: 18px; border: 1px solid var(--af-line); border-radius: 12px; background: var(--af-glass); }
.play-app .play-render-box h3 { margin: 0 0 9px; font-size: 15px; font-weight: 600; }
.play-app .play-render-box p { margin: 0 0 10px; color: var(--af-muted); font-size: 12px; line-height: 1.65; }
.play-app .play-render-box .play-button { margin: 0 8px 10px 0; }
.play-app .play-job-list { list-style: none; padding: 0; margin: 14px 0; color: var(--af-muted); font-size: 13px; display: grid; gap: 7px; }
.play-app .play-job-list li { display: flex; align-items: center; gap: 14px; }
.play-app .play-job-list span { margin-left: auto; }
.play-app .play-auto-progress, .play-app .play-loading { display: flex; align-items: center; gap: 9px; }
.play-app .play-loading { padding: 24px 0; color: var(--af-muted); font-size: 14px; }
.play-app .play-spinner { width: 14px; height: 14px; flex: 0 0 14px; border: 2px solid #ae94ed33; border-top-color: var(--af-accent); border-radius: 50%; animation: play-spin 1s linear infinite; }
@keyframes play-spin { to { transform: rotate(360deg); } }
.play-app .play-gift-dedication { border: 1px solid #dcb8773b; border-radius: 12px; background: #dcb87709; color: #d8c4a6; padding: 20px; margin: 0 0 24px; font-size: 15px; font-style: italic; white-space: pre-line; }
.play-app .play-gift-dedication small { display: block; margin-top: 10px; font-size: 12px; }
.play-app .play-library { padding: 24px; }
.play-app .play-library h3 { color: #d1c4e7; font-size: 15px; font-weight: 600; margin: 28px 0 15px; }
.play-app .play-library-toolbar { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0; }
.play-app .play-library-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.play-app :is(.play-profile-card,.play-history-card,.play-hero-card) { min-width: 0; padding: 18px; border: 1px solid var(--af-line); border-radius: 12px; background: var(--af-glass); overflow-wrap: anywhere; }
.play-app :is(.play-profile-card h3,.play-history-card h4,.play-hero-card h4) { margin: 0 0 8px; color: var(--af-text); font-size: 15px; font-weight: 600; }
.play-app :is(.play-profile-card p,.play-history-card p,.play-hero-card p) { margin: 0 0 12px; color: var(--af-muted); font-size: 12px; line-height: 1.65; }
.play-app .play-profile-card-footer { display: flex; flex-wrap: wrap; gap: 8px; }
.play-app .play-import { cursor: pointer; }
.play-app .play-invitation { max-width: 680px; margin: 24px auto; padding: 24px; }
.play-app .play-invitation h2 { font-size: 25px; font-weight: 600; letter-spacing: -.025em; margin: 0 0 12px; }
.play-app .play-invitation > p { color: var(--af-muted); font-size: 14px; line-height: 1.7; }
.play-app .play-invitation form { margin-top: 20px; }
.play-app .play-eyebrow { color: var(--af-accent); font-size: 11px; letter-spacing: .12em; }
.play-app .play-friend-answers { display: grid; gap: 14px; margin: 20px 0; }
.play-app .play-friend-answer { padding: 16px; border: 1px solid var(--af-line); border-radius: 10px; color: #bec7d8; font-size: 13px; }
.play-app .play-friend-answer strong { display: block; color: var(--af-text); margin-bottom: 7px; }
.play-app .play-friend-answer p { margin: 5px 0; }
.play-app .play-page-footer { margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--af-line); font-size: 11px; color: var(--af-muted); }
/* The dialog only supplies containment. Shared birth fields render their own native text. */
.play-app .play-profile-dialog { padding: 0; border: 0; width: min(740px,calc(100vw - 28px)); max-width: calc(100vw - 28px); max-height: calc(100dvh - 28px); color: var(--af-text); background: transparent; overflow: auto; border-radius: 28px; }
.play-app .play-profile-dialog::backdrop { background: rgba(3,8,20,.55); backdrop-filter: blur(5px); }
.play-app .play-profile-dialog .parameters-sheet { width: 100%; max-width: 100%; max-height: none; transform: none; }
.play-app .play-profile-fields { display: contents; }
.play-app #play-profile-error { grid-column: 1/-1; margin: 0; }
.play-app .play-profile-private { margin: 0; max-width: 280px; font-size: 11px; line-height: 1.6; color: var(--af-muted); }
.play-app #play-share-link input, .play-app #play-invite-link input, .play-app #play-reply-link input { overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1100px) {
  .play-app .play-panel-grid, .play-app .play-library-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .play-app .play-editor, .play-app .play-library, .play-app .play-invitation { padding: 16px; }
  .play-app .play-form-footer { flex-direction: column; align-items: stretch; gap: 12px; }
  .play-app .play-form-footer > button { width: 100%; }
  .play-app .play-result-head .play-edit-input { font-size: 23px; }
  .play-app .play-passport { padding: 20px; }
  .play-app .play-panel-grid { gap: 12px; }
  .play-app .play-panel-copy { padding: 11px; }
  .play-app .play-panel-status { font-size: 10px; }
  .play-app .play-result-actions > .play-button { flex: 1 1 40%; }
  .play-app .play-library-grid { grid-template-columns: minmax(0,1fr); }
  .play-app #play-extra-hero { flex-wrap: wrap; }
}
@media (max-width: 480px) {
  .play-app .play-form-grid, .play-app .play-cards, .play-app .play-panel-grid { grid-template-columns: minmax(0,1fr); }
  .play-app .play-profile-selector { flex-basis: 100%; }
  .play-app .play-profile-selector > button { padding-inline: 10px; font-size: 12px; }
  .play-app .play-passport-type { font-size: 23px; }
  .play-app .play-passport-brand { font-size: 9px; }
  .play-app .play-profile-dialog { width: calc(100vw - 20px); max-width: calc(100vw - 20px); max-height: calc(100dvh - 20px); }
  .play-app .play-profile-private { max-width: none; text-align: center; }
}
@media (prefers-reduced-motion: reduce) { .play-app .play-spinner { animation: none; } }
@media print {
  .play-app :is(.play-editor,.play-result-actions,.play-render-box,.play-public-fields,.play-notice,.play-page-footer,.play-result-print-note,.play-disclosure) { display: none !important; }
  .play-app .play-panel-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .play-app .play-comic-panel { break-inside: avoid; }
  .play-app :is(.play-panel-copy textarea,.play-result-head .play-edit-input,.play-story-section p,.play-card p) { color: #17162b; }
  .play-app .play-panel-copy textarea { border: 0; }
}

/* Readable result fields retain all text on small screens. */
.play-app #play-result { scroll-margin-top: calc(var(--header-h,80px) + 18px); }
.play-app #play-result > .play-loading { min-height: 300px; justify-content: center; text-align: center; max-width: 680px; margin-inline: auto; }
.play-app .play-passport-name { align-items: flex-start; }
.play-app .play-passport-name > span { margin-top: 1px; }
@media (prefers-reduced-motion: no-preference) {
  .play-app .play-result-enter { animation: play-result-arrive 240ms ease-out both; }
  .play-app .play-optional-settings[open] > .play-friends-optional { animation: play-result-arrive 170ms ease-out both; }
}
@keyframes play-result-arrive { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (max-width: 480px) { .play-app #play-result > .play-loading { min-height: 260px; padding-inline: 18px; } }
html[data-motion-paused="true"] .play-app :is(.play-result-enter,.play-optional-settings[open] > .play-friends-optional) { animation: none !important; }

/* Mobile interaction sizes and readable editing preserve the native palette. */
@media (max-width: 980px) {
  .play-app .play-notice.play-mobile-feedback {
    position: fixed; left: 12px; right: 12px; bottom: calc(var(--play-mobile-nav-height,70px) + 12px);
    z-index: 108; margin: 0; max-height: calc(100dvh - var(--header-h,58px) - var(--play-mobile-nav-height,70px) - 40px); overflow: auto;
  }
  .play-app[data-play-public="true"] :is(.play-editor) { display: none; }
  .play-app :is(.play-button,.play-chip,.play-profile-chip) { min-height: 44px; }
  .play-app :is(.play-field input,.play-field textarea) { font-size: 16px; }
  .play-app .play-result-head .play-edit-input.subtitle,
  .play-app .play-passport-name textarea,
  .play-app .play-panel-copy textarea { font-size: 16px; }
  .play-app .play-passport-name textarea { min-height: 44px; }
  .play-app .play-passport-name > span { align-self: center; }
  .play-app .play-result-head > .play-label { font-size: 11px !important; }
  .play-app .play-panel-copy label { font-size: 12px; }
  .play-app .play-profile-selector > [data-add-profile-slot] { width: 44px; min-width: 44px; padding: 0; font-size: 0; }
  .play-app .play-profile-selector > [data-add-profile-slot]::before { content: '＋'; font-size: 22px; line-height: 1; }
  .play-app #play-result textarea { scroll-margin-block: calc(var(--header-h,58px) + 16px) calc(94px + env(safe-area-inset-bottom)); }
}
@media (max-width: 760px) {
}

/* Audience adaptation stays inside the nine personal story formats. */
body.play-app[data-story-experience="true"] .story-start {
  --story-start-accent: #cbb7eb;
  display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(180px, .7fr);
  align-items: center; gap: clamp(24px, 4vw, 56px); padding: clamp(24px, 3.5vw, 48px);
  min-height: 380px; border-radius: 22px; color: #f0eaf8;
  background: linear-gradient(130deg, #2420369c, #141a274d); overflow: hidden;
}
body.play-app[data-story-experience="true"] .story-start-copy { position: relative; min-width: 0; z-index: 1; }
body.play-app[data-story-experience="true"] .story-start-eyebrow { display: block; color: #c2b4d8; font-size: 11px; line-height: 1.6; letter-spacing: .09em; }
body.play-app[data-story-experience="true"] .story-start h2 { max-width: 23ch; margin: 14px 0 18px; font-size: clamp(28px, 3vw, 42px); line-height: 1.2; font-weight: 600; letter-spacing: -.025em; text-wrap: balance; }
body.play-app[data-story-experience="true"] .story-start-description { max-width: 60ch; margin: 0; color: #d0c8dc; font-size: 15px; line-height: 1.75; }
body.play-app[data-story-experience="true"] .story-start-outcomes { display: flex; flex-wrap: wrap; gap: 12px 22px; padding: 0; margin: 26px 0; list-style: none; }
body.play-app[data-story-experience="true"] .story-start-outcomes li { display: inline-flex; align-items: center; gap: 8px; color: #e3dbea; font-size: 13px; line-height: 1.5; }
body.play-app[data-story-experience="true"] .story-start-outcomes li > span { color: #aaccc3; font-size: 10px; font-weight: 600; letter-spacing: .04em; }
body.play-app[data-story-experience="true"] .story-start-action > p { max-width: 54ch; margin: 14px 0 0; color: #bfb5ce; font-size: 12px; line-height: 1.7; }
body.play-app[data-story-experience="true"] .story-start-action .play-button { min-height: 48px; padding-inline: 20px; gap: 18px; }
body.play-app[data-story-experience="true"] .story-start-ready { max-width: 55ch; margin: 0; padding-top: 16px; border-top: 1px solid #c6b4df26; color: #bfb5ce; font-size: 13px; line-height: 1.65; }
body.play-app[data-story-experience="true"] .story-start-art { position: relative; display: block; min-width: 0; aspect-ratio: 3 / 2; max-width: 380px; width: 100%; justify-self: center; pointer-events: none; user-select: none; }
body.play-app[data-story-experience="true"] .story-start-image { display: block; width: 100%; height: 100%; object-fit: contain; }
body.play-app[data-story-experience="true"] .play-setup-summary strong { font-weight: 500; }
body.play-app[data-story-experience="true"] #play-fields > .play-mode-note { flex-basis: 100%; }
body.play-app[data-story-experience="true"] .play-form-footer > p { max-width: 60ch; font-size: 13px; }
body.play-app[data-story-experience="true"] .play-stage:has(.story-start) { background: transparent; }
body.play-app[data-story-experience="true"] .play-stage:has(.story-start) { padding: 0; }
@media (max-width: 760px) {
  body.play-app[data-story-experience="true"] .story-start { grid-template-columns: minmax(0, 1fr); min-height: 0; gap: 0; padding: 24px 20px; }
  body.play-app[data-story-experience="true"] .story-start-art { display: block; grid-row: 1; width: min(75%, 220px); margin: 0 auto 12px; }
  body.play-app[data-story-experience="true"] .story-start-copy { grid-row: 2; }
  body.play-app[data-story-experience="true"] .story-start h2 { font-size: clamp(26px, 5vw, 34px); margin-top: 12px; }
  body.play-app[data-story-experience="true"] .story-start-description { font-size: 15px; }
  body.play-app[data-story-experience="true"] .story-start-outcomes { display: grid; gap: 10px; margin: 22px 0; }
  body.play-app[data-story-experience="true"] .story-start-action .play-button { width: 100%; padding-inline: 12px; }
}
@media print { body.play-app[data-story-experience="true"] .story-start { display: none; } }

/* The format header is navigation; the start card explains the result once. */
body.play-app[data-story-experience="true"] #app-main > .app-section-hero { min-height: 60px; grid-template-columns: minmax(0, 1fr); padding: 8px 0; margin-bottom: 14px; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
body.play-app[data-story-experience="true"] .app-section-hero .app-section-copy { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; width: 100%; max-width: none; }
body.play-app[data-story-experience="true"] .app-section-hero :is(.app-section-art,.app-section-eyebrow,.app-section-copy > p) { display: none; }
body.play-app[data-story-experience="true"] .app-section-hero h1 { order: -1; margin: 0 auto 0 0; font-size: 23px; font-weight: 600; line-height: 1.3; letter-spacing: -.02em; }
body.play-app[data-story-experience="true"] .app-section-hero nav { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
body.play-app[data-story-experience="true"] .app-section-hero nav :is(a,button) { min-height: 44px; border-radius: 12px; }
@media (max-width: 620px) {
 body.play-app[data-story-experience="true"] #app-main > .app-section-hero { padding: 4px 0; margin-bottom: 12px; }
 body.play-app[data-story-experience="true"] .app-section-hero .app-section-copy { gap: 10px; }
 body.play-app[data-story-experience="true"] .app-section-hero h1 { flex-basis: 100%; font-size: 21px; }
}

body.play-app.app-liquid .play-analysis-section > summary.app-liquid-control { border: 0 !important; background: transparent !important; padding: 12px 16px; }

/* Source: /assets/build/personality-documents.css */
.personality-document { --document-accent: #385ba6; --document-paper: #f8fbff; --document-ink: #202936; --document-rule: #c9d5e7; max-width: 210mm; margin: 28px auto; letter-spacing: 0; }
.personality-document.document-briefing { --document-accent: #252b33; --document-paper: #fff; --document-rule: #bac1c9; }
.personality-document.document-mars { --document-accent: #116e62; --document-paper: #f9fffc; --document-rule: #badacf; }
.document-page { box-sizing: border-box; display: flex; flex-direction: column; width: 100%; min-height: 297mm; margin: 0 0 24px; padding: 17mm; border: 1px solid var(--document-rule); border-radius: 2px; background: var(--document-paper); color: var(--document-ink); font: 10pt/1.42 Georgia, 'Times New Roman', serif; overflow-wrap: anywhere; }
.document-header, .document-footer { display: flex; justify-content: space-between; gap: 12px; font: 8pt/1.4 'Segoe UI', Arial, sans-serif; }
.document-header { padding-bottom: 5mm; border-bottom: 2px solid var(--document-accent); color: var(--document-accent); }
.document-header > span:last-child { text-align: right; }
.document-page h1 { margin: 6mm 0 2mm; font: 600 20pt/1.2 'Segoe UI', Arial, sans-serif; color: var(--document-accent); letter-spacing: 0; }
.document-page .document-subtitle { margin: 0 0 4mm; font: 9pt/1.4 'Segoe UI', Arial, sans-serif; color: #596675; }
.document-continuation { padding-top: 4mm; font: 600 10pt/1.4 'Segoe UI', Arial, sans-serif; }
.document-section { margin-top: 4mm; }
.document-section h2 { display: flex; align-items: baseline; gap: 3mm; margin: 0 0 3mm; font: 600 11pt/1.3 'Segoe UI', Arial, sans-serif; color: var(--document-accent); letter-spacing: 0; break-after: avoid; }
.document-section h2 > span { font-size: 8pt; font-weight: 400; }
.document-section h3 { margin: 3mm 0 1mm; font: 600 10pt/1.3 'Segoe UI', Arial, sans-serif; color: var(--document-accent); break-after: avoid; }
.document-section p { margin: 0 0 2.5mm; white-space: pre-wrap; orphans: 3; widows: 3; }
.document-footer { margin-top: auto; padding-top: 5mm; color: #596675; }
.document-briefing .document-header, .document-briefing .document-continuation { font-family: 'Courier New', monospace; }
.document-briefing .document-page h1 { font: bold 17pt/1.3 Georgia, 'Times New Roman', serif; }
.document-mars .document-header { border-bottom-width: 3px; }
.document-export { margin: 0; background: #e8edf1; }
.document-export .personality-document { margin-block: 24px; }
.play-app .realization-directions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-block: 24px; }
.play-app .realization-direction { min-width: 0; padding: 24px; border: 1px solid #d7c28f50; border-radius: 8px; background: rgb(8 12 25 / .05); backdrop-filter: blur(2px); }
.play-app .realization-direction > h3 { margin: 10px 0; font-size: 22px; line-height: 1.3; letter-spacing: 0; color: #f3e9d5; }
.play-app .realization-direction > p { font-size: 15px; line-height: 1.65; color: #d9d8dc; }
.play-app .realization-direction dl { margin: 24px 0 0; }
.play-app .realization-direction dt { margin-top: 18px; font-size: 13px; font-weight: 600; color: #ecd396; }
.play-app .realization-direction dd { margin: 6px 0 0; font-size: 14px; line-height: 1.7; color: #d9d8dc; white-space: pre-wrap; }
.play-app .play-analysis-section { padding-block: 24px; border-top: 1px solid #c5b0ee30; }
.play-app .play-analysis-section h3 { margin: 0 0 12px; font-size: 20px; line-height: 1.35; color: #f0e8ef; letter-spacing: 0; }
.play-app .play-analysis-section p { max-width: 80ch; margin: 0; font-size: 15px; line-height: 1.8; color: #d4ccd8; white-space: pre-wrap; }
.play-app fieldset.play-document-styles { margin-block: 20px; }
.play-app .play-document-styles .play-chip { flex: 1 1 150px; }
.play-app .play-document-styles .play-chip > span { width: 100%; text-align: center; }
/* The dossier uses one current birth profile and a visual, native radio choice. */
body.play-app[data-play-kind="dossier"] #app-main{--app-content-width:1240px}
body.play-app[data-play-kind="dossier"] #play-workspace{max-width:1240px;margin-inline:auto}
body.play-app[data-play-kind="dossier"] .play-editor{padding:0;border-color:#b7a2d32b;background:linear-gradient(145deg,#20182c8a,#10162280)}
body.play-app[data-play-kind="dossier"] .play-setup-summary{margin-bottom:4px}
body.play-app[data-play-kind="dossier"] #play-fields{display:block}
body.play-app[data-play-kind="dossier"] .play-form-footer{margin-top:24px;gap:18px}
.play-app .dossier-style-picker{min-width:0;border:0;margin:20px 0 0;padding:0}
.play-app .dossier-style-picker legend{margin:0;padding:0;color:#f0e8f6;font-size:18px;font-weight:600;line-height:1.4}
.dossier-picker-hint{margin:8px 0 22px;color:#bdb3ce;font-size:14px;line-height:1.6}
.dossier-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.play-app .dossier-style-card{--dossier-choice:#cfb77f;position:relative;display:flex;flex-direction:column;min-width:0;padding:0;border:1px solid #b9a8ce30;border-radius:18px;background:#1d1928;overflow:hidden;cursor:pointer;transition:border-color 180ms ease,background-color 180ms ease}
.dossier-style-card[data-dossier-style="briefing"]{--dossier-choice:#9dc6b8}
.dossier-style-card[data-dossier-style="mars"]{--dossier-choice:#e6ad90}
.play-app .dossier-style-card:has(input:checked){border-color:var(--dossier-choice);background:#2b223a}
.play-app .dossier-style-card:has(input:focus-visible){outline:2px solid var(--dossier-choice);outline-offset:4px}
.dossier-style-card input{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%)}
.dossier-style-image{position:relative;display:block;aspect-ratio:16/9;background:#171522;overflow:hidden}
.dossier-style-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 300ms ease}
.dossier-style-check{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:27px;height:27px;border:1px solid #e8ddf280;border-radius:50%;color:transparent;background:#13121eb3;font-size:15px;line-height:1}
.dossier-style-card:has(input:checked) .dossier-style-check{color:#24202c;background:var(--dossier-choice);border-color:var(--dossier-choice)}
.dossier-style-copy{display:flex;flex-direction:column;gap:8px;padding:20px}
.dossier-style-copy small{color:var(--dossier-choice);font-size:10px;line-height:1.5;letter-spacing:.12em}
.dossier-style-copy strong{color:#f4ecf8;font-size:19px;font-weight:600;line-height:1.4}
.dossier-style-copy>span{color:#c8bed4;font-size:13px;line-height:1.6}
.dossier-intro{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:36px;padding:36px 30px;border-radius:20px;background:linear-gradient(120deg,#30213b75,#111c2b60)}
.dossier-intro:not(:has(.dossier-portrait)){grid-template-columns:minmax(0,1fr)}
.dossier-eyebrow{display:block;color:var(--dossier-accent,#d4b984);font-size:10px;font-weight:600;letter-spacing:.14em;line-height:1.6}
.play-app .dossier-intro h2{margin:18px 0;font-family:"AstroFace Prata",Georgia,serif;font-size:clamp(28px,3.5vw,40px);font-weight:400;line-height:1.35;letter-spacing:-.02em;color:#f1e8e0}
.dossier-intro p{max-width:53ch;margin:0;color:#c9bfd5;font-size:15px;line-height:1.85}
.dossier-intro .play-button{margin-top:24px}
.dossier-onboarding{display:block;margin-top:14px;color:#ada4bd;font-size:12px;line-height:1.7}
.dossier-portrait{width:100%;max-width:280px;min-width:0;margin:0;justify-self:center}
.dossier-portrait>div{position:relative;aspect-ratio:1;isolation:isolate}
.dossier-portrait>div::before{content:"";position:absolute;inset:12%;z-index:-1;border:1px solid #bc9e5d55;border-radius:50%;background:radial-gradient(ellipse,#9e75c338,transparent 70%)}
.dossier-portrait img{display:block;width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(#000 0 88%,transparent);-webkit-mask-image:linear-gradient(#000 0 88%,transparent)}
.dossier-portrait figcaption{text-align:center;margin:10px 0 0;font-size:12px;line-height:1.6}
.play-app .dossier-portrait a{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#c1b3ce;text-decoration:none;text-underline-offset:4px}
.dossier-document{--dossier-accent:#dfc68d;--dossier-tint:#392943;--dossier-surface:#1b1725;border-radius:22px;background:transparent!important}
.dossier-document[data-document-style="briefing"]{--dossier-accent:#a6cfbe;--dossier-tint:#203b39;--dossier-surface:#131f23}
.dossier-document[data-document-style="mars"]{--dossier-accent:#edb094;--dossier-tint:#4b2b33;--dossier-surface:#211a24}
.dossier-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:center;padding:38px 42px;border:1px solid #bb9bc629;border-radius:22px;background:linear-gradient(115deg,var(--dossier-tint),var(--dossier-surface))}
.dossier-hero-copy{min-width:0}
.dossier-person-name{margin:18px 0 12px;color:#d4c6de;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.play-app .dossier-hero h2{margin:18px 0 16px;max-width:23ch;font-family:"AstroFace Prata",Georgia,serif;color:#f4ebe1;font-size:clamp(28px,3.7vw,42px);font-weight:400;letter-spacing:-.025em;line-height:1.35;overflow-wrap:anywhere;text-wrap:balance}
.dossier-document[data-document-style="briefing"] .dossier-hero h2{font-family:"AstroFace Passport Sans",Manrope,sans-serif;font-weight:600;letter-spacing:-.03em}
.dossier-document[data-document-style="mars"] .dossier-eyebrow{letter-spacing:.18em}
.dossier-subtitle{max-width:52ch;margin:0;color:#cfbfd6;font-size:15px;line-height:1.8;overflow-wrap:anywhere}
.dossier-document-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:26px;color:var(--dossier-accent);font-size:12px;line-height:1.6}
.dossier-document-meta>span+span::before{content:"·";padding-right:16px;opacity:.6}
/* The dossier keeps the narrative beside its supporting material on desktop. */
body.play-app[data-play-kind="dossier"] .play-stage{padding:0!important;min-width:0;border:0;background:transparent}
body.play-app[data-play-kind="dossier"] .dossier-document{width:100%;min-width:0}
.dossier-overview{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:20px;align-items:stretch}
.dossier-overview:not(:has(.dossier-summary)){grid-template-columns:minmax(0,1fr)}
body.play-app[data-play-kind="dossier"] .dossier-hero{grid-template-columns:minmax(0,1fr) 112px;padding:28px;gap:20px}
body.play-app[data-play-kind="dossier"] .dossier-hero h2{font-size:32px;max-width:30ch;margin:12px 0}
body.play-app[data-play-kind="dossier"] .dossier-portrait{max-width:112px;grid-row:auto}
.dossier-portrait figcaption small{display:block;color:#bfb3cd;font-size:12px}
.dossier-top-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px}
.dossier-top-actions p{flex-basis:100%;margin:0;color:#ddd3e8;font-size:14px;line-height:1.6}
.dossier-top-actions p:empty{display:none}
body.play-app #dossier-cancel-download[hidden]{display:none!important}
.dossier-summary{min-width:0;margin:0;padding:26px;border:1px solid #b7a2d22b;border-radius:22px;background:linear-gradient(140deg,var(--dossier-tint),var(--dossier-surface))}
.play-app .dossier-summary h3{font-size:20px;line-height:1.4;margin:0 0 18px;color:#f2eaf7}
.dossier-summary ul{display:grid;gap:16px;margin:0;padding-left:20px;color:#dfd4e9;line-height:1.7;font-size:16px}
.dossier-summary li{padding-left:4px;overflow-wrap:anywhere}
.dossier-summary li::marker{color:var(--dossier-accent)}
.dossier-context-note{padding:16px 20px;margin:20px 0 28px;color:#cfc5da;font-size:14px;line-height:1.7;border-left:2px solid #baa4d2}
.dossier-context-note p{margin:0 0 6px}.dossier-context-note p:last-child{margin:0}
.dossier-sections{display:grid;gap:28px}
.play-app .dossier-document .document-reading-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);grid-template-areas:"heading art" "body notes";align-items:start;gap:24px 36px;min-width:0;margin:0;padding:30px;border:1px solid #b6a0c32b;border-radius:20px;background:linear-gradient(130deg,var(--dossier-surface),#131620d9);scroll-margin-top:100px}
.play-app .dossier-document .document-reading-section:not(:has(.dossier-section-notes>*)){grid-template-areas:"heading art" "body body"}
.document-reading-section:not(:has(.dossier-section-notes>*)) .dossier-section-body{max-width:78ch}
.dossier-section-notes:empty{display:none}
.dossier-section-header{grid-area:heading;min-width:0;align-self:center}
.dossier-section-label{display:block;margin-bottom:12px;color:var(--dossier-accent);font-size:11px;letter-spacing:.1em;line-height:1.6}
.play-app .dossier-document .document-reading-section h3{margin:0;color:#f3e9f4;font-size:27px;font-weight:600;line-height:1.4;letter-spacing:-.015em;overflow-wrap:anywhere;text-wrap:balance}
.play-app .dossier-document .document-reading-section p{max-width:none;margin:0 0 18px;color:#ddd3e8;font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.play-app .dossier-document .document-reading-section p:last-child{margin-bottom:0}
.play-app .dossier-document .document-reading-section .dossier-takeaway{margin-top:16px;font-weight:600;color:#f2e3c2}
.dossier-section-art{grid-area:art;min-width:0;align-self:center;overflow:hidden;border-radius:12px}
.dossier-section-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.dossier-section-body{grid-area:body;min-width:0;column-count:1}
.dossier-section-body p{orphans:3;widows:3}
.dossier-section-notes{grid-area:notes;display:grid;gap:18px;min-width:0;border-left:1px solid #b6a0c32b;padding-left:24px}
.dossier-basis,.dossier-practice{min-width:0;padding:18px;border-radius:12px;background:#ffffff06}
.dossier-practice{border-top:2px solid var(--dossier-accent);background:color-mix(in srgb,var(--dossier-accent) 7%,transparent)}
.dossier-basis strong,.dossier-practice strong{font-size:14px;line-height:1.5;color:var(--dossier-accent)}
body.play-app[data-play-kind="dossier"] .dossier-section-notes p{font-size:14px;line-height:1.8;margin:10px 0 0}
.dossier-basis-factors{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;padding:0;margin:10px 0 8px}
.dossier-document .dossier-basis-factors li{font-size:13px;line-height:1.6;color:#dfd4e9;overflow-wrap:anywhere}
.play-app .dossier-actions{gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid #c6aec728}
.play-app .dossier-actions .play-button{min-height:48px;padding-inline:22px}
.dossier-download-format{align-self:center;color:#c6b9d6;font-size:13px;line-height:1.6}
#dossier-download-status{flex-basis:100%;color:#d8cbe7;line-height:1.7;font-size:14px}
.dossier-generation-context{color:#d4c8df;font-size:14px;line-height:1.7;margin-bottom:20px}
#play-save-status:not([hidden]){padding:18px 22px;margin:18px auto;border:1px solid #e5b985;border-radius:14px;max-width:1240px;color:#f4ddbd;background:#302117}
#play-generation-progress{padding:18px;border:1px solid #b7a2d255;border-radius:14px;margin-bottom:20px}
.play-app .dossier-intro{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);align-items:start}
.dossier-example{padding:22px;background:#161524;border:1px solid #b7a2d238;border-radius:18px}
.dossier-example img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:10px;margin:16px 0}
.play-app .dossier-example h3{font-size:22px;line-height:1.4;margin:6px 0 14px;color:#f4e8ed}
.play-app .dossier-example p{font-size:15px;line-height:1.8}.dossier-example small{font-size:12px;color:#c6b8d4}
.dossier-example-formats{color:#e1c794!important}
.play-image-unavailable .dossier-section-art,.dossier-section-art.play-image-unavailable{min-height:100px}
body.play-app[data-play-kind="dossier"] .dossier-eyebrow,body.play-app[data-play-kind="dossier"] .dossier-style-copy small{font-size:11px}
body.play-app[data-play-kind="dossier"] .dossier-style-copy>span{font-size:14px}
body.play-app[data-play-kind="dossier"] .dossier-subtitle{font-size:16px}
@media(hover:hover){.dossier-style-card:hover .dossier-style-image img{transform:scale(1.035)}.play-app .dossier-style-card:hover{border-color:var(--dossier-choice)}.play-app .dossier-portrait a:hover{color:#f0dcb5;text-decoration:underline}}
@media(max-width:1100px){
  .dossier-overview{grid-template-columns:minmax(0,1fr)}
  .dossier-summary ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .dossier-summary{padding:24px}
  body.play-app[data-play-kind="dossier"] .dossier-hero{grid-template-columns:minmax(0,1fr) 140px}
  .play-app .dossier-document .document-reading-section{grid-template-columns:minmax(0,1fr) minmax(250px,300px);gap:22px 24px;padding:26px}
  .dossier-section-notes{padding-left:18px}
}
@media(max-width:900px){
  .play-app .dossier-document .document-reading-section{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "art" "body" "notes";gap:22px}
  .play-app .dossier-document .document-reading-section:not(:has(.dossier-section-notes>*)){grid-template-areas:"heading" "art" "body"}
  .dossier-section-art{width:100%;max-width:480px;justify-self:center}
  .dossier-section-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border:0;padding:0}
  .dossier-style-grid{gap:12px}.dossier-style-copy{padding:16px}.dossier-style-copy strong{font-size:17px}
  .play-app .dossier-intro{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:680px){
  body.play-app[data-play-kind="dossier"] #app-main{padding-inline:12px!important}
  body.play-app[data-play-kind="dossier"] #play-workspace{width:100%}
  body.play-app[data-play-kind="dossier"] .play-editor{padding:0}
  .dossier-style-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .play-app .dossier-style-card{display:grid;grid-template-columns:112px minmax(0,1fr);border-radius:14px}
  .dossier-style-image{height:100%;aspect-ratio:auto;min-height:142px}
  .dossier-style-check{width:23px;height:23px;top:8px;right:8px;font-size:13px}
  .dossier-style-copy{padding:16px 14px;gap:6px}.dossier-style-copy small{font-size:11px}.dossier-style-copy strong{font-size:17px}
  .dossier-intro{gap:20px;padding:28px 22px}
  .dossier-overview{gap:16px}
  body.play-app[data-play-kind="dossier"] .dossier-hero{display:block;padding:22px 16px}
  body.play-app[data-play-kind="dossier"] .dossier-hero .dossier-portrait{display:none}
  body.play-app[data-play-kind="dossier"] .dossier-hero h2{font-size:28px!important;line-height:1.35}
  body.play-app[data-play-kind="dossier"] .dossier-person-name{margin:0 0 10px}
  .dossier-document-meta{font-size:12px;gap:6px 12px}
  .dossier-top-actions{align-items:stretch}.dossier-top-actions>button{width:100%}
  .dossier-context-note{padding:14px;font-size:13px;margin-block:16px 22px}
  .dossier-summary{padding:20px 16px}.dossier-summary ul{grid-template-columns:minmax(0,1fr);gap:12px}
  .dossier-sections{gap:20px}
  .play-app .dossier-document .document-reading-section{padding:20px 14px;gap:20px;border-radius:16px}
  body.play-app[data-play-kind="dossier"] .dossier-document .document-reading-section h3{font-size:23px}
  .dossier-section-notes{grid-template-columns:minmax(0,1fr);gap:14px}
  .dossier-basis,.dossier-practice{padding:16px}
  body.play-app[data-play-kind="dossier"] .dossier-document .document-reading-section p{line-height:1.75}
  body.play-app[data-play-kind="dossier"] .dossier-actions{display:flex!important;flex-direction:column;align-items:stretch}
  .dossier-download-format{text-align:center}.dossier-example{padding:18px}
}
@media(prefers-reduced-motion:reduce){.dossier-style-card,.dossier-style-image img{transition:none}}
@media (max-width: 980px) {
  .personality-document { max-width: 100%; }
  .document-page { min-height: 0; padding: 24px; font-size: 15px; line-height: 1.7; }
  .document-page h1 { font-size: 26px; }
  .document-header, .document-footer { font-size: 10px; }
  .document-section h2 { font-size: 18px; }
  .document-section p { margin-bottom: 14px; }
  .document-footer { margin-top: 24px; }
}
@media (max-width: 680px) { .play-app .realization-directions { grid-template-columns: minmax(0, 1fr); } .play-app .realization-direction { padding: 20px; } .document-header { flex-wrap: wrap; } }
@media print {
  @page { size: A4; margin: 0; }
  .document-export { margin: 0; background: white; }
  .personality-document, .document-export .personality-document { width: 210mm; max-width: none; margin: 0; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .document-page { width: 210mm; min-height: 297mm; padding: 17mm; margin: 0; border: 0; border-radius: 0; font-size: 9.5pt; line-height: 1.35; break-after: page; }
  .document-page:last-child { break-after: auto; }
  .document-page h1 { font-size: 20pt; }
  .document-header, .document-footer { font-size: 8pt; }
  .document-section h2 { font-size: 11pt; }
  .document-section p { margin-bottom: 2mm; }
  .document-header { flex-wrap: nowrap; }
  .document-footer { margin-top: auto; }
}
@media print{
  body.play-app[data-play-kind="dossier"]{background:#fff!important;color:#20252b!important}
  body.play-app[data-play-kind="dossier"] :is(.app-header,.app-rail,.af-play-mobile,[data-story-header],.play-editor,.dossier-top-actions,.dossier-actions,#play-save-status,#play-generation-progress,.play-page-footer,#play-notice,.play-inline-error,canvas){display:none!important}
  body.play-app[data-play-kind="dossier"] #app-main,body.play-app[data-play-kind="dossier"] .play-stage{padding:0!important;margin:0!important}
  body.play-app[data-play-kind="dossier"] :is(.dossier-hero,.document-reading-section,.dossier-summary,.dossier-context-note){background:#fff!important;border-color:#c3c7cc!important;color:#20252b!important;box-shadow:none!important}
  body.play-app[data-play-kind="dossier"] .dossier-portrait{display:none!important}
  body.play-app[data-play-kind="dossier"] :is(.dossier-hero,.dossier-overview,.document-reading-section,.dossier-section-notes){display:block!important}
  body.play-app[data-play-kind="dossier"] :is(h2,h3,p,li,strong,span){color:#20252b!important;text-shadow:none!important}
  body.play-app[data-play-kind="dossier"] .document-reading-section{break-before:page;border:0!important;overflow:visible!important;padding:0}
  body.play-app[data-play-kind="dossier"] .dossier-section-body{max-width:none;padding:0;column-count:1!important}
  body.play-app[data-play-kind="dossier"] .dossier-document .document-reading-section p{font-size:11.2pt;line-height:1.52;orphans:3;widows:3}
  body.play-app[data-play-kind="dossier"] .dossier-section-header{break-after:avoid}
  body.play-app[data-play-kind="dossier"] .dossier-section-art{max-width:176px;margin:12px 0}
  body.play-app[data-play-kind="dossier"] .dossier-section-notes{border:0;padding:0}
  body.play-app[data-play-kind="dossier"] :is(.dossier-basis,.dossier-practice){margin:14px 0;break-inside:avoid}
  body.play-app[data-play-kind="dossier"] .dossier-context-note{border-left:0;padding:8px 0}
  body.play-app[data-play-kind="dossier"] .dossier-document{border:0}
  @page{margin:16mm}
}

/* Source: /assets/build/worldview.css */
.worldview { color: #eeeaf1; letter-spacing: 0; }
.worldview .play-result-head h2 { margin: 10px 0; font-size: 30px; line-height: 1.25; letter-spacing: 0; overflow-wrap: anywhere; }
.worldview .play-result-head > p, .wv-summary { max-width: 88ch; color: #cecbd5; font-size: 15px; line-height: 1.7; }
.wv-summary { margin: 24px 0; }
.wv-tabs, .wv-detail-tabs { display: flex; gap: 20px; border-bottom: 1px solid #b9bbc63b; }
.wv-tabs > button, .wv-detail-tabs > button { min-height: 48px; padding: 10px 2px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #bdb9c6; font: inherit; cursor: pointer; }
.wv-tabs > button[aria-selected="true"], .wv-detail-tabs > button[aria-selected="true"] { border-bottom-color: #74d4c3; color: #effbf7; }
.wv-layout { display: grid; grid-template-columns: 225px minmax(0,1fr); gap: 32px; margin-top: 26px; }
.wv-categories { align-self: start; position: sticky; top: calc(var(--header-h,80px) + 20px); }
.wv-category-row { padding-bottom: 14px; border-bottom: 1px solid #b9bbc626; margin-bottom: 14px; }
.wv-category { display: block; width: 100%; min-height: 58px; margin-bottom: 8px; border: 0; border-left: 2px solid transparent; border-radius: 0; padding: 10px 12px; text-align: left; background: transparent; color: #d6d1dc; font: inherit; cursor: pointer; }
.wv-category.active { background: #70d4c30d; border-left-color: #70d4c3; color: #eafff9; }
.wv-category > span { display: block; font-size: 14px; line-height: 1.4; }
.wv-category small { display: block; margin-top: 6px; font-size: 11px; color: #a8a7b4; }
.wv-mobile-select { display: none; }
.wv-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-block: 8px 16px; }
.wv-section-heading h3 { margin: 0; font-size: 20px; line-height: 1.35; letter-spacing: 0; overflow-wrap: anywhere; }
.wv-section-heading p { margin: 7px 0 0; color: #a7a4b1; font-size: 12px; }
.wv-count { font: 12px 'Courier New',monospace; color: #b6bcc7; white-space: nowrap; }
.wv-sphere { margin-bottom: 30px; }
.wv-sphere > header { border-bottom: 1px solid #9faeb633; }
.wv-ranked-list { list-style: none; padding: 0; margin: 0 0 22px; }
.wv-ranked-row { display: grid; grid-template-columns: 28px minmax(0,1fr) 130px 84px; gap: 16px; align-items: start; padding-block: 20px; border-bottom: 1px solid #9faeb626; }
.wv-ranked-row[hidden] { display: none; }
.wv-rank { padding-top: 3px; color: #76cfc2; font: 12px/1.5 'Courier New',monospace; }
.wv-ranked-copy { min-width: 0; }
.wv-ranked-copy > small { display: block; margin-bottom: 7px; font-size: 11px; line-height: 1.5; color: #a5a4b1; }
.wv-ranked-copy h4 { margin: 0; font-size: 16px; line-height: 1.4; letter-spacing: 0; overflow-wrap: anywhere; }
.wv-ranked-copy p { margin: 8px 0 0; color: #c9c6d1; font-size: 13px; line-height: 1.65; }
.wv-priority { padding-top: 6px; }
.wv-priority meter { display: block; width: 100%; height: 6px; border: 0; background: #afb7c323; appearance: none; }
.wv-priority meter::-webkit-meter-bar { height: 6px; border: 0; border-radius: 1px; background: #afb7c323; }
.wv-priority meter::-webkit-meter-optimum-value { background: #76cfc2; }
.wv-priority meter::-moz-meter-bar { background: #76cfc2; }
.wv-priority span { display: block; margin-top: 9px; color: #b3b8c3; font-size: 11px; line-height: 1.5; }
.wv-row-actions { display: flex; flex-shrink: 0; gap: 4px; }
.wv-icon { display: inline-flex; flex-shrink: 0; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 8px; border: 1px solid #b3bac330; border-radius: 4px; background: rgb(8 12 25 / .05); color: #c6dcd8; cursor: pointer; }
.wv-icon:hover { border-color: #7bd6c3; color: #eafff9; }
.wv-icon:disabled { opacity: .5; cursor: default; }
.worldview :is(button,a,select,textarea):focus-visible { outline: 2px solid #74d4c3; outline-offset: 3px; }
.worldview svg { width: 18px; height: 18px; stroke-width: 1.7px; }
.wv-combinations { margin-top: 48px; padding-top: 28px; border-top: 1px solid #b1b9c440; }
.wv-combinations > header h2 { margin: 12px 0 24px; font-size: 26px; line-height: 1.3; letter-spacing: 0; }
.wv-activities { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.wv-activity { min-width: 0; padding: 24px; border: 1px solid #9faeb638; border-radius: 8px; background: rgb(8 12 25 / .05); backdrop-filter: blur(2px); }
.wv-activity h3 { margin: 10px 0 14px; font-size: 21px; line-height: 1.4; color: #efd7a7; letter-spacing: 0; overflow-wrap: anywhere; }
.wv-activity h4 { margin: 20px 0 8px; font-size: 13px; color: #c4e6df; letter-spacing: 0; }
.wv-activity p { font-size: 14px; line-height: 1.7; color: #cfcdd6; }
.wv-interest-links { color: #9db9b0; font-size: 12px; line-height: 1.7; }
.wv-interest-link { display: inline; padding: 0; border: 0; border-bottom: 1px dotted #92b3aa; background: transparent; color: #a6d3c8; text-align: left; font: inherit; cursor: pointer; }
.wv-footer { margin-top: 32px; padding-top: 24px; border-top: 1px solid #b1b9c430; }
.wv-footer p { margin-top: 20px; font-size: 12px; line-height: 1.65; color: #a7a5b4; }
.wv-dialog { box-sizing: border-box; width: min(900px,calc(100% - 32px)); max-height: calc(100dvh - 48px); padding: 28px; border: 1px solid #8ca79f66; border-radius: 8px; background: #11151d; color: #eeeaf1; overflow: auto; overscroll-behavior: contain; }
.wv-dialog::backdrop { background: rgb(0 0 0 / .78); backdrop-filter: blur(2px); }
.wv-dialog-header { display: flex; justify-content: space-between; align-items: start; gap: 20px; margin-bottom: 22px; }
.wv-dialog-header h2 { margin: 10px 0 0; font-size: 25px; line-height: 1.35; letter-spacing: 0; overflow-wrap: anywhere; }
.wv-detail-tabs { margin-bottom: 20px; }
.wv-feedback { margin: 14px 0; font-size: 13px; line-height: 1.6; color: #efd7a7; }
.wv-feedback:empty { display: none; }
.wv-loading { display: flex; align-items: center; gap: 14px; min-height: 180px; font-size: 14px; line-height: 1.6; }
.wv-explanation { padding-block: 15px; border-bottom: 1px solid #b1b9c42b; }
.wv-explanation h3, .wv-visual-plan h3 { margin: 0 0 12px; font-size: 19px; line-height: 1.4; letter-spacing: 0; color: #c1e6dc; }
.wv-explanation p, .wv-visual-plan > p { margin: 0 0 12px; color: #d0cdd6; font-size: 15px; line-height: 1.75; white-space: pre-wrap; }
.wv-detail-activities { margin-top: 28px; }
.wv-detail-activities .wv-activity { padding: 22px 0; border: 0; border-radius: 0; background: transparent; backdrop-filter: none; }
.wv-symbols { margin: 24px 0; }
.wv-symbols > div { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,2fr); gap: 16px; padding: 12px 0; border-bottom: 1px solid #b1b9c42b; }
.wv-symbols dt { color: #efdaaf; font-size: 14px; line-height: 1.5; }
.wv-symbols dd { margin: 0; color: #c1c5ce; font-size: 13px; line-height: 1.7; }
.wv-prompt-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 24px; }
.wv-prompt-heading label { font-size: 13px; font-weight: 600; }
.wv-visual-plan textarea { box-sizing: border-box; width: 100%; margin: 12px 0 20px; padding: 14px; border: 1px solid #96bab260; border-radius: 4px; background: #080c13; color: #d1e0dc; font: 13px/1.65 'Consolas','Courier New',monospace; resize: vertical; min-height: 170px; }
.wv-image-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.wv-provider-note { margin-top: 16px; font-size: 13px !important; color: #b7b5c2; }
.wv-generated-image { margin: 24px 0; }
.wv-generated-image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; background: #080b11; }
.wv-generated-image figcaption { margin-top: 12px; color: #acb6bb; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.wv-image-unavailable { display: grid; justify-items: center; gap: 14px; min-height: 180px; padding: 28px 18px; background: #080b11; text-align: center; }
.wv-image-unavailable > svg { width: 32px; height: 32px; color: #acc9c1; }
.wv-image-unavailable strong { font-size: 16px; line-height: 1.5; }
.wv-image-unavailable p { margin: 0; color: #bcc5ce; font-size: 14px; line-height: 1.6; }
.wv-image-unavailable .play-button { max-width: 100%; }
.worldview .wv-visual-plan .play-button-primary { background: #7352a1; border-color: #a98bdd; color: #fff; font-weight: 600; }
.worldview .wv-visual-plan .play-button-primary:hover { background: #7d5eac; }
/* Keep the labelled actions inside each row rather than an icon-only track. */
.worldview .wv-ranked-row { grid-template-columns: 28px minmax(0,1fr) 130px max-content; }
.worldview .wv-row-actions { width: max-content; max-width: 100%; }
.worldview .wv-row-actions .wv-icon { min-height: 44px; white-space: nowrap; }
.worldview .wv-section-heading { flex-wrap: wrap; }
.worldview .wv-interest-links { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.worldview .wv-interest-link { display: inline-flex; align-items: center; max-width: 100%; min-height: 32px; padding-block: 4px; line-height: 1.6; overflow-wrap: anywhere; }
.worldview .wv-ranked-copy h4[tabindex] { scroll-margin-block: calc(var(--header-h,80px) + 24px); }
.worldview .wv-ranked-copy h4:focus-visible { outline: 2px solid #74d4c3; outline-offset: 4px; }
@media (max-width:1200px) {
  .worldview .wv-ranked-row { grid-template-columns: 26px minmax(0,1fr) max-content; gap: 12px; }
  .worldview .wv-ranked-row > .wv-priority { grid-column: 2; grid-row: 2; max-width: 150px; }
  .worldview .wv-ranked-row > .wv-row-actions { grid-column: 3; grid-row: 1; }
}
@media (max-width:980px) { .wv-layout { grid-template-columns: minmax(0,1fr); gap: 18px; } .wv-categories { display: none; } .wv-mobile-select { display: block; margin-bottom: 20px; } .wv-activities { grid-template-columns: minmax(0,1fr); } .wv-ranked-row { grid-template-columns: 26px minmax(0,1fr) 84px; gap: 12px; } .wv-priority { grid-column: 2; grid-row: 2; max-width: 150px; } .wv-row-actions { grid-column: 3; grid-row: 1; } .wv-category-row .wv-row-actions, .wv-section-heading .wv-row-actions { grid-row: auto; } }
@media (max-width:600px) { .worldview .play-result-head h2 { font-size: 26px; } .wv-ranked-row { grid-template-columns: 22px minmax(0,1fr); } .wv-ranked-row > .wv-row-actions { grid-column: 2; grid-row: 3; } .wv-ranked-copy h4 { font-size: 16px; } .wv-icon { width: 44px; height: 44px; } .wv-dialog { width: calc(100% - 20px); max-height: calc(100dvh - 20px); padding: 20px 16px; } .wv-dialog-header { gap: 12px; } .wv-dialog-header h2 { font-size: 21px; } .wv-symbols > div { grid-template-columns: minmax(0,1fr); gap: 7px; } .wv-activity { padding: 20px; } .wv-section-heading { gap: 10px; } .wv-section-heading h3 { font-size: 18px; } .wv-combinations > header h2 { font-size: 23px; } .wv-detail-tabs { gap: 18px; } .wv-visual-plan textarea { font-size: 16px; } }
@media (max-width:600px) {
  .worldview .wv-ranked-row { grid-template-columns: 22px minmax(0,1fr); }
  .worldview .wv-ranked-row > .wv-row-actions { grid-column: 2; grid-row: 3; }
  .worldview .wv-dialog-header { display: grid; grid-template-columns: minmax(0,1fr) 44px; align-items: center; gap: 10px 12px; }
  .worldview .wv-dialog-header > div { display: contents; }
  .worldview .wv-dialog-header .story-kicker { grid-column: 1; grid-row: 1; }
  .worldview .wv-dialog-header h2 { grid-column: 1 / -1; grid-row: 2; margin: 0; font-size: 21px; }
  .worldview .wv-dialog-header > button { grid-column: 2; grid-row: 1; }
}

/* A personal reading: quiet hierarchy, an approachable starting point, and optional depth. */
.worldview { max-width: 1280px; margin-inline: auto; }
.worldview .play-result-head { max-width: 850px; margin-block: 18px 30px; }
.worldview .play-result-head h2 { font-size: clamp(28px, 3.2vw, 40px); line-height: 1.2; text-wrap: balance; }
.worldview .play-result-head > p { max-width: 72ch; font-size: 16px; line-height: 1.8; }
.worldview .play-result-head .wv-context-note { margin-top: 18px; padding-left: 14px; border-left: 2px solid #ad91d775; font-size: 13px; line-height: 1.75; color: #c1b8ce; }
.worldview .wv-leading { margin-block: 32px 26px; }
.worldview .wv-leading > header h3 { margin: 0 0 8px; font-size: 23px; font-weight: 600; letter-spacing: -.02em; line-height: 1.4; }
.worldview .wv-leading > header p { margin: 0 0 18px; font-size: 14px; line-height: 1.7; color: #bcb7c7; }
.worldview .wv-leading-grid { gap: 14px; }
.worldview .wv-leading-grid > button { display: grid; grid-template-rows: auto auto 1fr auto; align-content: start; gap: 11px; min-width: 0; min-height: 210px; padding: 22px; border: 1px solid #b9a6d036; border-radius: 18px; background: linear-gradient(140deg,#bba5d415,#97c9bb09); color: #f3eaf8; }
.worldview .wv-leading-grid > button:hover { border-color: #c8b1e77a; background: linear-gradient(140deg,#bba5d422,#97c9bb12); }
.worldview .wv-leading-grid > button > strong { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
.worldview .wv-leading-grid .wv-leading-number { display: block; font-size: 11px; letter-spacing: .1em; line-height: 1.4; color: #b9a6cc; }
.worldview .wv-leading-grid .wv-leading-reason { display: block; font-size: 14px; line-height: 1.7; color: #c8c1d1; }
.worldview .wv-leading-grid .wv-leading-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 5px; font-size: 12px; font-weight: 500; line-height: 1.5; color: #c5e5dc; }
.worldview .wv-leading-link svg { width: 15px; height: 15px; }
.worldview .wv-summary-details { margin-block: 18px 30px; border-block: 1px solid #c4b4d522; }
.worldview .wv-summary-details > summary { min-height: 48px; padding-block: 14px; color: #d9cbe9; font-size: 14px; line-height: 1.6; }
.worldview .wv-summary { max-width: 78ch; margin-block: 4px 22px; font-size: 15px; line-height: 1.85; }
.worldview .wv-reading-guide { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 32px; max-width: 850px; margin-block: 28px 22px; }
.worldview .wv-reading-guide > div { display: flex; align-items: flex-start; gap: 11px; min-width: 0; }
.worldview .wv-reading-guide > div > svg { flex: 0 0 18px; margin-top: 3px; color: #bbd6ce; }
.worldview .wv-reading-guide p { margin: 0; }
.worldview .wv-reading-guide strong { display: block; margin-bottom: 4px; color: #e7e0ed; font-size: 14px; font-weight: 500; line-height: 1.5; }
.worldview .wv-reading-guide span { display: block; color: #b8b3c1; font-size: 13px; line-height: 1.65; }
.worldview .wv-tabs { gap: 28px; }
.worldview .wv-tabs > button { min-height: 54px; font-size: 16px; }
.worldview .wv-layout { margin-top: 30px; gap: 34px; }
.worldview .wv-category { border-radius: 0 10px 10px 0; }
.worldview .wv-category > span { font-size: 14px; line-height: 1.6; }
.worldview .wv-category small { color: #b4acbd; font-size: 12px; line-height: 1.5; }
.worldview .wv-section-heading p { max-width: 55ch; color: #b9b2c2; font-size: 13px; line-height: 1.7; }
.worldview .wv-section-heading h3 { font-size: 22px; line-height: 1.4; }
.worldview .wv-ranked-row { padding-block: 24px; }
.worldview .wv-ranked-copy h4 { font-size: 18px; font-weight: 500; line-height: 1.45; }
.worldview .wv-ranked-copy p { max-width: 65ch; margin-top: 9px; font-size: 14px; line-height: 1.8; }
.worldview .wv-ranked-copy > small { font-size: 11px; line-height: 1.6; color: #b0a9bb; }
.worldview .wv-rank { color: #b3a2c6; padding-top: 5px; }
.worldview .wv-priority span { color: #beb4c9; font-size: 11px; line-height: 1.6; }
.worldview .wv-priority meter { height: 4px; }
.worldview .wv-priority meter::-webkit-meter-bar { height: 4px; }
.worldview .wv-priority meter::-webkit-meter-optimum-value { background: #b29bcf; }
.worldview .wv-priority meter::-moz-meter-bar { background: #b29bcf; }
.worldview .wv-row-actions { gap: 6px; }
.worldview .wv-row-actions .wv-icon { border-color: #bcacd32d; border-radius: 9px; padding-inline: 10px; color: #d4c8e3; font-size: 12px; }
.worldview .wv-row-actions .wv-icon:hover { border-color: #c9b5e275; background: #bcacd30d; }
.worldview .wv-combinations { margin-top: 42px; padding-top: 34px; }
.worldview .wv-combinations > header { max-width: 760px; margin-bottom: 24px; }
.worldview .wv-combinations > header h2 { margin: 10px 0; font-size: 30px; line-height: 1.3; text-wrap: balance; }
.worldview .wv-combinations > header > p { margin: 0; color: #c1b9ca; font-size: 14px; line-height: 1.8; }
.worldview .wv-activities { gap: 18px; }
.worldview .wv-activity { padding: 26px; border-radius: 16px; border-color: #bca9d331; background: #c5b4de06; }
.worldview .wv-activity h3 { color: #e4cddc; font-size: 22px; font-weight: 500; }
.worldview .wv-activity h4 { margin-top: 24px; color: #d6c7e5; font-size: 14px; font-weight: 500; line-height: 1.5; }
.worldview .wv-activity p { font-size: 14px; line-height: 1.85; }
.worldview .wv-activity > p:last-child { margin-bottom: 0; }
.worldview .wv-export-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.worldview .wv-footer p { max-width: 76ch; font-size: 13px; line-height: 1.8; }
.worldview .wv-dialog { border-radius: 18px; border-color: #c0abd251; }
.worldview .wv-dialog-header h2 { font-size: 25px; line-height: 1.4; }
.worldview .wv-explanation { padding-block: 20px; }
.worldview .wv-explanation h3 { color: #e0cde9; font-size: 20px; line-height: 1.5; }
.worldview .wv-explanation p, .worldview .wv-visual-plan > p { max-width: 74ch; font-size: 16px; line-height: 1.85; }
.worldview .wv-symbols dt { color: #e6cedb; font-size: 15px; }
.worldview .wv-symbols dd { font-size: 14px; line-height: 1.8; }
.worldview .wv-prompt-details { margin-block: 22px; padding: 4px 14px; border: 1px solid #b9a5cd25; border-radius: 10px; background: #c5b4de06; }
.worldview .wv-prompt-details > summary { padding-block: 12px; color: #c2b6d0; font-size: 13px; line-height: 1.6; }
.worldview .wv-prompt-heading { margin-top: 0; color: #bdb5c6; font-size: 12px; line-height: 1.6; }
.worldview .wv-prompt-text { color: #bbb4c7; }
.worldview .wv-generated-image img { border-radius: 12px; }
.worldview .wv-generated-image figcaption { max-width: 72ch; font-size: 13px; line-height: 1.8; }
@media (max-width:980px) {
  .worldview .wv-layout { gap: 20px; }
  .worldview .wv-leading-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
  .worldview .wv-leading-grid > button { padding: 18px; }
}
@media (max-width:600px) {
  .worldview .play-result-head { margin-bottom: 24px; }
  .worldview .play-result-head h2 { font-size: 28px; }
  .worldview .play-result-head > p { font-size: 15px; line-height: 1.8; }
  .worldview .play-result-head .wv-context-note { font-size: 13px; }
  .worldview .wv-leading { margin-block: 26px 22px; }
  .worldview .wv-leading > header h3 { font-size: 21px; }
  .worldview .wv-leading-grid { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .worldview .wv-leading-grid > button { grid-template-columns: 24px minmax(0,1fr); grid-template-rows: auto auto auto; gap: 7px 11px; min-height: 0; padding: 18px; border-radius: 14px; }
  .worldview .wv-leading-grid .wv-leading-number { grid-column: 1; grid-row: 1; padding-top: 4px; }
  .worldview .wv-leading-grid > button > strong { grid-column: 2; font-size: 17px; }
  .worldview .wv-leading-grid .wv-leading-reason { grid-column: 2; font-size: 13px; }
  .worldview .wv-leading-grid .wv-leading-link { grid-column: 2; }
  .worldview .wv-reading-guide { grid-template-columns: minmax(0,1fr); gap: 16px; margin-block: 24px 18px; }
  .worldview .wv-summary { font-size: 14px; }
  .worldview .wv-ranked-row { padding-block: 22px; gap: 10px 12px; }
  .worldview .wv-ranked-copy h4 { font-size: 17px; }
  .worldview .wv-ranked-copy p { font-size: 14px; }
  .worldview .wv-section-heading h3 { font-size: 20px; }
  .worldview .wv-row-actions .wv-icon { padding-inline: 12px; }
  .worldview .wv-combinations > header h2 { font-size: 26px; }
  .worldview .wv-activity { padding: 21px; }
  .worldview .wv-activity h3 { font-size: 21px; }
  .worldview .wv-activity .story-kicker { line-height: 1.7; }
  .worldview .wv-export-actions > button { width: 100%; }
  .worldview .wv-dialog { border-radius: 14px; }
  .worldview .wv-dialog-header h2 { font-size: 22px; }
  .worldview .wv-explanation h3 { font-size: 19px; }
  .worldview .wv-explanation p, .worldview .wv-visual-plan > p { font-size: 15px; line-height: 1.85; }
}

/* Source: /assets/build/interface-controls.css */
/* Form controls use the same quiet violet surfaces as the birth sheet. */
: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; }
.af-refresh .transit-aspects-card>.af-reading-hint { margin-inline: 18px; }
.admin-page .admin-table-wrap table { min-width: 840px; }
: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); } }
#play-profile-dialog[open] .parameters-sheet { animation: af-control-arrive .2s ease-out; }
.admin-page :is(.admin-login,.admin-title,.admin-section):not([hidden]) { animation: af-control-arrive .25s ease-out; }
.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(max-width:680px) {
  .site-header .header-inner { gap: 9px; }
  .site-header .button-header { flex: 0 0 40px; width: 40px; height: 40px; min-height: 40px; padding: 0; }
  .site-header .button-header>span { display: none; }
  .site-header .button-header .icon { display: block; width: 18px; height: 18px; }
  .site-header .af-admin-launch { flex: 0 0 40px; min-width: 40px; }
}
@media(max-width:600px) { .admin-page .admin-summary article:last-child b { font-size: clamp(14px,4.5vw,18px); white-space: nowrap; } }
@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"] .admin-page :is(.admin-login,.admin-title,.admin-section) { 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 */
/* Mobile refinements for native chart and agent views. */
@media (max-width: 980px) and (pointer: coarse) {
  /* The report map uses vertical links on phones, so it needs no desktop minimum. */
  body.af-refresh[data-view="reports"] .report-map > div {
    width: 100%;
    min-width: 0;
  }

  body.af-refresh :is(.table-filter-bar, .transit-aspect-filters, .af-phase-controls) button,
  body.af-refresh .agent-context-warning button,
  body.af-refresh .agent-message-content > footer button {
    min-height: 44px;
  }

  body.af-refresh :is(.agent-header-tool, .agent-header-new) {
    min-width: 44px;
    min-height: 44px;
  }

  body.af-refresh .metric-help-toggle {
    min-width: 44px;
    min-height: 44px;
  }

  body.af-refresh .cosmogram-label-control button {
    min-height: 44px;
  }

  body.af-refresh .agent-thread-open {
    min-height: 88px;
    padding-right: 58px;
  }

  body.af-refresh .agent-thread-open strong,
  body.af-refresh .agent-thread-confirm strong {
    font-size: 13px;
  }

  body.af-refresh .agent-thread-open small {
    font-size: 12px;
  }

  body.af-refresh .agent-thread-open em {
    font-size: 11px;
  }

  body.af-refresh .agent-thread-delete {
    width: 44px;
    height: 44px;
    opacity: 1;
    color: var(--af-muted, #a4acc0);
  }

  body.af-refresh .agent-thread-confirm button {
    min-width: 68px;
    min-height: 44px;
    font-size: 13px;
  }

  body.af-refresh .agent-composer textarea {
    font-size: 16px;
  }

  /* The compact phase diagram scrolls between its header and footer. */
  body.af-refresh .af-phases .transition-state:is(:fullscreen, .is-fullscreen-fallback) > :is(header, footer) {
    flex-shrink: 0;
  }

  body.af-refresh .af-phases .transition-state:is(:fullscreen, .is-fullscreen-fallback) .transition-mini-stage {
    height: auto !important;
    min-height: 0 !important;
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior-y: contain;
  }
}

@media (max-width: 980px) and (max-height: 500px) and (pointer: coarse) {
  /* Keep the chart usable when the phone is rotated; the card scrolls internally. */
  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 .cosmogram-main-card:is(:fullscreen, .is-fullscreen-fallback) > .large-cosmogram-stage {
    padding: 6px !important;
  }

  /* Use the existing compact conversation layout on short landscape screens too. */
  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;
  }

  body.af-refresh[data-view="agent"] .agent-view {
    grid-template-rows: minmax(0, 1fr);
  }

  body.af-refresh[data-view="agent"] .agent-messages {
    min-height: 0;
    padding-block: 8px;
  }

  body.af-refresh[data-view="agent"] .agent-empty-orbit {
    display: none;
  }

  body.af-refresh[data-view="agent"] .agent-chat-empty {
    padding: 8px 16px;
    align-content: start;
    min-height: 0;
  }
}

@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;
  }

  body.af-refresh[data-view="agent"] .agent-conversation-header {
    min-height: 54px;
    padding: 4px 8px;
  }

  body.af-refresh[data-view="agent"] .agent-composer {
    padding-block: 6px;
  }

  body.af-refresh[data-view="agent"] .agent-starters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* Source: /assets/build/mobile-public.css */
/* Mobile refinements for the landing and administration pages. */
@media (max-width: 980px) {
  .admin-page input { font-size: 16px; }
  .admin-page button { min-height: 44px; min-width: 44px; }
  .admin-page .admin-visitor-link { padding: 10px 12px; }
  .admin-page .admin-table-wrap { max-width: 100%; overscroll-behavior-x: contain; }
  .admin-page .admin-table-wrap table { min-width: 640px; }
  .admin-page .admin-table-wrap td { overflow-wrap: anywhere; }
  .admin-page .admin-login { margin-top: clamp(16px, 4vh, 36px); }
  .admin-page .admin-login h1 { line-height: 1.3; text-wrap: balance; }
  .admin-page .admin-section-title { flex-wrap: wrap; align-items: flex-start; }
  .admin-page .admin-section-title h2 { min-width: 0; overflow-wrap: anywhere; }
}
@media (max-width: 680px) {
  .landing-page:not(.admin-page) .site-brand { min-height: 44px; }
  .landing-page:not(.admin-page) .try-unknown { min-height: 44px; }
  .landing-page:not(.admin-page) .try-place input { font-size: 16px; }
  .landing-page:not(.admin-page) .try-download { width: 44px; height: 44px; }
  .landing-page:not(.admin-page) .try-more a { display: inline-flex; align-items: center; min-height: 44px; }
  .landing-page:not(.admin-page) .footer-top nav a,
  .landing-page:not(.admin-page) .footer-bottom a { display: inline-flex; align-items: center; min-height: 44px; }
  .landing-page:not(.admin-page) .footer-bottom { font-size: 12px; line-height: 1.6; }
  .landing-page:not(.admin-page) .closing-section .eyebrow { font-size: 11px; }
  .admin-page .admin-title { align-items: flex-start; flex-wrap: wrap; gap: 14px; }
  .admin-page .admin-title > div { flex: 1 1 100%; }
  .admin-page .admin-title h1 { line-height: 1.25; text-wrap: balance; }
  .admin-page .admin-summary article { min-width: 0; padding: 16px; }
  .admin-page .admin-summary b { font-size: clamp(16px, 5.5vw, 22px); overflow-wrap: anywhere; }
  .admin-page .admin-pages { flex-wrap: wrap; }
}
@media (max-width: 980px) and (max-height: 600px) {
  .admin-page main { padding-top: 16px; }
  .admin-page .admin-login { margin-top: 12px; margin-bottom: 16px; padding: 20px; }
  .admin-page .admin-login label { margin-top: 18px; }
}

/* Source: /assets/build/mobile-refinements.css */
/* Shared mobile layout and touch refinements; desktop styles stay in their original files. */
@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 #play-profile-dialog {
    inset: calc(var(--af-visible-top, 0px) + 12px) 12px auto;
    margin: 0 auto; width: calc(100% - 24px); max-width: 560px;
    max-height: calc(var(--af-visible-height, 100dvh) - 24px);
    overscroll-behavior: contain;
  }
  .af-refresh #play-profile-dialog .af-birth-sheet { background: linear-gradient(140deg,#19203bf5,#0a1224f7) !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; }
  .af-refresh .af-birth-picker-popover .af-calendar-day { min-height: 38px; }
  :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/app-glass.css */
/* A thin frost keeps stars and descending comets visible through the cards. */
:is(body.af-refresh, body.admin-page) .cosmic-sky canvas { opacity: .84; }
/* Shared liquid-glass theme. Included only by internal app documents. */
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.play-button-danger { --card-tint: 244 127 142; color: #f5aab0; }
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-cards, .play-panel-grid, .play-library-grid) { gap: 20px; }
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-result-head .play-edit-input { background: transparent; }
body.app-liquid .play-passport { padding: 30px; }
body.app-liquid .play-passport-row { border-color: #c5b2ea30; padding-block: 16px; }
body.app-liquid .play-passport-type { font-size: 32px; }
body.app-liquid .play-passport.style-paper { background: #eee6db !important; color: #352f35; }
body.app-liquid .play-panel-copy { padding: 18px; }
body.app-liquid .play-panel-copy textarea { font-size: 14px; line-height: 1.65; }
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-result-actions { padding-top: 24px; gap: 12px; }
body.app-liquid .play-result-actions .play-button { padding-inline: 18px; }
body.app-liquid .play-library { margin-top: 20px; }
body.app-liquid :is(.table-page-card, .admin-table-wrap) { overflow-x: auto; }
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; }
.app-optical-layer { position: fixed; z-index: 1; inset: 0; pointer-events: none; }
.app-optical-layer[hidden] { display: none !important; }
.app-optical-layer canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.app-optical-layer .material-canvas { z-index: 0; } .app-optical-layer .edge-light-canvas { z-index: 1; }
body.app-liquid .physical-glass .app-liquid-surface[data-glass-surface] { background: transparent !important; border-color: transparent !important; box-shadow: none; backdrop-filter: blur(1.35px) saturate(1.08); -webkit-backdrop-filter: blur(1.35px) saturate(1.08); }
body.app-liquid #play-profile-dialog .physical-glass .parameters-sheet[data-glass-surface] { background: transparent !important; border-color: transparent !important; box-shadow: none; backdrop-filter: blur(1.35px) saturate(1.08); -webkit-backdrop-filter: blur(1.35px) saturate(1.08); }
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; }
.app-glass-form-host > .app-form-optical-layer { z-index: 1; }
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; }
body.app-liquid.admin-page .admin-header { position: relative; z-index: 3; }
body.app-liquid.admin-page .admin-login { max-width: 680px; }
@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; }
  body.app-liquid :is(.play-field input, .play-field textarea, .play-panel-copy textarea) { font-size: 16px; }}
@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 .play-passport-type { font-size: 26px; }
  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; }
  body.app-liquid #play-profile-dialog .sheet-actions { grid-template-columns: minmax(0, 1fr); }
  body.app-liquid #play-profile-dialog .play-profile-private { max-width: none; text-align: left; }
}
@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 */
/* Internal page composition. The optical renderers remain in app-glass.js. */
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 .story-kicker { display: block; color: rgb(var(--section-tint)); font-size: 11px; font-weight: 650; line-height: 1.6; letter-spacing: .12em; text-transform: uppercase; }
body.app-liquid .play-workspace { display: block; }
body.app-liquid .play-editor { padding: 0; margin: 0 0 22px; overflow: visible; }
body.app-liquid summary.play-setup-summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 18px; cursor: pointer; list-style: none; }
body.app-liquid .play-setup-summary > span:first-child { display: grid; gap: 4px; min-width: 0; }
body.app-liquid .play-setup-summary strong { font-size: 14px; font-weight: 650; }
body.app-liquid .play-setup-summary small { color: #c5bdd4; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
body.app-liquid .play-setup-edit { display: flex; align-items: center; gap: 12px; color: #dbcaef; font-size: 13px; flex-shrink: 0; }
body.app-liquid .play-setup-edit i { font-size: 22px; font-style: normal; transition: rotate 200ms ease; }
body.app-liquid .play-editor[open] .play-setup-edit i { rotate: 45deg; }
body.app-liquid .play-editor #play-form { padding: 4px 18px 18px; }
body.app-liquid .play-form-footer { gap: 20px; padding-top: 18px; }
body.app-liquid .play-form-footer > p { max-width: 60ch; line-height: 1.6; font-size: 13px; }
body.app-liquid .play-stage { min-width: 0; }
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-result-head { margin: 0 0 22px; max-width: 900px; }
body.app-liquid .play-result-head .play-edit-input { font-size: clamp(27px, 3vw, 42px); font-weight: 700; line-height: 1.2; letter-spacing: -.035em; padding: 9px 0; min-height: 0; }
body.app-liquid .play-result-head .play-edit-input.subtitle { max-width: 74ch; font-size: 16px; font-weight: 400; line-height: 1.65; letter-spacing: 0; min-height: 0; padding: 5px 0; color: #cfc5df; }
body.app-liquid .play-edit-input:hover { border-color: var(--interior-line); }
body.app-liquid .play-edit-input:focus-visible { outline: 2px solid #d9befe; outline-offset: 4px; }
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 .story-passport-heading { align-self: center; }
body.app-liquid .play-passport-name { margin-top: 16px; margin-bottom: 15px; font-size: 14px; font-weight: 600; letter-spacing: .06em; }
body.app-liquid .play-passport-type { max-width: 19ch; font-size: clamp(28px, 3vw, 42px); line-height: 1.16; font-weight: 700; margin: 0 0 16px; }
body.app-liquid .story-illustration { position: relative; width: 100%; height: 260px; pointer-events: none; user-select: none; }
body.app-liquid .story-illustration img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain; mask-image: linear-gradient(#000 79%, transparent); transform: translate3d(var(--section-parallax-x, 0px), var(--section-parallax-y, 0px), 0); }
body.app-liquid .story-orbit { position: absolute; inset: 10% 1%; border: 1px solid rgb(var(--section-tint) / .4); border-radius: 50%; rotate: -22deg; transform: translate3d(calc(var(--section-parallax-x, 0px) * -.3), calc(var(--section-parallax-y, 0px) * -.3), 0); }
body.app-liquid .story-orbit-inner { inset: 19% 12%; rotate: 16deg; border-color: rgb(var(--section-tint) / .23); }
body.app-liquid .story-illustration i { position: absolute; color: rgb(var(--section-tint)); font-style: normal; font-size: 25px; top: 16%; left: 8%; }
body.app-liquid .story-illustration i:last-child { left: auto; top: auto; right: 5%; bottom: 23%; }
body.app-liquid .story-passport-traits { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
body.app-liquid .play-passport-row { padding: 12px 0; border-top-color: var(--interior-line); }
body.app-liquid .play-passport-row small { margin-bottom: 8px; font-size: 11px; font-weight: 600; letter-spacing: .08em; color: #c5b5df; }
body.app-liquid .play-passport-row p { max-width: 54ch; font-size: 16px; line-height: 1.65; color: #f0eafa; }
body.app-liquid .play-passport-brand { grid-column: 1 / -1; margin-top: 6px; font-size: 10px; letter-spacing: .1em; opacity: .75; }
body.app-liquid .play-passport.style-paper :is(.play-passport-type, .play-passport-row p, .play-passport-name, .play-passport-brand) { color: #352f35; }
body.app-liquid .play-passport.style-paper :is(.story-kicker, .play-passport-row small) { color: #6d4e75; }
body.app-liquid .play-passport.style-paper .play-passport-row { border-top-color: #6d4e7533; }
body.app-liquid .play-cards { gap: 16px; margin: 22px 0; }
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 .story-card-index { display: inline-grid; place-items: center; flex-shrink: 0; width: 34px; height: 34px; border: 1px solid var(--interior-line); border-radius: 10px; color: rgb(var(--section-tint)); font-size: 12px; font-weight: 650; }
body.app-liquid .story-cards-roast > .story-punchline { position: relative; grid-column: 1 / -1; display: grid; grid-template-columns: 36px minmax(0, 1fr) 220px; align-items: center; gap: 22px; padding: 28px; }
body.app-liquid .story-punchline h3 { color: rgb(var(--section-tint)); font-size: 13px; text-transform: uppercase; letter-spacing: .1em; }
body.app-liquid .story-punchline p { font-size: clamp(19px, 2.05vw, 27px); font-weight: 600; line-height: 1.5; letter-spacing: -.015em; color: #f6edf6; max-width: 50ch; }
body.app-liquid .story-punchline .story-illustration { height: 245px; }
body.app-liquid .story-cards-roast[data-card-count="6"] > .play-card:last-child { grid-column: 1 / -1; }
body.app-liquid .story-cast { display: grid; grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr); align-items: center; padding: 22px 28px; gap: 26px; margin: 24px 0; border: 1px solid var(--interior-line); border-radius: 24px; }
body.app-liquid .story-cast-person { display: flex; align-items: center; gap: 18px; min-width: 0; }
body.app-liquid .story-cast-person:last-child { --avatar-hue: 80; }
body.app-liquid .story-cast-person h3 { font-size: 25px; font-weight: 700; margin: 3px 0 0; overflow-wrap: anywhere; }
body.app-liquid .story-cast-person small { font-size: 11px; color: #c6c0d2; letter-spacing: .1em; }
body.app-liquid .story-cast-join { text-align: center; font-size: 30px; color: rgb(var(--section-tint)); }
body.app-liquid .story-avatar { display: inline-grid; place-items: center; width: 52px; height: 52px; flex-shrink: 0; border: 1px solid rgb(var(--section-tint) / .4); background: linear-gradient(145deg, rgb(var(--section-tint) / .18), rgb(var(--section-tint) / .035)); border-radius: 17px; color: #f0e5ff; font-size: 19px; font-weight: 700; line-height: 1; font-family: inherit; font-style: normal; }
body.app-liquid .story-cards-sitcom { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
body.app-liquid .play-card.story-role { display: block; padding: 22px; }
body.app-liquid .story-role > summary { display: grid; grid-template-columns: 46px minmax(0, 1fr) 24px; gap: 12px; align-items: center; padding: 0; cursor: pointer; list-style: none; }
body.app-liquid .story-role > summary .story-avatar { width: 46px; height: 46px; font-size: 17px; }
body.app-liquid .story-role > summary h3 { margin: 0; font-size: 15px; }
body.app-liquid .story-role > p { margin: 18px 0 0; }
body.app-liquid .story-sections { display: grid; gap: 14px; margin-block: 24px; }
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 .story-scene > summary { display: flex; align-items: center; gap: 14px; padding: 16px 20px; cursor: pointer; list-style: none; }
body.app-liquid .story-scene > summary > span:nth-child(2) { flex: 1; min-width: 0; }
body.app-liquid .story-scene h3 { font-size: 18px; margin: 4px 0 0; line-height: 1.4; color: #f1e9fc; }
body.app-liquid .story-scene summary small { color: #c5b7d9; font-size: 10px; font-weight: 650; letter-spacing: .1em; }
body.app-liquid .story-scene-number { display: inline-grid; place-items: center; flex-shrink: 0; width: 42px; height: 42px; border-radius: 13px; border: 1px solid var(--interior-line); background: var(--interior-soft); color: rgb(var(--section-tint)); font-size: 14px; font-weight: 650; }
body.app-liquid .story-scene-copy { padding: 0 24px 24px 84px; }
body.app-liquid .story-scene-copy p { max-width: 74ch; font-size: 16px; line-height: 1.8; color: #d4cbdf; }
body.app-liquid .story-scene-toggle { font-size: 24px; line-height: 1; font-weight: 400; color: #cfbde7; flex-shrink: 0; transition: transform 200ms ease; }
body.app-liquid .story-voice { border-left: 3px solid hsl(calc(250 + var(--voice-index) * 28) 60% 72% / .6); }
body.app-liquid .story-voice .story-scene-number { color: hsl(calc(250 + var(--voice-index) * 28) 60% 78%); font-size: 22px; }
body.app-liquid .story-perspectives { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.app-liquid .story-perspective { position: relative; padding: 26px; }
body.app-liquid .story-perspective .story-card-index { margin-bottom: 18px; }
body.app-liquid .story-perspective h3 { font-size: 21px; line-height: 1.35; max-width: 25ch; margin: 0 0 14px; }
body.app-liquid .story-perspective p { max-width: 62ch; font-size: 16px; line-height: 1.8; color: #d4cbdf; }
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 .story-letter-mark { position: absolute; right: 22px; bottom: -48px; font-size: 240px; color: rgb(var(--section-tint) / .075); line-height: 1; pointer-events: none; }
body.app-liquid .story-sequence-heading { margin: 26px 0 18px; }
body.app-liquid .story-sequence-heading h3 { margin: 6px 0 8px; font-size: 27px; line-height: 1.3; font-weight: 650; }
body.app-liquid .story-sequence-heading p { font-size: 14px; line-height: 1.65; color: #c8bfd9; margin: 0; }
body.app-liquid .play-panel-grid { gap: 18px; }
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-comic-panel.is-script .play-panel-image { display: flex; justify-content: space-between; align-items: center; height: 60px; min-height: 0; aspect-ratio: auto; padding: 14px 20px; background: var(--interior-soft); border-bottom: 1px solid var(--interior-line); }
body.app-liquid .play-comic-panel.is-script .play-panel-no { position: static; font-size: 25px; color: rgb(var(--section-tint)); font-weight: 650; }
body.app-liquid .play-comic-panel.is-script .play-panel-status { position: static; inset: auto; padding: 0; background: none; border: 0; font-size: 10px; font-weight: 600; letter-spacing: .1em; color: #c6b7dc; }
body.app-liquid .play-panel-copy { padding: 16px; }
body.app-liquid .play-panel-copy label { display: block; margin: 0 0 6px; color: #c6b8dd; font-size: 11px; font-weight: 600; letter-spacing: .04em; }
body.app-liquid .play-panel-copy textarea { min-height: 0; width: 100%; font-size: 15px; line-height: 1.75; padding: 10px 0; background: transparent !important; border-color: transparent; border-radius: 8px; resize: none; overflow: hidden; color: #ede6f4; }
body.app-liquid .play-panel-copy textarea[data-panel-field="dialogue"] { color: #e0c7fc; padding-left: 14px; border-left: 2px solid rgb(var(--section-tint) / .55); margin-top: 2px; }
body.app-liquid .play-panel-copy textarea:focus-visible { border-color: rgb(var(--section-tint) / .65); outline: 2px solid #d1b6f8; outline-offset: 3px; }
body.app-liquid .play-cover-preview { max-width: 480px; margin: 24px auto; }
body.app-liquid :is(.story-character-details, .story-export-settings, .story-library-transfer) { margin: 18px 0; border: 1px solid var(--interior-line); border-radius: 16px; padding: 0 20px; color: #c9bfd9; }
body.app-liquid :is(.story-character-details, .story-export-settings, .story-library-transfer) > summary { display: flex; justify-content: space-between; gap: 16px; min-height: 50px; align-items: center; padding: 0; list-style: none; cursor: pointer; font-size: 13px; }
body.app-liquid .story-character-details > .play-passport { margin: 8px 0 20px; }
body.app-liquid .story-export-settings .play-render-box { padding: 20px 0; border: 0; background: transparent !important; backdrop-filter: none; }
body.app-liquid .play-public-fields { gap: 8px; margin-block: 14px 22px; }
body.app-liquid .play-result-actions { gap: 12px; margin-top: 24px; padding: 20px 0 0; }
body.app-liquid .play-result-actions .play-button { min-height: 48px; padding: 11px 20px; font-size: 14px; }
body.app-liquid .play-result-print-note { max-width: 70ch; font-size: 12px; line-height: 1.7; color: #bfb3d1; margin-block: 10px 18px; }
body.app-liquid .play-disclosure { margin: 16px 0; }
body.app-liquid .play-disclosure summary { font-size: 13px; }
body.app-liquid .play-page-footer { padding-block: 10px; margin: 0; font-size: 12px; }
body.app-liquid .play-library { padding: 26px; margin-top: 0; }
body.app-liquid .play-library .play-section-title h2 { font-size: 22px; margin: 0; }
body.app-liquid .story-library-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 22px 0; border-bottom: 1px solid var(--interior-line); padding-bottom: 12px; }
body.app-liquid .story-library-tabs button { display: flex; gap: 8px; align-items: center; padding: 10px 18px; min-height: 44px; font-size: 14px; border-radius: 12px; }
body.app-liquid .story-library-tabs [aria-selected="true"] { color: #f5edff; border-color: rgb(var(--section-tint) / .5); background: rgb(var(--section-tint) / .12) !important; }
body.app-liquid .play-library-grid { gap: 16px; align-items: stretch; }
body.app-liquid .play-history-card { position: relative; display: flex; flex-direction: column; padding: 22px; border-radius: 20px; min-width: 0; }
body.app-liquid .story-history-icon { display: inline-grid; place-items: center; width: 42px; height: 42px; font-size: 23px; background: var(--interior-soft); color: rgb(var(--section-tint)); border-radius: 13px; border: 1px solid var(--interior-line); margin-bottom: 18px; }
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-history-card > .play-button-danger { margin-top: 10px; min-height: 36px; border-color: transparent; background: transparent !important; font-size: 12px; padding-inline: 0; }
body.app-liquid .play-hero-card .story-avatar { margin-bottom: 14px; }
body.app-liquid .play-hero-card h4, body.app-liquid .play-profile-card h3 { font-size: 19px; margin: 0 0 10px; }
body.app-liquid .play-library .play-muted { max-width: 70ch; font-size: 13px; line-height: 1.7; }
body.app-liquid .story-library-transfer { margin-top: 24px; }
body.play-app.app-liquid .story-library-transfer > summary { border: 0 !important; border-radius: 0; background: transparent !important; padding: 12px 0; }
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; }
body.app-liquid :is(.story-scene, .story-role, .story-character-details, .story-export-settings, .play-editor, .story-library-transfer) > summary:focus-visible { outline: 2px solid #d3b4fa; outline-offset: 5px; border-radius: 12px; }
@media (hover: hover) and (pointer: fine) {
  body.app-liquid :is(.story-scene, .story-role, .story-character-details, .story-export-settings) > summary:hover { color: #fff6ff; background: rgb(var(--section-tint) / .045); }
  body.app-liquid .play-history-card:hover { border-color: rgb(var(--section-tint) / .42) !important; }
  body.app-liquid .play-panel-copy textarea:hover { border-color: var(--interior-line); }
}

/* Analytical views use the same surfaces, with more space for their data. */
body.app-liquid :is(.relation-intro, .advanced-page-heading) { display: none; }
body.app-liquid .relationship-comparison { max-width: none; padding-top: 0; padding-bottom: 18px; }
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 .relation-saved-people { gap: 20px; }
body.app-liquid .relation-saved-people > span { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 3px 12px; align-items: center; }
body.app-liquid .relation-saved-people .story-avatar { width: 44px; height: 44px; grid-row: 1 / 3; border-radius: 14px; font-size: 17px; }
body.app-liquid .relation-saved-people > span:last-child .story-avatar { background: rgb(99 212 207 / .12); border-color: #63d4cf66; }
body.app-liquid .relation-saved-people strong { font-size: 17px; }
body.app-liquid .relation-saved-people small { color: #c0b9d0; font-size: 11px; line-height: 1.6; }
body.app-liquid .relation-edit-label { display: flex; align-items: center; gap: 10px; min-height: 36px; }
body.app-liquid .relation-status { font-size: 13px; padding-block: 0; margin-block: 8px; color: #c0b7d3; }
body.app-liquid .relation-status:not(.is-error) { display: none; }
body.app-liquid .relation-result-heading { text-align: left; margin: 24px 0 18px; }
body.app-liquid .relation-result-heading h2 { font-size: clamp(25px, 3vw, 38px); font-weight: 700; line-height: 1.2; margin: 8px 0; }
body.app-liquid .relation-result-heading h2 span { color: rgb(var(--section-tint)); }
body.app-liquid .relation-block { border: 1px solid var(--interior-line); background: rgb(8 12 25 / .08); border-radius: 22px; padding: 22px; backdrop-filter: blur(12px); }
body.app-liquid .relation-block h3 { font-size: 18px; font-weight: 650; line-height: 1.4; margin: 0; }
body.app-liquid .relation-block > summary { display: flex; align-items: center; gap: 14px; list-style: none; cursor: pointer; min-height: 42px; }
body.app-liquid .relation-block summary h3 { flex: 1; }
body.app-liquid .relation-block > p { margin-top: 18px; max-width: 72ch; font-size: 16px; line-height: 1.8; color: #d7cde5; }
body.app-liquid .relation-summary { margin-bottom: 20px; padding: 28px; border-left: 1px solid var(--interior-line); }
body.app-liquid .relation-summary h3 { margin-top: 10px; font-size: 27px; }
body.app-liquid .relation-summary > p { font-size: 17px; max-width: 78ch; }
body.app-liquid .relation-summary ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 24px; padding: 0; counter-reset: relation-advice; list-style: none; }
body.app-liquid .relation-summary li { counter-increment: relation-advice; border-top: 1px solid var(--interior-line); padding: 14px 0 0; font-size: 15px; line-height: 1.7; color: #ddd2ea; margin: 0; }
body.app-liquid .relation-summary li::before { content: '0' counter(relation-advice); display: block; font-size: 12px; font-weight: 650; margin-bottom: 8px; color: rgb(var(--section-tint)); }
body.app-liquid .relation-report-grid { gap: 16px; }
body.app-liquid .relation-footnote { font-size: 12px; line-height: 1.7; color: #bfb3d1; text-align: left; margin-left: 0; max-width: 75ch; }
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 .planet-ranking-card, body.app-liquid .formula-ranking-card { padding: 20px !important; background: rgb(8 12 25 / .08) !important; border: 1px solid var(--interior-line) !important; border-radius: 24px !important; box-shadow: none !important; backdrop-filter: blur(12px); }
body.app-liquid .planet-ranking-card :is(.ranking-item, .ranking-row, .planet-ranking-item) { background: rgb(var(--section-tint) / .035) !important; border-color: var(--interior-line); }
body.app-liquid :is(.panel-header, .cosmogram-panel-header) { padding-block: 18px; }
body.app-liquid :is(.panel-header, .cosmogram-panel-header) h2 { font-size: 21px; font-weight: 650; line-height: 1.35; }
body.app-liquid .cosmogram-main-card { grid-template-rows: auto auto minmax(420px, 1fr) auto auto !important; }
body.app-liquid .cosmogram-header-tools { gap: 10px; flex-wrap: wrap; }
body.app-liquid .af-cosmo-mode { font-size: 13px; margin-block: 10px; line-height: 1.6; }
body.app-liquid .table-metric-ribbon { min-height: 0; margin-bottom: 18px; border-radius: 18px; gap: 0; }
body.app-liquid .table-metric-ribbon > article { display: flex; align-items: center; gap: 12px; min-height: 0; padding: 16px 20px; }
body.app-liquid .table-metric-ribbon > article > span { max-width: none; font-size: 12px; line-height: 1.5; overflow-wrap: normal; word-break: normal; }
body.app-liquid .table-metric-ribbon strong { font-size: 26px; line-height: 1.2; margin-left: auto; }
body.app-liquid .table-metric-ribbon small { display: none; }
body.app-liquid .table-page-toolbar { padding-block: 16px; gap: 12px; }
body.app-liquid .table-page-toolbar > div:first-child { display: none; }
body.app-liquid .table-filter-bar { padding-block: 10px; gap: 8px; }
body.app-liquid .table-filter-bar button { font-size: 12px; min-height: 40px; }
body.app-liquid .af-table-options { padding-top: 0; padding-bottom: 10px; }
body.app-liquid .af-table-options summary { font-size: 12px; }
body.app-liquid .interior-table-filters { border-top: 1px solid var(--interior-line); }
body.app-liquid .interior-table-filters > summary { display: none; }
body.app-liquid .table-result-meta { padding-block: 10px; }
body.app-liquid .full-planet-table :is(th, td) { font-size: 13px; line-height: 1.6; }
body.app-liquid .table-planet strong { font-size: 15px; }
body.app-liquid .af-phase-overview { gap: 16px; }
body.app-liquid .af-phase-overview .dynamics-card { padding: 22px; }
body.app-liquid .af-phase-overview :is(h2, h3) { font-size: 19px; line-height: 1.4; }
body.app-liquid .af-phase-overview p { font-size: 15px; line-height: 1.75; color: #d2c8df; max-width: 66ch; }
body.app-liquid .transition-phase-caption { font-size: 13px; }
body.app-liquid .transit-control-card:not(form):not(:has(form:not([hidden]))) { padding: 0; }
body.app-liquid .transit-section-nav { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 0; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
body.app-liquid .transit-section-nav::before { display: none; }
body.app-liquid .transit-section-nav a { min-height: 40px; padding: 8px 14px; font-size: 13px; border-radius: 12px; }
body.app-liquid .transit-view .af-key-points { padding: 24px; border-radius: 24px; }
body.app-liquid .af-key-points h2 { font-size: 23px; font-weight: 650; }
body.app-liquid .af-key-points :is(p, .af-reading-hint) { font-size: 15px; line-height: 1.75; max-width: 74ch; color: #d3c8df; }
body.app-liquid .report-profile { padding: 16px 22px; min-height: 0; gap: 20px; }
body.app-liquid .report-profile-meta { gap: 10px; }
body.app-liquid .report-profile-actions button { min-height: 44px; font-size: 13px; }
body.app-liquid .report-section { padding: 28px; margin-block: 18px; border-radius: 26px; }
body.app-liquid .report-section-header { margin-bottom: 20px; }
body.app-liquid .report-section-header h2 { font-family: inherit; font-weight: 700; font-size: 27px; line-height: 1.3; letter-spacing: -.025em; }
body.app-liquid .report-section-header > div > p { font-size: 14px; line-height: 1.6; }
body.app-liquid .report-paragraph { grid-template-columns: 230px minmax(0, 1fr); gap: 12px 28px; padding-block: 20px; }
body.app-liquid .report-paragraph h3 { font-size: 15px; line-height: 1.55; font-weight: 600; color: rgb(var(--section-tint)); }
body.app-liquid .report-paragraph p { max-width: 74ch; font-size: 16px; line-height: 1.8; color: #d2c9de; }
body.app-liquid .report-section--closing h2 { font-family: inherit; font-size: 27px; font-weight: 650; line-height: 1.5; }
body.app-liquid .af-report-navigation:has(.report-map) { display: none; }
body.app-liquid .interior-report-toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
body.app-liquid .interior-report-toc a { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 14px; color: #d9c7f1; font-size: 12px; border: 1px solid var(--interior-line); border-radius: 12px; text-decoration: none; }
body.app-liquid .interior-report-outline { margin: 12px 0 18px; border: 1px solid var(--interior-line); border-radius: 16px; }
body.app-liquid .interior-report-outline > summary { padding: 12px 18px; font-size: 13px; list-style: none; cursor: pointer; border: 0; background: transparent; }
body.app-liquid .interior-report-outline > :not(summary) { margin: 12px 18px 18px; }
body.app-liquid .interior-report-outline .report-profile-meta { padding-top: 18px; border-top: 1px solid var(--interior-line); }
body.app-liquid .report-profile-actions { margin: 0; }
body.app-liquid .report-section[id] { scroll-margin-top: calc(var(--header-h, 80px) + 18px); }
body.app-liquid .advanced-error { min-height: 0; padding: 24px; }
body.app-liquid .advanced-error :is(h2, h3) { font-size: 20px; line-height: 1.4; }
body.app-liquid .advanced-error p { max-width: 55ch; font-size: 15px; line-height: 1.7; }
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 .admin-login { margin-block: 24px; padding: 30px; border-radius: 26px; }
body.app-liquid.admin-page .admin-login h2 { margin-top: 12px; font-size: 27px; line-height: 1.3; }
body.app-liquid.admin-page .admin-login > p { font-size: 15px; line-height: 1.7; }
body.app-liquid.admin-page .app-return-footer { display: none; }

/* The conversation owns the available height, rather than a nested short card. */
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"] :is(.agent-view, .agent-shell, .agent-conversation) { flex: 1; min-height: 0 !important; height: 100% !important; max-height: none !important; }
body.app-liquid #app-main[data-app-section="agent"] .agent-view { 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"] .agent-shell { grid-template-columns: 260px minmax(0, 1fr); }
body.app-liquid #app-main[data-app-section="agent"] .agent-history { padding: 18px; }
body.app-liquid #app-main[data-app-section="agent"] .agent-conversation { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto minmax(0, 1fr) auto; overflow: hidden; border-radius: 24px; }
body.app-liquid #app-main[data-app-section="agent"] .agent-conversation-header { flex: none; min-height: 56px; padding: 10px 16px; }
body.app-liquid #app-main[data-app-section="agent"] .agent-context-warning { grid-column: 1; grid-row: 2; }
body.app-liquid #app-main[data-app-section="agent"] .agent-messages { grid-column: 1; grid-row: 3; min-height: 0 !important; height: auto !important; max-height: none !important; overflow-y: auto; padding: 20px; }
body.app-liquid #app-main[data-app-section="agent"] .agent-jump-bottom { grid-column: 1; grid-row: 3; align-self: end; justify-self: end; margin: 0 14px 6px; z-index: 2; }
body.app-liquid #app-main[data-app-section="agent"] .agent-composer { grid-column: 1; grid-row: 4; padding: 12px 16px; }
body.app-liquid #app-main[data-app-section="agent"] .agent-composer textarea { font-size: 16px; line-height: 1.6; max-height: 160px; }
body.app-liquid #app-main[data-app-section="agent"] .agent-message-body { max-width: 76ch; font-size: 16px; line-height: 1.8; }
body.app-liquid #app-main[data-app-section="agent"] .app-return-footer { display: none; }

@media (max-width: 1100px) {
  body.app-liquid .story-cards-sitcom { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.app-liquid .story-role > summary { grid-template-columns: 40px minmax(0, 1fr); gap: 10px; }
  body.app-liquid .story-role .story-scene-toggle { display: none; }
  body.app-liquid .story-role > summary .story-avatar { width: 40px; height: 40px; }
}
@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 .play-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.app-liquid .story-cards-sitcom { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.app-liquid .story-cards-sitcom[data-card-count="3"] > :last-child { grid-column: 1 / -1; }
  body.app-liquid .story-role > summary { grid-template-columns: 46px minmax(0, 1fr) 24px; }
  body.app-liquid .story-role .story-scene-toggle { display: block; }
  body.app-liquid .relation-summary ol { grid-template-columns: 1fr; gap: 14px; }
  body.app-liquid:not(.af-home-menu-open) #app-main[data-app-section="agent"] { padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important; }
  body.app-liquid #app-main[data-app-section="agent"] .agent-shell { grid-template-columns: minmax(0, 1fr); }
  body.app-liquid #app-main[data-app-section="agent"] .agent-messages { padding: 16px; }
  body.app-liquid .report-paragraph { grid-template-columns: 180px minmax(0, 1fr); gap: 10px 20px; }
}
@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:has(.has-story) .app-section-copy > p { display: none; }
  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 #play-library-open .play-count { display: none; }
  body.app-liquid .play-editor { padding: 0; margin-bottom: 18px; }
  body.app-liquid .play-setup-summary { padding: 13px 16px; gap: 10px; }
  body.app-liquid .play-setup-summary strong { font-size: 13px; }
  body.app-liquid .play-setup-summary small { font-size: 11px; }
  body.app-liquid .play-setup-edit { font-size: 12px; gap: 8px; }
  body.app-liquid .play-editor #play-form { padding: 2px 16px 18px; }
  body.app-liquid .play-result-head { margin-bottom: 18px; }
  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-result-head .play-edit-input { font-size: 28px; line-height: 1.25; padding: 8px 0; }
  body.app-liquid .play-result-head .play-edit-input.subtitle { font-size: 15px; line-height: 1.7; }
  body.app-liquid .play-passport { grid-template-columns: minmax(0, 1fr) 108px; gap: 8px 8px; padding: 22px; }
  body.app-liquid .story-passport-heading .story-kicker { font-size: 9px; }
  body.app-liquid .play-passport-name { font-size: 12px; margin-block: 12px; }
  body.app-liquid .play-passport-type { font-size: 25px; line-height: 1.2; }
  body.app-liquid .play-passport .story-illustration { height: 180px; align-self: center; }
  body.app-liquid .story-passport-traits { grid-template-columns: 1fr; }
  body.app-liquid .play-passport-row { padding-block: 15px; }
  body.app-liquid .play-passport-row p { font-size: 15px; line-height: 1.7; }
  body.app-liquid .play-passport-brand { font-size: 8px; letter-spacing: .07em; gap: 10px; }
  body.app-liquid .play-cards { grid-template-columns: 1fr; gap: 12px; }
  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 .story-cards-roast > .story-punchline { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 20px; }
  body.app-liquid .story-punchline > .story-card-index { grid-column: 1 / -1; }
  body.app-liquid .story-punchline p { font-size: 18px; line-height: 1.65; }
  body.app-liquid .story-punchline h3 { min-height: 50px; padding-right: 106px; display: flex; align-items: flex-end; }
  body.app-liquid .story-punchline .story-illustration { position: absolute; top: 20px; right: 16px; width: 96px; height: 105px; }
  body.app-liquid .story-cast { gap: 10px; padding: 18px 16px; grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr); }
  body.app-liquid .story-cast-person { display: grid; justify-items: center; gap: 10px; text-align: center; }
  body.app-liquid .story-cast-person h3 { font-size: 20px; }
  body.app-liquid .story-cast-person small { font-size: 9px; }
  body.app-liquid .story-cast-join { font-size: 24px; }
  body.app-liquid .story-cards-sitcom { grid-template-columns: 1fr; }
  body.app-liquid .story-cards-sitcom[data-card-count="3"] > :last-child { grid-column: auto; }
  body.app-liquid .play-card.story-role { padding: 18px; }
  body.app-liquid .story-role > summary { grid-template-columns: 44px minmax(0, 1fr) 24px; gap: 12px; }
  body.app-liquid .story-scene > summary { padding: 17px 18px; gap: 12px; }
  body.app-liquid .story-scene-number { width: 36px; height: 36px; border-radius: 11px; }
  body.app-liquid .story-scene h3 { font-size: 17px; }
  body.app-liquid .story-scene-copy { padding: 0 18px 20px; }
  body.app-liquid .story-scene-copy p { font-size: 15px; line-height: 1.8; }
  body.app-liquid .story-perspectives { grid-template-columns: 1fr; }
  body.app-liquid .story-perspective { padding: 22px; }
  body.app-liquid .story-perspective h3 { font-size: 22px; }
  body.app-liquid .story-perspective p { font-size: 15px; }
  body.app-liquid .play-panel-grid { grid-template-columns: 1fr; gap: 14px; }
  body.app-liquid .play-panel-copy { padding: 18px; }
  body.app-liquid .play-panel-copy textarea { font-size: 16px; line-height: 1.75; }
  body.app-liquid .play-gift-dedication { padding: 24px; }
  body.app-liquid .play-gift-dedication p { font-size: 16px; }
  body.app-liquid .story-sequence-heading h3 { font-size: 24px; }
  body.app-liquid .play-result-actions .play-button { flex: 1; padding-inline: 14px; min-width: 0; }
  body.app-liquid :is(.story-character-details, .story-export-settings, .story-library-transfer) { padding-inline: 16px; }
  body.app-liquid .story-character-details > .play-passport { padding: 18px; grid-template-columns: 1fr; }
  body.app-liquid .story-character-details .story-illustration { display: none; }
  body.app-liquid .play-library { padding: 18px; }
  body.app-liquid .play-library-grid { grid-template-columns: 1fr; }
  body.app-liquid .play-history-card { padding: 22px; }
  body.app-liquid .story-library-tabs { gap: 4px; margin-block: 18px; }
  body.app-liquid .story-library-tabs button { flex: 1; padding-inline: 10px; font-size: 13px; }
  body.app-liquid .table-metric-ribbon > article { padding: 12px 10px; gap: 8px; }
  body.app-liquid .table-metric-ribbon > article > span { font-size: 11px; }
  body.app-liquid .table-metric-ribbon strong { font-size: 23px; }
  body.app-liquid .table-page-toolbar { padding: 14px; }
  body.app-liquid .table-filter-bar { flex-wrap: wrap; overflow: visible; }
  body.app-liquid .table-filter-bar button { padding: 7px 10px; font-size: 11px; flex: 1 1 auto; white-space: normal; }
  body.app-liquid .interior-table-filters > summary { display: flex; min-height: 44px; padding: 10px 14px; font-size: 12px; list-style: none; cursor: pointer; border: 0; background: transparent; }
  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-saved-people { gap: 12px; }
  body.app-liquid .relation-saved-people > span { grid-template-columns: 34px minmax(0, 1fr); gap: 4px 8px; }
  body.app-liquid .relation-saved-people .story-avatar { width: 34px; height: 34px; grid-row: 1; font-size: 15px; border-radius: 11px; }
  body.app-liquid .relation-saved-people small { grid-column: 1 / -1; }
  body.app-liquid .relation-saved-people strong { font-size: 15px; }
  body.app-liquid .relation-editor form { padding-inline: 16px; }
  body.app-liquid .relation-block { padding: 20px; }
  body.app-liquid .relation-summary h3 { font-size: 24px; }
  body.app-liquid .relation-block > p { font-size: 15px; }
  body.app-liquid .relation-report-grid { grid-template-columns: 1fr; }
  body.app-liquid .transit-section-nav { flex-wrap: nowrap; overflow-x: auto; gap: 6px; padding: 8px 0 12px; }
  body.app-liquid .transit-section-nav a { flex: none; white-space: nowrap; font-size: 12px; padding-inline: 12px; }
  body.app-liquid .transit-view .af-key-points { padding: 20px; }
  body.app-liquid .report-profile { padding: 16px; }
  body.app-liquid .report-profile-actions { gap: 8px; }
  body.app-liquid .report-section { padding: 22px; }
  body.app-liquid .report-section-header h2 { font-size: 25px; }
  body.app-liquid .report-section-header { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; margin-bottom: 0; padding-bottom: 18px; }
  body.app-liquid .report-section-header > div > p { display: none; }
  body.app-liquid .report-section-header > :first-child { width: 36px; height: 36px; }
  body.app-liquid .report-paragraph { grid-template-columns: 1fr; padding-block: 18px; gap: 8px; }
  body.app-liquid .report-paragraph p { font-size: 15px; }
  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.admin-page .admin-login { padding: 24px; margin-block: 18px; }
  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; }
  body.app-liquid #app-main[data-app-section="agent"] .agent-messages { padding: 14px; }
  body.app-liquid #app-main[data-app-section="agent"] .agent-composer { padding: 10px 12px; }}
@media (max-width: 360px) {
  body.app-liquid .play-passport { grid-template-columns: 1fr; }
  body.app-liquid .play-passport > .story-illustration { display: none; }
  body.app-liquid .story-cards-roast > .story-punchline { grid-template-columns: 1fr; }
  body.app-liquid .story-punchline > .story-illustration { display: none; }
  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; }
  body.app-liquid #app-main[data-app-section="agent"] .agent-conversation-header { padding-block: 4px; min-height: 44px; }
  body.app-liquid #app-main[data-app-section="agent"] .agent-composer { padding-block: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  body.app-liquid :is(.story-scene-toggle, .play-setup-edit i) { transition: none; }
  body.app-liquid .story-illustration :is(img, .story-orbit) { transform: none; }
}

/* Source: /assets/build/progressive-images.css */
/* Scoped to application pages; illustrations reserve their final dimensions. */
: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/zodiac-icons.css */
/* One optical size and stroke for all twelve signs, including inline positions. */
: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/card-backdrop.css */
/* Browser-owned borders and frost scroll with each card, even while JS is busy. */
: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 */
/* Shared workspace reading layouts. The public landing never loads this file. */
body.app-liquid :where(.play-cards, .story-sections, .realization-directions, .play-library-grid, .story-cast, .relation-report-grid, .dashboard-layout, .agent-shell) > * { min-width: 0; }
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 .document-reading-section > summary h3 { flex: 1; 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 .af-phase-overview { align-items: start; }
body.app-liquid .af-phase-overview .dynamics-card { height: auto; min-height: 0; }
body.app-liquid :is(.play-stage, .document-reader, .report-section, .planet-inspector, .wv-ranked-row) { background-color: rgb(13 17 34 / .44); }
body.app-liquid .play-stage { border-radius: 22px; }
#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; }
.play-primary-settings { display: grid; gap: 12px; }
.play-primary-settings:empty { display: none; }
.play-mode-note, .story-first-step { padding: 12px 14px; border-left: 2px solid #b5a0f3; border-radius: 0 12px 12px 0; background: #9980d310; color: #d9d2e8; font-size: 14px; line-height: 1.55; }
.play-loading { display: flex; align-items: center; gap: 14px; min-height: 180px; }
.play-loading small { display: block; margin-top: 10px; font-weight: normal; }
.play-inline-error { padding: 24px; }
.play-profile-chip { min-height: 44px; padding: 10px 12px; }
.play-workspace.has-story { gap: 12px; }
.play-result-head { padding-bottom: 16px; }
.story-copy-details { margin-block: 12px; }
.story-copy-details > summary, .document-reading-section > summary { cursor: pointer; min-height: 44px; color: #d1baf5; }
.story-copy-details > summary { display: flex; align-items: center; gap: 10px; }
.story-copy-details > summary::after { content: '⌄'; margin-left: auto; }
.story-copy-details[open] > summary::after { transform: rotate(180deg); }
.story-copy-details > summary::-webkit-details-marker { display: none; }
.story-copy-details p { margin: 8px 0; }
body.app-liquid .story-copy-details { padding: 0; border: 1px solid var(--af-line); border-radius: 14px; background: rgb(8 12 25 / .08); }
body.app-liquid .story-copy-details > summary { min-height: 48px; padding: 12px 16px; border: 0 !important; border-radius: 14px; background: transparent !important; }
body.app-liquid .story-copy-content { padding: 0 16px 16px; }
body.app-liquid .story-copy-content > :first-child { margin-top: 0; }
body.app-liquid .story-copy-content > :last-child { margin-bottom: 0; }
.story-scene-toggle { display: inline-grid; place-items: center; width: 24px; height: 24px; text-align: center; transform: none !important; font-size: 22px; }
.story-scene[open] .story-scene-toggle, .story-role[open] .story-scene-toggle { transform: rotate(180deg) !important; }
.story-archetype-description { font-size: 15px; line-height: 1.6; font-weight: normal; }
.story-portrait-example { position: relative; min-height: 200px; }
.story-portrait-example .story-illustration { position: relative; width: 100%; height: 230px; inset: auto; }
.story-portrait-example > small { display: block; text-align: center; color: #bcb3cb; font-size: 11px; }
.story-first-step h4 { margin: 0 0 6px; }
.story-first-step p { margin: 0; }
.story-panel-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 12px; }
.story-panel-nav a { display: grid; place-items: center; min-width: 44px; min-height: 44px; padding: 6px 12px; background: #aa8bda15; border: 1px solid #ad93dd48; border-radius: 10px; color: #e8d9ff; text-decoration: none; }
[id^="story-panel-"], .document-reading-section { scroll-margin-top: calc(var(--header-h,80px) + 16px); }
.document-reading-section { padding: 16px 20px; margin: 12px 0; border: 1px solid #a995d233; border-radius: 16px; }
.document-reading-section > summary { display: flex; gap: 14px; align-items: center; list-style: none; }
.document-reading-section > summary::after { content: '⌄'; margin-left: auto; }
.document-reading-section[open] > summary::after { transform: rotate(180deg); }
.document-reading-section > summary > span, .document-section h2 > span { flex: 0 0 auto; white-space: nowrap; word-break: keep-all; }
.document-reading-section h3 { font-size: 20px; line-height: 1.4; margin: 0; }
.document-reading-section p { line-height: 1.75; max-width: 76ch; color: #ddd5e8; }
.document-print-preview { margin-top: 24px; }
.document-print-preview > summary { min-height: 44px; cursor: pointer; }
.play-confirm-dialog { max-width: min(480px,calc(100vw - 32px)); padding: 24px; background: #171a2c; color: #efe8fa; border: 1px solid #a995d266; border-radius: 20px; }
.play-confirm-dialog::backdrop { background: #050813b8; backdrop-filter: blur(6px); }
.play-confirm-dialog p { line-height: 1.6; }
.play-item-menu { position: relative; display: inline-block; }
.play-item-menu summary { min-height: 44px; padding: 10px; cursor: pointer; color: #d2c2e7; }
.play-item-menu[open] > button { position: absolute; right: 0; z-index: 4; background: #252138; border: 1px solid #c9a3cd55; white-space: nowrap; }
.play-library-filters { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 12px; margin: 16px 0; }
.play-library-filters label { display: grid; gap: 6px; font-size: 13px; }
.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-active-badge { display: inline-block; font-size: 11px; color: #c6e6dd; font-weight: normal; }
.play-history-actions { display: flex; gap: 12px; align-items: center; }
.play-history-card { min-height: 0; }
.wv-leading { margin: 16px 0; }
.wv-leading h3 { font-size: 19px; }
.wv-leading-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.wv-leading-grid button { text-align: left; padding: 16px; border-radius: 14px; border: 1px solid #8dbdb14d; background: #17352a33; color: #e4eee9; font: inherit; cursor: pointer; }
.wv-leading-grid button strong { display: block; margin-bottom: 8px; }
.wv-leading-grid button span { font-size: 13px; line-height: 1.5; color: #c0cfc9; }
.wv-summary-details { margin: 12px 0 20px; }
.wv-summary-details summary, .wv-prompt-details summary { min-height: 44px; cursor: pointer; }
.wv-row-actions .wv-icon { display: inline-flex; align-items: center; gap: 6px; width: auto; padding: 8px; font-size: 12px; }
.wv-dialog-header { position: sticky; top: -28px; z-index: 3; padding: 16px 0; background: #11151df7; border-bottom: 1px solid #a1c7ba33; }
.wv-dialog-header h2 { font-size: 21px; margin-top: 4px; }
.wv-prompt-details { margin-block: 18px; }
.relation-saved-profile { display: grid; gap: 6px; margin: 12px 0; font-size: 13px; }
.relation-saved-profile select { width: 100%; min-height: 44px; padding: 10px; color: inherit; font: inherit; background: #191b30; border: 1px solid #c9b2e544; border-radius: 10px; }
/* Story QA: keep complete action labels and collection filters readable on phones. */
@media (max-width: 600px) {
  body.play-app.app-liquid #play-result > .play-result-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.play-app.app-liquid #play-result > .play-result-actions:has(> :nth-child(3)) > :first-child { grid-column: 1 / -1; }
  body.play-app.app-liquid #play-result > .play-result-actions > .play-button { min-width: 0; padding-inline: 10px; white-space: normal; }
  body.play-app .play-library-filters { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
}
@media (max-width: 480px) {
  body.play-app .play-library-filters { grid-template-columns: minmax(0, 1fr); }
}
@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; }
  body.app-liquid .play-stage { padding: 16px; }
  .play-result-head :is(.play-edit-input,h2) { font-size: 25px; line-height: 1.3; }
  .play-result-head .play-edit-input.subtitle { font-size: 15px; line-height: 1.55; }
  .story-portrait-example { min-height: 0; }
  .story-portrait-example .story-illustration { height: 160px; }
  .story-passport-traits { gap: 10px; }
  .play-library-filters { grid-template-columns: 1fr 1fr; }
  .play-library-filters > label:first-child { grid-column: 1 / -1; }
  .play-history-card { padding: 16px; }
  .play-history-card h4 { font-size: 19px; }
  .play-history-card .story-history-icon { font-size: 22px; }
  .wv-leading-grid { grid-template-columns: 1fr; gap: 8px; }
  .wv-leading-grid button { padding: 12px; }
  .wv-leading-grid button span { display: none; }
  .wv-leading-grid button strong { margin: 0; font-size: 14px; }
  .wv-dialog-header { top: -20px; }
  .document-reading-section { padding: 12px 14px; }
  .document-reading-section h3 { font-size: 17px; }
  body.app-liquid .af-compare-phases .transition-state-grid { display: flex; align-items: start; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; max-width: 100%; }
  body.app-liquid .af-compare-phases .transition-state-grid > [data-transition-state] { flex: 0 0 100%; min-width: 0; scroll-snap-align: start; }
  body.app-liquid .relation-field:has(input[data-field="date"]) { grid-column: 1 / -1; }
  body.app-liquid .relation-field input[data-field="date"] { width: 100%; min-width: 180px; padding-right: 54px; }
  body.app-liquid .agent-conversation-header small { display: none; }
  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 #app-main[data-app-section="agent"] .agent-messages { padding: 12px; }
}
@media (prefers-reduced-motion: reduce) { .story-panel-nav, .transition-state-grid { scroll-behavior: auto; } }
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; }
body.app-liquid[data-story-ready="true"] .play-result-head { margin-bottom: 12px; padding-bottom: 8px; }
body.app-liquid[data-story-ready="true"] .play-result-head .play-edit-input { font-size: 32px; }
body.app-liquid[data-story-ready="true"] .play-result-head .play-edit-input.subtitle { font-size: 16px; }
body.app-liquid[data-story-ready="true"] .play-passport-type { font-size: 32px; line-height: 1.25; }
body.app-liquid .play-result-head + .play-result-actions { margin: 0 0 24px; padding: 16px 0 0; justify-content: start; }
body.app-liquid .play-result-head + .play-result-actions button { min-height: 44px; }
body.app-liquid .agent-message-text ol { padding-left: 22px; }
body.app-liquid .agent-message-text li + li { margin-top: 10px; }
@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; }
  body.app-liquid[data-story-ready="true"] .play-result-head .play-edit-input { font-size: 26px; }
  body.app-liquid[data-story-ready="true"] .play-passport-type { font-size: 26px; }
}
#home-menu .home-utility { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
@media(max-width:640px){
  #home-menu .home-utility a { font-size: 12px; min-height: 36px; }
  #home-menu .home-utility { margin-block: 12px; }
}

.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; }}
body.app-liquid .formula-dashboard-card:not(.af-soul-expanded) .formula-mobile-scroll { max-height: min(58dvh,520px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
body.app-liquid .af-soul-expanded .af-code-scroll-hint { display: none; }
body.app-liquid .formula-dashboard-card [data-action="fullscreen"] { width: auto; gap: 7px; padding-inline: 12px; font-size: 12px; }
body.app-liquid .af-code-scroll-hint { order: 3; margin: 8px 12px; font-size: 12px; line-height: 1.5; }
body.app-liquid .interior-metrics { margin-block: 12px; }
body.app-liquid .interior-metrics summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; color: #cdbbe5; }
@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; }
 body.app-liquid .cosmogram-panel-header { padding: 12px; gap: 8px; }
 body.app-liquid .cosmogram-header-tools { gap: 6px; }
 body.app-liquid .af-cosmo-mode { font-size: 12px; margin: 6px 12px; }
 body.app-liquid .large-cosmogram-stage { margin-block: 0; padding: 0; }
 body.app-liquid .interior-table-filters > summary { display: flex; min-height: 44px; align-items: center; }
}
body.app-liquid .af-code-open { display: block; width: calc(100% - 24px); margin: 8px 12px; min-height: 44px; color: #ebddff; background: #a585da22; border: 1px solid #b29cd255; border-radius: 12px; }
body.app-liquid .af-soul-expanded .af-code-open { display: none; }
body.app-liquid .story-sequence-heading h3 { font-size: 20px; margin: 8px 0; }
body.app-liquid .story-sequence-heading { margin-top: 20px; margin-bottom: 12px; }
@media(max-width:980px){body.app-liquid .af-cosmo-mode { font-size: 11px; line-height: 1.4; margin: 4px 12px; }}
.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; }

/* Page artwork owns its column; the compact story and chat headers keep theirs. */
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/passport.css */
/* Gold Oracle: local Cyrillic fonts and a shared 9:16 preview/export. */
@font-face{font-family:"AstroFace Prata";src:url("/assets/fonts/passport-prata-v1.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"AstroFace Cormorant";src:url("/assets/fonts/passport-cormorant-italic-v1.woff2") format("woff2");font-style:italic;font-weight:600;font-display:swap}
@font-face{font-family:"AstroFace Passport Sans";src:url("/assets/fonts/passport-manrope-v1.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"AstroFace Passport Sans";src:url("/assets/fonts/passport-manrope-semibold-v1.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
body.play-app[data-play-kind="passport"]{font-family:"AstroFace Passport Sans","Segoe UI",system-ui,sans-serif;font-weight:400;--passport-accent:#dfbf7c}
body.play-app[data-play-kind="passport"] .af-profile-copy{min-width:0}
body.play-app[data-play-kind="passport"] .af-profile-copy strong{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.play-app[data-play-kind="passport"] #app-main{max-width:1224px;margin-inline:auto;padding:14px 28px 52px}
body.play-app[data-play-kind="passport"] #app-main>.app-section-hero{min-height:60px;padding:8px 0;margin-bottom:20px;border:0;background:none;box-shadow:none;backdrop-filter:none}
body.play-app[data-play-kind="passport"] .app-section-hero .app-section-copy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:none}
body.play-app[data-play-kind="passport"] .app-section-hero :is(.app-section-art,.app-section-eyebrow,.app-section-copy>p){display:none}
body.play-app[data-play-kind="passport"] .app-section-hero h1{order:-1;margin:0 auto 0 0;font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.02em}
body.play-app[data-play-kind="passport"] .app-section-hero nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
body.play-app[data-play-kind="passport"] .app-section-hero nav :is(a,button){min-height:44px;gap:8px;font-size:14px;border-radius:12px}
body.play-app[data-play-kind="passport"] :is(.play-page-footer,.app-return-footer){display:none}
body.play-app[data-play-kind="passport"] .play-workspace{display:flex;flex-direction:column;gap:16px}
body.play-app[data-play-kind="passport"] .play-stage{order:0;padding:0;background:none;border:0;box-shadow:none}
body.play-app[data-play-kind="passport"] .play-editor{display:none!important}
body.play-app[data-play-kind="passport"] #play-generation-mode{display:none}
.passport-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:clamp(24px,3.2vw,44px)}
.passport-card{min-width:0;width:100%;max-width:560px;margin:0;justify-self:center}
.passport-artwork{position:relative;aspect-ratio:9/16;isolation:isolate;background:#160e27;box-shadow:0 24px 70px #0003}
.passport-image-link{display:block;width:100%;height:100%;color:inherit}
.passport-card-image{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;animation:passport-reveal .25s ease both}
.passport-artwork [hidden]{display:none!important}
.passport-art-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:12%;border:1px solid #bba36588;border-radius:16px;background:radial-gradient(ellipse at 50% 35%,#36204d,#100b1f);color:#f5e7c9;text-align:center}
.passport-placeholder-star{font-size:48px;color:#dfbf7c;animation:passport-breathe 1.8s ease-in-out infinite}
.passport-render-status{margin:0;font-size:15px;line-height:1.6}
.passport-card[data-passport-state="generating"] .passport-art-placeholder{padding:8%;gap:22px;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#281d40 0,#140e24 56%,#0e0c19 100%)}
.passport-card[data-passport-state="generating"] .passport-art-placeholder::before{content:"";position:absolute;inset:12px;pointer-events:none;border:1px solid #dfbf7c25;border-radius:10px}
.passport-card[data-passport-state="generating"] .passport-placeholder-star{display:none}
.passport-card[data-passport-state="generating"] .passport-render-status{max-width:28ch;font-size:13px;color:#c6b8d7;text-wrap:balance}
.passport-bloom{width:100%;position:relative;display:flex;flex-direction:column;align-items:center}
.passport-bloom-label{font-size:9px;letter-spacing:.18em;color:#c8ab76}
.passport-bloom-field{width:122%;position:relative;aspect-ratio:1;display:grid;place-items:center;margin:12px -11% 0;border-radius:50%;cursor:crosshair;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.passport-bloom-field:focus-visible{outline:1px solid #e4c68b88;outline-offset:-12px}
.passport-bloom-field:is(:hover,:focus-visible) .passport-bloom-star{text-shadow:0 0 24px #f2cb88cc,0 0 60px #c497ebaa}
.passport-bloom-hint{margin:-12px 0 20px;color:#b8a8cb;font-size:10px;line-height:1.5;text-wrap:balance}
.passport-bloom-hint-touch{display:none}
@media(pointer:coarse){.passport-bloom-hint-mouse{display:none}.passport-bloom-hint-touch{display:inline}}
.passport-bloom-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.passport-bloom-star{color:#f0d6a1;font-size:clamp(32px,4vw,52px);text-shadow:0 0 18px #e7b87588,0 0 50px #c497eb88;animation:passport-breathe 4s ease-in-out infinite}
.passport-bloom-orbits{position:absolute;inset:19%;border:1px solid #c39bea30;border-radius:50%;box-shadow:0 0 36px #b67be522,inset 0 0 36px #dcba7820;animation:passport-orbital-turn 48s linear infinite}
.passport-bloom-orbits i{position:absolute;inset:-10%;border:1px solid #d9b87930;border-radius:50%;transform:rotate(-35deg) scaleY(.8)}
.passport-bloom-orbits i:nth-child(2){transform:rotate(55deg) scaleY(.8);border-color:#b599ef40}
.passport-bloom-orbits i:nth-child(3){inset:24%;border-style:solid;border-color:#d9b87928}
.passport-bloom-title{margin-top:0;color:#f5e7c9;font-family:"AstroFace Prata",serif;font-size:clamp(19px,2.1vw,27px);line-height:1.45;text-wrap:balance}
.passport-bloom-traits{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:8px;letter-spacing:.13em;color:#b6a6c9;white-space:nowrap}
.passport-bloom-traits b{font-size:13px;font-weight:400;color:#cfb17b}
.passport-bloom-star,.passport-bloom-orbits{animation-play-state:var(--bloom-play-state,running)}
@keyframes passport-orbital-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.passport-bloom-star,.passport-bloom-orbits{animation:none}}
.passport-card-hint{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 14px;margin:12px 0 0;color:#baaecb;font-size:11px;line-height:1.6}
.passport-card-hint span{color:#a799b9}
.passport-side,.passport-identity{min-width:0}
.passport-eyebrow{display:block;color:#d7b977;font-size:11px;font-weight:600;line-height:1.7;letter-spacing:.1em}
.passport-name{margin:20px 0 10px;font-size:14px;line-height:1.5;color:#c2aedb;overflow-wrap:anywhere}
body.play-app[data-play-kind="passport"] .passport-type{max-width:100%;margin:12px 0 24px;font-family:"AstroFace Prata",serif;font-size:clamp(25px,2.6vw,36px);font-weight:400;line-height:1.32;letter-spacing:-.025em;color:#f5e7c9;overflow-wrap:anywhere;text-wrap:balance}
.passport-quote{margin:0;padding:0 0 0 18px;border:0;border-left:1px solid #bba36566;background:none;border-radius:0}
.passport-quote-label{color:#bba365;font-size:11px;line-height:1.5;letter-spacing:.04em}
.passport-quote p{color:#f5e7c9;font-family:"AstroFace Cormorant",serif;font-style:italic;font-size:26px;font-weight:600;line-height:1.35;margin:8px 0 0;overflow-wrap:anywhere;text-wrap:balance}
.passport-icon{display:inline-block;flex:0 0 auto;width:20px;height:20px;vertical-align:middle}
body.play-app[data-play-kind="passport"] .passport-action-slot .play-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;border:0;justify-content:flex-start}
body.play-app[data-play-kind="passport"] .passport-action-slot .play-button{flex:1 1 auto;justify-content:center;min-height:46px;gap:8px;font-size:13px;font-weight:600;padding:11px 12px;border-radius:12px}
body.play-app[data-play-kind="passport"] :is(#play-share,#passport-create,#play-empty-generate),body.play-app[data-play-kind="passport"] .passport-action-slot a.play-button-primary{color:#271b0e!important;background:#e0c486!important;border-color:#e7d19d;box-shadow:0 4px 16px #b3956418}
body.play-app[data-play-kind="passport"] #play-download{color:#f5e7c9!important;background:#bba36514!important;border-color:#bba36555}
.passport-share-slot:has(:not(:empty)){margin-top:18px}
.passport-details{border:1px solid #bba36526;border-radius:16px;margin:24px 0 0;background:#15121f70}
body.play-app[data-play-kind="passport"] .passport-details>summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:14px 18px;cursor:pointer;list-style:none;border:0!important;border-radius:16px;background:transparent!important;box-shadow:none!important;color:#e8e0f4;font-size:15px;font-weight:600;line-height:1.5}
body.play-app[data-play-kind="passport"] .passport-details>summary::-webkit-details-marker{display:none}
body.play-app[data-play-kind="passport"] .passport-details>summary::after{display:none!important}
.passport-chevron{margin-left:auto;color:#d7b977;transition:transform 160ms ease}
.passport-details[open]>summary .passport-chevron{transform:rotate(180deg)}
.passport-reading-details{scroll-margin-top:130px}
.passport-details-heading{margin:0;padding:14px 18px;color:#e8e0f4;font-size:15px;font-weight:600;line-height:1.5}
.passport-details-intro{max-width:37ch;margin-top:40px;padding-top:24px;border-top:1px solid #bba36526}
.passport-details-intro p{color:#c8bfd8;font-size:15px;line-height:1.8;margin:12px 0 16px}
body.play-app[data-play-kind="passport"] .passport-details-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;color:#e4c68b;font-size:14px;text-underline-offset:5px}
.passport-reading-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:4px 18px 22px}
.passport-reading-item{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,#30213d99,#211b2c66)}
.passport-reading-item[hidden]{display:none}
.passport-category-art{position:relative;display:grid;place-items:center;padding:12px 24px 0;min-width:0}
.passport-category-art img{display:block;width:100%;height:164px;object-fit:contain}
.passport-category-number{position:absolute;top:16px;left:16px;color:#b8a4ca;font-size:11px;letter-spacing:.12em}
.passport-category-copy{padding:12px 22px 24px}
.passport-reading-copy h3,.passport-legacy-copy h3{font-size:16px;font-weight:600;line-height:1.5;color:#e2c48a;margin:0 0 10px}
.passport-reading-copy p{margin:0;font-size:15px;font-weight:400;line-height:1.75;white-space:pre-line;overflow-wrap:anywhere;color:#dfd7e9}
.passport-reading-copy p+p{margin-top:10px}
.passport-legacy-copy{display:grid;gap:24px;padding:4px 18px 22px}
.passport-legacy-copy p{margin:0;color:#dfd7e9;font-size:15px;line-height:1.75;overflow-wrap:anywhere}
body.play-app[data-play-kind="passport"] #app-main :is(a,button,summary):focus-visible{outline:2px solid var(--passport-accent,#dfbf7c)!important;outline-offset:3px}
.passport-preview{--passport-muted:#c8bfd8;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;min-width:0;padding:clamp(24px,3.5vw,44px);color:#f3effb;border:1px solid #bba36540;border-radius:24px;background:linear-gradient(130deg,#29213dbe,#141a27a8);overflow:hidden}
.passport-preview-copy{min-width:0}
.passport-preview h2{margin:12px 0;font-family:"AstroFace Prata",serif;font-size:clamp(28px,3.2vw,42px);font-weight:400;line-height:1.25;letter-spacing:-.02em;text-wrap:balance}
.passport-preview p{max-width:43ch;color:var(--passport-muted);font-size:16px;line-height:1.6;margin:12px 0}
.passport-preview-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 14px}
.passport-preview-tags span{padding:6px 10px;border-radius:8px;color:var(--passport-muted);background:#bba36514;font-size:12px}
.passport-preview .passport-preview-basis{margin-top:0;color:#c3b2d6;font-size:12px}
.passport-preview .passport-preview-onboarding{max-width:48ch;margin-top:14px;color:#bfb5ce;font-size:12px;line-height:1.7}
.passport-preview :is(#play-empty-generate,#passport-create){margin-top:16px;min-height:48px}
.passport-portrait{min-width:0;margin:0;width:100%;max-width:360px;justify-self:center}
.passport-portrait-art{position:relative;height:300px;isolation:isolate}
.passport-portrait-art::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse,#ac82d42b,transparent 70%);z-index:-1}
.passport-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(#000 0 87%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0 87%,transparent 100%)}
.passport-orbit{position:absolute;inset:12% 6% 9%;border:1px solid #bba36566;border-radius:50%;transform:rotate(-16deg)}
.passport-art-note{margin:8px 0 0;color:var(--passport-muted);font-size:12px;font-weight:400;line-height:1.5;text-align:center}
@media(hover:hover){body.play-app[data-play-kind="passport"] :is(#play-share,#passport-create,#play-empty-generate):enabled:hover{background:#ecd8aa!important}body.play-app[data-play-kind="passport"] #play-download:enabled:hover{background:#bba3652b!important}body.play-app[data-play-kind="passport"] .passport-details>summary:hover{background:#bba36508!important}}
@media(max-width:980px){body.play-app[data-play-kind="passport"] #app-main{padding:10px 16px 100px}.passport-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:24px}.passport-portrait-art{height:260px}}
@media(max-width:760px){.passport-layout{grid-template-columns:minmax(0,1fr);gap:30px}.passport-side{width:100%;max-width:560px;justify-self:center}.passport-side .passport-type{font-size:30px}.passport-card-hint{font-size:11px}}
@media(max-width:620px){body.play-app[data-play-kind="passport"] #app-main{padding-inline:12px}body.play-app[data-play-kind="passport"] #app-main>.app-section-hero{padding:4px 0;margin-bottom:14px}body.play-app[data-play-kind="passport"] .app-section-hero .app-section-copy{gap:10px}body.play-app[data-play-kind="passport"] .app-section-hero h1{flex-basis:100%;font-size:20px}.passport-layout{gap:28px}.passport-card-hint{justify-content:center;text-align:center}.passport-card-hint span{flex-basis:100%}.passport-side .passport-type{font-size:clamp(25px,7vw,32px)}.passport-name{margin-top:16px}.passport-quote p{font-size:25px}body.play-app[data-play-kind="passport"] .passport-action-slot .play-result-actions{margin-top:22px;gap:10px}body.play-app[data-play-kind="passport"] .passport-action-slot .play-button{flex-basis:100%;font-size:14px}.passport-details{margin-top:22px}.passport-preview{grid-template-columns:minmax(0,1fr);gap:16px;padding:22px 18px;border-radius:20px}.passport-preview .passport-portrait{grid-row:1;max-width:210px}.passport-preview .passport-portrait-art{height:130px}.passport-preview-copy{text-align:center}.passport-preview h2{font-size:clamp(28px,7.5vw,36px)}.passport-preview h2 br{display:none}.passport-preview p{font-size:15px;line-height:1.6;margin:12px 0 0}.passport-preview .passport-preview-tags{justify-content:center;gap:6px;margin:18px 0 12px}.passport-preview-tags span{font-size:11px;padding:5px 8px}.passport-preview .passport-preview-basis{margin-top:10px}.passport-preview .passport-preview-onboarding{margin-inline:auto}.passport-preview .play-button{width:100%;min-height:46px}}
@keyframes passport-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes passport-breathe{50%{opacity:.4;transform:scale(.88)}}
@media(prefers-reduced-motion:reduce){.passport-chevron{transition:none}.passport-card-image,.passport-placeholder-star{animation:none}}
@media(min-width:761px){.passport-side{align-self:center;padding-block:24px}}
@media(max-width:980px){.passport-reading-copy{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.passport-reading-copy{grid-template-columns:minmax(0,1fr);gap:14px;padding:4px 12px 16px}.passport-category-art img{height:156px}.passport-category-copy{padding:10px 20px 22px}.passport-details-intro{margin-top:24px;padding-top:20px}.passport-reading-details{scroll-margin-top:100px}}
@media(prefers-reduced-transparency:reduce){.passport-preview,.passport-details{background-color:#181526}}
@media print{body.play-app[data-play-kind="passport"] #app-main{padding:0}.passport-side,.passport-details,.passport-card-hint{display:none!important}.passport-layout{display:block}.passport-card{max-width:100%;break-inside:avoid;box-shadow:none}}

/* Source: /assets/build/interaction-motion.css */
/* App controls share short feedback. The landing does not load this layer. */
: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;
}
/* Low specificity preserves the tailored transitions on existing controls.
   Layout, backdrop filters and scrolling surfaces are never interpolated. */
: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;
  }
/* Opening fades the content; native state and closing remain immediate. */
  :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);
}
/* Respect both the OS preference and the app's motion setting. */
@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/dossier-scene.css */
/* Book showroom. Raster artwork and real, accessible controls share the scene. */
body.play-app[data-play-kind="dossier"]{--atelier-gold:#e4b976;--atelier-paper:#fff3df;--atelier-muted:#d3cbdc;--atelier-ease:cubic-bezier(.22,1,.36,1);background:#090910!important}
body.play-app[data-play-kind="dossier"][data-dossier-theme="briefing"]{--atelier-gold:#d6bb88;--atelier-paper:#f6f0e2}
body.play-app[data-play-kind="dossier"][data-dossier-theme="mars"]{--atelier-gold:#ffc08a;--atelier-paper:#ffeddf}
body.play-app[data-play-kind="dossier"]::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:#090910 url('/assets/dossier/atelier-v5/briefing-background-1600.webp') center/cover no-repeat;filter:blur(10px)}
body.play-app[data-play-kind="dossier"]::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#06061050 0%,#06061018 40%,#08061120 76%,#08061178 100%)}
.dossier-environment{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.dossier-environment img{position:absolute;inset:-32px;width:calc(100% + 64px);height:calc(100% + 64px);object-fit:cover;object-position:center;filter:blur(10px);opacity:0;transition:opacity 900ms var(--atelier-ease)}
.dossier-environment img[data-active="true"]{opacity:1}
body.play-app[data-play-kind="dossier"] .cosmic-sky{visibility:hidden}
body.play-app[data-play-kind="dossier"].af-header-layout{--af-header-surface:linear-gradient(115deg,#12101edb,#0e0e1be8 60%,#201525d9)}
body.play-app[data-play-kind="dossier"].af-header-layout .af-masthead{width:min(940px,calc(100% - 48px));height:64px}
body.play-app[data-play-kind="dossier"].af-header-layout header.af-unified-header.app-header{height:56px!important;padding:6px 12px!important;gap:18px!important}
body.play-app[data-play-kind="dossier"] .af-primary-navigation a{min-height:36px;padding:8px 13px;font-size:12px}
body.play-app[data-play-kind="dossier"] #app-main{--app-content-width:1360px;padding-top:90px!important;padding-bottom:16px!important}
body.play-app[data-play-kind="dossier"] #play-workspace{max-width:1360px}
body.play-app[data-play-kind="dossier"] #app-main>[data-story-header]{display:block!important;padding:0!important;margin:0 0 12px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;text-align:center}
body.play-app[data-play-kind="dossier"] [data-story-header] .app-section-copy{display:flex!important;flex-direction:column;align-items:center;gap:0;max-width:none;width:100%}
body.play-app[data-play-kind="dossier"] [data-story-header] .app-section-art,body.play-app[data-play-kind="dossier"] [data-story-header] nav{display:none!important}
body.play-app[data-play-kind="dossier"] [data-story-header] .app-section-eyebrow{display:flex!important;order:-1;align-items:center;justify-content:center;gap:18px;color:var(--atelier-gold);font-size:11px;font-weight:650;letter-spacing:.36em;line-height:1.5;text-transform:uppercase;margin:0 0 6px}
body.play-app[data-play-kind="dossier"] [data-story-header] .app-section-eyebrow::before,body.play-app[data-play-kind="dossier"] [data-story-header] .app-section-eyebrow::after{content:"";height:1px;width:64px;background:var(--atelier-gold);opacity:.65}
body.play-app[data-play-kind="dossier"] [data-story-header] #play-title{order:0;font-family:"AstroFace Prata",Georgia,serif;font-weight:400;font-size:clamp(28px,3vw,44px);line-height:1.24;letter-spacing:-.045em;color:var(--atelier-paper);margin:0;text-wrap:balance;text-shadow:0 3px 22px #000a}
body.play-app[data-play-kind="dossier"] [data-story-header] .app-section-copy>p{display:block!important;color:#eee6ef;font-size:clamp(13px,1.1vw,16px);line-height:1.6;margin:10px 0 0;max-width:65ch;text-shadow:0 2px 12px #000}
body.play-app[data-play-kind="dossier"] .play-editor{display:block;padding:0!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;margin:0}
body.play-app[data-play-kind="dossier"][data-play-public="true"] .play-editor{display:none}
body.play-app[data-play-kind="dossier"] .play-editor #play-form{padding:0!important}
body.play-app[data-play-kind="dossier"] .dossier-style-picker{margin:0}
body.play-app[data-play-kind="dossier"] .dossier-style-picker legend{margin:0}
.dossier-showcase{position:relative;padding:0 56px;overflow-x:clip;overflow-y:visible}
body.play-app[data-play-kind="dossier"] .dossier-style-grid{container-type:inline-size;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:end}
body.play-app[data-play-kind="dossier"] .dossier-style-card{--dossier-choice:#e4b976;--book-x:0deg;--book-y:0deg;--book-height:min(var(--dossier-book-budget,clamp(100px,calc(100svh - 380px),400px)),calc((100cqw - 56px)/2.8));position:relative;grid-row:1;display:flex;flex-direction:column;align-items:center;isolation:isolate;min-width:0;padding:0;border:0!important;background:transparent!important;border-radius:0;overflow:visible;box-shadow:none!important;backdrop-filter:none!important;transition:none;font-family:"AstroFace Passport Sans",Manrope,sans-serif}
body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="left"]{grid-column:1}
body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"]{grid-column:2;z-index:2}
body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="right"]{grid-column:3}
body.play-app[data-play-kind="dossier"] .dossier-style-card[data-book-animating="true"]{transform-origin:top left;will-change:transform,opacity}
body.play-app[data-play-kind="dossier"] .dossier-style-card[data-book-animating="true"] :is(.dossier-book-art,.dossier-style-copy){transform-origin:top left;will-change:transform}
body.play-app[data-play-kind="dossier"] .dossier-style-card:has(input:focus-visible){outline:none}
body.play-app[data-play-kind="dossier"] .dossier-style-card:has(input:focus-visible) .dossier-style-copy{outline:2px solid #f2d8ff;outline-offset:5px}
body.play-app[data-play-kind="dossier"] .dossier-style-image{--book-art-height:var(--book-height);--book-inset:8px;position:relative;display:flex;align-items:flex-end;justify-content:center;flex:none;width:100%;height:calc(var(--book-height) + 16px);padding:var(--book-inset) 0;background:transparent;overflow:visible;pointer-events:none}
.dossier-book-art{position:relative;display:block;flex:none;height:var(--book-art-height);width:calc(var(--book-art-height)*1.4)}
.dossier-book-model{position:relative;display:block;visibility:hidden;flex:none;height:var(--book-art-height);width:calc(var(--book-art-height)*1.4);transform:translateX(var(--book-offset,-25%));transform-style:preserve-3d;transform-origin:50% 50%;transition:transform 800ms var(--atelier-ease)}
/* Every leaf stays 7:10, at the full cover height. Do not flatten the 3D hinge. */
.dossier-book-cover{position:absolute;inset:0 0 0 50%;z-index:2;display:block;transform-origin:left center;transform-style:preserve-3d;transform:rotateY(0deg);transition:transform 800ms var(--atelier-ease)}
.dossier-book-front,.dossier-book-back{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.dossier-book-front{filter:none}
.dossier-book-back{transform:rotateY(180deg)}
.dossier-book-pages{position:absolute;inset:0 0 0 50%;display:block;pointer-events:none;transform:translateZ(-.1px)}
.dossier-style-card[data-open="true"]{--book-offset:0%}
.dossier-style-card[data-open="true"] .dossier-book-cover{transform:rotateY(-180deg)}
body.play-app[data-play-kind="dossier"] .dossier-style-image img{height:100%;width:100%;max-width:100%;display:block;object-fit:contain;object-position:center;transform:none!important;transition:none;mask:none;-webkit-mask:none;border-radius:0}
body.play-app[data-play-kind="dossier"] .dossier-style-image .dossier-book-page{object-fit:cover}
body.play-app[data-play-kind="dossier"] .dossier-style-image .dossier-book-page-left{object-position:left center}
body.play-app[data-play-kind="dossier"] .dossier-style-image .dossier-book-page-right{object-position:right center}
/* Native image resampling stays sharp at fractional browser zoom. Only use
   composited, cropped 3D leaves while the book is actually moving. */
body.play-app[data-play-kind="dossier"] .dossier-style-image .dossier-book-rest{position:absolute;inset:auto 0 0;margin-inline:auto;height:var(--book-art-height);width:calc(var(--book-art-height)*.7);max-width:none;visibility:visible;object-fit:contain;image-rendering:auto}
body.play-app[data-play-kind="dossier"] .dossier-style-image .dossier-book-rest-spread{width:calc(var(--book-art-height)*1.4);display:none;visibility:hidden}
body.play-app[data-play-kind="dossier"] .dossier-style-card[data-open="true"] .dossier-book-rest-cover{visibility:hidden}
body.play-app[data-play-kind="dossier"] .dossier-style-card[data-open="true"] .dossier-book-rest-spread{display:block;visibility:visible}
body.play-app[data-play-kind="dossier"] .dossier-style-card[data-book-animating="true"] .dossier-style-image{perspective:1800px}
body.play-app[data-play-kind="dossier"] .dossier-style-card[data-book-animating="true"] .dossier-book-model{visibility:visible}
body.play-app[data-play-kind="dossier"] .dossier-style-card[data-book-animating="true"]:not([data-book-settling]) .dossier-book-rest{visibility:hidden}
.dossier-book-shadow{position:absolute;bottom:calc(8px - var(--book-inset));left:12%;right:12%;height:24px;border-radius:50%;background:#000;filter:blur(12px);opacity:.5}
.dossier-book-halo{position:absolute;left:50%;top:50%;width:100%;aspect-ratio:1;max-height:100%;transform:translate(-50%,-50%);border:1px solid #f5ca7c42;border-radius:50%;box-shadow:0 0 60px #d4923920,inset 0 0 55px #b4723120;opacity:0;transition:opacity 700ms var(--atelier-ease)}
.dossier-book-halo::before,.dossier-book-halo::after{content:"";position:absolute;inset:7%;border:1px solid #f7d9a027;border-radius:50%;transform:rotate(-24deg) scaleX(.8)}
.dossier-book-halo::after{inset:-5%;transform:rotate(24deg) scaleX(.82)}
.dossier-style-card[data-open="true"] .dossier-book-halo{opacity:1}
.dossier-style-card[data-dossier-style="briefing"] .dossier-book-halo{box-shadow:0 0 70px #d6bb8814;border-color:#d6bb8820}
.dossier-style-card[data-dossier-style="briefing"] .dossier-book-halo::before,.dossier-style-card[data-dossier-style="briefing"] .dossier-book-halo::after{display:none}
[data-dossier-intro]{opacity:0}
body.play-app[data-play-kind="dossier"] .dossier-style-copy{position:relative;display:grid;align-content:start;grid-template-columns:20px 30px minmax(0,1fr);gap:6px 10px;width:100%;min-height:110px;padding:12px 14px;border:1px solid #b99ad04d;border-radius:18px;background:linear-gradient(140deg,#15101fe8,#11101dea);backdrop-filter:none;box-shadow:0 8px 28px #0005,inset 0 1px #ffe9c90c;transition:border-color 300ms,background-color 300ms;box-sizing:border-box}
body.play-app[data-play-kind="dossier"] .dossier-style-copy strong{grid-column:3;grid-row:1;align-self:center;font-size:15px;line-height:1.4;font-weight:600;color:#faf5fb;letter-spacing:-.02em;text-wrap:balance}
body.play-app[data-play-kind="dossier"] .dossier-style-description{grid-column:3;grid-row:2;color:var(--atelier-muted);font-size:12px;line-height:1.5;text-wrap:pretty}
.dossier-style-number{grid-column:1;grid-row:1;align-self:center;font-size:14px;color:#b7a8c6}
.dossier-style-emblem{grid-column:2;grid-row:1;align-self:center;display:grid;place-items:center;width:30px;height:30px;border:1px solid #c8a15e66;border-radius:50%;color:#f5ce8a;font-size:22px;background:#c28c4220}
body.play-app[data-play-kind="dossier"] .dossier-style-check{display:none;position:static;width:auto;height:auto;padding:5px 10px;border:1px solid #d5a26166;border-radius:20px;background:#c28c422b;color:#f5ce8a;font-size:10px;line-height:1.3;white-space:nowrap}
.dossier-style-check::after{display:none}
.dossier-style-tags{display:none}
body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"] .dossier-style-copy{grid-template-columns:22px 36px minmax(0,1fr) auto;min-height:118px;padding:12px 20px;border-color:#d0a26691;background:linear-gradient(140deg,#201a23ed,#100d16f5);box-shadow:0 12px 35px #0007,inset 0 1px #fff0da12}
body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"] .dossier-style-copy strong{font-family:"AstroFace Prata",Georgia,serif;font-weight:400;font-size:21px}
body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"] .dossier-style-description{font-size:13px;max-width:36ch}
body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"] .dossier-style-number{color:var(--atelier-gold)}
body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"] .dossier-style-emblem{width:36px;height:36px}
body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"] .dossier-style-check{display:block;grid-column:4;grid-row:1;align-self:center}
.dossier-style-card[data-position="center"] .dossier-style-tags{display:flex;grid-column:2/-1;grid-row:3;flex-wrap:wrap;gap:7px;margin-top:4px}
.dossier-style-tags>span{padding:3px 10px;border:1px solid #dcc5e130;border-radius:20px;color:#dfd5e5;font-size:11px;line-height:1.4}
body.play-app[data-play-kind="dossier"] .dossier-carousel-arrow{position:absolute;z-index:4;top:36%;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #f3d3a6b3;border-radius:50%;background:#120e21a3;backdrop-filter:blur(12px);color:#fff3df;cursor:pointer;box-shadow:0 3px 12px #0003;transition:background-color 180ms,box-shadow 180ms}
.dossier-carousel-arrow[data-dossier-step="-1"]{left:0}
.dossier-carousel-arrow[data-dossier-step="1"]{right:0}
.dossier-carousel-arrow>span{font:300 34px/1 Georgia,serif;margin-top:-4px}
.dossier-carousel-arrow:focus-visible{outline:2px solid #e4beff;outline-offset:5px}
.dossier-carousel-arrow:disabled{opacity:.4;cursor:default}
.dossier-style-card:has(input:disabled){cursor:default}
body.play-app[data-play-kind="dossier"] .play-form-footer{display:flex;flex-direction:column;align-items:center;gap:12px;margin:8px 0 0;padding:0;border:0;border-radius:0;background:transparent}
body.play-app[data-play-kind="dossier"] .play-form-footer #play-generate{min-width:310px;min-height:58px;padding:15px 28px;border:1px solid #e8b9ff!important;border-radius:32px;background:linear-gradient(180deg,#b450f1,#8126d1 64%,#6427a9)!important;color:#fff;font-size:17px;line-height:1.4;font-weight:600;box-shadow:inset 0 2px 12px #edc9ff66,inset 0 -6px 16px #32166044,0 0 30px #ad60ed55;backdrop-filter:none}
body.play-app[data-play-kind="dossier"] .play-form-footer #play-generate::before,body.play-app[data-play-kind="dossier"] .play-form-footer #play-generate::after{display:none}
body.play-app[data-play-kind="dossier"] .play-form-footer #play-generate{font:600 17px/1.4 "AstroFace Passport Sans",Manrope,sans-serif!important;letter-spacing:0!important}
body.play-app[data-play-kind="dossier"] .play-form-footer #play-generate:not(:disabled)::after{content:"→";display:inline;position:static;z-index:auto;margin-left:20px;background:none;opacity:1}
body.play-app[data-play-kind="dossier"] .play-form-footer #play-generate:disabled{opacity:.65}
body.play-app[data-play-kind="dossier"] .dossier-generation-context{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.play-app[data-play-kind="dossier"] .play-form-footer #play-generation-note{display:none}
body.play-app[data-play-kind="dossier"] .play-form-footer #play-generation-note:not(:empty):has(+button:disabled){display:block;order:1;margin:0;color:#e5d8ec;text-align:center;max-width:50ch}
body.play-app[data-play-kind="dossier"] .play-stage{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible}
body.play-app[data-play-kind="dossier"] .play-stage:has(#play-result:empty){display:none}
body.play-app[data-play-kind="dossier"] .dossier-document{background:transparent!important}
body.play-app[data-play-kind="dossier"] .dossier-overview{padding:36px;gap:24px;background:#14111eed;border:1px solid #9a7b474d;border-radius:10px;box-shadow:inset 0 0 0 5px #090810,inset 0 0 0 6px #b48a3840;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr)}
body.play-app[data-play-kind="dossier"] .dossier-hero{padding:0;border:0;border-radius:0;background:transparent!important;gap:20px}
body.play-app[data-play-kind="dossier"] .dossier-summary{padding:4px 0 4px 24px;background:transparent!important;border:0;border-left:1px solid #b9985c4d;border-radius:0}
body.play-app[data-play-kind="dossier"] .dossier-summary h3{font-family:"AstroFace Prata",Georgia,serif;font-weight:400}
.dossier-chapter-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:28px 0;padding:0}
.dossier-chapter-nav>a{display:flex;flex-direction:column;align-items:flex-start;gap:7px;border:1px solid #b9985c38;padding:14px 12px;border-radius:8px;background:#14111edb;color:#d4c8db;text-decoration:none;font-size:11px;line-height:1.5;min-width:0;overflow-wrap:anywhere;transition:border-color 180ms,background-color 180ms}
.dossier-chapter-nav>a>span:first-child{color:var(--atelier-gold);font-family:"AstroFace Prata",Georgia,serif;font-size:20px}
.dossier-chapter-nav>a:hover,.dossier-chapter-nav>a[aria-current="location"]{border-color:#b9995c;background:#251c31}
.dossier-chapter-nav>a:focus-visible{outline:2px solid #d5a3ff;outline-offset:3px}
body.play-app[data-play-kind="dossier"] .dossier-document .document-reading-section{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);position:relative;padding:40px;border:1px solid #b1935d50;border-radius:8px;background:#15111fee;box-shadow:inset 0 0 0 5px #0e0c15,inset 0 0 0 6px #b48a382e;gap:24px 36px;scroll-margin-top:110px}
body.play-app[data-play-kind="dossier"] .dossier-document .document-reading-section h3{font-family:"AstroFace Prata",Georgia,serif;font-weight:400;color:var(--atelier-paper)}
body.play-app[data-play-kind="dossier"] .dossier-section-art{border-radius:20px;width:100%;max-width:none}
body.play-app[data-play-kind="dossier"] .dossier-section-art img{object-fit:cover}
body.play-app[data-play-kind="dossier"] .dossier-section-notes{border-left-color:#b1935d55}
body.play-app[data-play-kind="dossier"] .dossier-basis{background:#f6d3aa06;border-radius:4px}
body.play-app[data-play-kind="dossier"] #play-generation-progress{background:#110f1ce8;border:1px solid #b69b6a55;border-radius:14px;padding:22px;text-align:center}
.dossier-animation-host{position:relative;max-width:680px;height:320px;margin:0 auto;overflow:hidden;pointer-events:none}
.dossier-animation-host>img{position:absolute;height:88%;width:100%;object-fit:contain;inset:6% 0;transition:opacity 250ms}
.dossier-animation-host>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity 300ms}
.dossier-animation-host[data-renderer="webgl"]>img{opacity:0}
.dossier-animation-host[data-renderer="webgl"]>canvas{opacity:1}
body.play-app[data-play-kind="dossier"] #play-generation-progress .play-loading{min-height:60px;background:none;justify-content:center}
body.play-app[data-play-kind="dossier"] #play-generation-progress .play-button{margin:12px auto 0}
body.play-app[data-play-kind="dossier"] .play-page-footer,body.play-app[data-play-kind="dossier"] .app-return-footer{display:none!important}
body.play-app[data-play-kind="dossier"] .dossier-document[data-document-style="briefing"] :is(.document-reading-section h3,.dossier-summary h3){font-family:"AstroFace Passport Sans",Manrope,sans-serif;font-weight:600}
body.play-app[data-play-kind="dossier"] .dossier-document[data-document-style="briefing"] :is(.dossier-overview,.document-reading-section){background:#181818f5;border-color:#9b9d924d;box-shadow:none}
body.play-app[data-play-kind="dossier"] .dossier-document[data-document-style="briefing"] .dossier-chapter-nav>a{background:#181818f5;border-color:#9b9d924d}
@media(hover:hover) and (pointer:fine){
 body.play-app[data-play-kind="dossier"] .dossier-style-card:not(:has(input:disabled)):hover .dossier-style-copy{border-color:#e4b976b3}
 .dossier-carousel-arrow:not(:disabled):hover{background:#35243bc9;box-shadow:0 0 20px #e4b97633}
 body.play-app[data-play-kind="dossier"] .play-form-footer #play-generate:not(:disabled):hover{box-shadow:inset 0 2px 12px #edc9ff88,0 0 38px #ad60ed88}
}
@media(min-width:1001px){
 body.play-app[data-play-kind="dossier"] .dossier-style-card:not([data-position="center"]){padding-bottom:8px}
 body.play-app[data-play-kind="dossier"] .dossier-style-card:not([data-position="center"]) .dossier-style-image{--book-art-height:calc(var(--book-height)*.9)}
}
@media(max-width:1180px) and (min-width:1001px){
 .dossier-showcase{padding-inline:48px}
 body.play-app[data-play-kind="dossier"] .dossier-style-grid{gap:18px}
 body.play-app[data-play-kind="dossier"] .dossier-style-copy{grid-template-columns:18px minmax(0,1fr);padding:16px 12px}
 body.play-app[data-play-kind="dossier"] .dossier-style-copy strong,body.play-app[data-play-kind="dossier"] .dossier-style-description{grid-column:2}
 body.play-app[data-play-kind="dossier"] .dossier-style-card:not([data-position="center"]) .dossier-style-emblem{display:none}
 body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"] .dossier-style-copy{grid-template-columns:18px 30px minmax(0,1fr);padding:18px}
 body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"] .dossier-style-copy strong,body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"] .dossier-style-description{grid-column:3}
 body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"] .dossier-style-check{display:none}
}
@media(max-width:1000px){
 body.play-app[data-play-kind="dossier"] #app-main{--app-content-width:760px}
 body.play-app[data-play-kind="dossier"] [data-story-header] #play-title{max-width:23ch;font-size:clamp(28px,4.6vw,42px)}
 .dossier-showcase{padding:0 50px}
 body.play-app[data-play-kind="dossier"] .dossier-style-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 body.play-app[data-play-kind="dossier"] .dossier-style-card{--book-height:min(var(--dossier-book-budget,clamp(90px,calc(100svh - 390px),400px)),calc((100cqw - 8px)/1.4));grid-column:1!important;grid-row:1;padding-bottom:0;pointer-events:none}
 /* Keep native radios available to keyboard and screen readers in the shared slot. */
 body.play-app[data-play-kind="dossier"] .dossier-style-card:not([data-position="center"]){opacity:0;pointer-events:none}
 body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"]{pointer-events:auto}
 body.play-app[data-play-kind="dossier"] .dossier-style-card:has(input:focus-visible){z-index:3}
 body.play-app[data-play-kind="dossier"] .dossier-carousel-arrow{top:32%}
 body.play-app[data-play-kind="dossier"] .dossier-overview{grid-template-columns:1fr;padding:28px}
 body.play-app[data-play-kind="dossier"] .dossier-summary{border:0;border-top:1px solid #b9985c4d;padding:22px 0 0}
 body.play-app[data-play-kind="dossier"] .dossier-summary ul{grid-template-columns:repeat(3,minmax(0,1fr))}
 .dossier-chapter-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
 body.play-app[data-play-kind="dossier"]::before{background-image:url('/assets/dossier/atelier-v5/briefing-background-800.webp')}
 body.play-app[data-play-kind="dossier"]::after{background:linear-gradient(180deg,#08071177,#08071126 50%,#08071177)}
 body.play-app[data-play-kind="dossier"].af-header-layout .af-masthead{width:calc(100% - 24px);height:56px}
 body.play-app[data-play-kind="dossier"].af-header-layout header.af-unified-header.app-header{padding-inline:8px!important;gap:10px!important}
 body.play-app[data-play-kind="dossier"] #app-main{padding-top:78px!important;padding-inline:14px!important;padding-bottom:calc(var(--play-mobile-nav-height,70px) + 12px)!important}
 body.play-app[data-play-kind="dossier"] #app-main>[data-story-header]{margin-bottom:8px}
 body.play-app[data-play-kind="dossier"] [data-story-header] .app-section-eyebrow{font-size:10px;letter-spacing:.28em;gap:12px;margin-bottom:6px}
 body.play-app[data-play-kind="dossier"] [data-story-header] .app-section-eyebrow::before,body.play-app[data-play-kind="dossier"] [data-story-header] .app-section-eyebrow::after{width:32px}
 body.play-app[data-play-kind="dossier"] [data-story-header] #play-title{font-size:clamp(23px,6vw,32px);line-height:1.2;max-width:21ch}
 body.play-app[data-play-kind="dossier"] [data-story-header] .app-section-copy>p{font-size:13px;line-height:1.6;max-width:37ch;margin-top:6px}
 .dossier-showcase{padding:0}
 body.play-app[data-play-kind="dossier"] .dossier-style-card{--book-height:min(var(--dossier-book-budget,clamp(72px,calc(100svh - 420px),360px)),calc((100cqw - 24px)/1.4));padding-bottom:0}
 body.play-app[data-play-kind="dossier"] .dossier-style-image{--book-inset:6px;min-height:0;height:calc(var(--book-height) + 12px)}
 body.play-app[data-play-kind="dossier"] .dossier-carousel-arrow{width:36px;height:36px;top:var(--dossier-arrow-top,32%);background:#181020e8}
 .dossier-carousel-arrow[data-dossier-step="-1"]{left:0}
 .dossier-carousel-arrow[data-dossier-step="1"]{right:0}
 .dossier-carousel-arrow>span{font-size:29px}
 body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"] .dossier-style-copy{grid-template-columns:18px 30px minmax(0,1fr);padding:12px 14px;gap:5px 8px;min-height:104px}
 body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"] .dossier-style-copy strong{font-size:19px}
 body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"] .dossier-style-description{font-size:12px}
 body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"] .dossier-style-emblem{width:30px;height:30px}
 body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"] .dossier-style-check{display:none}
 .dossier-style-card[data-position="center"] .dossier-style-tags{display:none}
 .dossier-style-tags>span{font-size:10px;padding:5px 10px}
 body.play-app[data-play-kind="dossier"] .play-form-footer{margin-top:12px}
 body.play-app[data-play-kind="dossier"] .play-form-footer #play-generate{min-width:0;width:min(100%,340px);font-size:15px!important;min-height:48px;padding-block:11px}
 body.play-app[data-play-kind="dossier"] .dossier-overview{padding:24px 20px;gap:20px}
 body.play-app[data-play-kind="dossier"] .dossier-hero{padding:0}
 body.play-app[data-play-kind="dossier"] .dossier-summary ul{grid-template-columns:1fr}
 .dossier-chapter-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0}
 .dossier-chapter-nav>a{flex-direction:row;align-items:center;gap:10px;font-size:11px;padding:10px 12px}
 .dossier-chapter-nav>a>span:first-child{font-size:18px}
 body.play-app[data-play-kind="dossier"] .dossier-document .document-reading-section{padding:26px 20px;gap:20px}
 .dossier-animation-host{height:250px}
}
@media(prefers-reduced-motion:reduce){
 .dossier-environment img,.dossier-book-cover,.dossier-book-model,.dossier-book-art::after,.dossier-book-halo,.dossier-style-copy,.dossier-animation-host>img,.dossier-animation-host>canvas{transition:none!important}
 .dossier-book-model{transform:translateX(var(--book-offset,-25%))!important}
}
html[data-motion-paused="true"] .dossier-environment img,html[data-motion-paused="true"] .dossier-book-cover,html[data-motion-paused="true"] .dossier-book-model,html[data-motion-paused="true"] .dossier-book-art::after{transition:none!important}
@media print{
 .dossier-environment,body.play-app[data-play-kind="dossier"]::before,body.play-app[data-play-kind="dossier"]::after,.dossier-chapter-nav,.dossier-animation-host{display:none!important}
 body.play-app[data-play-kind="dossier"] .dossier-overview,body.play-app[data-play-kind="dossier"] .dossier-document .document-reading-section{background:#fff!important;color:#20252b!important;box-shadow:none!important;border:0;padding:0}
 body.play-app[data-play-kind="dossier"] .dossier-summary{border:0}
}

/* Keep setup content in the viewport; generated chapters retain normal scrolling. */
body.play-app[data-play-kind="dossier"] #play-notice:not(.is-error){padding:8px 14px;margin:0 auto 8px;font-size:12px;line-height:1.5}
@media(max-width:900px){
 body.play-app[data-play-kind="dossier"] .dossier-document .document-reading-section{grid-template-columns:minmax(0,1fr)}
 body.play-app[data-play-kind="dossier"] .dossier-section-art{max-width:680px}
 body.play-app[data-play-kind="dossier"] .dossier-section-notes{grid-template-columns:minmax(0,1fr)}
}
@media(max-height:700px){
 body.play-app[data-play-kind="dossier"]:has(#play-result:empty) [data-story-header] .app-section-copy>p{display:none!important}
 body.play-app[data-play-kind="dossier"] #play-notice:not(.is-error){padding:5px 12px;font-size:11px;line-height:1.4}
 body.play-app[data-play-kind="dossier"] .dossier-style-card[data-position="center"] .dossier-style-copy{min-height:92px;padding-block:9px}
 body.play-app[data-play-kind="dossier"] .play-form-footer #play-generate{min-height:44px;padding-block:9px}
}

/* Source: /assets/build/app-header.css */
/* One compact header for public pages, the workspace, stories and administration. */
@font-face { font-family: "AstroFace Brand"; src: url("/assets/fonts/passport-prata-v1.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
body.af-header-layout { --header-h: 80px; --af-header-surface: linear-gradient(115deg, #221d35d9, #141525e8 60%, #1a172be8); }
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 .af-masthead {
  position: fixed; inset: 16px auto auto 50%; transform: translateX(-50%);
  display: flex; align-items: center; gap: 24px; width: min(1280px, calc(100% - 48px)); height: 64px; z-index: 120;
}
.af-brand-filter { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
body.af-header-layout .af-masthead:has(details[open]) { z-index: 1250; }
body.af-header-layout header.af-unified-header.app-header {
  position: relative !important; inset: auto !important; transform: none !important; flex: 1 1 0; min-width: 0;
  display: flex !important; align-items: center !important; justify-content: flex-start !important;
  width: auto !important; max-width: none !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: var(--af-header-surface) !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 .af-masthead,
body.agent-embedded.af-header-layout .af-masthead { display: none !important; }
body.af-header-layout .af-detached-brand {
  position: relative; isolation: isolate;
  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: 64px; margin: 0 !important; box-sizing: border-box;
  padding: 1px 14px 1px 10px !important; gap: 8px !important; border: 1px solid #b997ed73 !important;
  border-radius: 20px !important; background: var(--af-header-surface) !important;
  box-shadow: 0 10px 36px #0003; backdrop-filter: blur(22px) saturate(120%); color: #fff; text-decoration: none;
}
.af-detached-brand > img { display: block; width: 60px; height: 60px; flex: 0 0 60px; object-fit: contain; filter: url("#af-monogram-alpha"); }
.af-brand-name, .af-unified-header .af-brand-name { display: block !important; flex: 0 0 auto; padding: 0; border: 0; font-family: "AstroFace Brand", Georgia, serif; font-size: 25px; font-style: normal; font-weight: 400; line-height: 1.25; letter-spacing: -.035em; white-space: nowrap; color: #fff; text-shadow: none; }
.af-detached-brand .af-brand-name { font-size: 27.5px; max-width: none !important; opacity: 1 !important; overflow: visible !important; }
.site-footer .af-brand-name { font-size: 30px; }
img[src*="astroface-symbol.svg"], .site-footer .site-brand { mix-blend-mode: screen !important; }
.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, .af-detached-brand: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 .af-masthead { gap: 14px; }
  body.af-header-layout header.af-unified-header.app-header { gap: 14px !important; padding-inline: 16px !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: auto !important; right: 0 !important; width: min(320px, calc(100vw - 48px)) !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 .af-masthead { top: 10px; width: calc(100% - 24px); height: 56px; gap: 10px; }
  body.af-header-layout header.af-unified-header.app-header { height: 56px !important; padding: 7px 8px !important; gap: 10px !important; border-radius: 22px !important; }
  body.af-header-layout .af-detached-brand { height: 56px; padding: 3px 8px !important; gap: 6px !important; border-radius: 18px !important; }
  .af-detached-brand > img { width: 48px; height: 48px; flex-basis: 48px; }
  .af-detached-brand .af-brand-name { font-size: 22px; }
  .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 (max-width: 360px) {
  body.af-header-layout .af-detached-brand { padding-inline: 6px !important; gap: 5px !important; }
  .af-detached-brand .af-brand-name { font-size: 20px; }
  body.af-header-layout header.af-unified-header.app-header { padding-inline: 6px !important; }
  .af-unified-header .af-profile-trigger { gap: 5px; }
  .af-unified-header .af-profile-copy strong { font-size: 12px; }
  .af-unified-header .af-profile-chevron { width: 14px; height: 14px; flex-basis: 14px; }
  .af-unified-header .af-profile-mark { display: none !important; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  body.af-header-layout { --af-header-surface: #171525; }
  body.af-header-layout header.af-unified-header.app-header, body.af-header-layout .af-detached-brand { backdrop-filter: none !important; }
}
@media print { body.af-header-layout .af-masthead { display: none !important; } }