*{box-sizing:border-box} :root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#08090b;color:#fafafa;font-synthesis:none}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% 34%,#151416 0, #0b0c0e 38%,#07080a 75%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #ece7ff;outline-offset:5px}[hidden]{display:none!important}.shell{width:min(100%,510px);min-height:100svh;margin:0 auto;padding:27px 24px 18px;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;gap:11px;align-items:center;font-size:12px;font-weight:700;letter-spacing:1.7px}.brand-star{font-size:34px;line-height:1}.brand-caption{display:block;margin-top:5px;color:#9398a5;font-size:9px;letter-spacing:2px;font-weight:400}.age{border:1px solid #34373e;background:linear-gradient(145deg,#202328,#111215);padding:8px 12px;border-radius:24px;font-size:13px;color:#dedfe4}main{flex:1}.back-row{height:42px;display:flex;align-items:center}.back{border:0;background:transparent;color:#aeb3bf;padding:3px 0;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:7px}.back span{font-size:27px;line-height:1}.portraits{--side:102px;--center:134px;display:flex;align-items:center;justify-content:center;height:var(--center);margin:15px auto 20px;filter:drop-shadow(0 13px 25px #0005)}.portrait{display:block;flex:0 0 auto;border-radius:50%;width:var(--side);height:var(--side);background-image:url('/assets/portraits-reference.png');background-repeat:no-repeat;border:2px solid #74767b55;background-origin:border-box;box-shadow:0 0 0 3px #08090b;position:relative}.blonde{background-size:1181.54% 787.69%;background-position:17.64% 23.15%;margin-right:-13px}.asian{width:var(--center);height:var(--center);background-size:882.76% 588.51%;background-position:26.36% 21.53%;z-index:2}.anime{background-size:1181.54% 787.69%;background-position:36.7% 23.15%;margin-left:-13px}.style-label{display:flex;align-items:center;justify-content:center;gap:7px;width:max-content;max-width:100%;margin:0 auto 30px;padding:9px 13px;border:1px solid #292c32;border-radius:28px;background:linear-gradient(125deg,#1a1c20a8,#11121580);box-shadow:inset 0 1px #ffffff04;font-size:13px;white-space:nowrap;letter-spacing:-.15px}.style-label span{color:#bfc4d0;font-size:19px;line-height:14px}h1{margin:0;color:#fcfcfc;font-weight:750;letter-spacing:-1.7px;line-height:1.08;font-size:clamp(31px,8.5vw,43px);text-align:center}.subtitle{text-align:center;margin:13px 0 25px;color:#a6acba;font-size:17px;line-height:1.45;letter-spacing:-.3px}.choices{display:grid;gap:12px}.choice{display:flex;align-items:center;gap:17px;min-height:68px;padding:14px 21px;background:linear-gradient(125deg,#17191c,#111315);border:1px solid #303339;border-radius:23px;color:#f5f5f7;text-align:left;font-size:20px;letter-spacing:-.45px;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.choice:hover{background:#202227;border-color:#868a92}.choice:active{transform:scale(.985)}.emoji{width:30px;text-align:center;font-size:27px}.chevron{margin-left:auto;color:#c5c8d0;font-size:31px;font-weight:300;line-height:1}.hint{font-size:14px;line-height:1.4;color:#989fab;margin:22px 0 24px;text-align:center}#result h1{font-size:clamp(30px,8.1vw,40px);line-height:1.15;outline:none}.result-subtitle{margin:20px 0 30px;font-size:18px;line-height:1.5}.cta{display:flex;align-items:center;justify-content:center;gap:14px;min-height:66px;padding:16px 18px;width:100%;border-radius:40px;background:#fafafa;color:#111;text-decoration:none;font-weight:700;font-size:20px;letter-spacing:-.55px;border:0;box-shadow:0 10px 40px #ffffff09;cursor:pointer;transition:transform .15s,background .15s}.cta:hover{background:#e9e9ed;transform:translateY(-1px)}.cta span:last-child{font-size:28px;font-weight:400;line-height:1}.continue-label{color:#9da5b5;font-size:16px;text-align:center;margin:16px 0 23px}.customize{border-top:1px solid #2f3238;padding-top:21px;color:#9da5b5;text-align:center;font-size:14px;line-height:1.5;margin:0 10px 28px}footer{border-top:1px solid #2f3238;padding:18px 0 0;color:#969daa;font-size:12px;text-align:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;line-height:1.6}footer p{width:100%;font-size:10px;margin:0;color:#777f8d}.noscript{line-height:1.6;text-align:center;color:#bec3cf}section{animation:appear .22s ease-out}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:650px){body{padding:30px 0}.shell{min-height:780px;border:1px solid #30343c;border-radius:35px;background:linear-gradient(145deg,#0c0d0f,#08090b);box-shadow:0 26px 100px #0008;padding:30px 30px 22px}.back-row{height:47px}.portraits{margin-top:12px;margin-bottom:22px}.style-label{margin-bottom:35px}footer{margin-top:10px}}@media(max-width:360px){.shell{padding-left:19px;padding-right:19px}.style-label{font-size:11px;padding:8px 10px}.portraits{--side:88px;--center:118px}.choice{font-size:18px;gap:13px}.subtitle{font-size:15px}.cta{font-size:18px}h1{letter-spacing:-1.4px}}@media(max-height:720px) and (max-width:649px){.shell{padding-top:19px}.back-row{height:30px}.portraits{--side:88px;--center:116px;margin-top:8px;margin-bottom:15px}.style-label{margin-bottom:22px}.choice{min-height:60px;border-radius:20px}.subtitle{margin-top:10px;margin-bottom:21px}.hint{margin-top:18px;margin-bottom:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}