html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px;min-height:100vh;font-family:Arial,sans-serif}.home{text-align:center;background:radial-gradient(circle at 50% 30%,#151535 0%,#080817 45%,#03030b 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.content{flex-direction:column;align-items:center;display:flex}.brand{letter-spacing:-.06em;margin:0;font-family:Arial,sans-serif;font-size:clamp(3rem,9vw,7rem);font-weight:900}.brand-white{color:#fff}.brand-random{background:linear-gradient(90deg,#ff006e,#ff8c00,#ffe600,#31e981,#00b4ff,#7b2cff,#f0a);color:#0000;-webkit-background-clip:text;background-clip:text}.tagline{color:#fff;letter-spacing:.18em;margin:18px 0 45px;font-size:clamp(1.1rem,2.5vw,1.7rem)}.start-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#006eff,#7b2cff,#ff008c,#ff7a00);border:0;border-radius:999px;padding:17px 55px;font-size:1.1rem;font-weight:800;transition:transform .2s;box-shadow:0 0 30px #7b2cff66}.start-button:hover{transform:scale(1.06)}.logo-symbol{object-fit:contain;object-position:center;width:min(460px,82vw);height:460px;margin:0 auto 10px;animation:.7s logoFade;display:block}@keyframes logoFade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.profile-input{color:#fff;background:#ffffff14;border:1px solid #ffffff40;border-radius:14px;outline:none;width:min(360px,85vw);min-height:52px;margin-bottom:14px;padding:0 18px;font-family:Arial,sans-serif;font-size:16px}.profile-input::placeholder{color:#ffffffa6}.profile-input:focus{background:#ffffff1f;border-color:#7b2cff}.profile-input option{color:#111;background:#fff}.welcome-content{text-align:center;flex-direction:column;align-items:center;width:min(420px,88vw);display:flex}.welcome-title{color:#fff;margin:0 0 18px;font-size:2.4rem}.welcome-subtitle{color:#fff;margin:0 0 25px;font-size:1.4rem;line-height:1.3}.welcome-text{color:#fffc;margin:0 0 25px;font-size:1.05rem;line-height:1.6}.quiz-info{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;width:100%;margin-bottom:30px;padding:18px;font-size:1.15rem}.quiz-content{text-align:center;flex-direction:column;align-items:center;width:min(420px,92vw);display:flex}.quiz-progress{color:#ffffffa6;margin:0 0 18px;font-size:.95rem}.quiz-question{color:#fff;margin:0 0 30px;font-size:1.8rem;line-height:1.25}.quiz-choices{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.quiz-choice{color:#fff;cursor:pointer;border:0;border-radius:20px;min-height:145px;font-size:1.25rem;font-weight:800;transition:transform .15s}.quiz-choice:first-child{background:linear-gradient(135deg,#ff006e,#d9008f)}.quiz-choice:nth-child(2){background:linear-gradient(135deg,#ff8c00,#ffb000)}.quiz-choice:nth-child(3){background:linear-gradient(135deg,#00a8ff,#006eff)}.quiz-choice:nth-child(4){background:linear-gradient(135deg,#8b2cff,#c000ff)}.quiz-choice:active{transform:scale(.96)}.quiz-result-button{width:min(360px,85vw);margin-top:20px}.quiz-info p{margin:10px 0}.welcome-title{line-height:1.1}.results-page{box-sizing:border-box;height:auto;min-height:100vh;padding:32px 16px 50px;display:block;overflow-y:auto}.results-content{text-align:center;color:#fff;width:100%;max-width:580px;margin:0 auto}.results-title{color:#fff;margin:0 0 10px;font-size:clamp(28px,6vw,38px)}.results-subtitle{color:#d2d8e6;margin-bottom:20px;font-size:16px;line-height:1.5}.demo-notice{color:#e4ddff;letter-spacing:1px;background:#303755;border:1px solid #646d94;border-radius:25px;padding:9px 17px;font-size:12px;font-weight:700;display:inline-block}.results-counter{color:#c7cde0;margin:18px 0 22px;font-size:14px}.demo-profiles{flex-direction:column;gap:14px;display:flex}.demo-profile-card{text-align:left;background:#202b40;border:1px solid #35445e;border-radius:17px;padding:18px;box-shadow:0 5px 18px #00000026}.demo-profile-top{align-items:center;gap:13px;display:flex}.demo-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:55px;min-width:55px;height:55px;font-size:23px;font-weight:700;display:flex}.demo-profile-info{flex:1;min-width:0}.demo-profile-info h2{color:#fff;margin:0 0 4px;font-size:18px}.demo-profile-info p{color:#bcc6d8;margin:0;font-size:13px}.demo-affinity{text-align:right;flex-direction:column;gap:2px;display:flex}.demo-affinity strong{color:#55dbaa;font-size:26px}.demo-affinity span{color:#c7d0e0;font-size:11px}.common-title{color:#dce3ef;margin:17px 0 9px;font-size:13px;font-weight:600}.common-preferences{flex-wrap:wrap;gap:7px;display:flex}.preference-tag{color:#f3f5fb;background:#37465f;border-radius:8px;padding:7px 10px;font-size:12px}.contact-button{color:#d4dce9;cursor:not-allowed;opacity:.85;background:#40506a;border:0;border-radius:10px;width:100%;margin-top:16px;padding:12px;font-size:14px;font-weight:600}.demo-disclaimer{color:#bcc6d8;max-width:470px;margin:22px auto;font-size:12px;line-height:1.6}.results-content .quiz-result-button{width:100%;max-width:400px;margin:12px auto 25px}.final-quiz-message{color:#fff;background:#28354c;border-radius:15px;margin:22px auto;padding:22px}.final-quiz-message h2{margin:0 0 14px;font-size:21px}.final-quiz-message p{color:#d8dfea;font-size:14px;line-height:1.6}@media (width<=480px){.results-page{padding:22px 12px 45px}.demo-profile-card{padding:14px}.demo-avatar{width:46px;min-width:46px;height:46px}.demo-affinity strong{font-size:23px}.demo-profile-info h2{font-size:16px}}*{box-sizing:border-box}html{width:100%;min-height:100%;overflow-x:hidden}body{width:100%;min-width:0;margin:0;overflow-x:hidden}button,input,select{font-family:Arial,sans-serif}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (width<=600px){.home{width:100%;min-height:100dvh;padding:24px 16px}.content{width:100%;max-width:420px;margin:auto}.logo-symbol{aspect-ratio:1;object-fit:contain;width:min(75vw,300px);height:auto;max-height:36dvh;margin-bottom:12px}.brand{letter-spacing:-.06em;overflow-wrap:anywhere;font-size:clamp(2rem,8.3vw,3.3rem);line-height:1.15}.tagline{letter-spacing:.1em;margin:16px 0 32px;font-size:clamp(.82rem,3.3vw,1.1rem)}.start-button{width:min(100%,360px);min-height:54px;padding:14px 20px;font-size:.98rem;line-height:1.3}.start-button:hover{transform:none}.start-button:active{transform:scale(.97)}.profile-input{width:100%;max-width:360px;min-height:54px;margin-bottom:12px;font-size:16px;display:block}.content:has(.profile-input) .brand{margin-bottom:8px;font-size:clamp(1.8rem,7vw,2.5rem)}.content:has(.profile-input) .tagline{margin-bottom:25px}.content:has(.profile-input) .start-button{margin-top:12px}.welcome-content{width:100%;max-width:420px;padding:12px 0}.welcome-title{margin-bottom:18px;font-size:clamp(1.9rem,8vw,2.5rem)}.welcome-subtitle{margin-bottom:20px;font-size:clamp(1.15rem,5vw,1.4rem);line-height:1.35}.welcome-text{margin-bottom:20px;font-size:.98rem;line-height:1.55}.quiz-info{margin-bottom:24px;padding:16px;font-size:1rem}.quiz-content{width:100%;max-width:480px;padding:8px 0}.quiz-progress{margin-bottom:20px;font-size:.9rem}.quiz-question{overflow-wrap:anywhere;margin-bottom:24px;font-size:clamp(1.35rem,5.5vw,1.8rem);line-height:1.3}.quiz-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.quiz-choice{overflow-wrap:anywhere;white-space:normal;border-radius:17px;width:100%;min-width:0;min-height:clamp(125px,23dvh,190px);padding:12px;font-size:clamp(.95rem,4vw,1.2rem);line-height:1.25}.results-page{height:auto;min-height:100dvh;padding:24px 12px 50px;display:block;overflow-y:visible}.results-content{width:100%;max-width:480px}.results-title{font-size:1.9rem}.results-subtitle{margin-bottom:16px;font-size:.95rem}.results-counter{margin:15px 0 20px}.demo-profiles{gap:12px}.demo-profile-card{border-radius:15px;padding:15px}.demo-profile-top{gap:10px}.demo-avatar{width:47px;min-width:47px;height:47px;font-size:20px}.demo-profile-info h2{font-size:16px}.demo-affinity strong{font-size:23px}.common-preferences{gap:6px}.preference-tag{overflow-wrap:anywhere;padding:8px 10px;font-size:12px}.contact-button{min-height:46px}.results-content .quiz-result-button{width:100%;margin-top:14px}}@media (width<=380px){.home{padding-left:12px;padding-right:12px}.brand{font-size:8vw}.quiz-choices{gap:8px}.quiz-choice{min-height:115px;padding:9px;font-size:.95rem}.demo-profile-card{padding:12px}}@media (height<=650px) and (width<=600px){.logo-symbol{max-height:28dvh}.quiz-choice{min-height:110px}.home{padding-top:16px;padding-bottom:16px}}.gender-label{color:#fff;text-align:center;margin:4px 0 12px;font-size:15px;font-weight:600}.gender-option{color:#fff;white-space:normal;overflow-wrap:anywhere;cursor:pointer;background:#252b45;border:1px solid #566080;border-radius:13px;min-width:0;min-height:60px;padding:10px 8px;font-size:14px;font-weight:600;line-height:1.3}@media (width<=600px){.home:has(.quiz-content){align-items:flex-start}.quiz-content{width:100%;max-width:480px;margin:0 auto;padding-top:0}.quiz-progress{flex-shrink:0;height:24px;margin:0 0 10px}.quiz-question{text-align:center;overflow-wrap:anywhere;justify-content:center;align-items:center;width:100%;height:130px;max-height:130px;margin:0 0 14px;padding:8px;font-size:clamp(1.1rem,5vw,1.5rem);line-height:1.25;display:flex;overflow-y:auto}.quiz-choices{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.quiz-choice{overflow-wrap:anywhere;width:100%;height:clamp(125px,24dvh,190px);min-height:0;padding:12px;font-size:clamp(.95rem,4vw,1.2rem)}}@media (width<=600px) and (height<=650px){.quiz-question{height:95px;max-height:95px;font-size:1.1rem}.quiz-choice{height:110px}}.register-field{width:min(360px,100%);margin-bottom:12px}.register-field .profile-input{width:100%;margin-bottom:0}.input-error{background:#ff3c6414;border:2px solid #f57!important}.field-error{color:#ff7890;text-align:left;margin:7px 0 2px;font-size:13px;line-height:1.4}.field-hint{color:#aeb5cc;text-align:left;margin:6px 0 0;font-size:11px}.gender-section{width:min(360px,100%);margin:8px 0 20px}.gender-label{color:#fff;margin:0 0 12px;font-size:15px;font-weight:600}.gender-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.gender-option{color:#fff;overflow-wrap:anywhere;cursor:pointer;background:#252b45;border:1px solid #566080;border-radius:13px;min-width:0;min-height:60px;padding:10px 8px;font-size:14px;font-weight:600}.gender-option.selected{background:#493ba8;border:2px solid #ad9bff;box-shadow:0 0 12px #7b2cff4d}@media (width<=600px){.home:has(.register-field){align-items:flex-start;padding-top:30px;padding-bottom:30px}.register-field,.gender-section{max-width:360px}.field-error{font-size:13px}}.nav-profile{top:max(14px, env(safe-area-inset-top));right:max(105px, calc(105px + env(safe-area-inset-right)));z-index:1001;color:#fff;cursor:pointer;background:#0f1428d1;border:1px solid #ffffff59;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:fixed}.profile-page{min-height:100dvh;padding:85px 16px 45px;display:block}.profile-panel{color:#fff;text-align:left;width:min(560px,100%);margin:0 auto}.profile-panel>h1{text-align:center;margin:0 0 6px;font-size:clamp(1.8rem,5vw,2.4rem)}.profile-muted{color:#bdc5dc;line-height:1.5}.profile-panel>.profile-muted{text-align:center;margin:0 0 24px}.personal-card{background:#1e263e;border:1px solid #384260;border-radius:20px;margin-bottom:18px;padding:22px}.personal-card h2{margin:0 0 15px;font-size:1.18rem}.personal-head{align-items:center;gap:16px;display:flex}.personal-avatar{background:linear-gradient(135deg,#006eff,#ab35e9);border-radius:50%;flex:none;place-items:center;width:76px;height:76px;font-size:2rem;font-weight:800;display:grid;overflow:hidden}.personal-avatar img{object-fit:cover;width:100%;height:100%}.personal-identity{overflow-wrap:anywhere;min-width:0}.personal-identity h2{margin:0 0 6px;font-size:1.35rem}.personal-identity p{color:#bdc5dc;margin:0}.photo-upload{cursor:pointer;border:1px solid #636e9b;border-radius:12px;margin-top:18px;padding:10px 15px;font-size:.85rem;display:inline-block}.photo-upload input{display:none}.text-action{color:#d5c6ff;cursor:pointer;background:0 0;border:0;padding:10px}.personal-details{overflow-wrap:anywhere;flex-direction:column;gap:6px;margin-top:20px;display:flex}.personal-details span,.profile-private-hint{color:#b9c4da;font-size:.83rem}.profile-private-hint{margin:6px 0 18px}.personal-bio{color:#e5e9f4;white-space:pre-wrap;margin:16px 0;line-height:1.5}.profile-editor{flex-direction:column;gap:10px;margin-top:16px;display:flex}.profile-editor label{color:#e0e4f0;font-size:.89rem}.profile-editor .profile-input{width:100%;max-width:none;margin:0}.profile-editor textarea{color:#fff;width:100%;font:inherit;resize:vertical;background:#303952;border:1px solid #606b8d;border-radius:12px;padding:12px}.profile-editor small{color:#b9c4da;text-align:right}.profile-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-buttons .start-button{flex:1;min-width:130px;padding:14px 18px;font-size:.9rem}.secondary-button{color:#fff;cursor:pointer;background:#303955;border:1px solid #7a83ab;border-radius:14px;padding:13px 18px}.profile-notice{color:#b8ffdd;font-size:.89rem;line-height:1.4}.profile-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.profile-stats>div{text-align:center;background:#28334b;border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:18px 10px;display:flex}.profile-stats strong{font-size:1.6rem}.profile-stats span{color:#d1daeb;font-size:.82rem}.profile-return{margin:22px auto;display:block}@media (width<=600px){.profile-page{padding-top:78px}.personal-card{padding:16px}.personal-avatar{width:60px;height:60px}.nav-profile{right:max(105px,calc(105px + env(safe-area-inset-right)))}}.nav-exit{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:1001;color:#fff;cursor:pointer;background:#0f1428d1;border:1px solid #ffffff59;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:fixed;box-shadow:0 3px 12px #0003}.nav-profile{right:calc(68px + env(safe-area-inset-right,0px))}.home.results-page,.home.profile-page{padding-top:max(88px, calc(74px + env(safe-area-inset-top,0px)))}@media (width<=600px){.home:has(.nav-profile):not(.results-page):not(.profile-page){padding-top:max(85px, calc(72px + env(safe-area-inset-top,0px)))}.nav-profile{right:calc(68px + env(safe-area-inset-right,0px))}}.demo-affinity strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.demo-affinity.affinity-pending{min-width:0;max-width:120px}.demo-affinity.affinity-pending strong{font-size:14px;line-height:1.35}.demo-profile-card .common-title{line-height:1.5}@media (width<=380px){.demo-affinity{min-width:60px}.demo-affinity strong{font-size:21px}}.invite-friends{color:#fff;text-align:center;background:linear-gradient(145deg,#24213f,#182c42);border:1px solid #ae91ff70;border-radius:20px;max-width:520px;margin:24px auto 26px;padding:24px 20px}.invite-friends-icon{margin-bottom:8px;font-size:30px;display:inline-block}.invite-friends h2{margin:0 0 12px;font-size:clamp(1.3rem,4vw,1.6rem)}.invite-friends>p{color:#e5e2f2;margin:0 auto 18px;line-height:1.55}.invite-friends-button{width:min(100%,360px);padding:15px 20px;font-size:.98rem}.invite-friends small{color:#bfc7dc;margin-top:16px;line-height:1.5;display:block}.invite-friends .invite-feedback{color:#c6ffe9;margin:14px auto 0;font-size:.92rem}.invite-copy-text{color:#fff;width:100%;min-height:96px;font:inherit;resize:vertical;background:#26324c;border:1px solid #7d86a5;border-radius:12px;margin-top:12px;padding:10px;line-height:1.4;display:block}@media (width<=600px){.invite-friends{padding:20px 15px}}.language-picker{top:calc(env(safe-area-inset-top,0px) + 15px);z-index:1500;color:#96a4bd;background:#0a0f23e8;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;gap:3px;padding:4px 5px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #0003}.language-picker button{color:#aab6ca;cursor:pointer;background:0 0;border:0;border-radius:18px;min-width:31px;padding:6px 7px;font-size:12px;font-weight:700}.language-picker button.selected{color:#fff;background:#5050a4}.home.auth-page{box-sizing:border-box;align-items:flex-start;padding:86px 20px 32px}.auth-page .content{width:100%;max-width:400px;margin:0 auto}.auth-page .content .brand,.auth-page .content>h1{letter-spacing:-.035em;overflow-wrap:anywhere;margin:0 0 12px;font-size:clamp(1.65rem,5.5vw,2.25rem);line-height:1.18}.auth-page .content .tagline{letter-spacing:.025em;margin:0 0 24px;font-size:1rem;line-height:1.45}.auth-page .register-field,.auth-page .profile-input{width:100%;max-width:360px}.auth-page .profile-input{min-height:48px;font-size:16px}.auth-page .start-button{min-height:48px}.auth-page .text-action{min-height:44px}.auth-page .field-error{max-width:360px;line-height:1.5}.welcome-content .welcome-title,.results-content .results-title,.profile-panel>h1{font-size:clamp(1.6rem,5.5vw,2rem);line-height:1.2}.welcome-content .welcome-subtitle{font-size:clamp(1.05rem,3.8vw,1.2rem)}.quiz-content .quiz-question{font-size:clamp(1.35rem,5vw,1.8rem)}@media (width<=600px){.home.auth-page:has(.register-field){padding-top:max(78px, calc(env(safe-area-inset-top,0px) + 70px))}.auth-page .content .tagline{margin-bottom:18px}.auth-page .profile-input{margin-bottom:10px}.auth-page .gender-option{min-height:48px}}.home:has(.language-picker){padding-top:max(86px, calc(env(safe-area-inset-top,0px) + 75px))}:is(.home.results-page:has(.language-picker),.home.profile-page:has(.language-picker)){padding-top:max(94px, calc(env(safe-area-inset-top,0px) + 86px))}@media (width<=600px){.language-picker{top:calc(env(safe-area-inset-top,0px) + 15px)}.home:has(.quiz-content){padding-top:max(85px, calc(env(safe-area-inset-top,0px) + 75px))}:is(.home:has(.welcome-content),.home:has(.register-field)){padding-top:max(91px, calc(env(safe-area-inset-top,0px) + 80px))}}