@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#39362f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-kerning:normal;background:#f7f4ed;font-family:Noto Serif TC,Microsoft JhengHei,serif;font-size:25.5px;font-weight:400}*{box-sizing:border-box}body{background:radial-gradient(at 52% -20%,#fffdf8 0,#f7f4ed 52%,#f0ece2 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #9a7135}::selection{color:#fff;background:#8d6836}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{min-height:100vh}.app-shell{--gold:#c5a56b;--gold-bright:#ddc28d;--muted:#96938c;--line:#c9b18129;max-width:1440px;margin:0 auto;padding:0 7.2%;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;display:flex}.brand{color:#eee7d8;letter-spacing:.12em;align-items:center;gap:12px;font:600 24px Noto Serif TC,serif;text-decoration:none;display:inline-flex}.brand small{color:var(--muted);letter-spacing:.18em;margin-top:2px;font:15px DM Sans,sans-serif;display:block}.brand-seal{border:1px solid var(--gold);width:38px;height:38px;color:var(--gold-bright);place-items:center;font-size:28.5px;display:grid}.topbar-note{color:#99958c;letter-spacing:.12em;align-items:center;gap:9px;font-size:16.5px;display:flex}.live-dot{background:var(--gold);border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #c5a56b80}.hero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:355px;display:flex;position:relative}.hero-copy{z-index:1;padding:43px 0 46px;position:relative}.eyebrow{color:var(--gold);letter-spacing:.21em;margin:0 0 13px;font:600 13.5px DM Sans,sans-serif}.hero .eyebrow span{background:var(--gold);vertical-align:middle;width:18px;height:1px;margin-right:7px;display:inline-block}.hero h1{letter-spacing:.12em;color:#eee7d8;margin:0 0 12px;font:500 clamp(58.5px,7.5vw,93px)/1.4 Noto Serif TC,serif}.hero-description{color:#a5a198;letter-spacing:.06em;font:19.5px/2 Noto Serif TC,serif}.hero-meta{color:var(--gold);letter-spacing:.13em;margin-top:22px;font:15px DM Sans,sans-serif}.hero-meta span{margin-right:7px}.hero-art{width:270px;height:270px;color:var(--gold);place-items:center;margin-right:5%;display:grid;position:relative}.orbit{border:1px solid #c5a56b33;border-radius:50%;position:absolute}.orbit-outer{width:240px;height:240px}.orbit-inner{border-style:dashed;border-color:#c5a56b40;width:180px;height:180px}.art-center{border:1px solid var(--gold);color:#e8d5ae;letter-spacing:.17em;border-radius:50%;place-content:center;width:96px;height:96px;padding-left:.17em;font:39px Noto Serif TC,serif;display:grid;box-shadow:0 0 35px #c5a56b12,inset 0 0 28px #c5a56b0c}.art-center span{text-align:center}.art-star,.art-number,.art-caption{position:absolute}.art-star{color:var(--gold-bright);font-size:25.5px}.art-star-top{top:17px}.art-star-bottom{font-size:16.5px;bottom:19px}.art-number{color:#a89878;font:22.5px Noto Serif TC,serif}.number-one{top:53px;left:43px}.number-nine{top:58px;right:41px}.number-five{bottom:50px;left:57px}.art-caption{letter-spacing:.14em;writing-mode:vertical-rl;font-size:13.5px;bottom:49px;right:17px}.content-grid{grid-template-columns:.92fr 1.08fr;gap:20px;padding:25px 0;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(135deg,#ffffff05,#0000 68%);padding:28px 30px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading h2{color:#ece5d7;letter-spacing:.08em;margin:0;font:500 33px Noto Serif TC,serif}.section-heading .eyebrow{margin-bottom:7px}.step-tag,.result-year{color:#999185;border:1px solid var(--line);letter-spacing:.1em;padding:5px 9px;font:13.5px DM Sans,sans-serif}.section-intro{color:#96938c;letter-spacing:.03em;margin:12px 0 23px;font:16.5px/1.9 Noto Serif TC,serif}.field-label{color:#dad2c3;letter-spacing:.06em;justify-content:space-between;margin:0 0 8px;font:16.5px Noto Serif TC,serif;display:flex}.field-label span{color:#817c70;letter-spacing:.15em;font:12px DM Sans,sans-serif}.form-panel input:not([type=radio]){box-sizing:border-box;color:#eee7d8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111310;border:1px solid #c9b18130;border-radius:0;outline:none;width:100%;height:41px;padding:0 12px;font:16.5px DM Sans,Noto Serif TC,sans-serif}.gender-field{border:0;margin:18px 0;padding:0}.gender-field legend{width:100%;margin-bottom:8px;padding:0}.gender-options{grid-template-columns:1fr 1fr;gap:9px;display:grid}.gender-option{box-sizing:border-box;color:#aaa69d;cursor:pointer;border:1px solid #c9b18129;align-items:center;gap:8px;height:38px;padding:0 12px;font:15px Noto Serif TC,serif;display:flex}.gender-option input{accent-color:var(--gold);margin:0}.gender-option span{font-size:19.5px}.date-fields{grid-template-columns:1.2fr .8fr;gap:12px;display:grid}.privacy-note{color:#817d73;margin:16px 0;font:13.5px/1.6 Noto Serif TC,serif}.privacy-note span{color:var(--gold);margin-right:6px;font-size:18px}.primary-button,.secondary-button{border:1px solid var(--gold);color:#161711;background:var(--gold-bright);letter-spacing:.08em;cursor:pointer;justify-content:center;align-items:center;gap:14px;min-height:40px;padding:0 17px;font:600 15px Noto Serif TC,serif;transition:all .2s;display:inline-flex}.primary-button{width:100%}.primary-button:hover,.secondary-button:hover:not(:disabled){background:#ecd7aa;box-shadow:0 0 18px #c5a56b24}.primary-button span,.secondary-button span{font-size:22.5px}.chart-panel{flex-direction:column;display:flex}.compass-mark{color:var(--gold);opacity:.8;font-size:37.5px}.chart-layout{flex:1;justify-content:center;align-items:center;padding:6px 0 10px;display:flex}.luo-shu-grid{aspect-ratio:1;border:1px solid #c5a56b73;grid-template-columns:repeat(3,1fr);width:min(100%,310px);display:grid}.palace{color:#b6ad9b;border:1px solid #c5a56b33;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:background .2s,color .2s;display:flex;position:relative}.palace-number{color:#ddc28d;font:37.5px/1.1 Noto Serif TC,serif}.palace-direction{color:#898475;letter-spacing:.05em;font:12px Noto Serif TC,serif}.palace-star{color:#aaa394;font:12px Noto Serif TC,serif}.palace-badge{color:#161711;background:var(--gold-bright);padding:1px 3px;font:10.5px Noto Serif TC,serif;position:absolute;top:3px;right:3px}.annual-badge{color:#e2e9dd;background:#506d58;top:auto;bottom:3px}.chart-legend{color:#99958b;justify-content:center;gap:15px;margin-top:13px;font:13.5px Noto Serif TC,serif;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:7px;height:7px}.birth-dot{background:var(--gold)}.annual-dot{background:#708775}.chart-footnote{color:#858175;text-align:center;letter-spacing:.08em;border-top:1px solid var(--line);padding-top:13px;font:13.5px Noto Serif TC,serif}.chart-footnote>span:first-child{color:var(--gold);margin-right:7px}.footnote-divider{color:#59584f;margin:0 8px}.result-panel{margin-bottom:25px}.result-panel .section-heading h2{font-size:28.5px}.summary-cards{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:23px;display:grid}.summary-card{border:1px solid var(--line);background:#c5a56b08;flex-direction:column;gap:6px;min-height:110px;padding:15px;display:flex}.summary-label{color:#999184;font:13.5px Noto Serif TC,serif}.summary-card strong{color:var(--gold-bright);font:37.5px Noto Serif TC,serif}.summary-card strong small{font-size:18px}.summary-card>span:last-child{color:#aaa398;font:13.5px Noto Serif TC,serif}.birth-summary{color:#969187;margin:13px 0 25px;font:13.5px Noto Serif TC,serif}.report-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.report-heading .eyebrow{margin-bottom:6px}.report-heading h3{color:#e8e0d2;letter-spacing:.06em;margin:0;font:500 24px Noto Serif TC,serif}.secondary-button{min-height:36px;color:var(--gold-bright);background:0 0;font-size:13.5px}.secondary-button:disabled{opacity:.55;cursor:wait}.spinner{border:1px solid #c5a56b55;border-top-color:var(--gold);border-radius:50%;width:11px;height:11px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.report-placeholder{border:1px dashed #c9b18129;align-items:center;gap:13px;margin-top:17px;padding:15px;display:flex}.report-placeholder>span{color:var(--gold);font-size:27px}.report-placeholder p{color:#aaa398;font:15px/1.8 Noto Serif TC,serif}.report-placeholder small{display:none}.report-content{white-space:pre-wrap;color:#c3bcae;padding:17px 0 8px;font:18px/2 Noto Serif TC,serif}.save-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.save-row p{color:#aaa398;font:13.5px Noto Serif TC,serif}.save-button{white-space:nowrap}.error-message{color:#e4a693;background:#6c30201c;border:1px solid #a55e4c66;align-items:flex-start;gap:9px;margin:0 0 20px;padding:12px 15px;font:16.5px/1.7 Noto Serif TC,serif;display:flex}.error-message span{border:1px solid #c67a64;border-radius:50%;flex:0 0 17px;place-items:center;height:17px;font:15px DM Sans,sans-serif;display:grid}.footer{border-top:1px solid var(--line);color:#77746b;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:15px;min-height:65px;font:13.5px Noto Serif TC,serif;display:flex}.footer i{color:var(--gold);font-style:normal}@media (width<=760px){.app-shell{padding:0 5%}.topbar{height:68px}.hero{min-height:300px}.hero-copy{padding:36px 0}.hero h1{font-size:clamp(54px,13.5vw,79.5px)}.hero-description{font-size:16.5px}.hero-art{opacity:.68;transform-origin:100%;flex:0 0 165px;width:165px;height:165px;margin:0 -13px 0 0;transform:scale(.75)}.content-grid{grid-template-columns:1fr;gap:13px;padding:17px 0}.panel{padding:23px 21px}.chart-panel{min-height:440px}.luo-shu-grid{width:min(100%,300px)}.summary-cards{gap:7px}.summary-card{min-height:105px;padding:11px 9px}.summary-card strong{font-size:31.5px}.summary-card>span:last-child{font-size:12px}.footer{flex-direction:column;align-items:flex-start;gap:7px;padding:13px 0}}@media (width<=420px){.app-shell{padding:0 17px}.hero-art{opacity:.25;position:absolute;right:-7px}.hero-copy{z-index:1}.hero-description{max-width:290px}.desktop-break{display:none}.panel{padding:20px 16px}.section-heading h2{font-size:30px}.summary-cards{grid-template-columns:1fr}.summary-card{min-height:0}.report-heading{flex-direction:column;align-items:flex-start;gap:12px}.save-row{flex-direction:column;align-items:flex-start}.topbar-note{font-size:13.5px}}.app-shell{--gold:#8a672f;--gold-bright:#a17b3c;--muted:#716d64;--line:#765e3433;max-width:1500px}.topbar{border-color:var(--line)}.brand{color:#353229}.brand small,.topbar-note{color:#625e55}.brand-seal{color:#8a672f;border-color:#9b7537}.live-dot{background:#988047;box-shadow:0 0 10px #98804740}.hero{border-color:var(--line)}.eyebrow{color:#80602d;letter-spacing:.16em;font-size:16.5px}.hero .eyebrow span{background:#9b7537}.hero h1{color:#343127}.hero h1 span{color:#89662f}.hero-description{color:#555148;font-size:24px}.hero-meta{color:#73572c;font-size:18px}.hero-art{color:#8a672f}.orbit{border-color:#8a672f42}.orbit-inner{border-color:#8a672f59}.art-center{color:#765a2e;border-color:#9b7537;box-shadow:0 0 35px #8a672f0a,inset 0 0 28px #8a672f08}.art-star,.art-number{color:#8a672f}.art-caption{color:#625d50;font-size:16.5px}.panel{border-color:var(--line);background:#fffdf8d4;box-shadow:0 8px 28px #493b2209}.section-heading h2{color:#343127}.step-tag,.result-year{color:#625d52;border-color:var(--line);font-size:16.5px}.section-intro{color:#555148;font-size:21px}.field-label{color:#39362f;font-size:21px}.field-label span{color:#706b60;font-size:15px}.form-panel input:not([type=radio]){color:#39362f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fffefa;border-color:#765e3447;font-size:21px}.form-panel input::placeholder{color:#817d73}.form-panel input:focus{border-color:#8a672f;box-shadow:0 0 0 2px #8a672f1a}.gender-option{color:#555148;border-color:#765e343d;font-size:19.5px}.gender-option.selected{color:#725427;background:#a17b3c0c;border-color:#a17b3c}.gender-option input{accent-color:#8a672f}.privacy-note{color:#5d594f;font-size:18px}.privacy-note span{color:#82602c}.primary-button{color:#fffdf8;background:#71582f;border-color:#71582f;font-size:19.5px}.primary-button:hover{background:#594426;box-shadow:0 3px 12px #59442625}.secondary-button{color:#705427;background:#fffdf8;border-color:#8a672f;font-size:18px}.secondary-button:hover:not(:disabled){color:#fffdf8;background:#71582f;box-shadow:0 3px 12px #59442620}.compass-mark{color:#8a672f}.luo-shu-grid{border-color:#765e347a}.palace{color:#454137;border-color:#765e3447}.palace-number{color:#76582a;font-size:45px}.palace-direction{color:#5e594f;font-size:15px}.palace-star{color:#504b42;font-size:15px}.palace.birth-palace{background:#d2b77c2b;box-shadow:inset 0 0 0 1px #a17b3c}.palace.annual-palace{background:#9eae9635}.palace.birth-palace.annual-palace{background:linear-gradient(135deg,#d2b77c55 50%,#9eae9655 50%)}.palace-badge{color:#fffdf8;background:#80602d;padding:2px 4px;font-size:13.5px;top:4px;right:4px}.annual-badge{color:#fff;background:#586b51}.chart-legend{color:#504b42;font-size:18px}.legend-dot{width:9px;height:9px}.chart-footnote{color:#555148;border-color:var(--line);font-size:18px}.footnote-divider{color:#a9a396}.chart-layout{flex-direction:column;gap:13px}.luo-shu-grid{flex:none;width:min(100%,360px)}.chart-legend{flex-wrap:wrap;margin-top:0}.summary-card{border-color:var(--line);background:#f8f4e9}.summary-label{color:#5f5a50;font-size:18px}.summary-card strong{color:#76582a}.summary-card>span:last-child,.birth-summary{color:#504b42;font-size:18px}.birth-summary span{color:#656055}.report-heading{border-color:var(--line)}.report-heading h3{color:#343127;font-size:28.5px}.report-placeholder{border-color:#765e3447}.report-placeholder>span{color:#8a672f}.report-placeholder p{color:#504b42;font-size:19.5px}.report-content{color:#39362f;font-size:22.5px}.save-row{border-color:var(--line)}.save-row p{color:#504b42;font-size:18px}.error-message{color:#783d30;background:#f9e9e2;border-color:#b8786266;font-size:19.5px}.error-message span{border-color:#a65c48}.footer{border-color:var(--line);color:#5d594f;font-size:16.5px}.footer span:first-child{color:#484338}@media (width<=760px){.hero-description{font-size:21px}.summary-card>span:last-child{font-size:16.5px}.hero-art{opacity:.8}.luo-shu-grid{width:min(100%,330px)}}@media (width<=420px){.topbar-note{font-size:15px}}@media (width<=1024px){.content-grid{grid-template-columns:minmax(0,1fr)}.panel{min-width:0}}