*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0d0d1a;--color-bg2: #13132b;--color-surface: #1a1a35;--color-surface2: #22224a;--color-border: #2e2e5e;--color-primary: #a78bfa;--color-primary-dim: #7c5cbf;--color-gold: #f5c842;--color-gold-dim: #b8942f;--color-red: #f87171;--color-green: #34d399;--color-text: #e2e8f0;--color-text-dim: #94a3b8;--color-menh: #f5c842;--color-than: #a78bfa;--font-main: "Segoe UI", system-ui, -apple-system, sans-serif;--radius: 10px;--shadow: 0 4px 24px rgba(0,0,0,.5)}html,body,#root{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-main);font-size:15px;line-height:1.6}.app-bg{position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(167,139,250,.15) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(245,200,66,.07) 0%,transparent 60%),var(--color-bg);z-index:0;pointer-events:none}.app-content{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:24px 16px 60px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.btn--primary{background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;box-shadow:0 2px 12px #7c3aed66}.btn--primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn--large{padding:14px 32px;font-size:17px}.btn--back{background:transparent;color:var(--color-text-dim);border:1px solid var(--color-border)}.btn--back:hover{background:var(--color-surface);color:var(--color-text)}.landing{display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px 0;text-align:center}.landing__hero{display:flex;flex-direction:column;align-items:center;gap:16px}.landing__symbol{font-size:72px;filter:drop-shadow(0 0 30px rgba(167,139,250,.6));animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.landing__title{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,#a78bfa,#f5c842);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing__subtitle{font-size:1.1rem;color:var(--color-text-dim)}.landing__desc{max-width:480px;color:var(--color-text-dim)}.landing__desc strong{color:var(--color-primary)}.landing__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;width:100%}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px 20px;text-align:center}.feature-card__icon{font-size:2rem;display:block;margin-bottom:12px}.feature-card h3{color:var(--color-primary);margin-bottom:8px}.feature-card p{color:var(--color-text-dim);font-size:.9rem}.landing__note{font-size:.8rem;color:var(--color-text-dim);opacity:.6}.birth-input{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.birth-input__header{text-align:center}.birth-input__header h2{font-size:1.8rem;color:var(--color-primary)}.birth-input__header p{color:var(--color-text-dim);margin-top:8px}.birth-input__form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;color:var(--color-text-dim);font-size:.9rem}.form-group input,.form-group select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:10px 14px;font-size:15px;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary)}.form-group small{color:var(--color-text-dim);font-size:.8rem}.gender-select{display:flex;gap:12px}.gender-btn{flex:1;padding:10px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-dim);font-size:15px;cursor:pointer;transition:all .2s}.gender-btn--active{border-color:var(--color-primary);background:#a78bfa26;color:var(--color-primary)}.form-error{background:#f8717126;border:1px solid var(--color-red);border-radius:var(--radius);padding:10px 14px;color:var(--color-red)}.chart-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.chart-header h2{font-size:1.4rem;color:var(--color-primary)}.chart-board{display:flex;flex-direction:column;gap:20px}.chart-board__info{display:flex;flex-wrap:wrap;gap:8px}.info-pill{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:5px 14px;font-size:.85rem;color:var(--color-text-dim)}.chart-board__hint{text-align:center;color:var(--color-text-dim);font-size:.85rem;margin-top:8px}.palace-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,minmax(120px,auto));gap:4px;background:var(--color-border);border:2px solid var(--color-border);border-radius:12px;overflow:hidden}.palace-cell{background:var(--color-surface);padding:8px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:4px;min-height:110px}.palace-cell:hover{background:var(--color-surface2)}.palace-cell--menh{border-top:2px solid var(--color-gold)}.palace-cell--than{border-top:2px solid var(--color-primary)}.palace-cell--selected{background:#a78bfa1f}.palace-cell__header{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.palace-cell__name{font-weight:700;font-size:.85rem;color:var(--color-gold)}.palace-cell__chi{font-size:.75rem;color:var(--color-text-dim)}.palace-cell__badge{font-size:.65rem;padding:2px 6px;border-radius:8px;font-weight:700}.palace-cell__badge--menh{background:#f5c84233;color:var(--color-gold)}.palace-cell__badge--than{background:#a78bfa33;color:var(--color-primary)}.palace-cell__stars{display:flex;flex-direction:column;gap:2px}.star{font-size:.75rem}.star--main{display:flex;align-items:center;gap:4px}.star__name{color:var(--color-text);font-weight:600}.star__brightness{font-size:.65rem;color:var(--color-text-dim)}.star--phu{color:#67e8f9}.star--sat{color:var(--color-red)}.palace-center{background:var(--color-bg2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;text-align:center}.palace-center__label{font-size:2.5rem;opacity:.7}.palace-center__name{font-weight:700;color:var(--color-primary);font-size:.9rem}.palace-center__sub{color:var(--color-text-dim);font-size:.8rem}.palace-center__cuc{font-size:.75rem;color:var(--color-gold)}.cung-detail__overlay{position:fixed;inset:0;background:#000000b3;z-index:100}.cung-detail__panel{position:fixed;right:0;top:0;bottom:0;width:min(500px,100vw);background:var(--color-bg2);border-left:1px solid var(--color-border);z-index:101;overflow-y:auto;padding:28px 24px;display:flex;flex-direction:column;gap:24px;animation:slideIn .25s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cung-detail__close{position:absolute;top:16px;right:16px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-dim);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px}.cung-detail__header{padding-top:8px}.cung-detail__name{font-size:1.6rem;font-weight:800;color:var(--color-gold);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cung-detail__chi{color:var(--color-text-dim);margin-top:6px}.badge{font-size:.7rem;padding:3px 10px;border-radius:10px;font-weight:700}.badge--menh{background:#f5c84233;color:var(--color-gold)}.badge--than{background:#a78bfa33;color:var(--color-primary)}.cung-detail__section h3{font-size:.95rem;color:var(--color-primary);margin-bottom:10px}.stars-list{display:flex;flex-direction:column;gap:8px}.star-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--color-surface);border-radius:8px}.star-row__name{font-weight:700;flex:1}.star-row__brightness{font-size:.82rem;padding:2px 8px;border-radius:6px}.brightness--mieu{background:#f5c84226;color:var(--color-gold)}.brightness--vuong{background:#34d39926;color:var(--color-green)}.brightness--ham{background:#f8717126;color:var(--color-red)}.brightness--hoa{background:#94a3b826;color:var(--color-text-dim)}.stars-inline{display:flex;flex-wrap:wrap;gap:6px}.star-tag{padding:4px 10px;border-radius:16px;font-size:.8rem;font-weight:600}.star-tag--phu{background:#67e8f926;color:#67e8f9}.star-tag--sat{background:#f8717126;color:var(--color-red)}.aspects-list{list-style:none;display:flex;flex-direction:column;gap:6px}.aspects-list li{padding:6px 12px;background:var(--color-surface);border-radius:8px;font-size:.88rem;color:var(--color-text-dim)}.aspects-list li:before{content:"• ";color:var(--color-primary)}.cung-detail__ai{margin-top:8px}.ai-loading{display:flex;align-items:center;gap:10px;color:var(--color-text-dim);padding:16px 0}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ai-result h3{color:var(--color-primary);margin-bottom:12px;font-size:.95rem}.ai-text{color:var(--color-text);line-height:1.8;font-size:.9rem}.ai-text strong{color:var(--color-gold)}@media(max-width:600px){.form-row{grid-template-columns:1fr}.palace-grid{grid-template-rows:repeat(4,minmax(90px,auto))}.palace-cell{min-height:80px;padding:5px}.palace-cell__name{font-size:.75rem}.star{font-size:.65rem}.landing__title{font-size:2rem}}