:root{color-scheme:dark;--bg:#101d31;--gold:#d8bd82;--ink:#ecedf0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,-apple-system,'Segoe UI',sans-serif}header{padding:22px 5%;display:flex;gap:24px;align-items:center;border-bottom:1px solid #344154}header img{width:130px;height:45px;object-fit:contain}header span{letter-spacing:.12em;font-size:14px;color:var(--gold)}header small{margin-left:auto;font-size:11px;border:1px solid #6f6349;padding:4px 10px}main{max-width:1240px;margin:auto;padding:0 28px}.hero{position:relative;padding:64px 0 38px;max-width:900px}.hero p{max-width:650px}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--gold)}h1{font-size:clamp(42px,7vw,74px);line-height:1.12;margin:15px 0}h1 em{font-style:normal;color:var(--gold)}h2{font-size:30px;line-height:1.3}h3{line-height:1.4}p{margin:.6em 0 1em}.orbit{position:absolute;right:-100px;top:90px;font-size:54px;color:#b6a06b;opacity:.5;pointer-events:none}.panel{background:#192a40;border:1px solid #35445a;border-radius:18px;padding:28px;margin:24px 0}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wide{grid-column:1/-1}label{display:block;font-weight:600;font-size:16px}input,select,textarea{font:inherit;color:#edf2fa;background:#101d31;border:1px solid #66748b;border-radius:8px;padding:12px;width:100%;margin:6px 0;min-width:0}button{font:600 16px/1.4 system-ui;border:1px solid #baa571;background:#d8bd82;color:#182034;border-radius:9px;padding:13px 18px;cursor:pointer;margin:6px 7px 6px 0}button:hover{filter:brightness(1.12)}button:disabled{opacity:.55;cursor:wait}.secondary{background:transparent;color:#ebd9b2;border-color:#8d7e61}.primary{min-width:200px;margin-top:18px}.check{font-weight:400;margin-top:20px}.check input{width:auto}summary{cursor:pointer;color:#e8d2a2}a{color:#decba0}#place-results button{text-align:left;width:100%}.result-head{display:flex;align-items:center;justify-content:space-between;gap:20px}#tabs{display:flex;flex-wrap:wrap;gap:5px;margin:24px 0}#tabs button[aria-selected=true]{background:#e7dbba;color:#17233c}#tabs button{background:#22334b;color:#fff;border-color:#65748a}.export-bar{display:flex;flex-wrap:wrap}.reading-section{background:var(--paper,#f6f1e7);color:var(--text,#252c40);border-radius:14px;padding:30px;margin:22px 0;overflow-wrap:anywhere}.reading-section p{max-width:85ch}.reading-section h2,.reading-section h3{color:var(--text)}.chart{overflow:auto}table{border-collapse:collapse;width:100%;font-size:16px}th,td{border:1px solid #b5b3ae;padding:10px;text-align:left;vertical-align:top}th{background:#00000008}.tag{display:inline-block;border:1px solid currentColor;padding:3px 10px;border-radius:20px;font-size:13px;margin:4px}.callout{border-left:4px solid #ac853e;padding:10px 16px;background:#ad8b3c12}.palaces{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.palace{border:1px solid #a97173;padding:12px;font-size:16px;min-height:170px}.palace strong{display:block}.star-map{max-width:680px;width:100%;display:block;margin:auto}.number{font-size:48px;color:#6e4596;font-weight:700}.error{color:#ffc4ba}footer{border-top:1px solid #566078;padding:35px 0 50px;color:#c7cfdb;font-size:15px;margin-top:50px}#progress{padding:14px;background:#22354c;border-radius:9px}#downloads a{display:inline-block;padding:12px} .export-page{width:794px;height:1123px;background:#fcfaf4;color:#262c37;padding:26px 40px;position:relative;font:17px/1.55 system-ui,sans-serif}.export-page .export-top{height:82px;background:#13223a;color:#fff;margin:-26px -40px 22px;padding:14px 30px;display:flex;align-items:center;gap:22px}.export-top img{width:118px;height:45px;object-fit:contain}.export-body{height:815px;overflow:hidden}.export-body .reading-section{padding:12px;margin:0 0 10px;border-radius:0}.export-watermark{height:76px;margin:8px 0;background:#13223a;opacity:.16;display:flex;align-items:center;justify-content:center;gap:20px;color:white}.export-watermark img{width:115px;height:50px;object-fit:contain}.export-footer{font-size:12px;line-height:1.5}.export-page h2{font-size:25px}.export-page .palace{font-size:13px;min-height:120px;padding:7px}.export-page .star-map{max-height:560px}@media(max-width:700px){main{padding:0 16px}header{padding:16px;gap:12px;flex-wrap:wrap}header img{width:100px}header small{margin-left:0}header span{font-size:11px}.hero{padding:35px 0 18px}.orbit{display:none}.fields{grid-template-columns:1fr}.panel,.reading-section{padding:20px 16px}.result-head{align-items:flex-start}h2{font-size:25px}.palaces{grid-template-columns:repeat(2,1fr)}.palace{min-height:155px}.export-bar button{width:100%}th,td{padding:6px;font-size:14px}button{max-width:100%}.export-page .palaces{grid-template-columns:repeat(4,1fr)}}
.export-body{height:650px}.export-footer{margin-top:14px}.export-page .star-map{max-height:480px}.export-body h2{margin:8px 0 12px}.export-body p{margin:8px 0 14px}.export-body .palaces{grid-template-columns:repeat(4,1fr)}

/* V3.0: light, readable client profile surface. */
:root{color-scheme:light;--bg:#F6EFE3;--gold:#8A6B3F;--ink:#082B5D}
body{background:#F6EFE3;color:#082B5D}
header{background:#FFFDF8;border-bottom-color:#D9C9AF;color:#082B5D}
header span,.eyebrow,summary{color:#8A6B3F}
.wordmark{font-weight:800;letter-spacing:.16em;line-height:1.05;text-decoration:none;color:#082B5D}
.wordmark small{border:0;margin:0;padding:0;display:block;color:#8A6B3F;letter-spacing:.1em}
header small{border-color:#C6AA7C;color:#082B5D}
.hero{color:#082B5D}.panel,#progress{background:#FFFDF8;border-color:#D9C9AF;color:#082B5D}
input,select,textarea{background:#FFFDF8;color:#082B5D;border-color:#BBAA8A}
button{background:#2E7D32;border-color:#2E7D32;color:#fff}
button.secondary,#tabs button{background:#FFFDF8;color:#082B5D;border-color:#8A6B3F}
#tabs button[aria-selected=true]{background:#8A6B3F;color:#fff}
.overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.overview>section{background:#EEE1CC;border:1px solid #D9C9AF;border-radius:12px;padding:14px;color:#082B5D}
.overview h3{font-size:15px;margin:0 0 6px}.overview p{margin:0;font-size:15px;line-height:1.5}
.device-note{background:#F3E7D1;border-left:4px solid #8A6B3F;padding:11px 13px;border-radius:6px;color:#243957;font-size:15px}
.advice-intro{grid-column:1/-1;background:#082B5D!important;color:#FFFDF8!important;border:0!important;padding:22px!important;position:relative;overflow:hidden}
.advice-intro:after{content:'✦';position:absolute;right:24px;top:-30px;font-size:132px;color:#8A6B3F;opacity:.26;line-height:1}
.advice-intro h3{color:#FFFDF8;margin:.25em 0}.advice-intro>p:not(.eyebrow){max-width:84ch;position:relative;z-index:1}.advice-intro .eyebrow{color:#E8C882;margin:0}.advice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;z-index:1}.advice-grid article{background:#FFFDF8;color:#082B5D;border-radius:10px;padding:15px;border-top:3px solid #8A6B3F}.advice-grid article strong{font-size:16px}.advice-grid article p{font-size:15px;line-height:1.55;margin:.5em 0 0}
footer{border-top-color:#D9C9AF;color:#34445A}
.export-page .export-top{background:#FFFDF8;color:#082B5D;border-bottom:2px solid #8A6B3F}
.export-watermark{background:transparent;color:#8A6B3F;opacity:.20;font-weight:800;font-size:24px;letter-spacing:.1em}
.export-top img,.export-watermark img{display:none}
@media(max-width:700px){.overview{grid-template-columns:1fr}.overview>section{padding:13px}.advice-grid{grid-template-columns:1fr}.advice-intro{padding:18px!important}}

/* V3.1: lớp nhận diện huyền học rõ hơn, giữ vùng đọc sạch và dễ đọc. */
.hero{padding-right:260px}.hero:before{content:'';position:absolute;inset:12px 0 0 auto;width:235px;height:235px;border:1px solid #CBAA70;border-radius:50%;opacity:.65;pointer-events:none}.hero-seal{position:absolute;right:24px;top:74px;width:190px;height:190px;border:1px solid #8A6B3F;border-radius:50%;display:grid;place-items:center;text-align:center;color:#8A6B3F;font-size:38px;line-height:1.2;background:#FFFDF8;box-shadow:0 12px 28px #082B5D18;transform:rotate(-6deg)}.hero-seal span{font-size:12px;letter-spacing:.13em;font-weight:800;display:block;color:#082B5D}.hero-seal:after{content:'';position:absolute;inset:13px;border:1px solid #D9C9AF;border-radius:50%}
.career-guidance{margin:22px 0;background:#EEE1CC;border:1px solid #CBAA70;border-radius:18px;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:22px;align-items:center;position:relative;overflow:hidden}.career-guidance:before{content:'✦';position:absolute;left:-12px;bottom:-58px;font-size:170px;color:#8A6B3F;opacity:.12}.career-copy,.zalo-block{position:relative;z-index:1}.career-guidance h2{font-size:25px;margin:.25em 0;color:#082B5D}.career-facts{font-size:15px;background:#FFFDF8;padding:10px 12px;border-radius:8px}.career-limit{font-size:14px;color:#40516a}.zalo-block{min-height:180px;background:#FFFDF8;border:1px dashed #8A6B3F;border-radius:13px;padding:14px;display:grid;place-items:center;text-align:center}.zalo-cta{display:block;background:#2E7D32;color:#fff!important;border-radius:8px;padding:12px;text-decoration:none;font-weight:700}.zalo-qr{display:block;width:180px;height:180px;margin:12px auto 0}.zalo-wait{font-size:15px;color:#40516a;margin:0}
.colong-view{background:#082B5D;color:#FFFDF8;border:1px solid #8A6B3F;border-radius:16px;padding:24px;margin:22px 0;position:relative;overflow:hidden}.colong-view:after{content:'☾';position:absolute;right:16px;top:-28px;font-size:132px;color:#C9A15A;opacity:.22}.colong-view h2{color:#FFFDF8;margin:.25em 0 14px;max-width:32ch}.colong-view .eyebrow{color:#E8C882;margin:0}.colong-view>p{position:relative;z-index:1;max-width:82ch}.colong-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;z-index:1}.colong-grid article{background:#FFFDF8;color:#082B5D;border-radius:10px;padding:15px;border-top:3px solid #C9A15A}.colong-grid p{font-size:15px;line-height:1.55;margin:.5em 0 0}.reading-limit{color:#F4E9D6;font-size:14px}
.evidence-card{background:#FFFDF8;color:#082B5D;border:1px solid #CBAA70;border-radius:16px;padding:22px;margin:22px 0}.evidence-card h2{font-size:23px;margin:.2em 0 14px}.evidence-card .eyebrow{margin:0}.evidence-card>div{padding:12px 0;border-top:1px solid #E3D5BC}.evidence-card>div strong{display:block;color:#5D4529}.evidence-card>div p{margin:.3em 0 0;line-height:1.58}.evidence-card .reading-limit{color:#40516A;margin:14px 0 0}
@media(max-width:700px){.hero{padding-right:0}.hero:before,.hero-seal{display:none}.career-guidance{grid-template-columns:1fr;padding:18px}.zalo-block{min-height:126px}.colong-view{padding:19px}.colong-grid{grid-template-columns:1fr}}
.visual-note{font-size:14px;opacity:.84}.num-orbit{width:min(100%,520px);aspect-ratio:1;margin:18px auto;position:relative;border:1px solid #7e7090;border-radius:50%;background:radial-gradient(circle,#ffffffbb 0 19%,transparent 20% 100%)}.num-orbit:before,.num-orbit:after{content:'';position:absolute;background:#8d809b;opacity:.35;left:50%;top:7%;height:86%;width:1px;transform:rotate(30deg)}.num-orbit:after{transform:rotate(-30deg)}.num-node{position:absolute;transform:translate(-50%,-50%);width:104px;min-height:64px;padding:7px;border:1px solid #725a8a;background:#fffdf8;border-radius:10px;text-align:center;box-shadow:0 4px 10px #3b244a1f}.num-node span,.num-node strong{display:block}.num-node span{font-size:11px;line-height:1.2}.num-node strong{font-size:24px;color:#57336d}.num-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:106px;height:106px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#412b63;color:#fffdf8;font-weight:700;line-height:1.2}.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pillar{border:1px solid #9b7142;border-radius:10px;overflow:hidden;background:#fffaf1;text-align:center}.pillar>span,.pillar em{display:block;padding:6px 4px;font-style:normal;font-size:12px}.pillar>span{background:#6f4727;color:#fffdf8;font-weight:700}.pillar strong{display:block;font-size:38px;padding:12px 6px 0}.pillar strong small{display:block;font-size:12px;font-weight:500}.pillar b{display:block;font-size:29px;padding:0 6px 8px}.pillar em{border-top:1px solid #d5bc98;min-height:38px}.pillar p{font-size:13px;margin:6px}.pillar.day-master{outline:3px solid #8a6b3f;outline-offset:2px}.wu-cycle{width:min(100%,480px);aspect-ratio:1;margin:14px auto;position:relative;border-radius:50%;border:2px solid #3d704c}.wu-cycle:before{content:'';position:absolute;inset:13%;border:1px dashed #487755;border-radius:50%}.wu-node{position:absolute;transform:translate(-50%,-50%);min-width:66px;padding:8px 10px;border-radius:22px;text-align:center;color:#fffdf8;font-weight:700}.wu-0{left:50%;top:5%;background:#4e8c55}.wu-1{left:92%;top:35%;background:#bd5e38}.wu-2{left:76%;top:88%;background:#9a6b35}.wu-3{left:24%;top:88%;background:#737b85}.wu-4{left:8%;top:35%;background:#386a90}.wu-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:172px;min-height:112px;padding:15px;border:1px solid #5f6d50;border-radius:12px;background:#fffdf8;text-align:center}.wu-core strong,.wu-core small{display:block}.wu-core small{margin-top:6px;font-size:11px}.cycle-legend{text-align:center;font-size:14px}.tuvi-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;position:relative}.tuvi-map article{min-height:112px;border:1px solid #9e5b67;background:#fffaf4;padding:8px;font-size:12px}.tuvi-map article strong,.tuvi-map article span,.tuvi-map article small{display:block}.tuvi-map article span{font-weight:700;margin:4px 0}.tuvi-core{grid-column:2/4;grid-row:2/4;min-height:180px;border:2px solid #7b3244;background:#6e303d;color:#fffdf8;display:grid;place-content:center;text-align:center;padding:16px}.tuvi-core b,.tuvi-core span,.tuvi-core small{display:block}.tuvi-core span{font-size:34px;margin:5px 0}
@media(max-width:700px){.num-node{width:82px;min-height:57px}.num-node strong{font-size:20px}.num-core{width:82px;height:82px;font-size:13px}.pillars{gap:5px}.pillar strong{font-size:29px}.pillar b{font-size:24px}.pillar p{font-size:11px}.tuvi-map{grid-template-columns:repeat(2,minmax(0,1fr))}.tuvi-core{grid-column:1/3;grid-row:auto;min-height:126px}.tuvi-map article{min-height:96px}}