:root{font-family:Vazirmatn,Tahoma,system-ui,sans-serif;color:#f8fafc;background:#08080b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(244,63,94,.18),transparent 32%),radial-gradient(circle at 0 72%,rgba(124,58,237,.16),transparent 38%),#08080b}button,input,textarea,select{font:inherit}button{cursor:pointer}.center{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:18px;color:#cbd5e1;padding:24px;text-align:center}.loader{width:38px;height:38px;border:3px solid #27272a;border-top-color:#fb7185;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{width:min(640px,100%);min-height:100vh;margin:0 auto;padding-bottom:92px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;position:sticky;top:0;z-index:5;background:#08080bc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.topbar>div{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;font-weight:900;background:linear-gradient(135deg,#fb7185,#8b5cf6)}.secure{color:#86efac;font-size:.78rem}.screen{padding:30px 20px}.eyebrow{margin:0 0 10px;color:#fb7185;font-size:.8rem;font-weight:800;letter-spacing:.08em}h1,h2{margin:0 0 26px;line-height:1.35}h1{font-size:clamp(2rem,9vw,3.6rem)}h2{font-size:1.8rem}.primary{width:100%;border:0;border-radius:18px;padding:15px 18px;color:#fff;font-weight:800;background:linear-gradient(135deg,#f43f5e,#7c3aed);box-shadow:0 15px 35px #7c3aed33}.primary:disabled{opacity:.55;cursor:wait}.action-card{min-height:118px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:right}.action-card span{font-size:1.35rem}.action-card small{margin-top:8px;opacity:.8;font-weight:400}.coming-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.coming-grid article,.coming-grid button{min-height:140px;display:flex;flex-direction:column;gap:9px;padding:20px;border-radius:22px;color:#f4f4f5;text-align:right;background:#27272aa8;border:1px solid rgba(255,255,255,.08)}.coming-grid article>span,.coming-grid button>span{font-size:1.5rem;color:#fda4af}.coming-grid small{color:#71717a;margin-top:auto}.notice,.error{padding:12px 14px;border-radius:14px;font-size:.9rem}.notice{background:#f59e0b1a;color:#fcd34d}.error{background:#f43f5e1f;color:#fda4af}.match-notice{padding:14px 16px;border-radius:16px;color:#fecdd3;background:linear-gradient(135deg,#f43f5e33,#7c3aed33);border:1px solid rgba(251,113,133,.28)}.profile-form{display:grid;gap:16px}.profile-form label{display:grid;gap:8px;color:#d4d4d8;font-size:.9rem}.profile-form input,.profile-form textarea,.profile-form select{width:100%;border:1px solid #3f3f46;border-radius:14px;padding:13px 14px;color:#fafafa;background:#18181be0;outline:none}.profile-form input:focus,.profile-form textarea:focus,.profile-form select:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1f}.row{display:grid;grid-template-columns:100px 1fr;gap:12px}.profile-form .toggle{display:flex;align-items:center;gap:10px;padding:12px 0}.profile-form .toggle input{width:18px;height:18px;accent-color:#f43f5e}.empty{min-height:330px;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;color:#a1a1aa}.empty>span{font-size:3rem;color:#a78bfa}.empty strong{color:#f4f4f5;font-size:1.2rem}.empty p{margin:0}.people-list{display:grid;gap:12px}.people-list article{display:flex;gap:14px;padding:16px;border-radius:20px;background:#27272aa3;border:1px solid rgba(255,255,255,.08)}.avatar{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:18px;font-size:1.35rem;font-weight:900;background:linear-gradient(135deg,#fb7185,#8b5cf6)}.people-list article>div:last-child{min-width:0}.person-content{flex:1}.people-list small{display:block;margin-top:3px;color:#a1a1aa}.people-list p{margin:9px 0 0;color:#d4d4d8;line-height:1.65}.reaction-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:14px}.reaction-actions button{border:1px solid #3f3f46;border-radius:12px;padding:10px;color:#d4d4d8;background:#18181b}.reaction-actions .like{border-color:#f43f5e73;color:#fecdd3;background:#f43f5e21}.match-list a{display:inline-block;margin-top:13px;padding:9px 13px;border-radius:12px;color:#fff;text-decoration:none;background:#2563eb}.match-list em{display:block;margin-top:11px;color:#71717a;font-size:.82rem}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(640px,100%);display:grid;grid-template-columns:repeat(4,1fr);padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:#0f0f12eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08)}.bottom-nav button{display:grid;justify-items:center;gap:3px;border:0;color:#71717a;background:transparent;font-size:.75rem}.bottom-nav button span{font-size:1.25rem}.bottom-nav button.active{color:#fda4af}@media(min-width:640px){.screen{padding:46px 30px}}