:root{--ember:#f0543f;--wine:#8f2035;--cream:#fff8f1;--ink:#211b1d;--muted:#756b6d;--line:#eadeda;--card:#fffdfa}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-header{height:72px;padding:0 clamp(18px,5vw,70px);display:flex;align-items:center;justify-content:space-between;background:#191516;color:#fff;position:sticky;top:0;z-index:5}.app-brand{font:700 21px "Playfair Display",serif}.app-brand b{color:#ff755c}.app-nav{display:flex;gap:9px;align-items:center}.app-nav a{padding:9px 13px;border-radius:30px;font-size:13px}.app-nav a:hover,.app-nav .active{background:#ffffff16}.avatar-mini{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ff8a65,var(--wine));font-weight:700}.page{width:min(1160px,calc(100% - 36px));margin:42px auto 80px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.eyebrow{color:var(--ember);font-size:11px;letter-spacing:.16em;font-weight:700}.page h1{font:700 clamp(34px,5vw,54px)/1.08 "Playfair Display",serif;margin:5px 0}.lead{color:var(--muted);line-height:1.6}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px #7d20310b}.auth-wrap{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1fr 1fr}.auth-photo{background:linear-gradient(#21101233,#21101277),url("assets/hero-romance.png") 32% center/cover}.auth-side{display:grid;place-items:center;padding:40px 22px}.auth-card{width:min(440px,100%);padding:38px}.auth-card h1{font:700 38px/1.1 "Playfair Display",serif;margin:7px 0 12px}.field{margin:17px 0}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid #d9cecb;background:#fff;border-radius:9px;outline:none}.field input:focus,.field textarea:focus{border-color:var(--ember);box-shadow:0 0 0 3px #f0543f18}.primary,.secondary{border:0;border-radius:9px;padding:13px 18px;font-weight:700;cursor:pointer}.primary{background:linear-gradient(120deg,var(--ember),#d93846);color:#fff}.secondary{background:#f2e9e6;color:var(--wine)}.wide{width:100%}.auth-foot{text-align:center;color:var(--muted);font-size:13px;margin-top:20px}.auth-foot a{color:var(--wine);font-weight:700}.demo-note{padding:12px;border-radius:9px;background:#fff0df;color:#785228;font-size:12px;line-height:1.5}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters select,.search{padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fff}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.member-card{overflow:hidden}.member-photo{height:265px;display:flex;align-items:end;padding:18px;color:#fff;background-size:cover;background-position:center}.member-photo.one{background-image:linear-gradient(transparent,#1c1012cc),url("assets/hero-romance.png")}.member-photo.two{background:linear-gradient(145deg,#bd7765,#39262a)}.member-photo.three{background:linear-gradient(145deg,#3f6b64,#1f2727)}.member-info{padding:19px}.member-info h2{font:700 24px "Playfair Display",serif;margin:0}.online{display:inline-block;width:9px;height:9px;border-radius:50%;background:#38bb6d;margin-right:7px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.tag{padding:6px 9px;border-radius:30px;background:#f5eae7;color:#76525a;font-size:11px}.card-actions{display:flex;gap:8px}.profile-layout{display:grid;grid-template-columns:340px 1fr;gap:28px}.profile-photo{height:470px;border-radius:18px;background:linear-gradient(transparent,#21101244),url("assets/hero-romance.png") 30% center/cover}.profile-body{padding:32px}.profile-body h1{margin-bottom:5px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.fact{padding:15px;background:#faf1ee;border-radius:10px}.fact small{display:block;color:var(--muted);margin-bottom:5px}.chat-layout{display:grid;grid-template-columns:320px 1fr;min-height:650px;overflow:hidden}.conversations{border-right:1px solid var(--line)}.conversation{display:flex;gap:12px;padding:17px;border-bottom:1px solid var(--line)}.conversation.active{background:#fbefeb}.chat-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ff9b75,var(--wine));color:#fff;font-weight:700}.conversation strong,.conversation small{display:block}.conversation small{color:var(--muted);margin-top:4px}.chat-main{display:grid;grid-template-rows:auto 1fr auto}.chat-title{padding:18px 22px;border-bottom:1px solid var(--line)}.messages{padding:25px;display:flex;flex-direction:column;gap:12px;background:#fffaf7}.bubble{max-width:70%;padding:12px 15px;border-radius:14px;line-height:1.5;font-size:14px}.bubble.them{background:#f1e7e4}.bubble.me{align-self:flex-end;background:var(--wine);color:#fff}.composer{display:flex;gap:10px;padding:17px;border-top:1px solid var(--line)}.composer input{flex:1;border:1px solid var(--line);border-radius:30px;padding:12px 16px}.app-footer{text-align:center;padding:25px;color:var(--muted);font-size:12px}@media(max-width:800px){.app-nav a:not(.active){display:none}.auth-wrap{grid-template-columns:1fr}.auth-photo{display:none}.member-grid{grid-template-columns:1fr}.profile-layout{grid-template-columns:1fr}.profile-photo{height:390px}.facts{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr}.conversations{display:none}.page-head{align-items:start;flex-direction:column}.chat-main{min-height:calc(100vh - 150px)}}