/* Product flow, scoped to the redesigned home/chart surface. */
.product-redesign {--radius-panel:12px;--radius-control:8px;background:radial-gradient(ellipse at 77% 16%,#111d303b,transparent 36%),linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px),#08090c;background-size:auto,96px 96px,96px 96px,auto;}
.product-redesign::after {display:none}
.product-redesign::before {opacity:.06}
.product-redesign main,.product-redesign footer {width:min(1280px,calc(100% - 80px));margin-inline:auto}
.product-redesign .primary-button {border:1px solid #a9c7ff;background:#9abaff;color:#091321;border-radius:7px;box-shadow:none;transition:background .2s,transform .2s}
.product-redesign .primary-button:hover {background:#bad0ff;transform:translateY(-2px)}
.product-redesign .primary-button:active {transform:translateY(0)}
.product-redesign .secondary-button {border-radius:7px;background:#14171d;box-shadow:none}
.product-redesign :focus-visible {outline:2px solid #b2ccff;outline-offset:5px}
.skip-link {position:fixed;top:8px;left:16px;z-index:100;background:#b2ccff;color:#08090c;padding:12px;transform:translateY(-160%);opacity:0;pointer-events:none}
.skip-link:focus {transform:none;opacity:1;pointer-events:auto}
.product-redesign .eyebrow {font-size:11px;letter-spacing:.14em;color:#8ca4c9;font-weight:550}
.home-hero {display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:680px;padding:80px 0 110px;gap:35px}
.hero-copy h1 {font-size:clamp(44px,5.3vw,76px);font-weight:550;letter-spacing:-.055em;line-height:1.24;margin:28px 0}
.hero-copy h1 span {color:#9aadd0}
.hero-description {font-size:17px;line-height:1.9;color:#969fae;margin:0 0 34px}
.hero-cta {display:inline-flex;width:max-content;max-width:100%;align-items:center;justify-content:space-between;min-width:224px;gap:44px;padding:16px 22px;text-decoration:none;font-size:15px;font-weight:650}
.hero-cta span {font-size:23px;font-weight:400}
.hero-caption {font-size:11px;color:#7f8795;margin-top:20px;line-height:1.8}
.hero-caption span {display:block;color:#b3bac5}
.hero-object {position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.hero-object::before {content:"";position:absolute;inset:15% 0 6%;background:radial-gradient(ellipse,#557cb81a,transparent 65%);z-index:-1}
.hero-object img {width:100%;max-width:480px;aspect-ratio:1;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at 50% 52%,#000 45%,transparent 74%);filter:saturate(.72);animation:bottle-breathe 7s ease-in-out infinite}
.orbital-caption,.object-footnote {display:flex;justify-content:space-between;font-size:10px;letter-spacing:.06em;color:#778496}
.orbital-caption {padding:18px 0;border-top:1px solid #ffffff12;margin-top:24px}
.object-footnote {padding:18px 0;border-bottom:1px solid #ffffff12}
.section-heading {position:relative;padding:70px 0 55px;border-top:1px solid #ffffff18}
.section-heading h2 {font-size:clamp(32px,4.2vw,55px);font-weight:500;line-height:1.3;letter-spacing:-.045em;margin:20px 0 0}
.section-aside {position:absolute;right:0;bottom:62px;font-size:12px;color:#9199a7}
.chart-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1.25rem;align-items:start;margin:1rem 0 1.5rem}
.person-chart{min-width:0;padding:1.25rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-1)}
.chart-pair:not(.is-paired){display:block;margin:0 0 1.5rem}
.chart-pair:not(.is-paired) .person-chart{padding:0;border:0;background:none}
.chart-pair:not(.is-paired) .person-heading{display:none}
.person-heading{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;font-size:1rem;letter-spacing:.04em}
.person-heading span{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;color:var(--text-primary);background:var(--gradient-brand);font-size:.8rem}
.relationship-connector{align-self:center;color:var(--text-muted);font-size:1.5rem}
.flow-details .chart-pair .birth-fields{margin-top:0}
@media (max-width: 720px){.chart-pair{grid-template-columns:1fr;gap:.75rem}.relationship-connector{justify-self:center;transform:rotate(90deg)}.person-chart{padding:1rem}.flow-details .birth-fields{grid-template-columns:1fr}}
.story-layout {display:grid;grid-template-columns:1fr 1.1fr;gap:90px;position:relative}
.story-step {min-height:480px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:70px 0;opacity:.35;transition:opacity .4s}
.story-step.is-current {opacity:1}
.step-number {font:11px ui-monospace,monospace;color:#8ca4c9;letter-spacing:.1em}
.story-step h3 {font-size:36px;font-weight:500;letter-spacing:-.045em;margin:20px 0}
.story-step p {font-size:19px;color:#a2aab7;line-height:1.9;margin:0 0 28px}
.step-detail {font-size:12px;line-height:2.2;color:#7e8796}
.pro-ink {background:linear-gradient(105deg,#e5a578,#bda0e0,#8eaff0,#85c6b4);color:transparent;background-clip:text;font-style:normal}
.story-pin {position:sticky;top:calc(50dvh - 250px);height:auto;align-self:start;margin-top:20px}
.product-preview {border:1px solid #ffffff1c;border-radius:12px;background:linear-gradient(155deg,#151c28,#0d1016 68%);overflow:hidden;box-shadow:0 28px 80px #0005}
.preview-bar {display:flex;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #ffffff10;font-size:12px;color:#b0bbca}
.preview-bar b {font-weight:400;color:#4d5a6c;margin:0 8px}
.preview-bar small {color:#6e798a;font-size:10px}
.preview-scenes {display:grid;min-height:406px}
.preview-scene {position:relative;grid-area:1 / 1;min-width:0;visibility:hidden;padding:30px 32px;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .4s,transform .5s;pointer-events:none}
.preview-scene.is-active {visibility:visible;opacity:1;transform:none;pointer-events:auto}
.preview-scene>small {font:10px ui-monospace,monospace;color:#7e95b8;letter-spacing:.08em}
.preview-scene h4 {font-size:25px;font-weight:500;letter-spacing:-.035em;margin:14px 0 24px}
.preview-birth {display:flex;justify-content:space-between;font-size:11px;color:#7c8799;border-bottom:1px solid #ffffff14;padding-bottom:14px}
.preview-birth span {color:#b9c8df}
.preview-system {display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin:13px 0}
.preview-system>span {padding:11px 0;border-bottom:1px solid #ffffff0c;font-size:13px;color:#abb8cc}
.preview-system>span:first-child {color:#9bbcff}
.preview-system b {float:right;font-size:10px;font-weight:400}
.preview-system .pro-ink {grid-column:1/-1;color:transparent}
.preview-bottom {display:flex;justify-content:space-between;padding:13px 16px;background:#9bbcff;color:#101725;font-size:12px;border-radius:5px;margin-top:18px}
.kit-sheet {border:1px solid #ffffff18;padding:17px;border-radius:6px;background:#0b1018}
.kit-sheet>div {font:12px ui-monospace,monospace;color:#bdcce3;display:flex;justify-content:space-between}
.kit-sheet span {font-size:9px;color:#6c7b91}
.kit-sheet p {font-size:11px;line-height:1.9;color:#8a97aa;margin:14px 0}
.kit-sheet i {display:block;background:#30415e;height:3px;width:74%;margin:5px 0}
.kit-sheet i:last-child {width:48%}
.preview-note {font-size:10px;color:#7c8798;margin-top:18px}
.preview-note span {float:right}
.preview-categories {font-size:12px;color:#7991b7;line-height:2.2;margin-bottom:16px}
.preview-question {font-size:12px;border-top:1px solid #ffffff13;padding:13px 0;color:#cad2df}
.preview-question span {float:right}
.transfer-sheet {padding:30px 12px;display:flex;gap:14px;justify-content:center;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;color:#c4d5f0;font-size:17px}
.transfer-sheet b {font-weight:300;color:#64738a}
.transfer-arrow {text-align:center;color:#7f99c1;padding:16px;font-size:25px}
.ai-destinations {display:grid;grid-template-columns:1fr 1fr;gap:12px;color:#aab4c5;font-size:14px;text-align:center}
.story-progress {display:flex;gap:6px;padding:0 32px 25px}
.story-progress i {height:2px;flex:1;background:#252e3b;transition:background .3s}
.story-progress i.is-active {background:#90b1ea}
.home-prompts {padding:60px 0 110px}
.category-line {font-size:12px;letter-spacing:.05em;color:#6f7f96;margin:0 0 35px}
.editorial-row {display:grid;grid-template-columns:140px 1fr 35px;align-items:center;border-top:1px solid #ffffff20;padding:34px 0;text-decoration:none;transition:padding .3s,color .3s}
.editorial-row:last-child {border-bottom:1px solid #ffffff20}
.editorial-row>span:first-child {font-size:11px;color:#7c8da6}
.editorial-row h3 {font-size:clamp(18px,2.4vw,30px);font-weight:450;letter-spacing:-.04em;margin:0}
.row-arrow {font-size:25px;color:#7697cd;transition:transform .25s}
.editorial-row:hover {padding-left:14px;color:#accaff}
.editorial-row:hover .row-arrow {transform:translate(3px,-3px)}
.home-closing {padding:80px 0 115px;border-top:1px solid #ffffff1c;position:relative}
.home-closing h2 {font-size:clamp(38px,5vw,66px);letter-spacing:-.045em;font-weight:500;line-height:1.3;margin:24px 0 36px}
.home-closing>p {font-size:12px;color:#7e8796;margin-top:20px}
.product-redesign footer {border-top:1px solid #ffffff15;padding-top:30px}
.product-redesign footer>p {font-size:12px;color:#7e8796}
#chart-page {padding:44px 0 80px;min-height:75dvh}
.flow-heading {max-width:800px;margin:0 auto}
.flow-heading>.text-link {font-size:12px}
.flow-heading .eyebrow {margin-top:42px}
.flow-heading h1 {font-weight:500;font-size:42px;letter-spacing:-.045em;margin:16px 0}
.flow-heading>p:last-child {font-size:14px;color:#8d98aa;line-height:1.8}
.flow-progress {display:flex;border-bottom:1px solid #ffffff15;max-width:800px;margin:34px auto}
.flow-progress button {width:33.33%;text-align:left;border:0;border-bottom:2px solid transparent;background:none;color:#68768c;padding:16px 0;font-size:13px}
.flow-progress button span {font:11px ui-monospace,monospace;margin-right:14px}
.flow-progress button[data-active] {color:#b5cdff;border-bottom-color:#9cbfff}
.product-redesign .workspace {display:block;max-width:800px;margin:auto;padding:0}
.product-redesign .chart-form,.product-redesign .result-panel {padding:0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;min-height:0}
.product-redesign .chart-form::after,.product-redesign .chart-form::before,.product-redesign .result-panel::after,.product-redesign .result-panel::before {display:none}
.flow-step {min-height:320px;animation:flow-in .25s ease-out}
.product-redesign .birth-fields {gap:25px 22px}
.product-redesign .field>span {font-size:13px;font-weight:500}
.product-redesign input,.product-redesign select {border-radius:6px;background:#10131a;border-color:#ffffff20;min-height:48px;font-size:14px}
.product-redesign input[type=checkbox] {min-height:0}
.product-redesign .field-help {font-size:11px;line-height:1.8;color:#768397}
.product-redesign .birth-time-helper {display:none}
.product-redesign .settings-accordion,.product-redesign .compact-setting {border:0;border-top:1px solid #ffffff14;border-radius:0;background:none;box-shadow:none;margin-top:26px}
.product-redesign .settings-accordion>summary {padding:18px 0}
.product-redesign .settings-accordion>summary strong {font-size:12px;color:#9cabc0;font-weight:500}
.product-redesign #professional-preferences>summary small {display:none}
.product-redesign .settings-accordion-body {padding:15px 0}
.product-redesign .profile-entry {font-size:12px;margin:24px 0}
.profile-entry a {color:#99b7e5;text-decoration:none}
.flow-actions {display:flex;align-items:center;gap:20px;margin-top:36px;border-top:1px solid #ffffff18;padding-top:24px}
.flow-actions>.primary-button {margin-left:auto;width:auto;min-width:180px}
.product-redesign .privacy-note {margin-top:26px;font-size:11px;line-height:1.8;color:#657186}
.purpose-choices {display:grid;gap:0;margin-bottom:35px}
.purpose-choices button {background:none;border:0;border-bottom:1px solid #ffffff18;color:#95a0b1;padding:24px 14px;display:grid;grid-template-columns:45px 1fr 20px;align-items:center;text-align:left;transition:background .2s,color .2s}
.purpose-choices button>span {font:11px ui-monospace,monospace;color:#63748e}
.purpose-choices strong {font-size:22px;font-weight:500;letter-spacing:-.03em}
.purpose-choices em {font-size:10px;margin-left:9px}
.purpose-choices b {font-weight:400;font-size:20px}
.purpose-choices button[aria-pressed=true] {background:#8baeff0b;color:#c5d8ff}
.purpose-choices button:hover {color:#e1eaff;background:#ffffff04}
.product-redesign .system-switch {display:flex;flex-wrap:wrap;gap:8px}
.product-redesign .system-option {flex:1;min-width:105px;min-height:54px;border-radius:6px;background:#10141b;border:1px solid #ffffff16;box-shadow:none;font-size:13px}
.product-redesign .system-option.combined-option {order:5;background:#10141b;border-color:#9f95b36b}
.product-redesign .system-option.is-active {border-color:#8caff0;background:#18253a}
.product-redesign .system-option.combined-option.is-active {border-color:#bd9fe0}
.product-redesign .system-option small {display:none}
.product-redesign .system-fieldset legend {font-size:12px;color:#8e9bb0;margin-bottom:14px}
.flow-pro-tools>summary {display:none!important}
.product-redesign .flow-pro-tools {margin-top:18px}
.product-redesign .flow-pro-tools .settings-accordion-body {padding:0}
.product-redesign .pro-setting-group {border:0;padding:12px 0;background:none}
.product-redesign #eastern-tools>h3,.product-redesign #eastern-feature-note,.product-redesign #reading-preparation {display:none}
.contextual-settings {border-top:1px solid #ffffff16;margin-top:22px;padding:0}
.contextual-settings>summary {padding:18px 0;color:#91a0b6;font-size:12px;display:flex;justify-content:space-between;list-style:none}
.contextual-settings[open]>summary {color:#c2d6f7}
.product-redesign #western-tools h3 {font-size:13px}
.product-redesign #professional-fields .field {display:grid;gap:14px}
.product-redesign #professional-fields {padding-bottom:18px}
.product-redesign #relationship-tools>h3 {font-size:18px;font-weight:500}
.purpose-lock {border-left:2px solid #baa0d5;padding:8px 20px;margin-top:20px}
.purpose-lock p {font-size:14px}
.purpose-lock span {display:block;margin:14px 0;color:#8f99a9;font-size:12px}
.review-row {display:grid;grid-template-columns:120px 1fr;padding:24px 0;border-bottom:1px solid #ffffff14;gap:18px}
.review-row>span {color:#8190a5;font-size:12px}
.review-row strong {font-size:15px;font-weight:500;overflow-wrap:anywhere}
.review-note {font-size:13px;color:#909bad;line-height:1.9;margin-top:28px}
#chart-page[data-mode=result] .workspace {max-width:1100px}
.product-redesign .result-header {padding:22px 0 32px;border-bottom:1px solid #ffffff18}
.product-redesign .result-header h2 {font-size:36px;font-weight:500;letter-spacing:-.04em}
.product-redesign .audit-strip {background:none;border:0;border-radius:0;padding:20px 0;gap:24px}
.product-redesign .audit-strip>div {background:none;border:0}
.product-redesign .view-switch {background:none;border-radius:0;border-bottom:1px solid #ffffff1c;padding:0;margin:14px 0 32px;display:flex;gap:28px}
.product-redesign .view-option {flex:none;padding:18px 0;background:none;border-radius:0;border:0;border-bottom:2px solid transparent;color:#8593a8;font-size:14px}
.product-redesign .view-option.is-active {border-bottom-color:#9abaff;color:#cbdcff;background:none;box-shadow:none}
.product-redesign .result-view {overflow-wrap:anywhere}
.product-redesign .result-view h3 {font-weight:500}
.export-intro {padding:16px 0 20px}
.export-intro h3 {font-size:28px;margin:12px 0}
.export-intro p {font-size:14px;color:#909eaf;line-height:1.8}
.export-details {margin-top:24px;border-top:1px solid #ffffff18}
.export-details>summary {padding:18px 0;font-size:12px;color:#8c9db6;display:flex;justify-content:space-between}
.product-redesign .markdown-card {border-radius:6px}
.product-redesign #markdown-output {max-height:440px}
.product-redesign .prompt-area {border-radius:0;background:none;border:0;border-top:1px solid #ffffff18;padding:30px 0}
.product-redesign .prompt-list {display:flex;flex-direction:column;gap:0}
.product-redesign .prompt-card {border:0;border-bottom:1px solid #ffffff18;background:none;border-radius:0;text-align:left;padding:20px 12px;box-shadow:none}
.product-redesign .prompt-card.is-active {background:#152137}
.verification-explainer {color:#8c9bae;font-size:13px;line-height:1.8}
.verification-rows {margin:28px 0}
.verification-rows>div {display:flex;justify-content:space-between;padding:19px 0;border-bottom:1px solid #ffffff12;gap:25px}
.verification-rows strong {font-size:14px;font-weight:500}
.verification-label {font-size:12px;color:#a8c6f8;white-space:nowrap}
.guest-facts {padding:30px 0}
.guest-facts p {color:#8796ab;font-size:14px}
.product-redesign .guest-result-note {background:none;border:0;border-top:1px solid #ffffff15;border-radius:0;padding:24px 0;font-size:12px}
.product-redesign .loading-state {text-align:center;padding:45px 0 90px}
.loading-mascot {width:150px;mix-blend-mode:screen;animation:bottle-breathe 4s ease-in-out infinite}
.loading-state h2 {font-size:26px;font-weight:500}
.loading-stages {list-style:none;padding:0;margin:30px auto;width:230px;text-align:left}
.loading-stages li {padding:12px 0;border-bottom:1px solid #ffffff12;color:#58667b;font-size:13px}
.loading-stages li::before {content:"○";margin-right:18px}
.loading-stages li.is-current {color:#b3ccf9}
.loading-stages li.is-done {color:#8499b8}
.loading-stages li.is-done::before {content:"✓"}
.product-redesign .result-view .table-wrap {max-width:100%;overflow:auto}
@keyframes bottle-breathe {50%{transform:translateY(-8px)}}
@keyframes flow-in {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.home-hero{min-height:760px}}
@media(max-width:1050px){
 .product-redesign main,.product-redesign footer{width:calc(100% - 48px)}
 .home-hero{gap:20px;min-height:620px}
 .hero-copy h1{font-size:50px}.hero-description{font-size:14px}
 .story-layout{gap:40px}.story-step h3{font-size:30px}
 .preview-scene{padding:26px 24px}.preview-scene h4{font-size:22px}
}
@media(max-width:700px){
 .product-redesign main,.product-redesign footer{width:calc(100% - 36px)}
 .home-hero{grid-template-columns:1fr;gap:20px;padding:48px 0 64px;min-height:0}
 .hero-copy h1{font-size:clamp(38px,9vw,60px);margin:22px 0}
 .hero-description{font-size:13px}.hero-caption{font-size:10px}
 .hero-cta{min-width:215px;padding:14px 18px}
 .hero-object{width:100%;max-width:360px;justify-self:center}
 .hero-object img{width:80%;align-self:center;margin:-12px 0}
 .orbital-caption,.object-footnote{font-size:9px;padding:14px 0;margin:0}
 .section-heading{padding:45px 0 35px}.section-heading h2{font-size:36px}
 .section-aside{position:static;display:block;margin-top:24px;font-size:11px}
 .story-layout{display:flex;flex-direction:column;gap:0}
 .story-pin{order:-1;top:12px;height:auto;margin:0;z-index:2;width:100%}
 .product-preview{box-shadow:0 15px 35px #08090cf0;background:#10151e}
 .preview-bar{padding:12px 18px;font-size:11px}
 .preview-scenes{min-height:257px}.preview-scene{padding:18px 20px}
 .preview-scene h4{font-size:20px;margin:8px 0 14px}.preview-scene>small{font-size:9px}
 .preview-system{margin:6px 0}.preview-system>span{padding:7px 0;font-size:11px}
 .preview-birth{font-size:10px;padding-bottom:8px}
 .preview-bottom{padding:9px 12px;margin-top:10px;font-size:10px}
 .preview-note{font-size:9px;margin-top:10px}
 .kit-sheet{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
 .kit-sheet>div{font-size:11px;grid-column:1/-1}.kit-sheet p{margin:3px 0;font-size:10px}.kit-sheet i{display:none}
 .preview-categories{font-size:10px;line-height:1.8;margin-bottom:9px}
 .preview-question{font-size:10px;padding:8px 0}
 .transfer-sheet{padding:18px 8px;font-size:15px}
 .transfer-arrow{padding:7px}.ai-destinations{gap:8px;font-size:12px}
 .story-progress{padding:0 20px 18px}
 .story-step{min-height:410px;padding:80px 8px 60px;justify-content:end}
 .story-step:first-child{min-height:320px}.story-step h3{font-size:29px;margin:15px 0}
 .story-step p{font-size:15px;margin-bottom:18px}.step-detail{font-size:11px}
 .home-prompts{padding:32px 0 60px}.category-line{font-size:10px;line-height:2}
 .editorial-row{grid-template-columns:1fr 22px;padding:25px 0;gap:12px}
 .editorial-row>span:first-child{grid-column:1/-1;font-size:10px}
 .editorial-row h3{font-size:19px;line-height:1.5}.row-arrow{font-size:23px}
 .home-closing{padding:55px 0 70px}.home-closing h2{font-size:39px}
 #chart-page{padding:25px 0 50px}.flow-heading .eyebrow{margin-top:30px}
 .flow-heading h1{font-size:31px}.flow-heading>p:last-child{font-size:12px}
 .flow-progress{gap:10px;margin:25px 0}.flow-progress button{font-size:11px;padding:15px 0}.flow-progress button span{margin-right:4px;font-size:10px}
 .product-redesign .birth-fields{gap:22px 12px}
 .product-redesign .field-grid{grid-template-columns:1fr}
 .product-redesign .birth-fields{grid-template-columns:1fr 1fr}
 .product-redesign .field-wide{grid-column:1/-1}
 .flow-actions>.primary-button{min-width:150px}
 .purpose-choices strong{font-size:19px}.purpose-choices button{padding:23px 4px;grid-template-columns:35px 1fr 20px}
 .product-redesign .system-option{min-width:calc(50% - 8px);flex:1}
 .product-redesign .system-option.combined-option{flex-basis:100%}
 .review-row{grid-template-columns:85px 1fr;padding:20px 0;gap:12px}.review-row strong{font-size:13px}
 .product-redesign .result-header h2{font-size:28px}
 .product-redesign .audit-strip{grid-template-columns:1fr;gap:13px}
 .product-redesign .audit-strip>div{display:flex;gap:15px}
 .product-redesign .view-switch{gap:0;justify-content:space-between}
 .product-redesign .view-option{font-size:12px;padding:16px 0}
 .export-intro h3{font-size:24px}.export-intro p{font-size:12px}
 .product-redesign .action-row{flex-wrap:wrap}
 .product-redesign .prompt-heading{display:block}
 .product-redesign .prompt-heading .text-link{display:inline-block;margin-top:15px}
 .verification-rows strong{font-size:12px;overflow-wrap:anywhere}
 .product-redesign .date-time-picker-panel{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .product-redesign *,.product-redesign *::before,.product-redesign *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .story-step{opacity:1}.preview-scene{transform:none}
}

/* 4PIE signature surfaces: rounded light, blue interaction, prismatic Pro. */
.product-redesign {--flow-surface:#171d2a;--flow-edge:#aac6ff35;--flow-blue:#a9caff;background:radial-gradient(ellipse at 88% 13%,#315e9940,transparent 35%),radial-gradient(ellipse at 6% 46%,#18396735,transparent 35%),linear-gradient(#b2caff04 1px,transparent 1px),linear-gradient(90deg,#b2caff04 1px,transparent 1px),#090c12;background-size:auto,auto,88px 88px,88px 88px,auto}
.product-redesign .primary-button {border-radius:18px;background:linear-gradient(145deg,#d2e4ff 0%,#99bfff 48%,#739cec 100%);border:1px solid #d8e8ffb0;box-shadow:inset 0 1px 0 #fff9,0 6px 24px #5085ef30;color:#101d34}
.product-redesign .primary-button:hover {background:linear-gradient(145deg,#e5f0ff,#a3c8ff 55%,#82a9f2);box-shadow:inset 0 1px 0 #fffb,0 10px 30px #5085ef45}
.product-redesign .secondary-button,.product-redesign .ai-link {border-radius:15px;border:1px solid #afcaff35;background:linear-gradient(145deg,#293348,#171e2d);box-shadow:inset 0 1px 0 #ffffff13;color:#e0eaff}
.product-redesign .secondary-button:hover {border-color:#abcaff8c;background:linear-gradient(145deg,#354762,#202d45)}
.brand-diamond {display:inline-block;flex:none;width:14px;height:14px;border-radius:1px;transform:rotate(45deg);background:linear-gradient(135deg,#e0efff 0%,#81b4ff 60%,#5a7fd1 100%);box-shadow:inset 1px 1px 1px #ffffff9c,0 0 18px #79afff45}
.hero-copy h1 span {background:linear-gradient(115deg,#eaf2ff,#9dc2ff 65%,#9caee1);background-clip:text;color:transparent}
.hero-object {min-width:0;position:relative}
.hero-object::before {inset:15% -10%;background:radial-gradient(ellipse,#6489df28,transparent 65%)}
.hero-object video {width:100%;max-width:540px;aspect-ratio:1;object-fit:cover;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 48%,transparent 74%);align-self:center}
.orbital-caption,.object-footnote {display:none}
.video-toggle {position:absolute;bottom:10%;right:7%;background:#243047b0;color:#d3e2fc;border:1px solid #c4d9ff35;border-radius:99px;padding:9px 15px;font-size:11px;backdrop-filter:blur(10px)}
.home-hero {min-height:660px;padding-block:65px 95px}
.product-preview {border-radius:28px;background:radial-gradient(ellipse at 85% 110%,#4a7fd66b,transparent 58%),linear-gradient(145deg,#253044,#101622 75%);border:1px solid #b2ccff35;box-shadow:inset 0 1px 0 #ffffff12,0 25px 75px #03070c70}
.preview-bottom {border-radius:13px;background:linear-gradient(125deg,#c2dbff,#84affb)}
.preview-bar {background:#ffffff04}
.step-number {display:inline-flex;align-items:center;gap:12px;color:#adc9f4}
.step-number::before {content:"";width:11px;height:11px;border-radius:3px;transform:rotate(45deg);background:linear-gradient(135deg,#e1f0ff,#7aa8f0);box-shadow:0 0 18px #92baff55}
.editorial-row {padding-inline:18px;border-color:#b1ccff24;border-radius:16px;transition:background .25s,transform .25s}
.editorial-row:hover {padding-left:18px;transform:translateX(5px);background:radial-gradient(ellipse at 0 100%,#4678c738,transparent 70%),#18233360}
#chart-page {padding-top:30px}
.flow-heading {max-width:820px}.flow-heading .eyebrow{margin-top:28px}.flow-heading h1{font-size:38px;margin-block:12px}
.flow-heading>p:last-child {color:#a7b6cc}
.product-redesign .flow-progress {display:block;width:100%;max-width:820px;box-sizing:border-box;border:0;background:none;box-shadow:none;border-radius:0;padding:0;margin:30px auto}
.flow-meter {height:7px;border-radius:99px;overflow:hidden;background:#2a3548;box-shadow:inset 0 1px 3px #0005}
.flow-meter>span {display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(.3333);background:linear-gradient(90deg,#689cf3,#bedbff);box-shadow:0 0 16px #9abfff80;transition:transform .4s ease}
.flow-step-labels {display:flex;justify-content:space-between;margin-top:15px}
.product-redesign .flow-progress button {width:auto;display:flex;align-items:center;gap:10px;padding:7px 0;border:0;color:#7f91ad;background:none;font-size:13px}
.flow-progress .brand-diamond {width:10px;height:10px;border-radius:1px;opacity:.3;box-shadow:none}
.product-redesign .flow-progress button[data-active],.product-redesign .flow-progress button[data-complete] {color:#d5e5ff;background:none;border:0}
.flow-progress button[data-active] .brand-diamond,.flow-progress button[data-complete] .brand-diamond {opacity:1;box-shadow:0 0 14px #8fb9ff55}
.product-redesign .workspace {max-width:820px}
.product-redesign .chart-form {padding:32px;border:1px solid #abc9ff30;border-radius:30px;background:radial-gradient(ellipse at 5% 0,#6898df1f,transparent 45%),linear-gradient(145deg,#1b2332eb,#101621f5);box-shadow:inset 0 1px 0 #ffffff14,0 24px 70px #0003}
.product-redesign .field>span {font-size:14px;color:#dce7fa}
.product-redesign input,.product-redesign select {border-radius:14px;min-height:52px;background:linear-gradient(145deg,#273144,#1b2536);border-color:#b1cfff38;color:#edf3ff;box-shadow:inset 0 1px 0 #ffffff08}
.product-redesign input:focus,.product-redesign select:focus {border-color:#91bcff;box-shadow:0 0 0 3px #78a8fa20;background:#26374f}
.product-redesign input::placeholder {color:#93a1b9;opacity:1}
.product-redesign input[type=checkbox] {min-height:0;width:18px;height:18px;accent-color:#9ec4ff}
.product-redesign .field-help {font-size:11px;color:#9aaac2}
.product-redesign .city-picker-toggle {border-radius:11px;color:#c7dcff;right:8px;top:7px}
.product-redesign .native-picker-trigger {border-radius:11px;background:linear-gradient(140deg,#3a4e70,#293950);color:#e4efff;border:1px solid #adcfff45}
.product-redesign .city-picker {position:relative;z-index:90}
.product-redesign .city-picker.is-open {z-index:1000}
.product-redesign .city-picker-results {z-index:1001;border-radius:18px;background:#202c40;border:1px solid #accaff70;box-shadow:0 14px 45px #02050be0}
.product-redesign .city-picker-option {border-radius:11px}.product-redesign .city-picker-option:hover,.product-redesign .city-picker-option.is-active{background:#3a5276}
.product-redesign .settings-accordion,.product-redesign .contextual-settings,.product-redesign .compact-setting {border:1px solid #b5d1ff35;border-radius:18px;background:linear-gradient(125deg,#26375180,#1b263b80);padding:0;overflow:visible;margin-top:24px}
.product-redesign #professional-preferences>summary {display:flex;gap:16px;padding:19px 20px;align-items:center;list-style:none}
.product-redesign #professional-preferences>summary strong {font-size:15px;color:#e2edff}
.product-redesign #professional-preferences>summary small {display:block;color:#a1b7d7;font-size:11px;line-height:1.7;margin-top:4px}
.product-redesign #professional-preferences .summary-chevron {display:none}
.settings-action {margin-left:auto;flex:none;border:1px solid #bdd8ff48;background:#709ee525;padding:8px 12px;border-radius:11px;color:#c8dfff;font-size:12px}
.product-redesign #professional-preferences[open] {border-color:#99bdff70;box-shadow:0 0 28px #699eff10}
.product-redesign #professional-preferences[open]>summary {border-bottom:1px solid #b5d1ff25;background:#749fe910}
.product-redesign .settings-accordion-body {padding:20px}
.product-redesign .preference-group {background:#24334b60;border:1px solid #aecaff25;border-radius:16px;padding:18px;margin-top:16px}
.product-redesign .preference-group h3 {color:#d4e6ff;margin-top:0;font-size:14px}
.product-redesign .contextual-settings>summary,.product-redesign .compact-setting>summary,.product-redesign .nested-settings>summary {padding:17px 19px;color:#cee1ff;font-size:13px;background:#8bb6ff0a}
.product-redesign .contextual-settings[open]>summary {background:#8bb6ff16;color:#edf5ff;border-bottom:1px solid #a1c5ff25}
.product-redesign .contextual-settings>summary span {color:#b8d5ff;font-size:19px}
.product-redesign .contextual-settings[open]>summary span {transform:rotate(45deg)}
.product-redesign .contextual-settings>div,.product-redesign .contextual-settings>section,.product-redesign .contextual-settings>fieldset,.product-redesign .contextual-settings>label {margin:16px}
.product-redesign .flow-pro-tools {border:0;background:none;overflow:visible}
.product-redesign .flow-pro-tools>.settings-accordion-body {padding:0}
.purpose-choices {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px}
.purpose-choices button {position:relative;display:flex;flex-wrap:wrap;gap:19px;padding:23px 20px;min-height:164px;border:1px solid #a7c8ff35;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 15% 115%,#6799ee45,transparent 65%),linear-gradient(145deg,#2b374b,#172133);box-shadow:inset 0 1px 0 #ffffff15;color:#dfebff;transition:transform .22s,border-color .22s,box-shadow .22s}
.purpose-choices strong {width:100%;font-size:19px;line-height:1.4}.purpose-choices strong small{display:block;color:#a5b8d3;font-size:11px;font-weight:400;line-height:1.7;margin-top:7px}
.purpose-choices b {position:absolute;right:18px;top:18px;border:1px solid #a6c7ff40;border-radius:50%;width:21px;height:21px;text-align:center;font-size:13px;line-height:20px;color:transparent}
.purpose-choices button[aria-pressed=true] {border-color:#b5d4ff;background:radial-gradient(ellipse at 15% 115%,#709ffb88,transparent 70%),linear-gradient(145deg,#344d72,#1e3150);box-shadow:inset 0 1px 0 #fff4,0 0 25px #739efb25;color:#fff}
.purpose-choices button[aria-pressed=true] b {color:#182b4b;background:#bfdcff;border-color:#d7e8ff}
.purpose-choices button:hover {transform:translateY(-3px);border-color:#b6d1ff85;background:radial-gradient(ellipse at 15% 115%,#77aaff68,transparent 70%),linear-gradient(145deg,#33435d,#1c2940)}
.purpose-choices button[data-purpose=timing],.purpose-choices button[data-purpose=relationship] {border-color:#c3a8dc50;background:radial-gradient(ellipse at 100% 110%,#cf8db83d,transparent 60%),radial-gradient(ellipse at 0 110%,#8c94ee45,transparent 65%),linear-gradient(140deg,#2b3047,#1c2236)}
.purpose-choices button[data-purpose=relationship] {background:radial-gradient(ellipse at 100% 110%,#87cbbb35,transparent 60%),radial-gradient(ellipse at 0 110%,#ca95df45,transparent 65%),linear-gradient(140deg,#2b3047,#1c2236)}
.purpose-choices button:not([data-purpose=natal]) .brand-diamond {background:linear-gradient(135deg,#a5daff,#bbadff 38%,#f4b4d9 68%,#f4d4a5)}
.purpose-choices button:not([data-purpose=natal])[aria-pressed=true] {border-color:#e3b9f0;box-shadow:inset 0 1px 0 #fff5,0 0 25px #c593e032}
.pro-ink {background:linear-gradient(100deg,#9bdcff,#c8b7ff 35%,#ffb7d8 65%,#f9d8a4);background-clip:text;color:transparent;font-weight:750;letter-spacing:.035em}
.product-redesign .system-switch {border:0;background:none;padding:0;gap:10px}
.product-redesign .system-option {border-radius:15px;background:linear-gradient(140deg,#2c3a51,#1e2a40);color:#c1d2ed;border:1px solid #aacaff38;padding:14px 10px;font-size:13px;min-width:105px}
.product-redesign .system-option:hover {border-color:#b5d1ff85;background:#354b6e}
.product-redesign .system-option.is-active {background:linear-gradient(135deg,#4b70a7,#2d4770);border-color:#b8d7ff;color:#f1f7ff;box-shadow:inset 0 1px 0 #fff3,0 0 20px #72a5ff20}
.product-redesign .system-option.combined-option {background:linear-gradient(140deg,#292c42,#2b2537) padding-box,linear-gradient(110deg,#8ccaff,#ba99ff,#f2aed0,#dcd29b) border-box;border:1px solid transparent;color:#eedbff}
.product-redesign .system-option.combined-option em {background:linear-gradient(110deg,#aedcff,#cbb6ff,#ffc2dd,#ffe2aa);color:#24263c;border:0;border-radius:5px;padding:3px 5px}
.product-redesign .system-option.combined-option.is-active {background:linear-gradient(130deg,#414c72,#4b3857) padding-box,linear-gradient(110deg,#8ccaff,#ba99ff,#f2aed0,#dcd29b) border-box;box-shadow:0 0 24px #c99fe630}
.product-redesign .system-fieldset legend {color:#cbdcf6;font-size:14px}
.product-redesign #kp-mode-field {display:flex;align-items:flex-start;gap:14px;margin-top:18px;padding:18px 20px;border:1px solid transparent;border-radius:18px;background:linear-gradient(135deg,#263b5a,#202b46) padding-box,linear-gradient(105deg,#93cfff,#bd9cff 42%,#f2afd3 70%,#f3d49c) border-box;box-shadow:inset 0 1px 0 #ffffff18,0 12px 28px #6a8ee51c}
.product-redesign #kp-mode-field::before {content:"KP";display:inline-flex;flex:none;margin-top:1px;padding:5px 7px;border-radius:7px;background:linear-gradient(110deg,#aadfff,#c5b5ff 42%,#f5bad3 72%,#f7d99c);color:#202943;font-size:9px;font-weight:850;letter-spacing:.08em}
.product-redesign #kp-mode-field span {display:grid;gap:5px}
.product-redesign #kp-mode-field strong {color:#f2e7ff;font-size:15px}
.product-redesign #kp-mode-field small {color:#bdcdea;line-height:1.6}
.product-redesign #kp-mode-field.is-locked {opacity:.78;filter:saturate(.72)}
.product-redesign #kp-mode-field.is-locked::after {content:"Pro 才能啟用";margin-left:auto;align-self:center;color:#e5c8ff;font-size:11px;white-space:nowrap}
.flow-actions {border-color:#b2ccff24}.flow-actions .text-button{color:#b9cdeb}
.result-export-dock {display:grid;grid-template-columns:1fr auto;gap:4px 24px;align-items:center;padding:27px 30px;border:1px solid #a3c8ff66;border-radius:28px;background:radial-gradient(ellipse at 95% 100%,#609ae74a,transparent 65%),linear-gradient(135deg,#263b5c,#192537);box-shadow:inset 0 1px 0 #d7e9ff20,0 12px 45px #508df51c;margin:0 0 24px}
.result-export-dock .export-intro {padding:0}.result-export-dock .export-intro h3{font-size:25px;margin:6px 0}.result-export-dock .export-intro p{font-size:12px;max-width:430px;margin-bottom:0;color:#b7cbea}
.result-export-dock .eyebrow {display:none}.result-export-dock>.copy-status{grid-column:1/-1;margin:8px 0 0;color:#bdd6fb}
.result-export-dock .action-row{margin:0;gap:10px}.result-export-dock #copy-chart{padding:16px 25px;min-height:56px;font-size:16px}.result-export-dock #download-chart{font-size:12px;min-height:48px}
.product-redesign .view-switch {display:flex;width:fit-content;max-width:100%;padding:5px;gap:4px;border:1px solid #b1d0ff30;border-radius:17px;background:#1c293b;margin:20px 0 25px}
.product-redesign .view-option {border:0;border-radius:12px;padding:12px 18px;color:#a5bad9}
.product-redesign .view-option.is-active {border:0;background:linear-gradient(135deg,#405b83,#2b405f);box-shadow:inset 0 1px 0 #ffffff20;color:#e4f0ff}
.product-redesign .prompt-area {border-top:0;padding:20px 0}.product-redesign .prompt-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.product-redesign .prompt-card {border:1px solid #aacaff38;border-radius:20px;padding:20px;background:radial-gradient(ellipse at 90% 110%,#5587d333,transparent 70%),linear-gradient(145deg,#263246,#192335);color:#dce9ff}
.product-redesign .prompt-card::before {content:"◆";display:block;color:#9fc7ff;font-size:12px;margin-bottom:12px}
.product-redesign .prompt-card:hover,.product-redesign .prompt-card.is-selected {border-color:#b4d4ff;background:radial-gradient(ellipse at 90% 110%,#679ffa65,transparent 70%),linear-gradient(145deg,#344d70,#243854);box-shadow:0 0 25px #7faeff16}
.product-redesign .prompt-card.is-selected::before {content:"◆ 已選擇";font-size:11px}
.prompt-data-notice {border:1px solid #a9c9ff55;border-radius:18px;background:#253957;padding:18px;margin-top:18px;color:#d6e6ff;font-size:13px;line-height:1.7}
.product-redesign .prompt-preview {display:block;margin-top:18px;padding:20px;border:1px solid #b6d3ff55;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#6c91e737,transparent 52%),linear-gradient(145deg,#243754,#172337);color:#dce9ff;box-shadow:inset 0 1px 0 #ffffff14,0 14px 32px #050b1530}
.product-redesign .prompt-preview-head {display:grid;gap:6px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #b6d3ff25}
.product-redesign .prompt-preview-head .eyebrow {color:#a9caff;font-size:10px;letter-spacing:.12em}
.product-redesign .prompt-preview-head strong {font-size:18px;color:#f0f6ff}
.product-redesign .prompt-preview-head>span:last-child {font-size:12px;color:#b8cae5}
.product-redesign .prompt-preview pre {max-height:220px;margin:0;overflow:auto;white-space:pre-wrap;font:12px/1.75 inherit;color:#d2e1f7}
.product-redesign .export-details {border:1px solid #b1cfff30;border-radius:17px;background:#1b293b80;margin-top:10px;overflow:hidden}.product-redesign .export-details>summary {padding:17px 20px;color:#c3d7f5}
.product-redesign .review-row {border-color:#adcaff25}.product-redesign .review-row>span{color:#a1b7d7}
@media(max-width:1050px){.result-export-dock{grid-template-columns:1fr}.result-export-dock .action-row{margin-top:18px}.purpose-choices strong{font-size:17px}.purpose-choices button{padding:20px 16px}}
@media(max-width:700px){
 .home-hero{padding:35px 0 55px;gap:10px}.hero-object video{width:115%;max-width:none}.video-toggle{bottom:3%;right:0;font-size:10px;padding:7px 12px}
 .product-redesign .chart-form{padding:22px 17px;border-radius:25px}.flow-heading h1{font-size:30px}.flow-heading .eyebrow{margin-top:20px}
 .product-redesign #kp-mode-field {padding:16px 14px}.product-redesign #kp-mode-field::after {display:none}
 .product-redesign .flow-progress{margin:24px 0}.flow-step-labels{gap:8px}.product-redesign .flow-progress button{gap:7px;font-size:11px;padding:7px 0}
 .purpose-choices{grid-template-columns:1fr;gap:12px}.purpose-choices button{display:grid;grid-template-columns:22px 1fr 20px;gap:14px;padding:20px;min-height:96px;border-radius:20px}.purpose-choices strong{font-size:18px}.purpose-choices strong small{font-size:11px;margin-top:5px}.purpose-choices b{position:static}.purpose-choices em{font-size:10px}
 .product-redesign #professional-preferences>summary{padding:17px 14px;gap:12px}.product-redesign #professional-preferences>summary strong{font-size:14px}.settings-action{font-size:10px;padding:7px 9px}.product-redesign #professional-preferences>summary small{max-width:145px;font-size:10px}
 .product-redesign .settings-accordion-body{padding:14px}.product-redesign .preference-group{padding:14px}.product-redesign .contextual-settings>summary{padding:16px 14px}.product-redesign .nested-settings>summary{padding:15px 12px}
 .product-redesign input,.product-redesign select{font-size:16px}.product-redesign .field-help{font-size:10px;line-height:1.8}
 .product-redesign .birth-fields{grid-template-columns:1fr 1fr;gap:22px 12px}.product-redesign .system-option{min-width:calc(50% - 10px)}
 .relationship-timing-option{width:100%;max-width:100%;min-width:0;align-items:flex-start;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
 .relationship-timing-option input{flex:0 0 auto;margin-top:.25rem}
 .result-export-dock{padding:23px 20px;border-radius:24px;gap:8px}.result-export-dock .export-intro h3{font-size:24px}.result-export-dock .action-row{display:grid;grid-template-columns:1fr;gap:10px;width:100%}.result-export-dock #copy-chart{width:100%;font-size:17px}.result-export-dock #download-chart{width:100%;min-height:42px}
 .product-redesign .view-switch{width:100%;box-sizing:border-box;justify-content:space-between}.product-redesign .view-option{font-size:11px;padding:12px 10px}
 .product-redesign .prompt-list{grid-template-columns:1fr}.product-redesign .prompt-card{padding:18px}.product-redesign .prompt-card::before{margin-bottom:9px}
 .product-redesign .flow-actions>.primary-button{min-width:135px}.product-redesign .saved-profile-controls{gap:10px}
}

/* Mobile result entry: the copy action and chart share the first screen. */
@media(max-width:700px){
 .product-redesign [data-mode="result"] .result-header {padding:8px 0 12px;margin-bottom:10px;align-items:center}
 .product-redesign [data-mode="result"] .result-header h2 {font-size:22px;margin:0}
 .product-redesign [data-mode="result"] .result-kicker {margin:0 0 4px}
 .product-redesign [data-mode="result"] .result-export-dock {padding:12px;border-radius:16px;gap:6px;margin-bottom:12px}
 .product-redesign [data-mode="result"] .export-intro {display:none}
 .product-redesign [data-mode="result"] .result-export-dock .action-row {display:grid;grid-template-columns:1fr auto;gap:8px;margin:0}
 .product-redesign [data-mode="result"] .result-export-dock #copy-chart {font-size:16px;min-height:46px;padding:10px 14px}
 .product-redesign [data-mode="result"] .result-export-dock #download-chart {min-height:44px;padding:8px 10px;font-size:11px}
 .product-redesign [data-mode="result"] .result-export-dock>.copy-status {margin:0;font-size:11px;line-height:1.5}
 .product-redesign [data-mode="result"] .view-switch {margin:8px 0 14px}
 .product-redesign [data-mode="result"] .bazi-report-header {margin-bottom:12px;gap:0}
 .product-redesign [data-mode="result"] .bazi-report-eyebrow,
 .product-redesign [data-mode="result"] .bazi-report-tag {display:none}
 .product-redesign [data-mode="result"] .bazi-report h3 {font-size:22px;margin-bottom:6px}
 .product-redesign [data-mode="result"] .bazi-report-lead {font-size:13px;line-height:1.65}
 .product-redesign [data-mode="result"] .bazi-pillars {margin:12px 0 16px}
 .product-redesign [data-mode="result"] .bazi-report>.bazi-structure-grid {gap:10px}
 .product-redesign [data-mode="result"] .bazi-report>.bazi-structure-grid>.bazi-structure-card {padding:12px}
 .product-redesign [data-mode="result"] .bazi-report>.bazi-structure-grid h4 {margin:0 0 6px;font-size:15px}
 .product-redesign [data-mode="result"] .bazi-report>.bazi-structure-grid p {margin:6px 0;font-size:13px;line-height:1.6}
}

/* Bazi design pilot: one chart surface, progressive detail, no engine changes. */
.product-redesign .bazi-design-pilot .result-header {border:0;padding-bottom:12px}
.bazi-design-pilot .pilot-birth-line {max-width:440px;font-size:12px;color:#9ca9bb;line-height:1.7;margin:8px 0 0}
.bazi-design-pilot .result-export-dock {background:none;border:0;box-shadow:none;border-radius:0;padding:0 0 14px;display:block;margin:0}
.bazi-design-pilot .result-export-dock .export-intro,.bazi-design-pilot .result-export-dock .copy-status {display:none}
.bazi-design-pilot .result-export-dock .action-row {display:flex;margin:0}
.bazi-design-pilot .bazi-report-header {display:none}
.bazi-design-pilot .bazi-board {display:block;background:#121c29;border:1px solid #304052;border-radius:20px;margin:16px 0 24px;overflow:hidden}
.bazi-board-title {display:flex;justify-content:space-between;gap:8px;padding:18px 20px;color:#d9e2ed;font-size:13px;border-bottom:1px solid #ffffff12}
.bazi-board-title span:last-child {color:#c4ad82}
.bazi-board-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 10px}
.bazi-board-column {appearance:none;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:18px 4px 12px;background:none;border:0;border-radius:0;border-right:1px solid #ffffff09;color:#c8d1df;cursor:pointer;font:inherit}
.bazi-board-column:last-child {border-right:0}
.bazi-board-column[data-day="true"] {background:#c4ad820a}
.bazi-board-column[aria-expanded="true"] {background:#a4c7ff15;box-shadow:inset 0 -2px #b9cdef}
.bazi-board-column:focus-visible {outline:2px solid #b9cdef;outline-offset:-3px}
.bazi-board-label {font-size:12px;letter-spacing:.12em}
.bazi-board-god {font-size:11px;color:#9eafc2;min-height:18px}
.bazi-board-character {font-family:'Songti TC','Noto Serif TC',serif;font-size:42px;font-weight:500;line-height:1.3}
.bazi-board-character[data-element="金"] {color:#dfcba5}.bazi-board-character[data-element="木"] {color:#a5c9b4}.bazi-board-character[data-element="水"] {color:#a7c7e6}.bazi-board-character[data-element="火"] {color:#dba69d}.bazi-board-character[data-element="土"] {color:#cbb58f}
.bazi-board-element {font-size:10px;color:#8d9cad}
.bazi-board-hidden {border-top:1px solid #ffffff12;width:100%;padding-top:12px;margin-top:4px;font-size:13px;color:#b2bdcc;min-height:32px}
.bazi-board-caption {font-size:11px!important;color:#8595aa;text-align:center;margin:0!important;padding:10px 8px 14px}
.bazi-pillar-inspector {padding:16px 20px;border-top:1px solid #ffffff15;background:#192536}
.bazi-pillar-inspector h4 {margin:0 0 8px}.bazi-pillar-inspector p {font-size:13px;line-height:1.8;margin:4px 0}
.bazi-reading-notes {margin:20px 0 28px}.bazi-reading-notes h4 {font-size:15px;font-weight:500;margin:0 0 14px}
.bazi-reading-notes p {display:grid;grid-template-columns:64px 1fr;font-size:13px;line-height:1.8;margin:10px 0;color:#a8b7c8}
.bazi-reading-notes strong {color:#d5dfeb;font-weight:500}
@media(max-width:700px){
 .product-redesign [data-mode="result"] .bazi-design-pilot .result-export-dock {padding:0;margin:0;background:none;border:0}
 .product-redesign [data-mode="result"] .bazi-design-pilot .result-export-dock .action-row {grid-template-columns:1fr auto;margin:0}
 .product-redesign [data-mode="result"] .bazi-design-pilot .result-header h2 {font-size:28px;letter-spacing:.04em}
 .product-redesign [data-mode="result"] .bazi-design-pilot .view-switch {margin:16px 0 8px;background:none;border:0;border-bottom:1px solid #ffffff14;border-radius:0;padding:0 0 8px}
 .product-redesign [data-mode="result"] .bazi-design-pilot .view-option {padding:8px 10px;min-height:40px}
 .product-redesign [data-mode="result"] .bazi-design-pilot .bazi-board {margin:12px 0 18px}
 .bazi-design-pilot .bazi-board-title {padding:14px 16px}
 .bazi-design-pilot .bazi-board-column {padding-top:14px;gap:5px}
 .bazi-design-pilot .bazi-board-character {font-size:38px}
 .bazi-design-pilot .bazi-board-hidden {padding-top:8px;min-height:26px}
}
@media(max-width:700px){
 #chart-page[data-mode="result"]:has(.bazi-design-pilot) {padding-top:12px}
 .bazi-design-pilot .bazi-board-column {gap:4px}
 .bazi-design-pilot .bazi-board-character {font-size:36px}
}
/* Shared sans-serif chart typography and system-specific interactive diagrams. */
.bazi-board-character {font-family:inherit;font-weight:500}
.core-chart-surface {background:#121c29;border:1px solid #304052;border-radius:18px;overflow:hidden;margin:14px 0 24px}
.core-palace-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(74px,auto));gap:1px;background:#304052}
.core-cell {font-family:inherit;background:#121c29;color:#dce4ef;border:0;border-radius:0;padding:8px 4px;min-width:0;cursor:pointer;display:flex;flex-direction:column;gap:5px;text-align:center;align-items:center;justify-content:center}
.core-cell-label {font-size:11px;color:#a6b6cc}.core-cell-value {font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.core-cell[data-accent="true"] {background:#2a2b2a}.core-cell[data-accent="true"] .core-cell-label {color:#e5d1a9}
.core-cell[aria-expanded="true"] {background:#293b53;box-shadow:inset 0 0 0 2px #b5ceec}
.core-cell:focus-visible {outline:2px solid #b5ceec;outline-offset:-3px}
.core-chart-center {grid-row:2 / 4;grid-column:2 / 4;background:#162131;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;padding:4px}
.core-chart-center strong {font-size:17px;font-weight:500}.core-chart-center span {font-size:11px;color:#d4c19e}.core-chart-center small {font-size:10px;color:#99abc2}
.core-chart-inspector {padding:16px;border-top:1px solid #405069}.core-chart-inspector h4 {margin:0 0 10px}.core-chart-inspector p {font-size:13px;line-height:1.8;margin:6px 0}
.core-chart-surface svg {display:block;width:100%;max-width:420px;margin:auto;font-family:inherit}
.core-chart-caption {font-size:10px;color:#99abc2;text-align:center;margin:2px 0 10px}
.core-planet-picker {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#304052}
.core-planet-picker .core-cell {min-height:44px;padding:8px 2px}
@media(min-width:701px){.core-palace-grid {grid-template-rows:repeat(4,minmax(110px,auto))}.core-cell-value{font-size:15px}.core-cell-label{font-size:13px}}
.western-planet-label {cursor:pointer;font-family:inherit}
.western-planet-label rect {fill:#172537;stroke:#617591;stroke-width:.6}
.western-planet-label text {fill:#e2eaf4;pointer-events:none}
.western-planet-label[data-selected="true"] rect {fill:#355276;stroke:#d2e4ff;stroke-width:1.5}
.western-planet-label:focus-visible {outline:none}
.western-planet-label:focus-visible rect {stroke:#fff;stroke-width:2}
.core-chart-selection {font-size:12px;text-align:center;line-height:1.6;margin:4px 10px 6px;color:#dce7f5}
.core-chart-surface .core-chart-caption {padding:0 10px;line-height:1.6}
/* Relationship focus uses borders rather than a dense web of crossing lines. */
.core-palace-grid .core-cell[data-relation~="trine"],
.core-palace-grid .core-cell[data-relation~="aspect"] {background:#1b3045;box-shadow:inset 0 0 0 2px #91bbdf}
.core-palace-grid .core-cell[data-relation~="opposite"],
.core-palace-grid .core-cell[data-relation~="lord"] {background:#302c24;box-shadow:inset 0 0 0 2px #d7bc84}
.core-palace-grid .core-cell[data-relation~="lord"][data-relation~="aspect"] {background:#23313a;box-shadow:inset 2px 2px #d7bc84,inset -2px -2px #91bbdf}
.core-palace-grid .core-cell[aria-expanded="true"] {background:#35465d;box-shadow:inset 0 0 0 2px #f1f5fa}
.core-palace-grid .core-unrelated {opacity:.58}
.core-relation-legend {font-size:11px;line-height:1.8;color:#bfccde;margin:0;padding:10px 12px;text-align:center}
.core-chart-inspector .core-relation-heading {margin-top:18px;font-size:14px}
.bazi-board-column[data-relation="true"] {box-shadow:inset 0 3px #d7bc84;background:#2a2926}
.bazi-board-column[data-match="true"] .bazi-board-label::after {content:' •';color:#9fc9e5}
.bazi-board-column[aria-expanded="true"] {box-shadow:inset 0 0 0 2px #eef4ff;background:#2d4058}
.bazi-board-column.bazi-unrelated {opacity:.55}
.bazi-pillar-inspector h4:not(:first-child) {margin-top:20px;font-size:14px}
.bazi-pillar-inspector .bazi-focus-caution {font-size:12px;color:#c9b78e;border-left:2px solid #9c875d;padding-left:9px}
.bazi-pillar-inspector .bazi-focus-legend {font-size:11px;color:#adbed4}
.chart-interaction-toolbar {display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid #ffffff16;min-height:44px}
.chart-selection-hint {font-size:12px;line-height:1.6;color:#cedaeb}
.chart-close-detail {font:inherit;font-size:12px;flex-shrink:0;min-height:44px;padding:8px 12px;border:1px solid #71849f;background:#24364c;color:#edf4ff;border-radius:8px;cursor:pointer}
.chart-close-detail:focus-visible,.chart-legend summary:focus-visible {outline:2px solid #d8e8ff;outline-offset:-2px}
.chart-legend {padding:0 12px;border-top:1px solid #ffffff12}
.chart-legend summary {font-size:12px;color:#afc3de;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}
.chart-legend summary::before {content:'＋'}.chart-legend[open] summary::before {content:'−'}
.chart-legend p {font-size:12px;line-height:1.8;color:#aebdd1;margin:0 0 12px}
.unified-chart .core-cell[aria-expanded="true"] {box-shadow:inset 0 0 0 2px #f1f5fa;background:#35465d}
.unified-chart .western-planet-label[data-selected="true"] rect {stroke:#f1f5fa;stroke-width:2;fill:#35465d}
.chart-detail-key-facts {padding-left:18px;margin:10px 0 14px;font-size:13px;line-height:1.8;color:#e2eaf4}
.chart-detail-key-facts li+li {margin-top:7px}
.chart-detail-summary .chart-detail-explanation {font-size:13px;line-height:1.8;color:#b7c7db}
.chart-detail-summary .chart-detail-notice {font-size:11px;line-height:1.7;color:#c9b78e;margin:10px 0}
.chart-detail-evidence {margin-top:14px;border-top:1px solid #ffffff20}
.chart-detail-evidence>summary {cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-size:12px;color:#bbd2f0}
.chart-detail-evidence>summary::before {content:'＋'}.chart-detail-evidence[open]>summary::before {content:'−'}
.chart-detail-evidence>summary:focus-visible {outline:2px solid #c9defa;outline-offset:-2px}
.combined-chart-tabs {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px;background:#142032;border:1px solid #34465e;border-radius:12px;margin:12px 0}
.combined-chart-tabs button {font:inherit;font-size:14px;min-height:44px;border:0;border-radius:8px;background:none;color:#a9bed7;cursor:pointer}
.combined-chart-tabs button[aria-selected="true"] {background:#385375;color:#fff;font-weight:600}
.combined-chart-tabs button:focus-visible {outline:2px solid #c5ddff;outline-offset:-2px}
.combined-chart-panel[hidden] {display:none!important}
.combined-chart-panel .bazi-report {margin-top:0}
.readable-section {border:1px solid #33445a;border-radius:12px;margin:10px 0;overflow:hidden;background:#111d2b}
.readable-section>summary {padding:13px 14px;min-height:44px;box-sizing:border-box;cursor:pointer;color:#d3e2f5;font-size:14px}
.readable-item {padding:0 14px;border-top:1px solid #ffffff12}
.readable-item>summary {min-height:44px;padding:12px 0;box-sizing:border-box;cursor:pointer;font-size:13px;color:#c1d0e3}
.readable-item>p {font-size:13px;line-height:1.8;color:#b8c7d9}
.readable-records {display:grid;gap:7px;padding:10px}
.readable-record {background:#192638;border:1px solid #34465d;border-radius:9px;overflow:hidden;min-width:0}
.readable-record>summary {padding:12px;font-size:13px;min-height:44px;box-sizing:border-box;cursor:pointer;overflow-wrap:anywhere}
.readable-fields {display:grid;grid-template-columns:minmax(70px,30%) minmax(0,1fr);gap:9px 12px;padding:0 12px 14px;margin:0;font-size:12px;line-height:1.7}
.readable-fields dt {color:#94aac5}.readable-fields dd {margin:0;color:#e0e7f0;overflow-wrap:anywhere}
.readable-section .chart-section {margin:8px;border:0}.readable-section .reading-profile {margin:8px;padding:12px}
.readable-section>p {padding:0 14px;font-size:12px;line-height:1.8}
.readable-section summary:focus-visible,.readable-record summary:focus-visible {outline:2px solid #bed8f6;outline-offset:-2px}

/* Plain meaning comes first; all professional terms share one disclosure. */
.reading-plain-meaning,.reading-plain-result{font-size:15px;line-height:1.85;margin:12px 0;color:#d9e4ef;overflow-wrap:anywhere}
.reading-plain-result{border-left:2px solid #a9c9f3;padding-left:12px;color:#edf4ff}
.reading-technical{margin-top:14px;border-top:1px solid #35465b;padding-top:8px;overflow-wrap:anywhere}
.reading-technical>summary{min-height:44px;display:list-item;align-content:center;color:#a9bfd8;font-size:13px;cursor:pointer}
.reading-technical h4{font-size:15px;margin:12px 0}
.reading-technical code{white-space:normal;overflow-wrap:anywhere;font-size:11px}
.reading-technical .bazi-ledger-wrap{max-width:100%;overflow-x:auto}

/* Native result order: birth -> interactive chart -> personal facts -> optional detail. */
.native-chart-report .native-data-section{margin:22px 0 0;padding:18px 0 0;border-top:1px solid #334153}
.native-chart-report .native-data-section>h3{font-size:17px!important;letter-spacing:0;margin:0 0 14px!important;font-weight:600}
.native-chart-report .native-data-section .native-data-section{margin-top:20px}
.native-fact-list{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px 12px;margin:0;font-size:14px;line-height:1.65}
.native-fact-list dt{color:#a2b3c9}.native-fact-list dd{color:#e3eaf5;margin:0;overflow-wrap:anywhere}
.native-detail{border-top:1px solid #2e3e52;margin:0;padding:0;background:none;border-radius:0}
.native-detail>summary{min-height:48px;align-content:center;padding:12px 0;font-size:14px;color:#c1d0e3;cursor:pointer}
.native-detail[open]>summary{color:#eff4ff}
.native-detail .reading-profile{background:none;border:0;padding:0}
.native-analysis .readable-item{border:0;border-top:1px solid #2e3e52;background:none;padding:0 4px}
.native-analysis .readable-item>summary{padding:12px 0;min-height:46px;font-size:14px}
.native-analysis h4{font-size:14px;margin:18px 0 8px;color:#c0d0e6}
.native-analysis p,.native-analysis li{font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.native-analysis code{font-size:11px;white-space:normal;overflow-wrap:anywhere}
.native-analysis .bazi-ledger-wrap{max-width:100%;overflow-x:auto}
.native-position-row{display:grid;grid-template-columns:54px minmax(0,1fr) 48px;gap:8px;padding:9px 0;border-bottom:1px solid #ffffff0c;font-size:13px;line-height:1.6}
.native-position-row strong{font-weight:500;color:#e7eef7}.native-position-row span{color:#b9c8da}.native-position-row span:last-child{text-align:right;color:#d6e0ee}
.native-aspect-list{list-style:none;padding:0;margin:0}
.native-aspect-list li{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #ffffff0b;font-size:13px;line-height:1.6}
.native-aspect-list small,.native-reference-date{color:#92a7c0;font-size:11px}
.native-reference-date{display:block;margin-top:12px}
.native-period-current{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;color:#a4b6ce}
.native-period-current strong{font-size:20px;font-weight:600;color:#dfcba5}
.native-cycle-strip,.native-year-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:10px 0 16px;background:#121c29;border:1px solid #304052;border-radius:10px;overflow:hidden}
.native-cycle,.native-year{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px 4px;border-right:1px solid #304052;min-width:0}
.native-cycle:last-child,.native-year:last-child{border:0}
.native-cycle strong,.native-year strong{font-size:21px;font-weight:500}.native-cycle span,.native-year span{font-size:12px;color:#adbed3}.native-cycle small{font-size:11px;color:#91a5bf}
.native-cycle[data-current=true],.native-year[data-current=true]{background:#273546;color:#e8d3ab}
.bazi-board-column[data-day=true]{background:#c4ad8214;box-shadow:inset 0 3px #ddc79b}
.bazi-board-column[data-day=true] .bazi-board-label,.bazi-board-column[data-day=true] .bazi-board-god{color:#ead3a9;font-weight:600}
.bazi-board-title span:last-child{font-weight:600;font-size:15px}
.bazi-board-hidden{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:74px}
.bazi-hidden-entry{display:flex;align-items:baseline;justify-content:center;gap:5px;white-space:nowrap}
.bazi-hidden-entry b{font-size:14px;font-weight:500}.bazi-hidden-entry small{font-size:12px;color:#b4c5da}
.native-chart-report .core-cell-label{font-size:12px}.native-chart-report .core-cell-value{font-size:13px}
.native-chart-report .core-palace-grid{grid-template-rows:repeat(4,minmax(78px,auto))}
.native-chart-report .core-chart-surface{margin-bottom:0}
.native-chart-report .core-chart-center small{font-size:11px}
@media(max-width:430px){
 .native-chart-report .bazi-board-column{padding-left:2px;padding-right:2px}
 .native-chart-report .bazi-board-god{font-size:12px}
 .native-chart-report .core-cell{padding:8px 2px;gap:4px}
 .native-chart-report .core-cell-value{font-size:13px}
 .native-chart-report .native-data-section{margin-top:18px;padding-top:16px}
 .native-chart-report .native-fact-list{font-size:14px;grid-template-columns:66px minmax(0,1fr)}
}
.native-chart-report .core-planet-picker,.native-chart-report .core-chart-selection{display:none}
.native-chart-report button.native-position-row{appearance:none;width:100%;text-align:left;font-family:inherit;background:none;border:0;border-bottom:1px solid #ffffff0c;border-radius:0;cursor:pointer;min-height:44px}
.native-chart-report button.native-position-row[aria-pressed=true]{background:#273c55;box-shadow:inset 2px 0 #c4ddff}
.native-chart-report button.native-position-row:focus-visible{outline:2px solid #bdd9ff;outline-offset:-2px}
.native-chart-report .native-detail.chart-section{border-left:0;border-right:0;border-bottom:0}
/* Question-time methods remain separate from birth-chart inputs. */
.horary-method-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 28px}
.horary-method-link{position:relative;display:grid;gap:9px;padding:24px 46px 24px 22px;border:1px solid #a7c8ff35;border-radius:20px;background:linear-gradient(145deg,#2b374b,#172133);color:#dfebff;text-decoration:none}
.horary-method-link strong{font-size:19px;font-weight:500}.horary-method-link small{color:#a5b8d3;line-height:1.7}.horary-method-link>span{position:absolute;right:20px;top:24px}.horary-method-link:hover,.horary-method-link:focus-visible{border-color:#b5d4ff;background:#273c59}.horary-method-link em{font-size:10px;margin-left:7px}
@media(min-width:701px){.purpose-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.horary-method-links{grid-template-columns:1fr}}
html[lang=en] .native-chart-report .core-cell-value{font-size:12px;overflow-wrap:normal;word-break:normal}
html[lang=en] .native-chart-report .core-cell-label{font-size:11px;overflow-wrap:anywhere}
html[lang=en] .native-chart-report .core-chart-center strong{font-size:16px}
html[lang=en] .native-chart-report .core-chart-center span{font-size:11px;max-width:100%;overflow-wrap:anywhere}
html[lang=en] .native-chart-report .native-fact-list{grid-template-columns:90px minmax(0,1fr)}
html[lang=en] .bazi-board-god{font-size:12px;min-height:36px;line-height:1.4}
html[lang=en] .bazi-hidden-entry{flex-direction:column;gap:0;white-space:normal;width:100%;text-align:center}
html[lang=en] .bazi-hidden-entry small{font-size:12px;line-height:1.4;overflow-wrap:normal}
html[lang=en] .bazi-board-title{align-items:center}
@media(max-width:700px){
 html[lang=en] .product-redesign .site-header nav{display:grid;grid-template-columns:1.1fr .9fr 1.2fr 1fr auto;gap:2px;overflow:visible}
 html[lang=en] .product-redesign .site-header nav>a{min-width:0;padding:8px 3px;font-size:11px;line-height:1.5;letter-spacing:0;white-space:normal;text-align:center}
 html[lang=en] .product-redesign .site-header nav>[data-language-toggle]{min-width:32px;min-height:44px;padding:6px;font-size:11px}
}
.native-original-evidence{border-top:1px solid #304052;margin-top:16px;padding-top:8px}
.native-original-evidence>h4:first-child{font-size:12px;color:#9fb0c7;line-height:1.6}