:root{--az: #5fb8e8;--az-bright: #9fdcff;--hw-cat: #5fbf86;--hw-hung: #e8907a}body{background-color:#05101c}.bg-nebula{background:radial-gradient(60% 50% at 18% 12%,rgba(40,110,150,.4),transparent 70%),radial-gradient(55% 45% at 85% 20%,rgba(70,150,190,.3),transparent 72%),radial-gradient(70% 60% at 50% 114%,rgba(30,70,110,.42),transparent 70%),radial-gradient(40% 40% at 72% 80%,rgba(40,90,120,.34),transparent 75%),linear-gradient(180deg,#07131f,#05101c)}.aurora{background:radial-gradient(40% 60% at 25% 30%,rgba(95,184,232,.2),transparent 70%),radial-gradient(45% 55% at 75% 25%,rgba(103,216,198,.18),transparent 72%),radial-gradient(35% 50% at 55% 60%,rgba(40,110,150,.22),transparent 70%)}.fog i:nth-child(1){background:radial-gradient(circle,rgba(60,140,190,.55),rgba(30,90,140,.28) 48%,transparent 70%)}.fog i:nth-child(2){background:radial-gradient(circle,rgba(95,184,232,.5),rgba(40,110,160,.26) 48%,transparent 70%)}.fog i:nth-child(3){background:radial-gradient(circle,rgba(103,216,198,.46),rgba(30,110,100,.24) 48%,transparent 70%)}.fog i:nth-child(4){background:radial-gradient(circle,rgba(70,150,200,.5),rgba(30,90,140,.24) 48%,transparent 70%)}.fog i:nth-child(5){background:radial-gradient(circle,rgba(120,200,235,.42),transparent 64%)}.hw-tint{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 50% 30%,transparent 54%,rgba(0,6,14,.5) 100%)}.hw-home{display:flex;flex-direction:column;align-items:center}.hw-home .title{font-size:clamp(1.9rem,4.6vw,2.8rem);margin-bottom:14px}.hw-form{display:flex;flex-direction:column;align-items:center;gap:18px;margin:8px 0 6px;width:100%;max-width:380px}.hw-dob{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%}.hw-sel{display:flex;flex-direction:column;gap:6px;text-align:left}.hw-sel>span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);padding-left:2px}.hw-sel select{font-family:var(--font-body);font-size:1.02rem;font-weight:600;color:var(--text);width:100%;background:#0a1c2cb3;border:1px solid var(--glass-border-hi);border-radius:var(--r-md);padding:12px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--az) 50%),linear-gradient(135deg,var(--az) 50%,transparent 50%);background-position:calc(100% - 16px) 1.15em,calc(100% - 11px) 1.15em;background-size:5px 5px,5px 5px;background-repeat:no-repeat;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}.hw-sel-year select{font-size:1.2rem;color:var(--az-bright);border-color:#5fb8e873}.hw-sel select:focus{outline:none;border-color:var(--az);box-shadow:0 0 0 3px #5fb8e833}.hw-sel select option{background:#0a1c2e;color:var(--text)}.hw-gender{display:inline-flex;gap:4px;padding:5px;border-radius:99px;background:var(--glass-bg);border:1px solid var(--glass-border)}.hw-gender button{border:none;background:none;color:var(--text-muted);font-size:.92rem;font-weight:600;padding:9px 30px;border-radius:99px;transition:all .25s var(--ease)}.hw-gender button.on{color:#06141e;background:linear-gradient(135deg,var(--az-bright),var(--az));box-shadow:0 0 20px #5fb8e866}.hw-go{margin-top:2px}.hw-hint{margin-top:14px;font-size:.8rem;color:var(--text-muted);max-width:360px}.hw-result{display:flex;flex-direction:column;align-items:center}.hw-name{font-size:clamp(1.7rem,4.4vw,2.5rem);font-weight:800;color:var(--text);margin:4px 0 6px;line-height:1.12}.hw-essence{font-size:1.06rem;line-height:1.75;color:var(--text-dim);max-width:600px;margin:0 auto 6px;text-wrap:pretty}.hw-compass{position:relative;width:min(92vw,440px);aspect-ratio:1;margin:18px auto 8px}.hw-svg{width:100%;height:100%;display:block;touch-action:none;cursor:grab;filter:drop-shadow(0 12px 44px rgba(0,8,18,.7))}.hw-svg:active{cursor:grabbing}.hw-ring{will-change:transform}.hw-rim{fill:none}.hw-rim.outer{stroke:#b8923f;stroke-width:5}.hw-rim.thin{stroke:#8a6a2c;stroke-width:1}.hw-rim.brass{stroke:#b8923f;stroke-width:2}.hw-tick{stroke:#9a7a3a;stroke-width:.8}.hw-tick.maj{stroke:#6e5320;stroke-width:1.6}.hw-son{fill:#574018;font-family:"Noto Serif SC","Noto Serif",serif;font-size:9.5px}.hw-son.card{fill:#8a2a18;font-size:11px;font-weight:700}.hw-wedge{stroke:#785a2859;stroke-width:.6;transition:filter .3s var(--ease)}.hw-wedge.d-sinh-khi{fill:#2f8f4f}.hw-wedge.d-thien-y{fill:#46a05f}.hw-wedge.d-dien-nien{fill:#5fae73}.hw-wedge.d-phuc-vi{fill:#7cc090}.hw-wedge.d-tuyet-menh{fill:#a8301f}.hw-wedge.d-ngu-quy{fill:#bf4a35}.hw-wedge.d-luc-sat{fill:#cf6a52}.hw-wedge.d-hoa-hai{fill:#d98c73}.hw-wedge.facing{filter:drop-shadow(0 0 10px rgba(255,242,190,.95)) brightness(1.16)}.hw-wedge-sep{stroke:#b8923f99;stroke-width:.8}.hw-dir{fill:#fff7e8;font-family:var(--font-display);font-weight:800;font-size:12px}.hw-dir.north{fill:#fff}.hw-duyen-lbl{fill:#fff7e8eb;font-family:var(--font-display);font-weight:600;font-size:6.5px}.hw-pool{stroke:#b8923f;stroke-width:2}.hw-cross{stroke:#b8923f6b;stroke-width:.6}.hw-needle.n{fill:#e23b22;filter:drop-shadow(0 0 5px rgba(226,59,34,.8))}.hw-needle.s{fill:#f0e7d0}.hw-pivot{fill:#e9c984;stroke:#6e5320;stroke-width:1}.hw-pointer{position:absolute;top:-6px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;opacity:.45;transition:opacity .3s var(--ease)}.hw-pointer:after{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:15px solid #e9c984;filter:drop-shadow(0 0 6px rgba(233,201,132,.85))}.hw-pointer-lbl{font-size:.6rem;letter-spacing:.08em;color:#f0d79a;white-space:nowrap;order:-1;margin-bottom:1px}.hw-compass.is-live .hw-pointer{opacity:1}.hw-sensor-bar{display:flex;flex-direction:column;align-items:center;gap:8px;margin:6px 0 18px;min-height:44px}.hw-facing{font-size:.98rem;padding:9px 20px;border-radius:99px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-dim);animation:toast-in .3s var(--ease)}.hw-facing.cat{border-color:#5fbf8680;color:var(--hw-cat);box-shadow:0 0 22px #5fbf8638}.hw-facing.hung{border-color:#e8907a73;color:var(--hw-hung)}.hw-facing b{color:var(--text)}.hw-sensor-note{font-size:.84rem;color:var(--text-muted);max-width:380px;text-align:center;margin:0}.hw-sensor-note.hw-dim{color:var(--text-faint)}.hw-stopbtn{font-size:.82rem}.hw-sec-title{font-family:var(--font-display);font-size:1.18rem;margin:22px 0 14px;text-align:center}.hw-sec-title.cat{color:var(--hw-cat)}.hw-sec-title.hung{color:var(--hw-hung)}.hw-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:680px}.hw-card{padding:16px 18px;border-radius:var(--r-lg);border:1px solid var(--glass-border);background:#0c1a1480;text-align:left}.hw-card.cat{border-color:#5fbf8652}.hw-card.hung{background:#22141280;border-color:#e8907a47}.hw-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.hw-card-dir{font-family:var(--font-display);font-weight:700;font-size:1.08rem;color:var(--text)}.hw-card-deg{font-size:.74rem;color:var(--text-faint)}.hw-card-duyen{display:flex;align-items:center;gap:7px;margin:7px 0 8px;font-weight:700;font-size:.92rem}.hw-card.cat .hw-card-duyen{color:var(--hw-cat)}.hw-card.hung .hw-card-duyen{color:var(--hw-hung)}.hw-card-glyph{font-size:1rem}.hw-card-han{font-size:.74rem;color:var(--text-faint);font-weight:400}.hw-card-gist{margin:0 0 7px;font-size:.9rem;color:var(--text-dim);line-height:1.55}.hw-card-use{margin:0;font-size:.84rem;color:var(--text-muted);line-height:1.5}.hw-card.cat.is-omen{border-color:#5fbf8699!important;box-shadow:0 0 22px #5fbf8640}@media(max-width:560px){.hw-home .title{font-size:2rem}.hw-form{max-width:100%}.hw-dob{grid-template-columns:1fr;gap:12px}.hw-gender{width:100%;display:grid;grid-template-columns:1fr 1fr}.hw-gender button{padding-inline:16px}.hw-go{width:100%}.hw-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.hw-facing{animation:none!important}}