@font-face{font-family:"Noto Sans Thai";src:url("fonts/NotoSansThai.ttf") format("truetype");font-weight:100 900;font-display:swap}
:root{--ink:#322c45;--muted:#898294;--purple:#7c63b3;--line:#ece7f1;--paper:#fffefa;--lavender:#f3eff9;--soft:#a899be;--peach:#fbede1}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px 'Noto Sans Thai',Tahoma,sans-serif;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b7a1dd;outline-offset:4px}a{color:inherit}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}.header{max-width:1180px;padding:25px 30px 20px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:24px;font-family:Georgia,serif;font-weight:600;line-height:1.1;letter-spacing:-1px}.brand img{width:40px;height:40px}.brand i{color:var(--purple);font-weight:400}.brand small{display:block;font:7px Tahoma,sans-serif;letter-spacing:3px;color:#a095af;margin-top:5px}.header nav{display:flex;gap:8px}.header nav a{display:flex;align-items:center;gap:9px;text-decoration:none;padding:11px 22px;border-radius:30px;font-size:12px;color:#938a9d}.header nav a.active{color:#7558a5;background:#f0eaf7;font-weight:600}.header nav a span{font-size:18px}.guide-button{border:1px solid var(--line);background:white;border-radius:30px;padding:8px 17px;font-size:11px}.guide-button span{border:1px solid #c2b8cf;border-radius:50%;display:inline-grid;place-items:center;width:16px;height:16px;font-size:10px;color:#a296b4;margin-right:5px}main{max-width:1120px;padding:0 0 20px;margin:auto}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:400px;padding:32px 0 25px;gap:30px}.hero-copy{padding-left:16px}.eyebrow{display:flex;align-items:center;gap:8px;font:9px Tahoma,sans-serif;letter-spacing:2px;color:#9e8db2}.eyebrow>span{font-size:19px;color:#b3a0c9}.quiet{color:#a498b5;font-size:8px;letter-spacing:2px}h1{font-size:43px;letter-spacing:-1.1px;line-height:1.5;font-weight:500;margin:18px 0 14px}.purple-text{color:var(--purple)}.tiny-star{color:#d1a57e;font-size:25px;display:inline-block;margin-left:15px;vertical-align:top;transform:rotate(12deg)}.hero-copy>p{font-size:13px;line-height:1.95;color:#918598}.hero-tags{display:flex;gap:18px;margin-top:23px;font-size:10px;color:#95869e}.hero-visual{position:relative;max-width:470px;justify-self:end;width:100%;padding-bottom:15px}.hero-visual>img{width:100%;display:block}.floating-note{position:absolute;left:55px;bottom:25px;background:#fffefaee;backdrop-filter:blur(10px);border:1px solid #e9e0f0;border-radius:13px;padding:14px 18px;display:flex;gap:12px;align-items:center;box-shadow:0 10px 25px #75618e0a;min-width:280px;font-size:12px}.floating-note small{display:block;letter-spacing:1.2px;font:6px Tahoma,sans-serif;color:#b0a3bc;margin-top:3px}.floating-note>span:last-child{margin-left:10px;color:#c1adce;font-size:22px}.mini-sun{font-size:27px;color:#bd9d6d}.section-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0 22px}.section-title h2{font-size:24px;line-height:1.5;margin:8px 0 0;font-weight:500;letter-spacing:-.4px}.today-badge,.subtle-badge{font-size:10px;border:1px solid var(--line);border-radius:25px;padding:8px 13px;color:#9c8da9;background:#fff}.reading-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:24px;align-items:start}.form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 30px;box-shadow:0 4px 25px #36244402}.form-card-title{display:flex;gap:12px;align-items:center;margin-bottom:26px}.tile-icon{width:42px;height:42px;border-radius:13px;background:#f3edf9;color:var(--purple);display:grid;place-items:center;font-size:25px}.form-card h3{font-size:17px;font-weight:500;margin:0}.form-card-title p{font-size:10px;color:#a296ae;margin:3px 0 0}form>label,.plate-inputs label{display:block;font-size:11px;font-weight:500;margin:18px 0 8px}form label span{color:#b39bc5}form label small{font-size:10px;color:#aaa1b3;font-weight:400}input[type=date],input[type=text]{width:100%;min-height:49px;color:var(--ink);background:#fdfcfe;border:1px solid #e6dfed;border-radius:9px;padding:12px 14px;min-width:0}input::placeholder{color:#c1b6cb}form>small{font-size:9px;color:#b0a4bb;display:block;margin-top:7px}fieldset{padding:0;margin:23px 0 0;border:0}legend{font-size:11px;font-weight:500;margin-bottom:11px}.focus-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.focus-options label{position:relative;cursor:pointer;font-size:11px}.focus-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.focus-options label>span{display:block;border:1px solid var(--line);border-radius:8px;padding:9px 4px;text-align:center;color:#a395b0;font-size:10px;white-space:nowrap}.focus-options input:checked+span{border-color:#bfaad8;background:#f4effa;color:#7c60a8}.focus-options input:focus-visible+span{outline:3px solid #b7a1dd;outline-offset:3px}.primary-button{width:100%;border:0;border-radius:10px;padding:14px 18px;background:var(--purple);color:white;font-size:12px;display:flex;align-items:center;justify-content:space-between;min-height:48px;transition:background .2s}.primary-button:hover{background:#6d529f}.primary-button>span{font-size:20px;line-height:1}.privacy-line{font-size:9px;text-align:center;color:#b5aabd;margin-top:14px}.privacy-line span{color:#9f91b0;margin-right:4px}.form-error{color:#b45055;font-size:11px;margin:12px 0}.form-error:empty{margin-top:20px}.empty-reading{min-height:402px;border:1px solid #eee7f5;border-radius:18px;background:linear-gradient(130deg,#faf7fe,#f4effa);display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px}.zodiac-ring{height:115px;width:115px;border:1px solid #d9cbe9;border-radius:50%;position:relative;margin:0 0 24px;display:grid;place-items:center}.zodiac-ring:before{content:'';position:absolute;inset:9px;border:1px dashed #dfd2ed;border-radius:50%}.zodiac-ring>span{font:70px Georgia,serif;color:#ad95cb;line-height:1;transform:rotate(-20deg)}.zodiac-ring i{position:absolute;right:9px;top:8px;color:#c29e78;font-style:normal;font-size:20px}.zodiac-ring b{position:absolute;left:6px;bottom:0;color:#bcacd0;font-size:25px;font-weight:400}.empty-reading h3{font-size:21px;font-weight:400;line-height:1.75;margin:15px 0 8px}.empty-reading>p{font-size:11px;line-height:1.9;color:#aa9cb6;margin:0}.reading-topics{display:flex;gap:12px;color:#ad9fba;font-size:10px;margin-top:20px}.reading-topics i{font-style:normal}.cross-banner{margin:32px 0 24px;display:flex;gap:20px;align-items:center;background:#f9f3eb;border:1px solid #f1e8db;border-radius:15px;padding:23px 28px}.cross-symbol{color:#bc9e7c;background:#f1e4d2;border-radius:12px;width:47px;height:47px;display:grid;place-items:center;font-size:28px;flex-shrink:0}.cross-banner h3{font-size:15px;font-weight:500;margin:8px 0 3px}.cross-banner p{font-size:10px;color:#ab9c88;margin:0}.cross-banner a{margin-left:auto;white-space:nowrap;border-radius:25px;padding:10px 17px;border:1px solid #e6d8c6;text-decoration:none;font-size:10px;color:#99846b}.cross-banner a span{margin-left:13px}.belief-note{font-size:9px;color:#b0a5b6;text-align:center;line-height:2;margin:20px 0 10px}footer{max-width:1120px;margin:auto;padding:23px 0 28px;display:flex;align-items:center;gap:22px;border-top:1px solid var(--line)}.footer-brand{font:20px Georgia,serif;color:#87729d;text-decoration:none}.footer-brand span{font-size:12px;color:#c4a17c;margin-left:4px}footer>span{font-size:9px;letter-spacing:.6px;color:#b2a8bb}footer>button{border:0;background:none;margin-left:auto;font-size:10px;color:#aa9bb6;padding:8px}.bottom-nav{display:none}.skip-link{position:fixed;top:0;left:10px;z-index:30;transform:translateY(-120%);background:white;border:2px solid var(--purple);padding:8px 20px}.skip-link:focus{transform:translateY(0)}.plate-inputs{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}.plate-inputs label{margin-top:0}.plate-inputs input{font-size:21px;letter-spacing:2px}.method-tip{font-size:10px;color:#a396af;background:#f8f5fb;border-radius:8px;padding:11px;margin:14px 0}.sample-plate{width:265px;max-width:100%;padding:20px 22px 17px;background:white;border:2px solid #9b8ea9;border-radius:14px;box-shadow:5px 8px 0 #e9e1f0;position:relative;margin:2px 0 33px;transform:rotate(-4deg);color:#55495f}.sample-plate>span{font-size:8px;letter-spacing:1px;color:#b4a8be}.sample-plate>strong{font-size:34px;display:block;font-weight:500;letter-spacing:2px}.sample-plate>small{font-size:12px}.sample-plate i,.sample-plate b{position:absolute;width:5px;height:5px;border-radius:50%;background:#d4cbdf;top:14px}.sample-plate i{left:15px}.sample-plate b{right:15px}.car-empty{min-height:433px;justify-content:center}.car-hero h1{font-size:40px}.result-panel{border:1px solid #e3d9ef;border-radius:18px;background:#fcf9ff;padding:26px;outline-offset:5px}.result-heading{display:flex;gap:14px;align-items:center;border-bottom:1px solid #eae0f2;padding-bottom:18px;margin-bottom:16px}.zodiac-icon{font:40px Georgia,serif;color:var(--purple);width:64px;height:64px;display:grid;place-items:center;background:#f0e8f9;border-radius:50%;flex-shrink:0}.result-heading h3{font-size:20px;font-weight:500;margin:3px 0}.result-heading small{font-size:9px;color:#a294ae}.result-heading .eyebrow{font-size:7px}.insight-card{padding:12px 0;border-bottom:1px solid #eee6f4}.insight-card h4{font-size:12px;font-weight:500;color:#8462ac;margin:0 0 5px}.insight-card p{font-size:11px;line-height:1.9;color:#8f819a;margin:0}.result-message{font-size:12px;line-height:1.9;color:#897499;background:#f3ecfa;border-radius:10px;padding:15px;margin:17px 0 0}.result-caption{font-size:8px;color:#b1a1bf;line-height:1.8;margin-top:15px}.result-plate{text-align:center;border:1px solid #d0c2dd;border-radius:10px;background:white;padding:13px 10px;margin-bottom:20px}.result-plate strong{font-size:25px;letter-spacing:2px;display:block;overflow-wrap:anywhere}.result-plate small{font-size:10px;color:#a192ac}.number-result{display:flex;align-items:center;gap:18px;margin:20px 0}.number-ball{width:75px;height:75px;display:grid;place-items:center;border-radius:50%;font:40px Georgia,serif;background:#eee5f8;color:var(--purple);flex-shrink:0}.number-result h3{font-size:19px;font-weight:500;margin:0 0 4px}.number-result small{font-size:10px;color:#a99ab6}.calculation{background:#f3eff8;padding:13px;border-radius:10px;color:#a090af;font-size:10px;line-height:1.9}.calculation b{color:#7d6695;font-weight:500}.result-advice{font-size:12px;line-height:2;color:#93809f}.result-tags{display:flex;gap:7px;flex-wrap:wrap}.result-tags span{font-size:9px;color:#9b7bb4;border:1px solid #e3d5ed;border-radius:20px;padding:5px 12px}dialog{width:480px;max-width:calc(100vw - 32px);border:1px solid #e5dcee;border-radius:18px;padding:26px;color:var(--ink);box-shadow:0 20px 100px #3c255a33;background:var(--paper)}dialog::backdrop{background:#35244355;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading h2{font-size:20px;font-weight:500}.dialog-heading button{background:#f0eaf7;border:0;width:34px;height:34px;border-radius:50%;font-size:24px;color:#9c87b3}#dialog-body{font-size:12px;color:#91819e;line-height:2}#dialog-body strong{color:#6e578d;font-weight:500}#dialog-body ol{padding-left:22px}#dialog-body p{margin:14px 0}@media(min-width:801px) and (max-width:1180px){main,footer{margin-left:5%;margin-right:5%}.header{margin:0 3%}.hero-copy{padding-left:0}h1{font-size:36px}.hero-tags{gap:10px}.car-hero h1{font-size:34px}.floating-note{left:25px;min-width:250px}.form-card{padding:25px 22px}}@media(max-width:800px){body{font-size:13px}.header{padding:18px 20px;margin:0 4px}.brand{font-size:23px}.brand img{width:35px;height:35px}.brand small{font-size:6px}.header nav{display:none}.guide-button{padding:8px 12px;font-size:10px}main{padding:0 20px 10px}.hero{display:flex;flex-direction:column;gap:0;min-height:0;padding:31px 0 15px;overflow:hidden}.hero-copy{width:100%;padding-left:2px}.eyebrow{font-size:7px;letter-spacing:1.5px}.eyebrow>span{font-size:16px}h1{font-size:34px;line-height:1.5;margin:16px 0 13px;letter-spacing:-.7px}.car-hero h1{font-size:32px}.tiny-star{font-size:23px;margin-left:8px}.hero-copy>p{font-size:11px;line-height:1.95}.hero-tags{gap:14px;font-size:9px;margin-top:18px}.hero-visual{max-width:330px;align-self:center;width:100%;margin-top:9px;padding-bottom:10px}.hero-visual>img{height:226px;object-fit:contain}.floating-note{left:35px;bottom:5px;min-width:230px;padding:10px 13px;border-radius:11px;font-size:10px;gap:8px}.floating-note small{font-size:5px;letter-spacing:.7px}.floating-note>span:last-child{font-size:20px;margin-left:5px}.mini-sun{font-size:24px}.section-title{margin:28px 0 17px;gap:12px;align-items:end}.section-title h2{font-size:20px;margin-top:7px;line-height:1.6}.today-badge{padding:6px 9px;font-size:8px;white-space:nowrap;margin-bottom:4px}.subtle-badge{font-size:7px;padding:6px 8px;white-space:nowrap;margin-bottom:4px}.quiet{font-size:7px;letter-spacing:1.3px}.reading-grid{grid-template-columns:1fr;gap:16px}.form-card{padding:23px 20px;border-radius:15px}.form-card-title{margin-bottom:20px;gap:10px}.form-card h3{font-size:16px}.tile-icon{width:38px;height:38px;font-size:24px}.form-card-title p{font-size:9px}input[type=date],input[type=text]{min-height:48px;font-size:16px}form>label,.plate-inputs label,legend{font-size:11px}form>small{font-size:9px}.focus-options{gap:6px}.focus-options label>span{font-size:10px;padding:10px 3px}.primary-button{font-size:12px;min-height:50px}.privacy-line{font-size:8px}.empty-reading{min-height:290px;padding:24px 20px}.zodiac-ring{width:80px;height:80px;margin-bottom:19px}.zodiac-ring>span{font-size:51px}.zodiac-ring b{font-size:17px}.zodiac-ring i{font-size:15px}.empty-reading h3{font-size:18px;line-height:1.7;margin:12px 0 7px}.empty-reading>p{font-size:10px}.reading-topics{font-size:9px;margin-top:14px}.cross-banner{margin:24px 0 20px;padding:20px 16px;gap:12px;flex-wrap:wrap}.cross-symbol{width:37px;height:37px;font-size:24px;border-radius:10px}.cross-banner>div{flex:1}.cross-banner h3{font-size:12px;line-height:1.8;margin-top:6px}.cross-banner p{font-size:9px}.cross-banner a{font-size:10px;margin-left:49px;margin-top:5px;padding:9px 15px}.cross-banner .eyebrow{font-size:6px;letter-spacing:1px}.belief-note{font-size:8px;line-height:2;margin:20px 4px}footer{margin:0 20px;padding:20px 0 100px;gap:12px;flex-wrap:wrap}.footer-brand{font-size:19px}footer>span{font-size:8px;letter-spacing:0}footer>button{font-size:9px;padding:4px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fffefaee;backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:8px 15px calc(8px + env(safe-area-inset-bottom));z-index:10}.bottom-nav a,.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:#b4a4c3;font-size:9px;background:none;border:0;min-height:43px}.bottom-nav span{font-size:23px;line-height:28px}.bottom-nav a.active{color:var(--purple);font-weight:600}.result-panel{padding:22px 20px;border-radius:15px}.result-heading h3{font-size:19px}.zodiac-icon{width:55px;height:55px;font-size:34px}.result-caption{font-size:8px}.sample-plate{width:220px;padding:15px;margin-bottom:26px}.sample-plate>strong{font-size:29px}.sample-plate small{font-size:10px}.plate-inputs{gap:10px;grid-template-columns:1fr 1.2fr}.plate-inputs input{font-size:20px}.car-empty{min-height:330px}.number-ball{width:65px;height:65px;font-size:34px}.number-result h3{font-size:18px}.result-advice{font-size:11px}.result-tags span{font-size:8px}.calculation{font-size:9px}dialog{padding:22px}.dialog-heading h2{font-size:18px}#dialog-body{font-size:11px}}@media(max-width:360px){main{padding-left:16px;padding-right:16px}h1{font-size:30px}.car-hero h1{font-size:28px}.hero-tags{gap:9px;font-size:8px}.section-title{align-items:start;flex-direction:column;gap:8px}.today-badge,.subtle-badge{align-self:start}.form-card{padding:22px 16px}.focus-options{grid-template-columns:repeat(2,1fr)}footer>button{margin-left:0}.floating-note{left:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.hero-copy>p{color:#7e7288}.form-card-title p{color:#8d7c9c}.empty-reading>p{color:#9482a2}.insight-card p,.result-advice{color:#786783}.privacy-line,.result-caption,.belief-note{color:#92839d}@media(max-width:800px){.hero-visual>img{height:195px}.hero{padding-top:26px}.insight-card p,.result-advice{font-size:12px}.privacy-line,.result-caption{font-size:10px}.belief-note{font-size:9px}.form-card-title p,form>small{font-size:10px}.bottom-nav a,.bottom-nav button{font-size:10px}.empty-reading>p{font-size:11px}}