.friends-page{--accent:#ffb5a7;--ink:#3e2422;overflow-x:hidden}main{max-width:1160px}.friend-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;min-height:450px;gap:30px;padding:25px 0 45px}.friend-hero h1{font-size:clamp(30px,3.8vw,46px);line-height:1.65;letter-spacing:-1px}.friend-hero h1 em{font-style:normal;color:var(--rose)}.hero-copy{font-size:14px;color:#bbc1cd;line-height:2;margin:22px 0 28px}.friend-hero .fine{margin-top:16px;font-size:10px}.portrait-art{height:360px;position:relative;background:radial-gradient(ellipse,#322d3955,transparent 70%);overflow:hidden;contain:paint;border-radius:24px;max-width:100%}.face{position:absolute;width:165px;height:190px;border-radius:47% 48% 43% 42%;display:flex;gap:25px;align-items:center;justify-content:center;box-shadow:inset -10px -8px 0 #0000000b}.face i{width:8px;height:13px;border-radius:6px;background:#3f3a4a;margin-top:-25px}.face b{position:absolute;width:24px;height:11px;border-bottom:3px solid #3f3a4a;border-radius:0 0 50% 50%;left:calc(50% - 12px);top:110px}.face span{position:absolute;top:210px;font-size:11px;color:var(--muted);white-space:nowrap;letter-spacing:1px}.face-me{background:#c5c3ed;left:5%;top:44px;transform:rotate(-11deg)}.face-you{background:#ffb5a7;right:2%;top:83px;transform:rotate(12deg)}.face-you b{height:18px;border:none;background:#3f3a4a;border-radius:0 0 50% 50%;width:22px;top:104px}.orbit{position:absolute;border:1px solid #ffffff0c;border-radius:50%;width:88%;height:70%;top:30px;transform:rotate(-28deg);pointer-events:none}.orbit-two{transform:rotate(33deg);width:80%;left:20px}.art-spark{position:absolute;left:48%;top:0;font-size:40px;color:#c6f69b}.art-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;color:var(--muted);letter-spacing:3px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;margin-bottom:26px}.steps>div{padding:25px;border-right:1px solid var(--line)}.steps>div:last-child{border:0}.steps span{font-size:12px;color:var(--rose)}.steps h3{margin:13px 0 8px;font-size:14px}.steps p{color:var(--muted);font-size:11px;margin:0}.privacy-note{font-size:11px;color:var(--muted);line-height:1.9;max-width:850px;margin:26px auto}.quiz-wrap{max-width:730px;margin:auto}.quiz-wrap h1{font-size:32px}.text-btn{border:0;background:none;color:var(--muted);font-size:12px;padding:0 0 25px}.name-panel{margin:24px 0}.name-panel input{margin-top:8px;max-width:360px}.name-panel .fine{margin:10px 0 0}.progress-heading{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}progress{width:100%;height:5px;accent-color:var(--rose);margin:8px 0 24px}.question{border:1px solid var(--line);border-radius:16px;padding:24px;margin:0 0 16px;background:var(--panel);min-width:0}.question legend{font-size:10px;color:var(--rose);letter-spacing:2px;padding:0 8px}.question h2{font-size:17px;margin:2px 0 20px}.answer-labels{display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#d5d6df;margin-bottom:14px}.answer-labels span{max-width:47%}.answer-labels span:last-child{text-align:right}.choices{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.choice{position:relative;cursor:pointer}.choice input{position:absolute;opacity:0}.choice span{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #475061;border-radius:9px;font-size:11px;background:#111722}.choice input:checked+span{background:var(--rose);border-color:var(--rose);color:var(--ink);font-weight:700}.choice input:focus-visible+span{outline:3px solid white;outline-offset:3px}.choice:hover span{border-color:var(--rose)}.consent{display:flex;align-items:start;gap:10px;font-size:11px;color:#c3c8d2}.consent input{margin-top:4px;accent-color:var(--rose);flex-shrink:0;width:17px;height:17px}.submit-panel .btn{width:100%;margin-top:20px}.room-top{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin:25px 0 30px}.room-top .actions{margin-top:14px}.room-top h2{font-size:21px}.room-note .fine{margin-top:17px}.comparison{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:28px;margin:20px 0 30px}.comparison-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.comparison-header h2{margin:0;font-size:20px}.match-count{color:var(--rose);font-size:13px;white-space:nowrap;font-weight:700}.match-sub-count{display:inline-block;margin-left:8px;font-size:11px;color:var(--muted);font-weight:normal}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-bottom:16px}.legend span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:#b9b6ed;margin-right:6px}.legend span+span:before{background:var(--rose)}.top-divergence-box{background:rgba(255,181,167,0.08);border:1px solid rgba(255,181,167,0.3);border-radius:12px;padding:14px 18px;margin-bottom:20px;font-size:12px;line-height:1.7}.top-divergence-box strong{color:var(--rose)}.compare-row{padding:19px 0;border-bottom:1px solid var(--line)}.compare-row h3{font-size:13px;margin:0 0 8px}.compare-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.track{position:relative;height:37px;margin:5px 12px}.track:before{content:'';position:absolute;left:0;right:0;height:2px;top:18px;background:#41495c}.tick{position:absolute;top:15px;width:2px;height:8px;background:#667188}.marker{position:absolute;top:9px;width:18px;height:18px;border-radius:50%;transform:translateX(-50%);background:#b9b6ed;border:3px solid var(--panel)}.marker.friend{background:var(--rose);top:19px;width:14px;height:14px}.track-note{font-size:11px;color:var(--muted);margin-top:4px}.track-note.exact{color:#c6f69b}.track-note.close{color:#ffd166}.insight{background:#272832;padding:18px 22px;border-radius:12px;margin-top:24px}.insight p{font-size:12px;margin:0;color:#e3dce2}.insight strong{color:var(--rose)}.room-settings{margin-top:30px;font-size:12px;color:var(--muted)}.room-settings .fine{margin:15px 0}.danger{color:#ffc0b9}.recent-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid var(--line);font-size:13px}.recent-item a{color:var(--rose)}#result>.actions{margin:30px 0}#recent{margin-top:25px}.demo-notice{border:1px dashed var(--line);padding:15px;border-radius:10px;color:var(--muted);font-size:12px;margin-bottom:20px}.btn-line-share{background:#06c755!important;color:#ffffff!important;border-color:#06c755!important;font-weight:700}.btn-line-share:hover{filter:brightness(1.08)}@media(max-width:900px){.friend-hero{grid-template-columns:1fr}.portrait-art{max-width:430px;width:100%;margin:0 auto;height:330px}.friend-hero{padding:5px 0 35px;gap:15px}.friend-hero h1{font-size:36px}.room-top{grid-template-columns:1fr}}@media(max-width:600px){.friend-hero h1{font-size:29px}.steps{grid-template-columns:1fr}.steps>div{border-right:0;border-bottom:1px solid var(--line);padding:20px}.steps h3{margin-top:6px}.question{padding:20px 15px}.choice span{font-size:10px;min-height:48px}.choices{gap:5px}.quiz-wrap h1{font-size:27px}.comparison{padding:20px 16px}.comparison-header{align-items:start;flex-direction:column;gap:8px}.progress-heading span:last-child{font-size:9px}.answer-labels{font-size:11px}.face{width:145px;height:173px}.face-me{left:8%}.face-you{right:6%}}