:root{--ink:#1A1A1A;--ink-soft:#2A2530;--muted:#6B655C;--paper:#F7F4EE;--paper-2:#FFFEF8;--line:#E6DFD2;--green:#2A2530;--gold:#B6995C;--gold-strong:#C9A24B;--white:#FFFEF8;--serif:Georgia,'Noto Serif Thai',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,'Noto Sans Thai',Tahoma,sans-serif;line-height:1.65}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bd975b;outline-offset:4px}[hidden]{display:none!important}.prototype{background:#e8ede5;text-align:center;padding:7px 16px;font-size:11px;letter-spacing:.03em;color:#546459}header{max-width:1280px;margin:auto;padding:25px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:9px;align-items:center;font-family:var(--serif);font-size:31px;font-weight:bold;letter-spacing:-1px}.brandmark{color:var(--gold);font-size:35px}.brand-sub{font-family:Arial,sans-serif;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;border-left:1px solid #cbd2c9;padding-left:15px;margin-left:10px;font-weight:normal}nav{display:flex;gap:28px;font-size:13px}nav a:hover{color:var(--gold)}.language{display:flex;gap:7px;align-items:center}.language select{border:0;background:transparent;color:var(--ink);width:105px;font-size:13px;padding:7px}.hero{max-width:1280px;margin:auto;padding:64px 40px 60px;display:grid;grid-template-columns:1.06fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;display:flex;gap:10px;align-items:center;color:#6d7c6a}.eyebrow>span:first-child:empty{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:100%}h1,h2,h3,p{margin:0}h1,h2,h3,h4{color:var(--ink)}h1{font-family:var(--serif);font-weight:normal;line-height:1.18;font-size:clamp(40px,4.3vw,64px);letter-spacing:-1.8px;margin:24px 0}h1 em{font-style:italic;color:var(--gold)}html[lang=th] h1{font-family:Tahoma,sans-serif;line-height:1.35;font-size:clamp(36px,3.9vw,54px);letter-spacing:-1px}html[lang^=zh] h1{line-height:1.3}.intro{font-size:16px;color:var(--muted);max-width:470px;line-height:1.9}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:30px}.primary,.secondary{border-radius:5px;padding:13px 23px;border:1px solid var(--green);font-size:13px;font-weight:600;transition:.2s}.primary{background:var(--ink-soft);color:var(--paper)}.primary:hover{background:#3A332C;transform:translateY(-1px)}.secondary{background:transparent;color:var(--ink)}.secondary:hover{background:#e8ede5}.text-button{background:none;border:0;color:var(--ink);padding:10px 0;font-size:13px;border-bottom:1px solid #b4bfb3}.hero-notes{display:flex;gap:20px;color:var(--muted);font-size:11px;margin-top:22px}.hero-notes span:before{content:'✓';margin-right:7px;color:#809476}.cosmos{height:460px;background:#e9ede3;border-radius:170px 170px 6px 6px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.cosmos:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#95a287 0.6px,transparent .6px);background-size:16px 16px;opacity:.12}.orbit{border:1px solid #b6c1aa;border-radius:50%;position:absolute}.orbit1{width:230px;height:230px}.orbit2{width:350px;height:350px}.orbit3{width:435px;height:435px;border-style:dashed;border-color:#cbd2c2}.celestial{border:1px solid #b3bca4;background:#f7f7ed;width:170px;height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;z-index:1;box-shadow:0 0 0 12px #f1f2e980}.celestial span{font-family:serif;font-size:44px;letter-spacing:12px;margin-left:12px}.celestial small{font-size:8px;letter-spacing:2px;margin-top:12px}.star{position:absolute;color:#9b7d4e}.s1{left:18%;top:20%;font-size:40px}.s2{right:17%;bottom:25%;font-size:25px}.s3{right:23%;top:15%;font-size:20px}.floating{position:absolute;background:#fafbf5ee;padding:10px 16px;border:1px solid #d3dbcd;border-radius:5px;font-size:12px;display:flex;align-items:center;gap:10px;z-index:2;box-shadow:0 6px 20px #314e2710}.floating i{font-style:normal;color:#947b4b;font-size:21px}.f1{top:105px;right:18px}.f2{left:18px;bottom:115px}.f3{right:28px;bottom:63px}.cosmos-top,.cosmos-bottom{position:absolute;display:flex;justify-content:space-between;left:30px;right:30px;font-size:9px;letter-spacing:1px;color:#78876e}.cosmos-top{top:57px;left:75px;right:75px}.cosmos-bottom{bottom:22px}.principles{max-width:1200px;margin:auto;display:flex;justify-content:space-around;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:#64725e}.principles span:before{content:'✧';margin-right:12px;color:var(--gold)}.section{max-width:1280px;margin:auto;padding:70px 40px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}h2{font-family:var(--serif);font-weight:normal;font-size:32px;line-height:1.4;margin-top:13px}.section-head>p{max-width:360px;font-size:14px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.step{border-top:1px solid #cbd3c5;padding-top:20px}.step-num{font-family:var(--serif);font-size:27px;color:var(--gold)}h3{font-weight:500;font-size:18px;margin:12px 0 8px}.step p{font-size:14px;color:var(--muted)}.experience{display:grid;grid-template-columns:1fr 1fr;gap:90px;background:#e9ede4;max-width:1200px;padding:55px 55px;border-radius:7px}.experience h2{font-size:37px;margin-bottom:20px}.experience-copy>p{color:var(--muted);font-size:15px}.privacy-note{display:flex;gap:15px;margin-top:35px;border-top:1px solid #c8d1c2;padding-top:23px;font-size:12px;color:#6a7862}.privacy-note>span{font-size:25px}.form-decoration{font-size:100px;font-weight:normal;color:#9aa98c;line-height:1;margin-top:30px}form{background:#fffef9;padding:30px;border-radius:6px;border:1px solid #dce2d5;box-shadow:0 6px 30px #28432708}.form-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:19px}.pill{font-size:10px;background:#edf1e6;padding:4px 9px;border-radius:20px;color:#5c6c52}.form-grid{display:grid;grid-template-columns:1fr 1.5fr 1.25fr;gap:12px}.form-grid.two{grid-template-columns:1fr 1.3fr}label{display:block;font-size:12px;margin:12px 0 6px}input:not([type=checkbox]),form select{width:100%;border:1px solid #d9dfd3;background:#fffef9;padding:10px;border-radius:4px;color:var(--ink);font-size:13px;min-height:43px}input:disabled{opacity:.5}.check{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;margin-top:15px}.check input{accent-color:var(--green);margin-top:4px}.hint{font-size:10px;color:#7d8678;margin-top:8px}.center{text-align:center}.consent{border-top:1px solid var(--line);padding-top:15px}.wide{width:100%}.notice,.error{font-size:12px;line-height:1.7}.notice{background:#f2eee0;padding:12px;border-radius:4px}.error{color:#a33c2e;margin:10px 0}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan{padding:32px;border:1px solid var(--line);border-radius:6px;background:#fffef9}.plan.premium{background:#edf0e6;border-color:#bac7ad}.plan-top{display:flex;justify-content:space-between;align-items:center;font-size:13px}.price{font-family:var(--serif);font-size:48px;margin:22px 0 10px;line-height:1.2}.price small{font-family:Arial,sans-serif;font-size:12px;color:var(--muted)}.plan p{font-size:14px;color:var(--muted)}ul{list-style:none;padding:0;margin:25px 0}li{font-size:13px;margin:10px 0}li:before{content:'✓';color:#829575;margin-right:12px}.plan-foot{display:block;text-align:center;font-size:10px;margin-top:12px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;border-top:1px solid var(--line)}.faq>div>p{font-size:14px;color:var(--muted);margin-top:18px}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-size:14px;display:flex;justify-content:space-between;gap:20px;list-style:none}summary:after{content:'+';font-size:20px;color:#7f906f}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);padding:12px 24px 0 0}.end-note{max-width:900px;padding:10px 30px 55px;margin:auto;display:flex;gap:20px;color:var(--muted);font-size:12px;align-items:center}.end-note>span{font-size:36px;color:var(--gold)}footer{border-top:1px solid var(--line);max-width:1200px;margin:auto;padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:11px;color:var(--muted)}footer .brand{font-size:24px}dialog{border:1px solid var(--line);border-radius:10px;padding:35px;max-width:600px;width:calc(100% - 32px);background:var(--paper);color:var(--ink);max-height:85vh;overflow:auto}dialog::backdrop{background:#14282088;backdrop-filter:blur(3px)}.close{position:absolute;right:15px;top:8px;border:0;background:none;font-size:28px;color:var(--muted)}dialog h2{margin-bottom:18px}dialog p{font-size:14px;color:var(--muted);margin-bottom:15px}dialog .primary{margin-top:15px}.result-head{padding-bottom:20px}.result-head .eyebrow{margin-top:30px}.result-head h1{font-size:44px}.result-head>p{color:var(--muted)}.result-warning{background:#eeeadd;border:1px solid #ddd4b9;padding:16px 20px;border-radius:5px;font-size:13px;margin-top:25px}.input-summary{font-size:12px;margin-top:15px;color:var(--muted)}.report-layout{display:grid;grid-template-columns:260px 1fr;gap:60px;padding-top:20px;padding-bottom:20px}.report-layout aside{background:#e9ede3;padding:30px;border-radius:130px 130px 5px 5px;text-align:center;align-self:start}.mini-star{font-size:100px;color:#8c9a7e}.report-layout aside p{font-size:12px;color:var(--muted);margin-bottom:15px}.report-content article{padding:20px 0;border-bottom:1px solid var(--line)}.report-content article>span{font-size:10px;color:var(--gold);letter-spacing:2px}.report-content p{font-size:15px;color:var(--muted)}.result-cta p{color:var(--muted);margin:15px 0 25px}.result-cta button{margin-right:12px;margin-bottom:10px}@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:85px}}@media(max-width:900px){header{padding:18px 25px}.brand-sub{display:none}.hero{gap:30px;padding:40px 25px}.cosmos{height:400px}.floating{padding:8px 10px;font-size:10px}.f1{right:8px}.f2{left:5px}.f3{right:8px}.experience{gap:35px;padding:35px;margin:0 25px}.section{padding:50px 25px}.experience h2{font-size:30px}footer{margin:0 25px}.steps{gap:25px}.faq{gap:35px}}@media(max-width:650px){header{padding:14px 20px}.brand{font-size:27px}nav{display:none}.prototype{font-size:10px;padding:7px 15px}.hero{grid-template-columns:1fr;padding:35px 22px;gap:28px}.hero h1{font-size:44px;max-width:500px}html[lang=th] .hero h1{font-size:38px}.intro{font-size:14px}.cosmos{height:340px;border-radius:150px 150px 6px 6px}.orbit1{width:180px;height:180px}.orbit2{width:275px;height:275px}.orbit3{width:340px;height:340px}.celestial{height:140px;width:140px}.celestial span{font-size:36px}.cosmos-top{top:35px}.f1{top:90px;right:20px}.f2{bottom:80px;left:15px}.f3{bottom:40px;right:20px}.cosmos-bottom{bottom:12px}.hero-actions{gap:15px}.hero-notes{gap:15px;font-size:10px}.principles{margin:0 22px;flex-wrap:wrap;gap:12px;font-size:10px;padding:18px 0}.section{padding:42px 22px}.section-head{display:block;margin-bottom:25px}.section-head>p{margin-top:15px}.steps{grid-template-columns:1fr;gap:22px}.step{display:grid;grid-template-columns:40px 1fr;column-gap:12px}.step-num{grid-row:span 2}.step h3{margin:0 0 6px}.step p{font-size:13px}.experience{grid-template-columns:1fr;padding:30px 20px;margin:0 15px;gap:25px}.experience-copy h2{font-size:29px}.form-decoration{display:none}.privacy-note{margin-top:20px;padding-top:15px}form{padding:20px}.plans{grid-template-columns:1fr}.plan{padding:25px}.faq{grid-template-columns:1fr;gap:20px}footer{flex-wrap:wrap;margin:0 22px;gap:8px}footer p{order:3;width:100%;padding-bottom:10px}h2{font-size:28px}.report-layout{grid-template-columns:1fr;gap:25px}.report-layout aside{border-radius:5px;padding:20px}.mini-star{font-size:50px}.result-head h1{font-size:34px}dialog{padding:28px 23px}.hero-actions .primary{padding:12px 18px}}

.place-fields{margin-top:22px;padding-top:20px;border-top:1px solid #dde3db} .data-credit{font-size:12px;color:inherit} #manualPlace input{width:100%} .form-grid>div{min-width:0} select{max-width:100%;text-overflow:ellipsis}
.report-body{padding-top:10px}.report-tools{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.restore-tools{display:flex;flex-wrap:wrap;gap:15px}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:#e9ede3;padding:22px;border-radius:7px;margin:22px 0 32px}.facts dt{font-size:12px;color:var(--muted)}.facts dd{margin:8px 0 0;font-size:15px}.chart-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 45px}.palace{background:#fffef9;border:1px solid var(--line);border-radius:6px;padding:18px;min-width:0}.palace-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.palace-head h3{font-size:16px;margin:0}.palace-head>span{font-size:12px;color:var(--muted)}.life-palace{border:2px solid var(--green)}.major-stars{margin:15px 0;min-height:40px}.star-chip{display:inline-block;font-size:12px;background:#edf0e6;padding:4px 7px;margin:3px 3px 3px 0;border-radius:4px}.star-chip b{font-size:10px;display:block;color:#795d29}.star-chip small{color:#6c7770}.palace details{padding:10px 0;border:0}.palace summary{font-size:11px}.palace details p{font-size:12px}.reading-card{border-top:1px solid var(--line);padding:28px 0}.reading-card h3{font-family:var(--serif);font-size:25px}.reading-card p{margin:12px 0;max-width:900px;font-size:15px}.reading-card .basis{font-size:12px;background:#e9ede3;border-radius:5px;padding:12px}.reading-card .reflection{color:#69795d}.candidate-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 30px}.candidate{text-align:left;background:#fffef9;border:1px solid #c5d1bd;border-radius:6px;padding:16px;color:var(--ink)}.candidate.selected{border:2px solid var(--green);background:#e9ede3}.candidate span,.candidate small{display:block;margin-top:8px}.candidate small{color:#6c7770}.candidate:hover{background:#edf0e6}.method{margin-top:30px}.report-tools button:disabled{opacity:.5;cursor:not-allowed}#calculationFacts{scroll-margin-top:25px}button:disabled:hover{transform:none}@media(max-width:900px){.chart-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.facts{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.palace{padding:12px}.candidate-list{grid-template-columns:1fr}.facts{padding:16px;gap:12px}.palace-head{align-items:start;flex-direction:column}.report-tools{gap:8px}.report-tools button{font-size:12px}.form-grid.two{grid-template-columns:1fr}.report-body{padding-top:0}.star-chip{font-size:11px}.palace-head h3{font-size:14px}}