:root{color-scheme:dark;--font-ui: "Inter", "HarmonyOS Sans SC", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;--font-display: "Noto Serif CJK SC", "Source Han Serif SC", "Songti SC", "STSong", "KaiTi", "FangSong", "SimSun", serif;--ink: #f8f2ff;--ink-strong: #fffafd;--muted: #c8c0d7;--soft: #e8ddff;--quiet: #9189a8;--gold: #f0c987;--gold-soft: #ffe5b7;--jade: #88ead8;--jade-deep: #123e45;--oxblood: #d48ca7;--moon: #fff8e8;--aqua: #83f0ff;--rose: #f6a6c8;--violet: #a99bff;--night: #060817;--night-2: #0a1023;--night-3: #101932;--line: rgba(204, 218, 255, .22);--line-strong: rgba(131, 240, 255, .48);--glass: rgba(13, 19, 43, .6);--glass-deep: rgba(8, 12, 30, .78);--wash: rgba(255, 248, 232, .07);--shadow: 0 28px 80px rgba(2, 5, 18, .48);--gold-glow: 0 0 0 1px rgba(255, 248, 232, .12), 0 22px 64px rgba(54, 86, 158, .34), 0 0 34px rgba(131, 240, 255, .12);font-family:var(--font-ui);font-variant-numeric:lining-nums tabular-nums}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:linear-gradient(135deg,#050715,#071b2c 42%,#1b102f 72%,#090613)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none;content:"";background:linear-gradient(90deg,#050715eb,#0619289e 46%,#080616f2),repeating-linear-gradient(115deg,transparent 0 72px,rgba(131,240,255,.03) 73px,transparent 74px)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.shell{--element-accent: var(--aqua);--element-accent-soft: rgba(131, 240, 255, .12);--element-accent-line: rgba(131, 240, 255, .42);position:relative;display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh;isolation:isolate}.element-wood{--element-accent: #88ead8;--element-accent-soft: rgba(136, 234, 216, .13);--element-accent-line: rgba(136, 234, 216, .46)}.element-fire{--element-accent: #ff9ca7;--element-accent-soft: rgba(255, 156, 167, .14);--element-accent-line: rgba(255, 156, 167, .48)}.element-earth{--element-accent: #f0c987;--element-accent-soft: rgba(240, 201, 135, .14);--element-accent-line: rgba(240, 201, 135, .48)}.element-metal{--element-accent: #f8f2ff;--element-accent-soft: rgba(248, 242, 255, .13);--element-accent-line: rgba(248, 242, 255, .46)}.element-water,.element-void{--element-accent: #83f0ff;--element-accent-soft: rgba(131, 240, 255, .13);--element-accent-line: rgba(131, 240, 255, .46)}.shell:after{position:fixed;top:-20%;right:-10%;bottom:-20%;left:-10%;z-index:-1;pointer-events:none;content:"";background:linear-gradient(115deg,transparent 0 24%,var(--element-accent-soft) 29%,transparent 36%),linear-gradient(125deg,transparent 0 48%,rgba(246,166,200,.1) 53%,transparent 60%),repeating-linear-gradient(115deg,transparent 0 88px,rgba(255,248,232,.035) 89px,transparent 91px);filter:blur(.2px);animation:timeVeil 18s ease-in-out infinite alternate}.fateBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:linear-gradient(90deg,#050715d1,#05101f61 48%,#0a0719d6),linear-gradient(180deg,#05071514,#060816b8),url(/assets/time-dream-bg-BKPCf89d.png);background-size:cover;background-position:center;filter:saturate(.96) contrast(1.06) brightness(.9);transform:scale(1.02);animation:dreamDrift 26s ease-in-out infinite alternate}.fateBackdrop:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,rgba(255,248,232,.04),transparent 26%,rgba(5,7,21,.34)),repeating-linear-gradient(90deg,transparent 0 96px,rgba(131,240,255,.028) 97px,transparent 98px)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:26px;padding:22px 14px;border-right:1px solid rgba(204,218,255,.18);background:linear-gradient(180deg,#090e22a8,#07101f6b),#070a1c80;box-shadow:18px 0 70px #0205125c;-webkit-backdrop-filter:blur(28px) saturate(1.25);backdrop-filter:blur(28px) saturate(1.25);scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar:before{position:absolute;top:16px;right:16px;bottom:16px;left:16px;pointer-events:none;content:"";border:1px solid rgba(204,218,255,.13);border-radius:8px}.brand{position:relative;display:flex;align-items:center;gap:12px;padding:12px 9px}.brand svg{display:none}.brand:before{flex:0 0 46px;width:46px;height:46px;content:"";background:url(/assets/logo-astrolabe-BPFw2BEH.png) center / contain no-repeat;filter:drop-shadow(0 0 18px rgba(240,201,135,.24))}.brand strong,.brand span{display:block}.brand strong{color:var(--moon);font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:0}.brand span{margin-top:3px;color:#e8ddff94;font-size:12px;letter-spacing:0}.nav{position:relative;display:grid;gap:6px}.nav button,.ghost,.primary,.iconButton{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;transition:transform .18s ease,color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.nav button{justify-content:flex-start;padding:0 12px;color:var(--muted);border:1px solid transparent;background:transparent;font-size:15px}.nav button.active{color:var(--ink-strong);border-color:#83f0ff4d;background:linear-gradient(100deg,#83f0ff26,#f6a6c81f,#f0c98714);box-shadow:inset 0 0 26px #83f0ff14,0 0 28px #83f0ff14}.nav button:hover,.ghost:hover,.primary:hover,.iconButton:hover{transform:translateY(-1px)}.statusBox{position:relative;margin-top:auto;min-height:104px;padding:14px 14px 12px;border:1px solid rgba(204,218,255,.18);border-radius:8px;background:linear-gradient(180deg,#05091675,#050916db),url(/assets/sidebar-galaxy-Bgw4VSId.png) center bottom / cover no-repeat,linear-gradient(180deg,#fff8e80f,#83f0ff09);box-shadow:inset 0 1px #fff8e80d}.statusBox span{display:block;color:var(--quiet);font-size:12px}.statusBox small{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;margin-top:9px;max-width:138px;color:#e8ddffad;font-size:12px;line-height:1.35}.statusBox strong{display:block;margin-top:6px;color:var(--moon);font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:0}.statusDial{position:absolute;right:14px;bottom:14px;width:34px;height:34px;border-radius:50%;background:conic-gradient(var(--aqua) 0 28%,var(--rose) 38%,var(--gold) calc(var(--dial) * 1%),rgba(255,248,232,.09) 0);opacity:.86}.statusDial i{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:inherit;background:#080c1ceb}.main{position:relative;width:100%;max-width:1460px;padding:24px 14px 32px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{margin:0 0 10px;color:var(--gold-soft);font-size:13px;font-weight:600;letter-spacing:0}h1,h2,h3,p{margin-top:0}h1{max-width:720px;margin-bottom:0;color:transparent;background:linear-gradient(105deg,var(--moon),#d9faff 42%,#f5c1db 76%,var(--gold-soft));-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:clamp(44px,3.55vw,58px);font-weight:700;line-height:1.06;letter-spacing:0;text-shadow:0 18px 56px rgba(120,202,255,.22)}h2{color:var(--ink-strong);font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:0}h3{color:var(--ink-strong);font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:0}p{line-height:1.72}.actions,.formActions,.adminActions{display:flex;flex-wrap:wrap;gap:10px}.ghost,.primary{isolation:isolate;min-height:44px;padding:0 18px;color:var(--moon);font-weight:700;letter-spacing:0;text-shadow:0 1px 12px rgba(255,248,232,.16)}.ghost{border:1px solid rgba(240,201,135,.22);background:linear-gradient(180deg,#fff8e814,#83f0ff06),#050a1c94;box-shadow:inset 0 1px #fff8e814,0 12px 34px #0205122e;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.primary{overflow:hidden;border:1px solid rgba(240,201,135,.44);background:linear-gradient(135deg,#f0c98747,#83f0ff1f 46%,#f6a6c824),linear-gradient(180deg,#161e3af5,#050917f0);box-shadow:inset 0 1px #fff8e829,inset 0 -16px 28px #02051247,0 18px 46px #02051252,0 0 28px #f0c9871a}.primary:after{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(110deg,transparent 0 36%,rgba(255,248,232,.28) 48%,transparent 58%),radial-gradient(circle at 20% 0,rgba(255,248,232,.2),transparent 36%);transform:translate(-120%)}.ghost:hover{color:var(--moon);border-color:#f0c9876b;background:linear-gradient(180deg,#f0c9871f,#83f0ff0b),#070c1eb8;box-shadow:inset 0 1px #fff8e81f,0 16px 42px #0205123d,0 0 24px #f0c98714}.primary:hover{border-color:#fff8e8ad;box-shadow:inset 0 1px #fff8e838,inset 0 -16px 28px #02051238,0 20px 54px #0205125c,0 0 32px #83f0ff1f,0 0 28px #f0c98724}.primary:hover:after{animation:sheen .9s ease}.contentGrid{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:20px;align-items:start}.nodeGrid{grid-template-columns:minmax(320px,460px) minmax(0,1fr)}.panel{position:relative;overflow:hidden;padding:20px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#fff8e816,#83f0ff09 48%,#f6a6c80a),linear-gradient(180deg,#0d132bd1,#080c1e94),var(--glass);box-shadow:var(--shadow),inset 0 1px #fff8e814;-webkit-backdrop-filter:blur(24px) saturate(1.22);backdrop-filter:blur(24px) saturate(1.22)}.panel:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";border-radius:inherit;background:linear-gradient(118deg,transparent 0 24%,rgba(131,240,255,.075) 26%,transparent 31%),repeating-linear-gradient(90deg,transparent 0 86px,rgba(255,248,232,.03) 87px,transparent 88px);box-shadow:inset 0 1px #fff8e814;opacity:.82}.resultPanel{min-height:560px;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.resultPanel:before{display:none}.inputPanel{overflow:hidden}.inputPanel:after{position:absolute;right:-96px;bottom:-104px;width:268px;height:268px;pointer-events:none;content:"";border:1px solid rgba(131,240,255,.18);border-radius:50%;box-shadow:inset 0 0 0 32px #f6a6c807,inset 0 0 0 72px #83f0ff06,0 0 42px #83f0ff14;animation:slowTurn 44s linear infinite reverse}.panelHeader{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panelHeader h2{margin-bottom:0}.panelHeader span{color:var(--quiet);font-size:12px}.baziGrid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:650}.baziField{position:relative;padding:8px;border:1px solid rgba(204,218,255,.18);border-radius:8px;background:linear-gradient(180deg,#fff8e80e,#83f0ff06),#070c1e85;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.baziField.filled{border-color:#83f0ff61;background:linear-gradient(135deg,#83f0ff1b,#f6a6c80b),#080e22a8}.baziField:focus-within{transform:translateY(-1px);border-color:#fff8e89e;box-shadow:0 0 0 3px #83f0ff1f,0 0 30px #83f0ff1a}.elementMandala{position:relative;z-index:1;display:grid;gap:14px;margin-top:14px;padding:14px;border:1px solid rgba(204,218,255,.2);border-radius:8px;background:radial-gradient(circle at 50% 43%,rgba(131,240,255,.12),transparent 35%),linear-gradient(145deg,rgba(246,166,200,.07),transparent 42%),linear-gradient(180deg,#fff8e80d,#83f0ff06),#060a1c94;box-shadow:inset 0 1px #fff8e812,0 20px 62px #122c5e40}.elementMandala:before{position:absolute;top:9px;right:9px;bottom:9px;left:9px;pointer-events:none;content:"";border:1px solid rgba(131,240,255,.08);border-radius:8px;background:linear-gradient(118deg,transparent 0 28%,rgba(131,240,255,.07) 30%,transparent 36%),repeating-linear-gradient(90deg,transparent 0 54px,rgba(255,248,232,.032) 55px,transparent 56px);opacity:.72}.mandalaHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mandalaHeader span{display:block;color:var(--quiet);font-size:12px}.mandalaHeader strong{display:block;margin-top:4px;color:var(--ink-strong);font-family:var(--font-display);font-size:19px;letter-spacing:0}.mandalaModes{display:inline-flex;gap:4px;padding:3px;border:1px solid rgba(204,218,255,.18);border-radius:8px;background:#050a1c9e;box-shadow:inset 0 1px #fff8e80d}.mandalaModes button{min-height:28px;padding:0 9px;color:var(--quiet);border-radius:7px;background:transparent;font-size:12px;font-weight:650}.mandalaModes button.active{color:#06111b;background:linear-gradient(115deg,var(--moon),#9ff5ff 48%,#f6a6c8);box-shadow:0 0 18px #83f0ff2e}.mandalaStage{position:relative;height:276px;overflow:hidden;border:1px solid rgba(204,218,255,.14);border-radius:8px;background:radial-gradient(circle at center,rgba(255,248,232,.1),transparent 15%),radial-gradient(circle at center,rgba(131,240,255,.105),transparent 43%),radial-gradient(circle at center,rgba(246,166,200,.08),transparent 60%),linear-gradient(150deg,#0515259e,#0e09208f),#04081694;box-shadow:inset 0 0 48px #83f0ff0f}.mandalaStage:before,.mandalaStage:after{position:absolute;top:22px;right:22px;bottom:22px;left:22px;pointer-events:none;content:"";border:1px solid rgba(131,240,255,.16);border-radius:50%;animation:slowTurn 46s linear infinite}.mandalaStage:after{top:62px;right:62px;bottom:62px;left:62px;border-style:dashed;border-color:#f6a6c826;animation-direction:reverse;animation-duration:34s}.relationSvg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}#arrow-sheng path{fill:#b8faffe6}#arrow-ke path{fill:#f6a6c8e0}.mandalaRing{fill:none;stroke-width:.45}.ringOuter{stroke:#83f0ff42}.ringInner{stroke:#f6a6c82e;stroke-dasharray:2 2}.relationGroup{opacity:.14;transition:opacity .18s ease}.relationGroup.visible{opacity:.92}.relationGroup.hidden{opacity:.06}.relationGroup.dimmed{opacity:.12}.relationLine{stroke-width:.95;stroke-linecap:round;stroke-dasharray:5 4;filter:drop-shadow(0 0 2px rgba(131,240,255,.48));animation:lineFlow 3.4s linear infinite}.relationGroup.sheng .relationLine{stroke:#a1f7ffd1}.relationGroup.ke .relationLine{stroke:#f6a6c8c7;stroke-dasharray:2.5 4.5;filter:drop-shadow(0 0 2px rgba(246,166,200,.42));animation-duration:5.2s}.relationText{fill:#fff8e8c7;font-family:var(--font-display);font-size:3px;letter-spacing:0;paint-order:stroke;stroke:#050818eb;stroke-width:1.2px;text-anchor:middle;dominant-baseline:middle}.relationGroup.ke .relationText{fill:#ffc2dbc7}.elementNode{--node-accent: var(--aqua);position:absolute;z-index:2;display:grid;place-items:center;width:66px;height:66px;margin:-33px 0 0 -33px;padding:0;color:var(--ink-strong);border:1px solid color-mix(in srgb,var(--node-accent) 54%,transparent);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,248,232,.16),transparent 55%),conic-gradient(color-mix(in srgb,var(--node-accent) 76%,var(--moon)) calc(var(--power) * 1%),#fff8e81a 0);box-shadow:0 12px 34px #00000057,0 0 24px color-mix(in srgb,var(--node-accent) 22%,transparent);transform:scale(1);transition:transform .2s ease,border-color .2s ease,opacity .2s ease,box-shadow .2s ease}.elementNode:before{position:absolute;top:7px;right:7px;bottom:7px;left:7px;content:"";border-radius:inherit;background:radial-gradient(circle at 50% 18%,rgba(255,248,232,.1),transparent 34%),linear-gradient(180deg,#0c1430f5,#050818fa)}.elementNode:after{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;pointer-events:none;content:"";border:1px solid color-mix(in srgb,var(--node-accent) 28%,transparent);border-radius:inherit;opacity:.34;animation:nodeBreath 3.8s ease-in-out infinite}.elementNode span,.elementNode b,.elementNode i{position:relative;z-index:1;display:block;line-height:1}.elementNode span{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:0}.elementNode b{margin-top:-3px;color:color-mix(in srgb,var(--node-accent) 46%,var(--moon));font-size:11px;font-weight:650}.elementNode i{margin-top:-3px;color:var(--quiet);font-size:9px;font-style:normal}.elementNode.wood{--node-accent: #88ead8}.elementNode.fire{--node-accent: #ff9ca7}.elementNode.earth{--node-accent: #f0c987}.elementNode.metal{--node-accent: #f8f2ff}.elementNode.water{--node-accent: #83f0ff}.elementNode.active,.elementNode:hover{transform:scale(1.08);border-color:#fff8e8b8;box-shadow:0 18px 42px #0006,0 0 30px color-mix(in srgb,var(--node-accent) 36%,transparent),0 0 0 4px #fff8e80f}.elementNode.mutedNode{opacity:.52}.elementNode.dominantNode{border-color:color-mix(in srgb,var(--node-accent) 72%,var(--moon));box-shadow:0 18px 44px #00000061,0 0 34px color-mix(in srgb,var(--node-accent) 40%,transparent),0 0 0 5px color-mix(in srgb,var(--node-accent) 9%,transparent)}.elementNode.scarceNode{border-style:dashed;border-color:#fff8e87a;opacity:.76}.relationLegend{display:grid;gap:8px}.relationLegend div{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(204,218,255,.14);border-radius:8px;background:#080e2270}.relationLegend b{color:var(--moon);font-size:12px;font-weight:650}.relationLegend span{overflow:hidden;color:var(--muted);font-size:12px;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}input,select,textarea{width:100%;min-height:38px;border:1px solid rgba(204,218,255,.18);border-radius:8px;padding:10px 12px;color:var(--ink);background:#050a1cb8;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input{font-weight:650}select{color:var(--ink)}option{color:#111629;background:#f4f0ff}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#c8c0d77a}input:focus,select:focus,textarea:focus{border-color:#83f0ff99;background:#050a1ceb;box-shadow:0 0 0 3px #83f0ff1f,0 0 26px #f6a6c814}input[type=range]{accent-color:var(--aqua)}.miniStats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.energyPanel{box-shadow:var(--shadow),inset 0 1px #fff8e814,0 0 38px var(--element-accent-soft)}.miniStats>div:not(.elementBars){padding:13px 12px;border:1px solid rgba(204,218,255,.14);border-radius:8px;background:linear-gradient(180deg,#fff8e80f,#83f0ff06),#080e227a}.energyPanel .miniStats>div:nth-child(2) strong{color:var(--element-accent);text-shadow:0 0 18px var(--element-accent-soft)}.miniStats span,.summaryBand span,.pathCard header span,.timelineItem span{display:block;color:var(--quiet);font-size:12px}.miniStats strong{display:block;margin-top:4px;color:var(--ink-strong);font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:0}.elementBars{grid-column:1 / -1;display:grid;gap:9px;margin-top:6px}.elementRow{--row-accent: var(--aqua);display:grid;grid-template-columns:24px 1fr 40px;align-items:center;gap:8px;min-height:25px;margin-inline:-6px;padding:3px 6px;border:1px solid transparent;border-radius:8px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.elementRow.element-wood{--row-accent: #88ead8}.elementRow.element-fire{--row-accent: #ff9ca7}.elementRow.element-earth{--row-accent: #f0c987}.elementRow.element-metal{--row-accent: #f8f2ff}.elementRow.element-water{--row-accent: #83f0ff}.elementRow.dominantRow{border-color:color-mix(in srgb,var(--row-accent) 44%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--row-accent) 14%,transparent),transparent);box-shadow:inset 0 0 18px color-mix(in srgb,var(--row-accent) 10%,transparent)}.elementRow.scarceRow{border-color:#fff8e829;background:linear-gradient(90deg,#fff8e80b,#040a1a1f)}.elementRow div,.meter{height:7px;overflow:hidden;border-radius:999px;background:#fff8e81a}.elementRow i,.meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--row-accent, var(--aqua)) 72%,var(--moon)),var(--row-accent, var(--aqua)));box-shadow:0 0 16px color-mix(in srgb,var(--row-accent, var(--aqua)) 28%,transparent)}.elementShift{grid-column:1 / -1;display:grid;gap:9px;margin-top:4px;padding:12px;border:1px solid var(--element-accent-line);border-radius:8px;background:linear-gradient(130deg,var(--element-accent-soft),rgba(255,248,232,.045),rgba(246,166,200,.035)),#040a1a80;box-shadow:inset 0 1px #fff8e814,0 0 26px var(--element-accent-soft)}.elementShift div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.elementShift strong{color:var(--element-accent);text-shadow:0 0 18px var(--element-accent-soft)}.elementShift p{margin-bottom:0;color:var(--muted);font-size:12.5px;line-height:1.65}.shiftPair{display:flex;flex-wrap:wrap;gap:7px}.shiftPair span{width:fit-content;padding:5px 8px;border:1px solid rgba(204,218,255,.14);border-radius:999px;background:#040a1a6b;color:var(--moon)}.emptyState{position:relative;display:grid;place-items:center;min-height:520px;overflow:hidden;padding:30px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#83f0ff13,#f6a6c80f),#080c1e8c;text-align:center;color:var(--muted);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2)}.emptyState svg{position:relative;z-index:2;margin-bottom:16px;color:var(--moon);filter:drop-shadow(0 0 16px rgba(131,240,255,.35))}.emptyState h2{position:relative;z-index:2;margin-bottom:8px}.emptyState p{position:relative;z-index:2;max-width:430px}.fateLens{position:absolute;width:min(68vw,500px);aspect-ratio:1;border:1px solid rgba(131,240,255,.18);border-radius:50%;animation:slowTurn 36s linear infinite}.fateLens:before,.fateLens:after,.fateLens span{position:absolute;top:14%;right:14%;bottom:14%;left:14%;content:"";border:1px solid rgba(131,240,255,.12);border-radius:50%}.fateLens:after{top:30%;right:30%;bottom:30%;left:30%;border-color:#f6a6c829}.fateLens span:nth-child(1){top:0;right:0;bottom:0;left:0;border-radius:0;border-width:0 1px;transform:rotate(33deg)}.fateLens span:nth-child(2){top:0;right:0;bottom:0;left:0;border-radius:0;border-width:1px 0;transform:rotate(33deg)}.fateLens span:nth-child(3){top:40%;right:8%;bottom:40%;left:8%;border-radius:999px;border-color:#fff8e82e;transform:rotate(-18deg)}.resultStack,.pathList,.timeline,.nodeForm,.adminPanel,.adminConfig{display:grid;gap:14px}.summaryBand{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;overflow:hidden;padding:20px;border:1px solid rgba(204,218,255,.24);border-radius:8px;color:var(--ink-strong);background:linear-gradient(122deg,rgba(131,240,255,.16),transparent 36%),linear-gradient(140deg,transparent 45%,rgba(246,166,200,.11) 72%,rgba(240,201,135,.07)),linear-gradient(180deg,#fff8e814,#83f0ff07),#080c1ed1;box-shadow:var(--gold-glow)}.summaryBand:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:repeating-linear-gradient(90deg,transparent 0 84px,rgba(255,248,232,.032) 85px,transparent 86px),linear-gradient(112deg,transparent 0 34%,rgba(131,240,255,.13) 42%,transparent 50%);transform:translate(-18%);animation:timeScan 8s ease-in-out infinite}.summaryBand:after{position:absolute;right:-60px;bottom:-92px;width:220px;height:220px;content:"";border:1px solid rgba(131,240,255,.16);border-radius:50%;box-shadow:inset 0 0 0 38px #f6a6c809,0 0 38px #83f0ff14;animation:slowTurn 48s linear infinite reverse}.summaryBand h2{position:relative;z-index:1;max-width:760px;margin-bottom:0;font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.5;letter-spacing:0}.summaryBand span{position:relative;z-index:1;color:var(--quiet)}.summaryBand strong{position:relative;z-index:1;color:var(--moon);font-family:var(--font-display);font-size:38px;font-weight:700;letter-spacing:0;text-shadow:0 0 22px rgba(131,240,255,.25)}.aiBadge,.notes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted)}.aiBadge{width:fit-content;padding:8px 11px;border:1px solid rgba(204,218,255,.18);border-radius:8px;background:#080e229e;font-size:13px;font-weight:650;box-shadow:inset 0 1px #fff8e80d}.activeAi{color:var(--moon)}.notes span,.pillRow span{padding:7px 10px;border:1px solid rgba(204,218,255,.14);border-radius:999px;background:#080e227a;color:var(--soft);font-size:12px;font-weight:650}.branchFocus{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:16px;padding:14px 16px;border:1px solid rgba(204,218,255,.18);border-radius:8px;background:linear-gradient(90deg,#83f0ff17,#f6a6c80e),#080e22ad;box-shadow:inset 0 1px #fff8e80f}.branchFocus span{display:block;color:var(--quiet);font-size:12px}.branchFocus strong{display:block;margin-top:3px;color:var(--ink-strong);font-family:var(--font-display);font-size:21px;letter-spacing:0}.branchFocus b{color:var(--moon);font-family:var(--font-display);font-size:29px;letter-spacing:0;text-shadow:0 0 18px rgba(131,240,255,.23)}.branchRail{display:flex;align-items:center;gap:8px;min-height:28px}.branchRail button{flex:1;min-width:24px;height:7px;border:1px solid rgba(204,218,255,.14);border-radius:999px;background:linear-gradient(90deg,var(--aqua),var(--moon),var(--rose) calc(var(--score) * 1%),rgba(255,248,232,.09) 0);opacity:.62;transition:height .18s ease,opacity .18s ease,box-shadow .18s ease}.branchRail button.active,.branchRail button:hover{height:14px;opacity:1;box-shadow:0 0 18px #83f0ff38}.pathList{perspective:1200px}.pathCard{position:relative;overflow:hidden;padding:20px;border:1px solid rgba(204,218,255,.16);border-radius:8px;background:linear-gradient(135deg,#fff8e80f,#83f0ff09 46%,#f6a6c808),#090e22c2;box-shadow:0 18px 50px #0000003d,inset 0 1px #fff8e80b;animation:riseIn .42s ease both;animation-delay:calc(var(--rank) * 58ms);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.pathCard:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(105deg,rgba(131,240,255,.11),transparent 34%),repeating-linear-gradient(90deg,transparent 0 72px,rgba(255,248,232,.025) 73px,transparent 74px);opacity:.4;transition:opacity .2s ease}.pathCard:hover,.pathCard:focus-visible{border-color:#83f0ff6b;box-shadow:var(--gold-glow);transform:translateY(-2px);outline:none}.pathCard.selected{border-color:#fff8e885;background:linear-gradient(135deg,#83f0ff24,#f6a6c813,#f0c9870e),#080c1edb;box-shadow:0 20px 60px #00000059,0 0 0 1px #fff8e81a,0 0 34px #83f0ff1f}.pathCard.selected:before,.pathCard:hover:before{opacity:1}.pathCard header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}.pathCard h3{margin-bottom:0}.pathCard header strong{color:var(--moon);font-family:var(--font-display);font-size:34px;font-weight:700;letter-spacing:0;text-shadow:0 0 18px rgba(131,240,255,.22)}.meter{position:relative;z-index:1;height:8px;margin-bottom:15px}.pathCard p,.pillRow,.twoCols{position:relative;z-index:1}.muted{color:var(--muted)}.pillRow{display:flex;flex-wrap:wrap;gap:8px;min-height:28px}.twoCols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}.twoCols>div{display:grid;gap:7px;padding:12px;border:1px solid rgba(204,218,255,.14);border-radius:8px;background:#080e2275}.twoCols b{color:var(--moon);font-size:13px;font-weight:650}.twoCols span{color:var(--muted);font-size:13px;line-height:1.62}.nodeForm label b{color:var(--moon)}.timeline{position:relative}.timeline:before{position:absolute;top:8px;bottom:8px;left:10px;width:1px;content:"";background:linear-gradient(var(--aqua),rgba(246,166,200,.45),transparent)}.timelineItem{position:relative;display:flex;justify-content:space-between;gap:14px;padding:15px 15px 15px 28px;border:1px solid rgba(204,218,255,.16);border-radius:8px;background:linear-gradient(135deg,#fff8e80e,#83f0ff06),#080e22b8;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.timelineItem:before{position:absolute;top:23px;left:6px;width:9px;height:9px;content:"";border:1px solid rgba(255,248,232,.48);border-radius:50%;background:var(--aqua);box-shadow:0 0 14px #83f0ff47}.timelineItem:hover{transform:translate(3px);border-color:#83f0ff61;box-shadow:var(--gold-glow)}.timelineItem time{color:var(--moon);font-size:12px;font-weight:650}.timelineItem h3{margin:4px 0 6px}.timelineItem p{margin-bottom:8px;color:var(--muted)}.iconButton{flex:0 0 38px;width:38px;height:38px;color:#ffc2db;border:1px solid rgba(246,166,200,.26);background:#f6a6c81c}.topIcon{color:var(--soft);border-color:#ccdaff29;background:#080e2285}.observatoryGrid{display:grid;grid-template-columns:minmax(210px,286px) minmax(400px,1fr) minmax(300px,520px);gap:14px;align-items:start}.controlColumn,.resultColumn,.observatoryResults{display:grid;gap:14px}.resultColumn,.observatoryResults{align-content:start}.baziConsole,.energyPanel,.mandalaPanel,.destinyPanel,.branchPanel,.nodeOrbitPanel{border-color:#ccdaff2b;background:linear-gradient(180deg,#fff8e811,#83f0ff06),linear-gradient(145deg,#081428d6,#060a1ab8)}.baziConsole .baziGrid{grid-template-columns:1fr}.baziConsole .baziField{grid-template-columns:64px minmax(0,1fr);align-items:center;padding:9px 10px}.baziConsole .baziField span{color:#fff8e8c2;font-family:var(--font-display);font-size:15px}.baziConsole input{min-height:34px;text-align:center}.oracleTextField{position:relative;z-index:1;display:grid;gap:8px;margin-bottom:12px;padding:11px;border:1px solid rgba(240,201,135,.16);border-radius:8px;background:linear-gradient(145deg,#f0c98713,#83f0ff08,#f6a6c809),#04091880;box-shadow:inset 0 1px #fff8e80f}.oracleTextField.filled{border-color:#f0c98757;box-shadow:inset 0 1px #fff8e814,0 0 26px #f0c98714}.oracleTextField span{color:var(--moon);font-family:var(--font-display);font-size:15px}.oracleTextField textarea{min-height:118px;line-height:1.62;resize:vertical}.oracleTextField small{color:#e8ddff99;font-size:12px;font-weight:500;line-height:1.5}.oracleFieldFooter{display:grid;gap:10px}.inlineOracleButton{justify-self:stretch}.birthGrid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.birthField{padding:10px;border:1px solid rgba(240,201,135,.15);border-radius:8px;background:linear-gradient(145deg,#f0c98711,#83f0ff06),#0409186b}.birthField span{color:#fff8e8b8;font-size:12px}.birthField input,.birthField select{min-height:34px;padding:8px 10px;text-align:left}.wideBirth{grid-column:1 / -1}.calendarChip{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;color:var(--muted);border:1px solid rgba(204,218,255,.13);border-radius:8px;background:#0409187a;font-size:12px}.completenessRail{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:14px;color:var(--muted);font-size:12px}.completenessRail strong{color:var(--moon);font-family:var(--font-display);font-size:15px}.completenessRail i{grid-column:1 / -1;display:block;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--aqua),var(--moon),var(--rose));box-shadow:0 0 18px #83f0ff47}.energyPanel .miniStats{margin-top:0}.energyPanel .miniStats>div:not(.elementBars){padding:10px}.energyPanel .miniStats strong{font-size:20px}.pillarBoard{position:relative;z-index:1;display:grid;gap:10px;margin-top:12px;padding:12px;border:1px solid rgba(240,201,135,.17);border-radius:8px;background:linear-gradient(135deg,#f0c98714,#83f0ff0b,#f6a6c80a),#040a1a7a;box-shadow:inset 0 1px #fff8e812,0 18px 46px #02051229}.pillarBoardHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.pillarBoardHeader span,.pillarTile span{color:var(--quiet);font-size:12px}.pillarBoardHeader strong{color:var(--gold-soft);font-family:var(--font-display);font-size:15px}.pillarTiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pillarTile{min-width:0;padding:10px 9px;border:1px solid rgba(204,218,255,.13);border-radius:8px;background:linear-gradient(180deg,#fff8e80b,#83f0ff05),#050a1c70}.pillarTile.active{border-color:#83f0ff4d;box-shadow:inset 0 0 22px #83f0ff0e}.pillarTile strong{display:block;margin-top:4px;color:var(--moon);font-family:var(--font-display);font-size:24px;line-height:1}.pillarTile small{display:block;margin-top:7px;color:#e8ddff9e;font-size:11px;line-height:1.35}.pillarBoard p{margin:0;color:#fff8e8b8;font-size:12px;line-height:1.55}.mandalaPanel{min-height:662px;padding:12px}.mandalaPanel:after{position:absolute;top:18px;right:18px;bottom:18px;left:18px;pointer-events:none;content:"";border:1px solid rgba(240,201,135,.08);border-radius:8px;background:radial-gradient(circle at 50% 50%,transparent 0 38%,rgba(240,201,135,.055) 39%,transparent 40%),repeating-conic-gradient(from 4deg,rgba(240,201,135,.08) 0deg .35deg,transparent .35deg 7.5deg);opacity:.7;-webkit-mask-image:radial-gradient(circle at center,transparent 0 19%,#000 22% 67%,transparent 70%);mask-image:radial-gradient(circle at center,transparent 0 19%,#000 22% 67%,transparent 70%);animation:slowTurn 80s linear infinite reverse}.mandalaPanel .elementMandala{height:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.mandalaPanel .elementMandala:before{display:none}.mandalaPanel .mandalaHeader,.mandalaPanel .relationLegend{position:relative;z-index:2}.mandalaPanel .mandalaHeader strong{font-size:24px}.mandalaPanel .mandalaStage{position:relative;z-index:1;height:auto;aspect-ratio:1;margin-top:10px;border-color:#f0c98724;background:linear-gradient(180deg,#04091805,#04091814),url(/assets/astrolabe-plate-BWXn9z4z.png) center / cover no-repeat,linear-gradient(150deg,#031220c7,#040918bd),#040816bd;box-shadow:inset 0 0 60px #83f0ff17,inset 0 0 0 1px #fff8e80a,0 24px 80px #040b1e7a}.mandalaPanel .mandalaStage:before{top:3%;right:3%;bottom:3%;left:3%;border-color:#83f0ff14;opacity:.55}.mandalaPanel .mandalaStage:after{top:28%;right:28%;bottom:28%;left:28%;border-color:#f0c98717;opacity:.45}.mandalaPanel .elementNode{width:104px;height:104px;margin:-52px 0 0 -52px;border-color:transparent;background:transparent;box-shadow:none;opacity:.06;mix-blend-mode:screen}.mandalaPanel .elementNode:before{top:12px;right:12px;bottom:12px;left:12px;background:radial-gradient(circle,rgba(255,248,232,.42),rgba(131,240,255,.18) 32%,transparent 64%);opacity:0;transition:opacity .2s ease}.mandalaPanel .elementNode:after{top:1px;right:1px;bottom:1px;left:1px;border-color:color-mix(in srgb,var(--node-accent) 42%,transparent);opacity:.28}.mandalaPanel .elementNode span,.mandalaPanel .elementNode b,.mandalaPanel .elementNode i{opacity:0}.mandalaPanel .elementNode:hover,.mandalaPanel .elementNode.active{opacity:.34;transform:scale(1.04)}.mandalaPanel .elementNode.dominantNode{opacity:.42;transform:scale(1.03);filter:saturate(1.3)}.mandalaPanel .elementNode.dominantNode:before{opacity:.78}.mandalaPanel .elementNode.scarceNode{opacity:.2}.mandalaPanel .elementNode.scarceNode:after{border-style:dashed;opacity:.58}.mandalaPanel .elementNode:hover:before,.mandalaPanel .elementNode.active:before{opacity:1}.mandalaPanel .relationSvg{z-index:2;opacity:.2;mix-blend-mode:screen}.mandalaPanel .mandalaRing{opacity:0}.mandalaPanel .relationGroup.visible{opacity:.42}.mandalaPanel .relationGroup.hidden{opacity:.03}.mandalaPanel .relationText{opacity:0}.mandalaPanel .relationLegend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mandalaPanel .relationLegend div{padding:8px 10px;background:#040a1a6b}.destinyPanel,.branchPanel,.nodeOrbitPanel{min-height:0;padding:14px}.destinyPanel .panelHeader{margin-bottom:10px}.mainFateCard{position:relative;z-index:1;display:grid;gap:8px;min-height:184px;padding:9px 132px 9px 12px;border:1px solid rgba(204,218,255,.12);border-radius:8px;background:linear-gradient(120deg,rgba(131,240,255,.075),transparent 42%),linear-gradient(180deg,#fff8e80b,#040a1a29),#040a1a42}.mainFateCard:after{position:absolute;top:8px;right:12px;z-index:0;display:block;width:124px;height:124px;pointer-events:none;content:"";border:1px solid rgba(240,201,135,.22);background:radial-gradient(circle at 58% 42%,rgba(255,248,232,.18),transparent 38%),url(/assets/moon-lens-CYNSzEnr.png) center / cover no-repeat,#040a1ac7;border-radius:50%;opacity:1;box-shadow:inset 0 0 0 1px #fff8e80f,0 0 24px #83f0ff38;filter:saturate(1.12) contrast(1.08);mix-blend-mode:normal}.mainFateCard>*{position:relative;z-index:1}.mainFateCard p{display:-webkit-box;margin-bottom:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12.5px;line-height:1.55}.mainFateCard p.muted{display:none}.mainFateCard .aiBadge{display:inline-flex;padding:6px 9px;font-size:12px}.fateCardTop{display:block;min-height:0}.fateCardTop span,.branchCard span{display:block;color:var(--quiet);font-size:12px}.fateCardTop h3{margin:4px 0 0;font-size:27px;line-height:1.12}.probabilityTag{display:inline-flex;width:max-content;margin-top:6px;padding:6px 9px;color:var(--aqua);border:1px solid rgba(131,240,255,.18);border-radius:999px;background:#83f0ff14;font-size:12px;font-weight:650;transform:none;white-space:nowrap}.fateMeter{height:6px;margin:0}.keywordRow{display:flex;flex-wrap:wrap;gap:7px}.keywordRow span{padding:5px 8px;color:var(--gold-soft);border:1px solid rgba(240,201,135,.15);border-radius:8px;background:#f0c9870e;font-size:12px}.keywordRow span:nth-child(n+3){display:none}.compactEmpty{min-height:190px;padding:18px;background:#080e226b;box-shadow:none}.compactEmpty svg{width:32px;height:32px}.compactEmpty h2{font-size:21px}.compactEmpty p{max-width:320px;margin-bottom:0}.compactPaths{gap:8px}.branchCard{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr) auto 18px;gap:10px;align-items:center;min-height:64px;height:68px;padding:7px 9px;border:1px solid rgba(204,218,255,.14);border-radius:8px;background:linear-gradient(90deg,#83f0ff0f,#fff8e806),#040a1a94;animation:riseIn .38s ease both;animation-delay:calc(var(--rank) * 50ms);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.branchCard:hover,.branchCard:focus-visible,.branchCard.selected{border-color:#83f0ff57;box-shadow:0 0 30px #83f0ff17;transform:translateY(-1px);outline:none}.branchThumb{width:78px;height:46px;border:1px solid rgba(204,218,255,.16);border-radius:8px;background:linear-gradient(120deg,#04081614,#04081633),url(/assets/branch-adventure-B7VfWN5W.png) center / cover no-repeat}.branchCard:nth-child(3n+2) .branchThumb{background-image:linear-gradient(120deg,#04081614,#04081633),url(/assets/branch-creation-D7AZ_jcD.png)}.branchCard:nth-child(3n) .branchThumb{background-image:linear-gradient(120deg,#04081614,#04081633),url(/assets/branch-research-FDtICsvk.png)}.branchCard h3{margin:2px 0 4px;font-size:16px}.branchCard strong{color:var(--moon);font-family:var(--font-display);font-size:16px}.branchCard svg{color:var(--gold-soft)}.compactPaths .pillRow span:nth-child(n+2){display:none}.branchPanel .panelHeader,.nodeOrbitPanel .panelHeader{margin-bottom:10px}.observatoryResults>.notes{position:relative;z-index:1;display:flex;padding:10px 11px;border:1px solid rgba(240,201,135,.12);border-radius:8px;background:#040a1a61}.phaseRibbon{position:relative;z-index:1;display:grid;gap:8px;padding:12px 14px;border:1px solid var(--element-accent-line);border-radius:8px;background:linear-gradient(115deg,var(--element-accent-soft),rgba(255,248,232,.055),rgba(246,166,200,.035)),#040a1aa3;box-shadow:inset 0 1px #fff8e814,0 0 28px var(--element-accent-soft)}.phaseRibbon.aiTakingOver{overflow:hidden;border-color:#f0c98785;background:linear-gradient(115deg,#f0c98726,#83f0ff12,#f6a6c80d),#040a1ab8;box-shadow:inset 0 1px #fff8e81a,0 0 34px #f0c98724}.phaseRibbon.aiTakingOver:after{content:"";position:absolute;inset:-40% auto -40% -28%;width:34%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,248,232,.2),transparent);animation:aiTransitSweep 2.8s ease-in-out infinite;pointer-events:none}.phaseRibbon div{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.phaseRibbon span{color:var(--quiet);font-size:12px}.phaseRibbon strong{color:var(--element-accent);font-family:var(--font-display);font-size:20px;text-shadow:0 0 18px var(--element-accent-soft)}.phaseRibbon.aiTakingOver strong{color:var(--gold-soft);text-shadow:0 0 20px rgba(240,201,135,.32)}.phaseRibbon p{margin-bottom:0;color:var(--muted);font-size:12.5px;line-height:1.6}.aiStatePill{width:fit-content;margin-left:auto;padding:5px 8px;color:var(--muted);border:1px solid rgba(204,218,255,.16);border-radius:999px;background:#040a1a7a;font-size:12px;font-weight:700}.activeAiState{color:#06111b;border-color:#fff8e880;background:linear-gradient(115deg,var(--moon),var(--element-accent),#f6a6c8);box-shadow:0 0 22px var(--element-accent-soft)}.loadingAiState{color:var(--gold-soft);border-color:#f0c9876b;background:#f0c9871a;box-shadow:0 0 18px #f0c9871f}.aiFallbackText{color:#ffc2db!important}@keyframes aiTransitSweep{0%{left:-28%;opacity:0}20%,72%{opacity:1}to{left:112%;opacity:0}}@media(min-width:1320px){.mainFateCard{min-height:178px}.probabilityTag{position:absolute;top:36px;right:126px;margin-top:0}.mainFateCard p{-webkit-line-clamp:2}}.smallButton{min-height:32px;padding:0 10px;font-size:12px}.compactTimeline{gap:9px}.compactTimeline:before{top:18px;bottom:18px;background:linear-gradient(var(--aqua),rgba(240,201,135,.34),transparent)}.compactNode{min-height:0;padding:9px 9px 9px 28px;background:#040a1a61}.compactNode:before{top:17px}.compactNode h3{margin:3px 0;font-size:15px}.viewMoreNodes{justify-self:start;margin-left:28px}.adminHost{max-width:920px}.adminNotice{position:relative;z-index:1;display:grid;gap:5px;margin-bottom:14px;padding:13px 14px;border:1px solid rgba(240,201,135,.18);border-radius:8px;background:linear-gradient(120deg,#f0c98714,#83f0ff09),#040a1a80}.adminNotice strong{color:var(--moon);font-family:var(--font-display);font-size:17px}.adminNotice span{color:var(--muted);font-size:13px;line-height:1.55}.adminLogin{position:relative;z-index:1;display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:end;margin-bottom:14px}.adminField small{color:var(--quiet);font-weight:500}.adminConfig{position:relative;z-index:1;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.adminConfig .adminField:first-child,.adminConfig .adminField:nth-child(7),.adminActions{grid-column:1 / -1}.adminConfig input[type=checkbox]{width:24px;min-height:24px;accent-color:var(--aqua)}.successText,.errorText{margin:0;font-weight:650}.readingStatus{position:relative;z-index:1;margin-top:12px;padding:10px 12px;border:1px solid rgba(204,218,255,.16);border-radius:8px;background:linear-gradient(120deg,#83f0ff18,#f0c98712,#f6a6c80b),#040a1a8a;box-shadow:inset 0 1px #fff8e812,0 0 24px #83f0ff14;font-size:12.5px}.pendingText{color:var(--gold-soft)}.successText{color:var(--jade)}.errorText{color:#ffc2db}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sheen{to{transform:translate(120%)}}@keyframes slowTurn{to{transform:rotate(360deg)}}@keyframes lineFlow{to{stroke-dashoffset:-18}}@keyframes dreamDrift{0%{filter:saturate(.92) contrast(1.04) brightness(.84);transform:scale(1.02) translate3d(-8px,-5px,0)}to{filter:saturate(1.08) contrast(1.08) brightness(.96);transform:scale(1.06) translate3d(10px,7px,0)}}@keyframes timeVeil{0%{opacity:.56;transform:translate3d(-2%,-1%,0)}to{opacity:.9;transform:translate3d(2%,1%,0)}}@keyframes timeScan{0%,to{opacity:.24;transform:translate(-22%)}45%{opacity:.72;transform:translate(12%)}}@keyframes nodeBreath{0%,to{opacity:.22;transform:scale(.94)}50%{opacity:.58;transform:scale(1.04)}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:1100px){h1{font-size:39px}.contentGrid,.observatoryGrid{grid-template-columns:minmax(280px,330px) minmax(0,1fr)}.mandalaPanel{grid-row:span 2}.resultColumn{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.notes{grid-column:1 / -1}}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;height:auto;flex-direction:row;align-items:center;overflow-x:auto;padding:12px}.sidebar:before{display:none}.brand{min-width:190px}.nav{display:flex}.nav button{white-space:nowrap}.statusBox{display:none}.main{max-width:none}.contentGrid,.observatoryGrid,.nodeGrid{grid-template-columns:1fr}.mandalaPanel{grid-row:auto;order:3}.controlColumn{order:1}.resultColumn{grid-column:auto;grid-template-columns:1fr;order:2;scroll-margin-top:96px}}@media(max-width:640px){body:before{background:linear-gradient(90deg,#050715f5,#0619289e 46%,#080616f5),repeating-linear-gradient(115deg,transparent 0 72px,rgba(131,240,255,.03) 73px,transparent 74px)}.fateBackdrop{background-image:linear-gradient(90deg,#050715e6,#05101f80 48%,#0a0719eb),radial-gradient(circle at 50% 18%,rgba(131,240,255,.16),transparent 34%),radial-gradient(circle at 70% 58%,rgba(246,166,200,.13),transparent 36%);background-size:auto;animation:none}.sidebar{display:grid;grid-template-columns:1fr;gap:12px;overflow:visible}.brand{min-width:0}.nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.nav button{justify-content:center;min-width:0;padding:0 8px;font-size:14px}.main{padding:20px 12px 36px}h1{max-width:100%;font-size:30px;line-height:1.18}h2{font-size:21px}.topbar,.summaryBand,.pathCard header{display:flex;flex-direction:column;align-items:stretch}.summaryBand strong{font-size:36px}.branchFocus{grid-template-columns:1fr}.actions,.formActions,.adminActions{width:100%}.actions button,.formActions button,.adminActions button{flex:1 1 160px}.topbar .actions button{flex:1 1 0;min-width:0}.topIcon{display:none}.baziGrid,.birthGrid,.miniStats,.twoCols,.adminConfig,.adminLogin{grid-template-columns:1fr}.mandalaHeader{display:grid}.mandalaStage{height:258px}.mandalaPanel{min-height:auto;padding:14px}.mandalaPanel .mandalaStage{height:auto;aspect-ratio:1;background-size:auto,contain,auto,auto;background-repeat:no-repeat}.mandalaPanel .relationLegend{grid-template-columns:1fr}.elementNode{width:60px;height:60px;margin:-30px 0 0 -30px}.mandalaPanel .elementNode{width:62px;height:62px;margin:-31px 0 0 -31px}.elementNode span,.mandalaPanel .elementNode span{font-size:22px}.fateCardTop,.branchCard{grid-template-columns:1fr}.mainFateCard{min-height:0;padding:12px}.mainFateCard:after{top:12px;right:12px;width:72px;height:72px;opacity:.36}.mainFateCard p{-webkit-line-clamp:4}.branchCard{align-items:start;height:auto;min-height:0;padding:10px}.branchThumb{width:100%;height:76px}.branchCard svg{display:none}.relationLegend div{grid-template-columns:1fr}.relationLegend span{white-space:normal}.adminConfig .adminField:first-child,.adminConfig .adminField:nth-child(7),.adminActions{grid-column:auto}}
