@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--pink:#ff3b6b;--purple:#6c4dff;--ink:#22222a;--muted:#85848f;--line:#ecebf0;--bg:#fcfcfe}*{box-sizing:border-box}body{margin:0;background:#f1f1f5;color:var(--ink);font-family:Vazirmatn,Arial,sans-serif}.app-shell{width:100%;max-width:480px;height:100dvh;margin:auto;background:var(--bg);position:relative;overflow:hidden}.topbar{height:68px;padding:14px 20px 6px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:800;color:var(--ink);letter-spacing:-1px}.brand span{color:var(--pink)}button{font:inherit;border:0;cursor:pointer}.icon-btn{background:none;font-size:22px;color:#686773}.avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffd2dd,#f484a2);color:white;font-weight:800;border:3px solid white;box-shadow:0 3px 10px #0002}.avatar.small{width:38px;height:38px}.discover-head{display:flex;justify-content:space-between;align-items:center;padding:5px 21px}.discover-head h1,.page-head h1{font-size:23px;margin:0;font-weight:800}.discover-head p,.subtle{font-size:13px;color:var(--muted);margin:2px 0}.location{border:1px solid #ffd3de;background:#fff7f9;color:var(--pink);border-radius:18px;padding:7px 10px;font-size:12px}.card-stack{height:calc(100dvh - 255px);min-height:380px;margin:9px 20px 0;position:relative}.profile-card{position:absolute;inset:0;border-radius:24px;overflow:hidden;background:#ddd;box-shadow:0 10px 30px #20203020;touch-action:none;transition:transform .25s ease,opacity .25s}.profile-card img{width:100%;height:100%;object-fit:cover}.profile-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#16151bb8)}.card-info{position:absolute;bottom:0;z-index:1;color:#fff;padding:22px;width:100%;text-shadow:0 1px 5px #0007}.card-info h2{font-size:28px;margin:0}.card-info p{margin:4px 0;font-size:14px}.bio{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;background:#ffffff30;backdrop-filter:blur(4px);padding:5px 9px;border-radius:20px;font-size:11px;margin-left:4px}.stamp{position:absolute;z-index:3;top:35px;padding:7px 14px;border:4px solid;border-radius:8px;font-weight:800;font-size:27px;opacity:0}.stamp.like-stamp{right:24px;color:#19c991;transform:rotate(15deg)}.stamp.nope-stamp{left:24px;color:#ff496b;transform:rotate(-15deg)}.actions{display:flex;align-items:center;justify-content:center;gap:15px;padding:17px 0 0;direction:ltr}.round{border-radius:50%;background:#fff;box-shadow:0 5px 15px #20203016;display:grid;place-items:center;font-weight:700}.round.undo{width:42px;height:42px;color:#f5ae41;font-size:25px}.round.nope{width:55px;height:55px;color:#ff526f;font-size:37px}.round.super{width:43px;height:43px;color:#4b87ff;font-size:20px}.round.like{width:55px;height:55px;color:#21c694;font-size:29px}.hint{text-align:center;margin:9px;font-size:11px;color:#aaa}.view{display:none;height:calc(100% - 68px);overflow:auto;padding-bottom:80px}.view.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:center;padding:16px 21px 4px}.page-head span{background:#fff0f4;color:var(--pink);font-size:12px;padding:5px 10px;border-radius:15px}.subtle{padding:0 21px}.likes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 20px}.mini-card{height:210px;border-radius:18px;overflow:hidden;position:relative;background:#ddd}.mini-card img{width:100%;height:100%;object-fit:cover}.mini-card div{position:absolute;bottom:0;width:100%;padding:22px 11px 10px;color:#fff;background:linear-gradient(transparent,#15151bba);font-weight:700}.locked{filter:blur(8px);transform:scale(1.06)}.unlock{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:25px;text-shadow:0 1px 5px #000}.new-msg{background:#ffe9ef;color:var(--pink);border-radius:50%;font-size:24px;width:34px;height:34px}.matchesView h3{font-size:14px;margin:19px 21px 10px}.match-row{display:flex;gap:14px;padding:0 20px;overflow:auto}.match{flex:0 0 auto;text-align:center;font-size:11px}.match img{width:65px;height:65px;object-fit:cover;border-radius:50%;padding:2px;border:2px solid var(--pink)}.chat-list{padding:0 20px}.chat{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line);cursor:pointer}.chat img{height:52px;width:52px;border-radius:50%;object-fit:cover}.chat-copy{flex:1;min-width:0}.chat-copy b{font-size:14px}.chat-copy p{margin:3px 0 0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time{font-size:10px;color:#aaa;align-self:flex-start}.profile-hero{text-align:center;padding:25px 0 13px;background:radial-gradient(circle at top,#ffe4eb,#fff 68%)}.avatar.large{width:100px;height:100px;margin:auto;font-size:36px}.profile-hero h1{font-size:23px;margin:12px 0 0}.profile-hero p{font-size:13px;color:var(--muted);margin:2px}.edit{margin-top:13px;border:1px solid #ffcbd8;background:white;color:var(--pink);font-size:12px;border-radius:15px;padding:6px 13px}.profile-about{margin:17px 20px;padding:15px;border-radius:15px;background:#fff;border:1px solid #f2f0f3}.profile-about h3{font-size:14px;margin:0 0 7px}.profile-about p{font-size:12px;line-height:1.9;color:#666;margin:0}.stat-row{display:flex;margin:0 20px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-around;text-align:center}.stat-row div{display:grid;gap:3px}.stat-row b{font-size:18px}.stat-row span{font-size:11px;color:var(--muted)}.settings-row{display:flex;justify-content:space-between;width:calc(100% - 40px);margin:15px 20px;background:#fff;padding:15px;border-radius:13px;color:#555}.settings-row span{font-size:24px;color:#aaa}.nav{position:absolute;bottom:0;height:70px;background:#fff;border-top:1px solid #eee;left:0;right:0;display:flex;justify-content:space-around;padding-top:7px}.nav-item{background:transparent;color:#a09fa9;font-size:10px;display:flex;gap:3px;flex-direction:column;align-items:center}.nav-item span{font-size:21px;line-height:23px}.nav-item.active{color:var(--pink)}.modal{position:absolute;inset:0;background:#18151b9c;z-index:10;display:flex;align-items:flex-end;justify-content:center;padding:14px}.modal.hidden{display:none}.modal-card{background:white;border-radius:24px;width:100%;max-height:90%;overflow:auto;padding:22px;animation:rise .25s ease}@keyframes rise{from{transform:translateY(30px);opacity:0}}.modal-profile img{width:100%;height:280px;object-fit:cover;border-radius:17px}.modal-profile h2{margin:14px 0 2px}.modal-profile p{font-size:13px;color:#666;line-height:1.9}.modal-actions{display:flex;gap:10px}.modal-actions button{flex:1;padding:12px;border-radius:13px;background:#fff0f4;color:var(--pink)}.modal-actions .primary{background:var(--pink);color:white}.chat-modal{height:75dvh;display:flex;flex-direction:column}.chat-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:12px}.chat-top img{width:40px;height:40px;border-radius:50%;object-fit:cover}.messages{flex:1;padding:16px 0;overflow:auto}.bubble{max-width:78%;padding:10px 12px;margin-bottom:8px;border-radius:14px 14px 2px 14px;background:#f1f0f4;font-size:13px}.bubble.mine{margin-right:auto;border-radius:14px 14px 14px 2px;background:#ffe4eb;color:#7c2340}.send{display:flex;gap:8px}.send input{flex:1;border:1px solid var(--line);border-radius:18px;padding:10px;font:inherit;outline:none}.send button{background:var(--pink);color:#fff;border-radius:18px;padding:0 15px}.toast{position:absolute;left:50%;bottom:84px;transform:translate(-50%,20px);opacity:0;transition:.25s;background:#292832;color:white;border-radius:20px;padding:10px 17px;font-size:12px;z-index:20;white-space:nowrap}.toast.show{transform:translate(-50%,0);opacity:1}@media (min-width:600px){body{padding:18px}.app-shell{border-radius:28px;box-shadow:0 15px 50px #3332;height:calc(100dvh - 36px)}}