:root{--bg:#0d0e12;--s1:#141619;--s2:#1b1d23;--s3:#22242c;--bd:#2c2e38;--bd2:#383a48;--ac:#8b5cf6;--ac2:#60a5fa;--tx:#e2e4f0;--mu:#5a5c70;--mu2:#3d3f52;--ok:#34d399;--er:#f87171;--r:10px;--r2:6px;--sh:0 4px 24px rgba(0,0,0,.45);--topbar-bg:rgba(13,14,18,.88);--cl-male:#4ade80;--cl-female:#f87171;--cl-other:#fb923c;--cl-blue:#93c5fd}[data-theme=light]{--bg:#ece8f8;--s1:#faf8ff;--s2:#f2effd;--s3:#e6e0f6;--bd:#cfc8ee;--bd2:#bcb4e4;--ac:#7c3aed;--ac2:#3b82f6;--tx:#1a1530;--mu:#5e5878;--mu2:#8c88a6;--ok:#059669;--er:#dc2626;--sh:0 4px 24px rgba(80,50,180,.13);--topbar-bg:#300d72;--cl-male:#16a34a;--cl-female:#dc2626;--cl-other:#c2410c;--cl-blue:#2563eb}[data-theme=dim]{--bg:#1e2030;--s1:#222436;--s2:#2a2d44;--s3:#333652;--bd:#3a3d56;--bd2:#4a4e6e;--ac:#8b5cf6;--ac2:#60a5fa;--tx:#cad3f5;--mu:#8087a2;--mu2:#5b6080;--ok:#34d399;--er:#f87171;--sh:0 4px 24px rgba(0,0,0,.35);--topbar-bg:rgba(30,32,48,.92);--cl-male:#4ade80;--cl-female:#f87171;--cl-other:#fb923c;--cl-blue:#93c5fd}.th-sub-sep{width:1px;height:16px;background:var(--bd);flex-shrink:0}.th-subbar-title{font-size:.85rem;font-weight:700;color:var(--tx)}.th-page{max-width:980px;margin:0 auto;padding:8px}.th-filter-panel{background:var(--s1);border:1px solid var(--bd);border-radius:var(--r, 12px);margin-bottom:1.75rem}.th-filter-inner{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.1rem}.th-filter-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);margin-bottom:.5rem}.th-filter-group{flex:1 1 auto}.th-pills{display:flex;flex-wrap:wrap;gap:.4rem}.th-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .9rem;border-radius:999px;border:1px solid var(--bd);background:var(--s2);color:var(--mu);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.th-pill:hover{border-color:var(--ac);color:var(--ac)}.th-pill.active{background:color-mix(in srgb,var(--ac) 18%,transparent);border-color:var(--ac);color:var(--ac);font-weight:700}.th-factor-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem}.th-factor-btns{display:flex;gap:.4rem}.th-factor-qbtn{font-size:.68rem;font-weight:600;padding:.18rem .6rem;border-radius:4px;border:1px solid var(--bd);background:none;color:var(--mu);cursor:pointer;font-family:inherit;transition:all .12s}.th-factor-qbtn:hover{border-color:var(--ac);color:var(--ac)}.th-factor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem 1.25rem}@media(max-width:640px){.th-factor-grid{grid-template-columns:1fr}}.th-factor-col{display:flex;flex-direction:column;gap:.55rem}.th-pill-f{width:50%}.th-factor-col-hd{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ac);opacity:.7;margin-bottom:.1rem;padding-bottom:.3rem;border-bottom:1px solid var(--bd)}.th-pill-f{justify-content:flex-start;border-radius:6px;padding:.28rem .7rem;font-size:.77rem}.th-pill-f:not(.active){opacity:.4;text-decoration:line-through;text-decoration-color:#8c8ca080}.th-filter-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem}.th-filter-row .th-filter-group{min-width:110px;flex:1 1 110px}.th-age-range{display:flex;align-items:center;gap:.4rem}.th-age-range input{width:58px;padding:.38rem .45rem;border:1px solid var(--bd);border-radius:var(--r2, 6px);background:var(--s2);color:var(--tx);font-size:.85rem;text-align:center;outline:none;transition:border-color .15s}.th-age-range input:focus{border-color:var(--ac)}.th-age-sep{color:var(--mu)}.th-filter-row select,.th-filter-row input[type=text]{width:100%;padding:.4rem .65rem;border:1px solid var(--bd);border-radius:var(--r2, 6px);background:var(--s2);color:var(--tx);font-size:.85rem;outline:none;font-family:inherit;transition:border-color .15s}.th-filter-row select:focus,.th-filter-row input[type=text]:focus{border-color:var(--ac)}.th-search-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1.25rem;border-radius:var(--r2, 6px);border:none;background:var(--ac);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:box-shadow .15s;align-self:flex-end;flex-shrink:0}.th-search-btn:hover{box-shadow:inset 0 0 0 999px #ffffff24}.th-search-btn:active{box-shadow:inset 0 0 0 999px #00000014}.th-search-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.th-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;color:var(--mu)}.th-spinner{width:40px;height:40px;border:3px solid var(--bd);border-top-color:var(--ac);border-radius:50%;animation:thSpin .8s linear infinite}@keyframes thSpin{to{transform:rotate(360deg)}}.th-empty{text-align:center;padding:4rem 2rem;color:var(--mu)}.th-empty-icon{font-size:3rem;margin-bottom:.75rem}.th-empty p{font-size:.95rem}.th-stats{margin-bottom:.9rem;font-size:.8rem;color:var(--mu);display:flex;align-items:center;gap:.5rem}.th-stats:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ac);flex-shrink:0}.th-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:620px){.th-grid{grid-template-columns:1fr}}.th-card{background:var(--s1);border:1px solid var(--bd);border-left-width:4px;border-radius:var(--r, 12px);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.th-card:hover{transform:translateY(-3px);box-shadow:0 10px 32px #00000047}.th-card-high{border-left-color:#4ade80;background:linear-gradient(135deg,rgba(74,222,128,.04) 0%,var(--s1) 40%)}.th-card-mid{border-left-color:#fbbf24;background:linear-gradient(135deg,rgba(251,191,36,.04) 0%,var(--s1) 40%)}.th-card-low{border-left-color:#f87171;background:linear-gradient(135deg,rgba(248,113,113,.04) 0%,var(--s1) 40%)}.th-card-head{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1rem .6rem}.th-card-av{flex-shrink:0}.th-card-info{flex:1;min-width:0}.th-card-name{font-size:.95rem;font-weight:700;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.15rem}.th-card-meta{font-size:.75rem;color:var(--mu);display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-bottom:.45rem}.th-card-meta span{display:inline-flex;align-items:center;gap:.2rem}.th-card-badges{display:flex;flex-wrap:wrap;gap:.3rem}.th-score-block{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.25rem}.th-score-wrap{position:relative;flex-shrink:0;width:72px;height:72px}.th-score-svg{width:72px;height:72px;transform:rotate(-90deg)}.th-score-bg{fill:none;stroke:var(--s3, #2a2b36);stroke-width:6}.th-score-arc{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .6s ease,stroke .4s}.th-score-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800}.th-score-lbl{font-size:.63rem;font-weight:700;text-align:center;white-space:nowrap;letter-spacing:.02em}.th-card-high .th-score-arc{stroke:#4ade80}.th-card-high .th-score-num,.th-card-high .th-score-lbl{color:#4ade80}.th-card-mid .th-score-arc{stroke:#fbbf24}.th-card-mid .th-score-num,.th-card-mid .th-score-lbl{color:#fbbf24}.th-card-low .th-score-arc{stroke:#f87171}.th-card-low .th-score-num,.th-card-low .th-score-lbl{color:#f87171}.th-badge{display:inline-flex;align-items:center;gap:.22rem;padding:.16rem .5rem;border-radius:999px;font-size:.68rem;font-weight:600;border:1px solid transparent}.th-badge-kim{background:#a0a0b026;color:#a0a0b0;border-color:#a0a0b04d}.th-badge-moc{background:#4ade8021;color:#4ade80;border-color:#4ade804d}.th-badge-thuy{background:#60a5fa21;color:#60a5fa;border-color:#60a5fa4d}.th-badge-hoa{background:#f8717121;color:#f87171;border-color:#f871714d}.th-badge-tho{background:#fbbf2421;color:#fbbf24;border-color:#fbbf244d}.th-badge-kua{background:var(--s2);color:var(--mu);border-color:var(--bd)}.th-badge-zodiac{background:#a78bfa21;color:#a78bfa;border-color:#a78bfa4d}.th-avatar{width:52px;height:52px;border-radius:50%;border:2px solid var(--bd);object-fit:cover;flex-shrink:0}.th-avatar-init{width:52px;height:52px;border-radius:50%;border:2px solid var(--bd);background:var(--s2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.th-card-pros,.th-card-cons,.th-card-neu{padding:0 1rem .3rem;display:flex;flex-wrap:wrap;gap:.3rem}.th-card-neu{opacity:.65}.th-tag{display:inline-flex;align-items:center;gap:.2rem;padding:.14rem .48rem;border-radius:4px;font-size:.67rem;font-weight:600}.th-tag-pos{background:#4ade801f;color:#4ade80;border:1px solid rgba(74,222,128,.25)}.th-tag-neg{background:#f871711f;color:#f87171;border:1px solid rgba(248,113,113,.25)}.th-tag-neu{background:var(--s2);color:var(--mu);border:1px solid var(--bd)}.th-card-foot{margin-top:auto;padding:.6rem 1rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid var(--bd)}.th-card-lp{font-size:.71rem;color:var(--mu)}.th-view-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .8rem;border-radius:var(--r2, 6px);border:1px solid var(--bd);background:none;color:var(--mu);font-size:.74rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .15s;white-space:nowrap}.th-view-btn:hover{border-color:var(--ac);color:var(--ac)}.th-city-wrap{position:relative}.th-city-drop{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--s2);border:1px solid var(--bd);border-radius:var(--r2, 6px);box-shadow:0 8px 24px #0000004d;list-style:none;margin:0;padding:.3rem 0;z-index:500;max-height:220px;overflow-y:auto}.th-city-drop.open{display:block}.th-city-drop li{display:flex;align-items:center;justify-content:space-between;padding:.45rem .8rem;font-size:.82rem;cursor:pointer;transition:background .1s}.th-city-drop li:hover,.th-city-drop li.active{background:color-mix(in srgb,var(--ac) 12%,transparent);color:var(--ac)}.th-city-drop li .city-region{font-size:.7rem;color:var(--mu);opacity:.7}.th-city-drop li.active .city-region{opacity:1}[data-theme=light] .th-filter-panel,[data-theme=light] .th-card{background:var(--s1)}[data-theme=light] .th-card:hover{box-shadow:0 10px 32px #00000024}