*{box-sizing:border-box}html{background:#09070f;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 8% 4%,rgba(255,78,166,.18),transparent 30rem),radial-gradient(circle at 92% 18%,rgba(255,200,91,.13),transparent 28rem),radial-gradient(circle at 45% 80%,rgba(122,82,255,.1),transparent 32rem),#09070f}.app{width:min(780px,calc(100% - 28px));margin:auto;padding:max(16px,env(safe-area-inset-top)) 0 max(64px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:34px}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:1000;font-size:14px}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#ffd46f,#ff4ea7 52%,#7d59ff);font-size:19px;box-shadow:0 10px 30px rgba(255,78,167,.16)}.top-actions{display:flex;align-items:center;gap:7px}.top-actions a,.top-actions select{min-height:44px;border:1px solid rgba(255,255,255,.14);background:#17121f;color:#fff;border-radius:12px;padding:9px 11px;font-size:11px;font-weight:850;text-decoration:none}.top-actions select{max-width:124px}.hero{text-align:center;margin:34px auto 26px}.eyebrow{color:#ff7fc3;font-size:11px;font-weight:1000;letter-spacing:.13em;text-transform:uppercase}.hero h1,.result-head h2{font-size:clamp(38px,8vw,64px);line-height:.94;letter-spacing:-.06em;margin:12px 0}.gradient{display:block;background:linear-gradient(90deg,#ff82c5,#ffdb87 52%,#ad91ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.result-head p{max-width:620px;margin:0 auto;color:#c0b8c8;font-size:14px;line-height:1.7}.hero-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:18px}.hero-pills span{padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.045);color:#e5dfe9;font-size:10px;font-weight:900}.panel,.content-card{border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(25,19,32,.95),rgba(16,13,21,.95));border-radius:26px;padding:24px;box-shadow:0 26px 90px rgba(0,0,0,.24)}.setup-panel{display:grid;gap:20px}.label{margin:0 0 10px;font-size:13px;font-weight:950}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.seg,.primary,.ghost,.back-btn,.choice{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.seg{min-height:48px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#100d15;color:#c8c1ce;font-size:11px;font-weight:900}.seg.active{border-color:#ff74ba;background:linear-gradient(135deg,rgba(255,90,174,.2),rgba(146,91,255,.14));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.primary,.ghost{min-height:52px;border-radius:15px;font-size:12px;font-weight:1000}.primary{border:0;color:#130b14;background:linear-gradient(90deg,#ff76ba,#ffdc87);box-shadow:0 12px 32px rgba(255,90,174,.16)}.ghost{border:1px solid rgba(255,255,255,.14);background:#100d15;color:#fff}.wide{width:100%}button:disabled{opacity:.42;cursor:not-allowed}.fast{margin:0;text-align:center;color:#aaa1b2;font-size:11px;line-height:1.5}.error{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,89,120,.34);background:rgba(255,70,100,.1);color:#ffd0dc;font-size:12px;line-height:1.55;text-align:center}.noscript{margin:0 0 18px;padding:13px 14px;border:1px solid rgba(255,210,111,.3);border-radius:14px;background:rgba(255,210,111,.08);color:#f4e8c7;font-size:12px;line-height:1.55}.content-card{margin-top:18px}.content-card h2{font-size:18px;margin:0 0 8px}.content-card p{margin:0;color:#b4acbc;font-size:12px;line-height:1.75}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.feature-row div{padding:13px 10px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.03);text-align:center}.feature-row strong{display:block;font-size:19px;margin-bottom:4px}.feature-row span{color:#aaa2b2;font-size:10px;line-height:1.35}.quiz-panel{margin-top:48px;padding:28px}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.back-btn{min-height:44px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#100d15;color:#ddd6e2;font-size:11px;font-weight:900}.question-count{color:#aaa2b2;font-size:11px;font-weight:900}.track{height:8px;margin-top:16px;border-radius:999px;background:#29242e;overflow:hidden}.bar{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#ffd56f,#ff5aae,#8d63ff);transition:width .2s ease}.question{font-size:clamp(28px,6vw,42px);line-height:1.06;letter-spacing:-.045em;text-align:center;margin:38px auto 26px;max-width:620px;outline:none;scroll-margin-top:24px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{position:relative;min-height:180px;padding:22px 16px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(145deg,#17121f,#100d15);color:#fff;text-align:center;transition:transform .16s ease,border-color .16s ease,background .16s ease}.choice:focus-visible{transform:translateY(-2px);border-color:#ff79bf;background:linear-gradient(145deg,rgba(255,91,174,.17),rgba(108,75,218,.13))}.choice-icon{display:block;font-size:38px;margin-bottom:12px}.choice strong{display:block;font-size:17px;line-height:1.18}.choice .tap{display:inline-block;margin-top:11px;color:#aaa1b2;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.1em}.result-head{text-align:center;margin:48px 0 24px}.result-head h2{outline:none;scroll-margin-top:24px}.perfect-line{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:15px}.perfect-name{font-size:14px;font-weight:1000;color:#fff}.perfect-group{padding:6px 9px;border:1px solid rgba(255,95,177,.28);border-radius:999px;background:rgba(255,95,177,.1);color:#ff98cd;font-size:10px;font-weight:1000}.pool-note{margin-top:9px!important;color:#a49bab!important;font-size:11px!important}.photo-status{min-height:20px;margin:0 0 9px;text-align:center;color:#aaa1b0;font-size:11px;line-height:1.45}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-card{position:relative;overflow:hidden;display:grid;grid-template-columns:41% 59%;min-height:230px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:#15111d}.match-card.rank-1{grid-column:1/-1;grid-template-columns:46% 54%;min-height:330px;border-color:rgba(255,100,178,.42);box-shadow:0 26px 80px rgba(255,73,166,.11)}.photo{position:relative;min-width:0;background:linear-gradient(145deg,#241b2c,#0f0c14);overflow:hidden}.photo:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.05) 45%,transparent 65%);transform:translateX(-100%);animation:shimmer 1.8s infinite}.photo img{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}.photo-fallback{position:absolute;z-index:1;inset:0;display:grid;place-items:center;align-content:center;gap:9px;padding:14px;text-align:center}.photo-fallback span{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);font-size:24px;font-weight:1000;color:#a79faf}.photo-fallback small{max-width:130px;color:#aaa2b1;font-size:10px;line-height:1.35}.photo.loaded:before,.photo.loaded .photo-fallback,.photo.unavailable:before{display:none}.photo.unavailable .photo-fallback{display:grid}.rank-badge{position:absolute;z-index:4;top:10px;left:10px;padding:7px 9px;border-radius:999px;background:rgba(9,7,15,.82);backdrop-filter:blur(8px);font-size:9px;font-weight:1000}.card-info{min-width:0;padding:18px;align-self:center}.card-info .group{margin:0 0 5px;color:#ff86c4;font-size:10px;font-weight:1000}.card-info h3{margin:0;font-size:clamp(20px,4vw,30px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-1 .card-info h3{font-size:clamp(30px,6vw,48px)}.score{margin:16px 0 5px;font-size:30px;font-weight:1000;letter-spacing:-.045em}.rank-1 .score{font-size:40px}.score small{margin-left:3px;color:#aaa2b2;font-size:9px;letter-spacing:0}.reason-label{color:#9b93a3;font-size:9px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase}.reason{margin:5px 0 0;color:#d0cad5;font-size:11px;line-height:1.5}.credit{display:inline-block;margin-top:10px;color:#aaa3b1;font-size:10px;line-height:1.4;text-decoration:underline;text-decoration-color:rgba(255,255,255,.18);text-underline-offset:2px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.next-card{display:flex;align-items:center;gap:9px;min-height:66px;padding:13px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:#15111d;color:#fff;text-decoration:none;font-size:11px;font-weight:850}.next-card span{font-size:20px}.disclaimer{margin:16px 0 0;padding:13px;border-radius:14px;background:rgba(255,255,255,.04);color:#a79fad;font-size:11px;line-height:1.55;text-align:center}.site-footer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:40px;color:#8f8796;font-size:10px}.site-footer a{min-height:36px;display:inline-flex;align-items:center;color:#aaa2b1;text-decoration:none}.site-footer a[aria-current="page"]{color:#fff}.toast{position:fixed;z-index:1000;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%,18px);max-width:calc(100% - 28px);padding:11px 15px;border-radius:999px;background:#fff;color:#130c16;font-size:11px;font-weight:950;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}:focus-visible{outline:3px solid #55e5ff;outline-offset:3px}@keyframes shimmer{to{transform:translateX(100%)}}@media(hover:hover){.choice:hover{transform:translateY(-2px);border-color:#ff79bf;background:linear-gradient(145deg,rgba(255,91,174,.17),rgba(108,75,218,.13))}.top-actions a:hover,.next-card:hover,.site-footer a:hover{border-color:rgba(255,122,190,.35);color:#fff}}@media(max-width:650px){.app{width:min(100% - 18px,780px);padding-top:max(10px,env(safe-area-inset-top))}.topbar{align-items:flex-start}.top-actions a{display:none}.top-actions select{min-height:44px;padding:8px}.hero{margin-top:20px}.panel,.content-card{padding:18px;border-radius:22px}.feature-row{gap:6px}.feature-row div{padding:11px 7px}.quiz-panel{margin-top:28px;padding:18px}.question{margin:30px auto 22px}.choice-grid{gap:8px}.choice{min-height:156px;padding:18px 10px;border-radius:19px}.choice-icon{font-size:32px}.choice strong{font-size:14px}.result-grid{grid-template-columns:1fr}.match-card,.match-card.rank-1{grid-column:auto;grid-template-columns:40% 60%;min-height:190px}.match-card.rank-1{grid-template-columns:46% 54%;min-height:260px}.rank-1 .card-info h3{font-size:30px}.rank-1 .score{font-size:34px}.card-info{padding:14px}.next-grid,.result-actions{grid-template-columns:1fr}.next-card{min-height:58px}.site-footer{margin-top:32px}.credit{font-size:10px}.reason{font-size:11px}}@media(max-width:360px){.app{width:min(100% - 12px,780px)}.hero h1,.result-head h2{font-size:38px}.panel,.content-card{padding:15px}.choice{min-height:144px;padding:14px 8px}.choice strong{font-size:13px}.match-card,.match-card.rank-1{grid-template-columns:43% 57%}.card-info{padding:11px}.score{font-size:25px}.reason{font-size:10px}.photo-fallback span{width:62px;height:62px;font-size:20px}}@media(pointer:coarse){.seg,.primary,.ghost,.back-btn,.top-actions a,.top-actions select{min-height:48px}}@media(prefers-contrast:more){.panel,.content-card,.choice,.seg,.ghost,.match-card,.next-card{border-color:rgba(255,255,255,.3)}.fast,.pool-note,.photo-status,.reason-label,.credit,.disclaimer,.site-footer,.site-footer a{color:#d0c8d6!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}