*{box-sizing:border-box}html{background:transparent;overscroll-behavior:none}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#1e293b;background:transparent}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(135deg,#f8fafc,#eaf3ff)}.app{min-height:calc(var(--VH,1vh)*100);max-width:920px;margin:0 auto;padding:18px}.center{min-height:calc(var(--VH,1vh)*100);display:flex;flex-direction:column;justify-content:space-evenly;text-align:center;gap:16px}h1{font-size:clamp(28px,7vw,38px);margin:0;line-height:1.08}p{color:#64748b}.card{background:rgba(255,255,255,.9);border:1px solid #fff;border-radius:26px;padding:18px;box-shadow:0 16px 40px #0f172a1a;margin-bottom:14px}.button{width:100%;border:0;border-radius:18px;padding:14px;font-weight:700;font-size:16px;margin-top:8px;cursor:pointer}.primary{background:#0f172a;color:white}.secondary{background:white;border:1px solid #cbd5e1}.green{background:#16a34a;color:white}.red{background:#ef4444;color:white}input,textarea{width:100%;padding:16px;border-radius:18px;border:1px solid #cbd5e1;margin-bottom:12px;font-size:16px}.chip,.tag{display:inline-flex;padding:8px 12px;border-radius:999px;margin:4px}.chip{background:white;border:1px solid #d7dfef;cursor:pointer}.chip.selected{background:#0f172a;color:white}.tag{background:#eff6ff;color:#1d4ed8}.badge{display:inline-block;background:#dcfce7;color:#166534;font-weight:800;font-size:13px;padding:7px 11px;border-radius:999px;margin:4px}.mutual-badge{background:#fce7f3;color:#9d174d}.avatar,.big-avatar{border-radius:50%;background:linear-gradient(135deg,#bfdbfe,#ddd6fe)}.avatar{width:62px;height:62px}.big-avatar{width:150px;height:150px;margin:0 auto}.row{display:flex;gap:14px;align-items:center}.between{display:flex;justify-content:space-between;align-items:center;gap:12px}.people-grid{display:grid;grid-template-columns:1fr;gap:18px}.interests-box{background:#f8fafc;padding:12px;border-radius:16px;text-align:left;height:92px;overflow:auto;border:1px solid #e2e8f0;margin-top:14px}.hamburger{width:46px;height:46px;border-radius:14px;border:1px solid #cbd5e1;background:white;font-size:24px}.menu-panel{display:none;position:fixed;top:76px;right:24px;width:250px;background:white;border:1px solid #cbd5e1;border-radius:22px;box-shadow:0 24px 60px #0f172a38;padding:10px;z-index:1000}.menu-panel.show{display:block}.menu-item{display:block;width:100%;border:0;background:transparent;text-align:left;padding:13px 14px;border-radius:14px}.video{width:100%;max-height:330px;background:#0f172a;border-radius:20px;margin:8px 0}.hidden{display:none!important}@media(min-width:800px){.people-grid{grid-template-columns:1fr 1fr}}