@font-face{font-family:Noto;src:url(/fonts/NotoSansThai-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Noto;src:url(/fonts/NotoSansThai-SemiBold.ttf) format("truetype");font-weight:600 800;font-display:swap}:root{font-family:Noto,sans-serif;color:#493d4d;background:#faf7f5;font-synthesis:none;--navy:#513b59;--deep:#392b40;--yellow:#f3cbb1;--line:#e8dfe5;--muted:#796c7b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #aa725e;outline-offset:3px}[hidden]{display:none!important}.topbar{padding:22px max(5vw,24px);display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-weight:600;font-size:26px;letter-spacing:0}.brand img{width:47px;height:47px;object-fit:contain;border-radius:15px}.brand small{display:block;font-weight:400;font-size:9px;letter-spacing:.6px;margin-top:2px}.topbar nav{display:flex;align-items:center;gap:26px;font-size:12px}.topbar nav a{text-decoration:none}.version{border:1px solid var(--line);border-radius:99px;padding:6px 12px;color:var(--muted)}main{max-width:1320px;margin:auto;padding:32px max(4vw,24px) 0}.hero{background:var(--navy);color:#fff;border-radius:16px;display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;min-height:340px;padding:42px 46px;position:relative}.eyebrow,.section-kicker{font-size:10px;letter-spacing:1.6px;font-weight:600}.eyebrow{color:#d9d69b}.hero h1{font-size:36px;line-height:1.5;font-weight:600;margin:15px 0 14px;letter-spacing:-.7px}.hero h1 em{font-style:normal;color:var(--yellow)}.hero p{font-size:14px;line-height:1.9;color:#c6d3da;margin:0}.hero-bottom{font-size:11px;color:#d3dfe4;margin-top:26px;display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;background:var(--yellow);border-radius:50%}.hero-art{position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #8aa9b41c;border-radius:50%;width:330px;height:330px}.o2{width:260px;height:260px}.o3{width:195px;height:195px}.orbit-label{position:absolute;bottom:0;font-size:8px;letter-spacing:3px;color:#adbec8}.number-card{position:relative;background:#ffffff0c;border:1px solid #ffffff22;border-radius:12px;padding:25px 28px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform:rotate(-5deg);box-shadow:0 15px 30px #132f4233}.number-card small{font-size:11px;color:#bdcbd1}.number-card strong{display:block;font-size:22px;font-weight:400;color:#f5e977;margin:15px 0}.number-card span{font-size:8px;letter-spacing:3px;color:#bdcbd1}.workspace{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;margin-top:28px;align-items:start}.input-card,.guide-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:30px}.section-kicker{color:#667e8a}h2{font-size:23px;line-height:1.6;font-weight:600;margin:10px 0}p.muted{font-size:12px;color:var(--muted);line-height:1.8;margin:8px 0 22px}label{display:block;font-size:13px;font-weight:600;margin:0 0 17px}label small{font-size:10px;font-weight:400;color:var(--muted);display:block;margin:4px 0}.required{color:#ac6600}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,select,textarea{width:100%;border:1px solid #dce3e7;border-radius:7px;padding:11px 12px;font-size:13px;color:var(--navy);background:#fff;margin-top:6px;min-width:0}input:disabled{background:#eef1f3}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#8d9aa3}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;min-height:45px;border-radius:7px;border:0;font-weight:600;font-size:13px}.primary{background:var(--yellow);color:var(--deep)}form>.primary{width:100%;justify-content:space-between;margin-top:14px}.secondary{border:1px solid #c5d1d7;background:#fff}.text-button{background:none;border:0;display:block;padding:14px 0 0;color:var(--muted);margin:auto;font-size:12px;text-decoration:underline;text-underline-offset:3px}.birth{font-size:12px;color:var(--muted);margin:2px 0 14px}.birth label{margin-top:12px}.birth small{font-size:10px}summary{cursor:pointer;line-height:1.8}.guide-card{background:#f2ebee;border:0;min-height:100%;padding:32px}.guide-card h2{font-size:26px;margin-bottom:24px}.guide-card ol{list-style:none;padding:0;margin:0}.guide-card li{padding:0 0 22px;position:relative}.guide-card b{display:block;font-size:14px;font-weight:600}.guide-card li span{display:block;font-size:11px;color:var(--muted);margin-top:6px}.guide-note{font-size:11px;line-height:2;border-top:1px solid #d7e1e6;padding-top:18px}.belief{font-size:11px;line-height:1.9;color:var(--muted);margin:16px 0 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:52px 0 45px}.about-grid h2{font-size:20px}.about-grid p,.about-grid details{font-size:12px;line-height:1.9;color:#607580}.about-grid a{text-underline-offset:3px}.about-grid ul{padding-left:20px}.about-grid .secondary{margin-top:10px}.error{background:#fff0ec;border:1px solid #e8b8a7;border-radius:6px;padding:12px;color:#883b28;font-size:12px}.report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.report-toolbar h2{font-size:27px;overflow-wrap:anywhere}.report-toolbar p.muted{margin-bottom:0}#result{margin-top:40px;padding:32px;background:#fff;border:1px solid var(--line);border-radius:13px}.report-notice{border-left:3px solid #b67e67;background:#fcf3eb;font-size:12px;line-height:1.9;padding:14px 18px;margin:20px 0}.report-section{margin:28px 0}.report-section h3{font-size:16px;margin:0 0 15px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:12px;line-height:1.9}th{background:var(--navy);color:#fff;text-align:left;font-weight:600}th,td{border:1px solid var(--line);padding:12px 14px;vertical-align:top;overflow-wrap:anywhere}tbody tr:nth-child(2n){background:#faf6f8}blockquote{background:#f2ebee;border-left:4px solid var(--navy);padding:22px;margin:0;font-size:19px;line-height:1.8}.audit{border-top:1px solid var(--line);padding-top:20px;font-size:12px;line-height:1.9}.audit h4{margin:22px 0 7px}.audit p{color:var(--muted)}.pair-line{font-size:15px;letter-spacing:2px}.calculation{overflow-wrap:anywhere}#pdf-status{font-size:12px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:23px 5vw;font-size:10px;color:#71838d;letter-spacing:1px}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:30px}.hero-art{display:none}.hero h1{font-size:32px}.workspace{grid-template-columns:1fr}.guide-card{min-height:0}.guide-card h2 br{display:none}.about-grid{grid-template-columns:1fr;gap:28px}.topbar nav a{display:none}.topbar{padding:15px 20px}main{padding:20px 16px 0}.input-card,.guide-card{padding:24px}#result{padding:22px}.report-toolbar{align-items:flex-start;flex-direction:column}.report-toolbar .primary{width:100%}th,td{padding:9px 10px;font-size:11px}.report-section table:has(th:nth-child(3)){min-width:580px}footer{flex-direction:column;gap:10px}}@media(max-width:400px){.fields{grid-template-columns:1fr;gap:0}.hero h1{font-size:27px}.hero{padding:26px 22px}.brand{font-size:12px}.brand small{font-size:8px}.version,.hero-bottom{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}td{white-space:pre-line}
