:root{--mint:#e4f3eb;--green:#315c4e;--pink:#f6e2e5;--rose:#934759;--ink:#293d35;--muted:#617269;--paper:#fffdf9;--line:#dbe5de}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;border-radius:12px;min-height:44px;padding:10px 16px;color:var(--green);background:transparent}button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #934759;outline-offset:3px}a{color:inherit}header{max-width:1240px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:35px;color:var(--green)}.brand span{font-family:Georgia,serif;font-size:17px;line-height:1.2}.brand strong{font-size:22px}.header-note{font-size:10px;letter-spacing:2px;color:var(--muted)}.soft{background:var(--mint)}#fav-count{margin-left:8px}.hero{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;padding:48px 64px 60px;gap:30px;background:linear-gradient(120deg,#edf6ef,#fff7f3);border-radius:28px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--green);margin:0 0 18px}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.18;margin:0}h1{font-size:clamp(38px,4.7vw,62px);letter-spacing:-2px}h1 em{color:var(--rose);font-weight:400}.intro{color:var(--muted);font-size:15px;margin:24px 0 28px}.stats{display:flex;align-items:center;gap:20px;font-size:12px;color:var(--muted)}.stats b{display:block;font-size:24px;font-family:Georgia,serif;color:var(--green);font-weight:400}.stats i{width:1px;height:32px;background:#cddbd1}.hero-art{position:relative;min-height:285px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%}.orb-one{width:240px;height:240px;background:#d7e9dc;right:12%;top:5%}.orb-two{width:140px;height:140px;background:#f2d6db;left:8%;bottom:4%}.flower{font-size:210px;line-height:1;color:#f8f0dc;position:relative;transform:rotate(14deg);text-shadow:0 8px 20px #315c4e10}.name-slip{position:absolute;background:#fffefa;padding:15px 24px;border:1px solid #e7e7df;border-radius:12px;font-size:31px;font-family:Georgia,serif;box-shadow:0 12px 30px #315c4e0c}.name-slip small{display:block;font:11px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--muted)}.slip-one{left:0;top:34%;transform:rotate(-9deg)}.slip-two{right:0;bottom:20%;transform:rotate(7deg)}.spark{position:absolute;right:7%;top:2%;font-size:42px;color:var(--rose)}.hero-art p{position:absolute;bottom:-25px;font-family:Georgia,serif;font-style:italic;color:var(--rose);font-size:15px}.library{max-width:1120px;margin:64px auto;padding:0 24px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:10px}h2{font-size:32px;letter-spacing:-.5px}.text-btn{font-size:13px;padding:8px;color:var(--muted)}.tabs{display:flex;gap:8px;margin:25px 0 20px;flex-wrap:wrap}.tabs button{border:1px solid var(--line);border-radius:999px;background:white;font-size:14px;padding:10px 19px}.tabs button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.tabs span{font-size:11px;opacity:.8;margin-left:5px}.search-wrap{background:white;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;padding:4px 16px;gap:12px}.search-wrap>span{font-size:28px}.search-wrap input{border:0;background:transparent;min-width:0;flex:1;padding:12px 0;outline:0;font-size:16px;color:var(--ink)}kbd{font:11px -apple-system,sans-serif;color:var(--muted)}.filters{display:grid;grid-template-columns:1fr 1.5fr .8fr 1.2fr;gap:14px;margin:18px 0}label{display:block;font-size:12px;color:var(--muted)}select,input:not([type=checkbox]){color:var(--ink)}select{width:100%;margin-top:5px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:14px;min-height:44px}.results-line{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;margin:20px 0}.results-line p{margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px;display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #315c4e0b}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.tag{background:var(--mint);font-size:10px;padding:4px 9px;border-radius:7px;letter-spacing:.2px}.card.fullname .tag{background:var(--pink);color:var(--rose)}.heart{font-size:23px;min-width:44px;padding:0;color:var(--rose)}.heart[aria-pressed=true]{background:#fff1f3}.name-btn{text-align:left;padding:12px 0 0;font-family:Georgia,serif;font-size:30px;border-radius:0;line-height:1.2;min-height:50px;color:var(--ink);overflow-wrap:anywhere}.fullname .name-btn{font-size:24px}.meta{font-size:11px;color:var(--muted);margin:10px 0}.meaning{font-size:14px;margin:0 0 15px;flex:1}.card-bottom{border-top:1px solid #edf0ec;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.card-bottom .text-btn{font-size:12px}.compare-select{font-size:12px;background:#f5f7f3;padding:6px 10px}.compare-select[aria-pressed=true]{background:var(--green);color:white}.load-more{display:block;margin:30px auto;background:var(--mint);min-width:200px}.empty{text-align:center;padding:50px;font-size:34px}.empty h3{font-size:24px}.empty p{font-size:14px}.numerology{max-width:1120px;margin:80px auto;display:grid;grid-template-columns:1fr 1.1fr;gap:50px;padding:40px;background:var(--pink);border-radius:24px}.numerology h2{font-size:38px}.numerology p{font-size:14px;color:#64565c}.disclaimer{padding-left:14px;border-left:3px solid #b56578;line-height:1.8}.numerology form{background:var(--paper);border-radius:18px;padding:25px}.numerology label{margin-bottom:15px}.numerology input:not([type=checkbox]){width:100%;display:block;margin-top:5px;background:white;border:1px solid #dfded6;padding:12px;border-radius:9px;font-size:16px;min-height:46px}.check{display:flex;align-items:center;gap:8px}.check input{width:18px;height:18px;accent-color:var(--green)}.primary{background:var(--green);color:white}.numerology .primary{width:100%}.numerology .privacy{font-size:11px;line-height:1.5}.number-grid{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.number-box{border-radius:12px;background:var(--mint);padding:12px 18px}.number-box b{font-size:30px;display:block;font-family:Georgia,serif;color:var(--green)}.number-box small{font-size:12px}.calc{font-size:12px;overflow-wrap:anywhere}.calc summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--green)}.calc table{border-collapse:collapse;width:100%;text-align:center;margin:10px 0}.calc td,.calc th{padding:6px;border:1px solid var(--line)}.about{max-width:850px;display:flex;gap:24px;margin:0 auto 70px;padding:0 24px}.about>span{font-size:54px;color:var(--rose)}.about h2{font-size:25px}.about p{font-size:13px;color:var(--muted)}footer{padding:26px 32px 100px;border-top:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;font-size:12px;color:var(--muted)}footer strong{font-family:Georgia,serif;font-size:17px;color:var(--green)}footer a{text-decoration:none}dialog{border:1px solid var(--line);border-radius:20px;padding:32px;max-width:650px;width:calc(100% - 30px);max-height:85dvh;overflow:auto;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#203a3288;backdrop-filter:blur(4px)}.close{float:right;font-size:24px;background:var(--mint);width:44px;height:44px;padding:0;position:sticky;top:0}dialog h2{margin:15px 0}dialog dl{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:14px}dialog dt{color:var(--muted)}dialog dd{margin:0;overflow-wrap:anywhere}dialog .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}#comparison{max-width:1000px}.compare-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px}.compare-item{padding:18px;border:1px solid var(--line);border-radius:15px}.compare-item h3{font-size:24px;overflow-wrap:anywhere}.compare-item p{font-size:13px}.compare-item b{display:block;font-size:11px;color:var(--muted);margin-top:16px}.compare-bar{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:white;box-shadow:0 8px 40px #293d3530;border:1px solid var(--line);border-radius:16px;padding:10px 15px;display:flex;align-items:center;gap:12px;font-size:13px;z-index:5;max-width:calc(100% - 24px);width:max-content}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:100px;max-width:90%;background:var(--green);color:white;padding:12px 20px;border-radius:12px;z-index:10;font-size:13px}[hidden]{display:none!important}@media(max-width:760px){header{padding:18px 20px}.header-note{display:none}.brand span{font-size:14px}.brand strong{font-size:18px}.hero{margin:0 12px;padding:32px 24px;grid-template-columns:1fr;gap:10px;border-radius:22px}h1{font-size:41px;letter-spacing:-1px}.intro{font-size:14px}.hero-art{min-height:210px;max-width:320px;width:100%;margin:auto}.orb-one{width:180px;height:180px}.orb-two{width:100px;height:100px}.flower{font-size:155px}.name-slip{font-size:25px;padding:10px 18px}.hero-art p{bottom:-10px}.library{margin:40px auto;padding:0 20px}h2{font-size:27px}.section-top{align-items:flex-start}.section-top .text-btn{max-width:90px;text-align:right}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:12px}.tabs{gap:6px}.tabs button{font-size:12px;padding:8px 13px}.tabs span{font-size:10px}kbd{display:none}.filters{grid-template-columns:1fr 1fr;gap:12px}.filters label{min-width:0}.results-line{font-size:11px;gap:10px}.results-line span{max-width:135px;text-align:right}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:13px;border-radius:14px}.name-btn{font-size:27px}.fullname .name-btn{font-size:21px}.meaning{font-size:13px}.meta{font-size:10px}.card-bottom{flex-wrap:wrap;gap:3px}.tag{font-size:9px;padding:4px 6px}.heart{min-width:36px}.numerology{margin:50px 12px;grid-template-columns:1fr;padding:25px 20px;gap:15px}.numerology h2{font-size:32px}.numerology form{padding:20px}.about{gap:15px;margin-bottom:40px}.about>span{font-size:36px}.about h2{font-size:23px}footer{flex-direction:column;text-align:center;padding-bottom:110px;gap:8px}dialog{padding:22px}dialog dl{grid-template-columns:1fr;gap:5px}dialog dd{margin-bottom:13px}.compare-grid{grid-template-columns:1fr}.compare-bar{gap:7px;padding:8px}.compare-bar button{padding:8px 10px}.compare-bar span{font-size:12px}.stats{gap:16px}.stats b{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Vietnamese-safe typography: use a consistent font for letters and accents. */
body,.brand span,h1,h2,h3,.stats b,.name-slip,.hero-art p,.name-btn,.number-box b,footer strong{font-family:Arial,Helvetica,sans-serif}h1,h2{letter-spacing:normal}h1,h2,h3{line-height:1.3}h1 em{font-style:normal}


.update-note{padding:15px 18px;background:var(--pink);border-radius:14px;margin:0 0 18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}.update-note span{flex:1}.update-note a{font-size:12px}.word-library{max-width:1120px;margin:60px auto;padding:0 24px}.word-intro{color:var(--muted);font-size:14px;max-width:760px}.word-filters{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:20px 0}.word-filters input{display:block;width:100%;border:1px solid var(--line);border-radius:10px;background:white;margin-top:5px;padding:10px;font-size:16px;min-height:44px}#word-count{font-size:12px;color:var(--muted)}.word-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.word-card{border:1px solid var(--line);background:#fff;border-radius:13px;min-height:110px;text-align:left;padding:14px}.word-card strong{font-size:20px;font-weight:500;color:var(--ink)}.word-card span{float:right;color:var(--muted);font-size:18px}.word-card small{display:block;font-size:12px;color:var(--muted);margin-top:10px}.root-sources{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.root-sources h3{font-size:20px}.root-sources p{font-size:13px}.root-sources .privacy{font-size:12px;color:var(--muted)}@media(max-width:760px){.word-library{padding:0 20px;margin:45px auto}.word-filters{grid-template-columns:1fr;gap:12px}.word-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.word-card{padding:11px;min-height:110px}.word-card strong{font-size:19px}.word-card span{float:none;font-size:15px;margin-left:6px}.update-note span{min-width:100%}.update-note{font-size:12px}}@media(max-width:360px){.word-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}