@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090910;--panel:#11111c;--text:#f9f7ff;--muted:#9390a6;--line:#ffffff12;--gradient:linear-gradient(110deg,#942cf9,#e23eb4 57%,#ff9765);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 25%,#38204b25,transparent 55%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,textarea:focus-visible,article:focus-visible{outline:2px solid #e4a6ff;outline-offset:5px}button:disabled{opacity:.28;cursor:default}button:hover:not(:disabled){filter:brightness(1.16)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}img{object-fit:cover;display:block}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}[hidden]{display:none!important}.topbar{height:92px;max-width:1320px;margin:auto;padding:0 42px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:27px;font-weight:800;letter-spacing:-1.6px}.brand>span{color:#e747b3}.preview-badge{color:#aaa3ba;border:1px solid #ffffff12;padding:6px 10px;border-radius:6px;font-size:9px;letter-spacing:.3px;display:flex;align-items:center;gap:6px}.preview-badge i{width:4px;height:4px;background:#b883f4;border-radius:50%}.top-actions{display:flex;align-items:center;gap:14px;margin-left:auto}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#c2bbd1;background:#ffffff02}.icon-btn svg{width:19px;height:19px}.user-avatar{position:relative;width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,#55456a,#222334);border:1px solid #a77eb666;font-family:Manrope;font-weight:800;margin-left:8px}.user-avatar span{position:absolute;bottom:0;right:0;width:9px;height:9px;border:2px solid #090910;background:#b38af8;border-radius:50%}.app-layout{max-width:1240px;margin:36px auto 130px;display:grid;grid-template-columns:245px minmax(0,490px) 245px;gap:60px;padding:0 16px}.eyebrow{font-size:8px;letter-spacing:1.8px;font-weight:600;color:#b698cf}.left-rail,.right-rail{padding-top:16px}.rail-intro h2{font-size:25px;letter-spacing:-1px;margin-top:16px}.rail-intro h2>span{color:#f293be;margin-left:12px;font-size:25px}.rail-intro p{color:var(--muted);font-size:12px;line-height:1.8;margin-top:13px}.daily-note{margin-top:46px;padding:24px 20px;border-left:1px solid #a248c552;background:linear-gradient(90deg,#9d3bca0a,transparent)}.daily-note>span{font-size:7px;letter-spacing:1.2px;color:#9d8dad}.daily-note p{font-size:16px;line-height:1.7;margin-top:18px}.daily-note i{font:25px Caveat,cursive;display:block;margin-top:12px;color:#e87fb7;transform:rotate(-4deg)}.rail-link{display:flex;align-items:center;gap:10px;color:#9d94b0;font-size:10px;padding:0;margin-top:44px}.rail-link svg{width:16px;height:16px;color:#b58cca}.rail-link>span{margin-left:25px}.back-home{display:block;color:#625e73;font-size:9px;margin-top:23px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:10px}.section-top h1{font-size:30px;font-weight:800;letter-spacing:-1.4px;margin-top:9px;line-height:1.3}.section-top h1 em{font-style:normal;color:#c493dd}.filter-btn{border-radius:12px;background:#15121e;width:40px;height:40px}.filter-btn svg{width:17px;height:17px}.discovery-chips{display:flex;gap:8px;margin-bottom:22px}.discovery-chips button{border:1px solid var(--line);border-radius:30px;font-size:10px;padding:10px 17px;color:#a49aaf;transition:background .2s}.discovery-chips button.active{border-color:#a15bb85c;background:#7e419222;color:#e6b8fa}.profile-stack{position:relative;margin:0 8px}.stack-back{position:absolute;inset:10px -7px -7px;background:#281734;border:1px solid #a862b22e;border-radius:26px;transform:rotate(2deg);z-index:-1}.person-card{height:455px;position:relative;border:1px solid #c796d93a;border-radius:24px;overflow:hidden;background:#1b152b;isolation:isolate;touch-action:pan-y;user-select:none;transition:transform .22s,opacity .22s}.person-card>img{width:100%;height:100%;position:absolute;z-index:-3;object-position:center 30%;pointer-events:none}.card-shade{position:absolute;inset:0;background:linear-gradient(0deg,#090714 0%,#100b1ddd 12%,#100b1d55 43%,transparent 72%),linear-gradient(120deg,#8534bc20,#302cf21a);z-index:-2}.person-top{display:flex;align-items:center;justify-content:space-between;padding:18px}.sample-pill{font-size:7px;letter-spacing:1px;border:1px solid #ffffff25;background:#0c0a1a60;backdrop-filter:blur(12px);padding:7px 10px;border-radius:20px;color:#e0d4ed}.card-more{font-size:15px;color:#fff;width:32px;height:28px;background:#0c0a1a60;border-radius:10px}.person-detail{position:absolute;bottom:23px;left:25px;right:25px;pointer-events:none}.person-mood{font-size:9px;padding:7px 10px;display:inline-block;border-radius:7px;background:#e4c9ff15;backdrop-filter:blur(12px);border:1px solid #e4c9ff17;color:#eedbfb;margin-bottom:12px}.person-detail h2{font-size:33px;letter-spacing:-1.2px;display:flex;gap:9px;align-items:center}.person-detail h2>#person-age{font-weight:400;font-size:26px;color:#d2c2dd}.person-detail h2 svg{width:18px;height:18px;color:#e1a9f8;fill:#c16bd033;margin-left:2px}.person-city{display:flex;align-items:center;gap:7px;font-size:9px;color:#c6b9d2;margin-top:6px}.person-city svg{width:11px;height:11px}.person-bio{font-size:11px;color:#dfd4e8;line-height:1.7;margin-top:13px;max-width:340px}.person-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.person-tags>span{border:1px solid #ffffff24;border-radius:20px;padding:6px 10px;font-size:8px;color:#eee1f4;background:#c2a0da0a}.swipe-stamp{position:absolute;top:85px;left:25px;font-size:24px;font-weight:800;color:#fff;transform:rotate(-12deg);border:3px solid currentColor;border-radius:8px;padding:8px;opacity:0}.swipe-actions{display:flex;justify-content:center;align-items:center;gap:19px;margin:24px 0 15px}.round-btn{width:42px;height:42px;border:1px solid #79618440;border-radius:50%;display:grid;place-items:center;background:#14111e;transition:transform .2s}.round-btn svg{width:18px;height:18px}.round-btn:hover:not(:disabled){transform:translateY(-3px)}.round-btn.undo{color:#cbb18e}.round-btn.skip{width:56px;height:56px;border-color:#ffffff20;color:#ded7e9}.round-btn.skip svg{width:25px;height:25px}.round-btn.like{width:65px;height:65px;background:var(--gradient);border:1px solid #ef91d3;box-shadow:0 4px 30px #b832af4a}.round-btn.like svg{width:28px;height:28px;fill:#fff;stroke-width:1.3}.round-btn.hello{color:#b88be8}.swipe-help{text-align:center;font-size:9px;color:#b8a8c5}.swipe-help span{color:#71677f}.demo-note{font-size:8px;color:#6f687d;text-align:center;line-height:1.7;margin-top:17px}.connection-card{border:1px solid #bc7fda20;background:radial-gradient(at 100% 0,#50275850,transparent 70%),#100e19;padding:25px 22px;border-radius:18px}.connection-card .eyebrow{font-size:7px;letter-spacing:1.2px}.little-faces{display:flex;align-items:center;margin:25px 0 19px}.little-faces img{width:39px;height:39px;border-radius:50%;border:2px solid #a26bbe;margin-right:-8px}.little-faces img:nth-child(2){border-color:#e99c85}.little-faces>span{margin-left:17px;color:#e3a4d8;font-size:23px}.connection-card h2{font-size:22px;letter-spacing:-.7px;line-height:1.4}.connection-card p{color:#9d8fac;line-height:1.8;font-size:10px;margin-top:13px}.connection-card button{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);width:100%;padding:18px 0 0;margin-top:20px;font-size:9px;color:#d9b6e6}.connection-card button svg{width:14px;height:14px}.quick-room{margin-top:28px}.quick-room>.eyebrow{font-size:7px;letter-spacing:1.1px;color:#70677f}.quick-room>button{width:100%;display:flex;align-items:center;gap:10px;padding:18px 0;border-bottom:1px solid var(--line);text-align:left}.mini-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.mini-icon svg{width:17px;height:17px}.mini-icon.purple{background:#662a9125;color:#b27be9}.mini-icon.coral{background:#8a435125;color:#e9959f}.quick-room strong{font-size:10px;font-weight:500}.quick-room small{display:block;margin-top:5px;font-size:8px;color:#797085}.quick-room button>span:last-child{margin-left:auto;color:#766383}.rail-disclaimer{font-size:9px;line-height:2;color:#83738c;margin-top:24px}.rail-disclaimer span{font-size:8px;color:#554e61}.bottom-nav{position:fixed;z-index:20;bottom:22px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);width:570px;padding:10px 17px 8px;background:#17131fea;backdrop-filter:blur(24px);border:1px solid #b386ce35;border-radius:23px;box-shadow:0 12px 60px #000a}.bottom-nav>button{display:flex;align-items:center;flex-direction:column;gap:6px;font-size:9px;color:#8f819d;min-height:50px;justify-content:center;position:relative}.bottom-nav>button>svg{width:21px;height:21px}.bottom-nav>button.active{color:#edb7ed}.bottom-nav>button.active:not(.center-nav):after{content:'';position:absolute;bottom:-8px;width:14px;height:2px;border-radius:4px;background:#ec75cc}.center-nav{margin-top:-28px}.center-icon{width:53px;height:53px;border-radius:19px;transform:rotate(-7deg);display:grid;place-items:center;background:linear-gradient(130deg,#593864,#3a243d);border:1px solid #ffffff25;box-shadow:0 4px 17px #0008}.center-icon svg{width:26px;height:26px;transform:rotate(7deg);color:#dec2e6}.center-nav.active .center-icon{background:var(--gradient);box-shadow:0 5px 25px #b937bc50}.center-nav.active .center-icon svg{color:#fff}.bottom-nav .center-nav>span:last-child{margin-top:2px}.section-symbol{font-size:30px;color:#c18cd8}.gradient-btn{background:var(--gradient);border-radius:14px;padding:14px 20px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:20px}.gradient-btn svg{width:17px;height:17px}.feed-stories{display:flex;gap:25px;margin:8px 0 27px}.feed-stories>button{font-size:24px;background:radial-gradient(ellipse at 50% 30%,#9849bc25,transparent 65%);padding:10px 0}.feed-stories span{display:block;font-size:9px;margin-top:12px;color:#aa99b6}.composer{padding:20px;background:#15111e;border:1px solid #ffffff13;border-radius:17px}.composer label{font-size:12px;font-weight:500}.composer textarea{display:block;resize:vertical;width:100%;min-height:85px;max-height:200px;border:0;background:none;color:#eee2f5;padding:15px 0;font-size:11px;line-height:1.6}.composer textarea:focus{outline:none}.composer:focus-within{border-color:#a363bd}.composer textarea::placeholder{color:#70617f}.composer>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer small{font-size:8px;color:#8c7b98}.composer .gradient-btn{padding:9px 16px;font-size:9px;border-radius:9px}.post{border:1px solid var(--line);border-radius:18px;margin-top:18px;padding:20px;background:#111018}.post header{display:flex;gap:11px;align-items:center}.post header>img{width:32px;height:32px;border-radius:50%}.post header strong{font-size:11px}.post header strong>span{font-size:8px;color:#736a80;font-weight:400}.post header small{display:block;font-size:8px;color:#7f738e;margin-top:4px}.post header>span{margin-left:auto}.post>p{font-size:12px;line-height:1.9;color:#b9adca;margin:18px 0}.post-like{font-size:9px;color:#96849f;display:flex;align-items:center;gap:7px;padding:0}.post-like svg{width:17px;height:17px}.post-like[aria-pressed=true]{color:#f283bc}.post-like[aria-pressed=true] svg{fill:#f283bc}.post-photo{width:100%;height:200px;border-radius:10px;margin-top:20px}.video-stage{height:420px;border-radius:22px;overflow:hidden;position:relative;background:#1b142a;border:1px solid #bd89d333}.video-stage>img{width:100%;height:100%;object-position:70% center;opacity:.62}.video-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090714 0%,transparent 80%);pointer-events:none}.video-stage>.sample-pill{position:absolute;top:20px;left:20px;z-index:2}.video-callout{position:absolute;z-index:2;left:24px;right:24px;bottom:30px}.video-callout>svg{width:30px;height:30px;color:#eab5f6;margin-bottom:14px}.video-callout h2{font-size:24px;letter-spacing:-.7px}.video-callout p{color:#beaccb;font-size:11px;margin-top:10px;max-width:260px;line-height:1.7}.self-preview{position:absolute;z-index:2;right:15px;top:65px;width:95px;height:116px;border:1px solid #b78dce55;border-radius:13px;background:#21152bce;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.self-preview>span{border:1px solid #9968ab70;background:#46295280;border-radius:50%;padding:9px 14px;color:#d6abd9}.self-preview small{font-size:7px;color:#b7a3c7}.mode-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.mode-bottom>span{display:flex;align-items:center;gap:6px;font-size:8px;color:#9783a4}.mode-bottom>span svg{width:14px;height:14px}.mode-bottom .gradient-btn{font-size:10px;padding:13px 17px;gap:10px}.voice-hero{text-align:center;padding:36px 20px 28px;background:radial-gradient(ellipse at 50% 25%,#54216c55,transparent 70%),#110e1a;border:1px solid #a065ba30;border-radius:23px;position:relative;overflow:hidden;isolation:isolate}.voice-core{width:74px;height:74px;border-radius:25px;border:1px solid #b56edb6b;background:linear-gradient(140deg,#8e42bf55,#281b4155);display:grid;place-items:center;margin:6px auto 15px;box-shadow:0 0 60px #b744e52a;transform:rotate(-8deg)}.voice-core svg{width:34px;height:34px;color:#deacff;transform:rotate(8deg)}.orbit{position:absolute;width:220px;height:220px;border:1px solid #b579dd13;border-radius:50%;z-index:-1;left:50%;top:-29px;transform:translateX(-50%)}.o2{width:310px;height:310px;top:-75px}.sound-bars{display:flex;align-items:center;justify-content:center;gap:4px;height:24px;margin:10px auto 15px}.sound-bars i{height:9px;width:3px;border-radius:8px;background:linear-gradient(#e578cc,#8d51db)}.sound-bars i:nth-child(2n){height:16px}.sound-bars i:nth-child(3n){height:24px}.voice-hero h2{font-size:29px;line-height:1.3;letter-spacing:-1px}.voice-hero p{font-size:11px;color:#a48fb5;margin-top:15px}.voice-hero .gradient-btn{margin-top:25px}.subheading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:27px 0 16px}.subheading h2{font-size:13px;font-weight:600}.subheading>span{font-size:8px;color:#807089}.rooms{display:grid;gap:9px}.rooms>button{display:flex;align-items:center;gap:15px;padding:16px;border-radius:14px;background:#13101b;border:1px solid var(--line);text-align:left}.rooms button>span{font-size:23px}.rooms strong{font-size:11px}.rooms small{display:block;font-size:9px;color:#8c789c;margin-top:5px}.rooms b{margin-left:auto;font-weight:400;color:#b690c9}.game-card{padding:28px;background:radial-gradient(at 10% 0,#59215b88,transparent 65%),radial-gradient(at 100% 100%,#59303b55,transparent 70%),#151020;border:1px solid #bb7dcf38;border-radius:25px;text-align:center}.game-stickers{display:flex;align-items:center;justify-content:center;gap:44px;margin:0 0 25px;color:#e9a1d7}.game-stickers>svg{width:55px;height:55px;transform:rotate(-12deg);stroke-width:1.3}.game-stickers>span:first-child{font-size:27px}.game-stickers>span:last-child{font-size:40px;color:#a17ad9}.game-card>.eyebrow{font-size:7px;letter-spacing:1.5px}.game-card h2{font-size:54px;letter-spacing:-2px;line-height:1.08;margin-top:20px}.game-card h2 em{font-family:Caveat,cursive;font-size:72px;color:#ee90c5;font-weight:600}.game-card>p{color:#ac94b9;font-size:11px;line-height:1.8;margin-top:17px}.game-progress{display:flex;align-items:center;gap:13px;margin-top:24px}.game-progress>span{font-size:9px;color:#a38bad;white-space:nowrap}.game-progress>div{width:100%;height:3px;background:#ffffff13;border-radius:8px}.game-progress i{display:block;width:20%;height:100%;background:var(--gradient);transition:width .2s}.game-choices{display:flex;gap:10px;align-items:center;margin-top:18px}.game-choices button{background:#d78ce110;border:1px solid #c99be33b;border-radius:13px;padding:21px 8px;flex:1;font-size:13px;font-weight:600}.game-choices>span{font-size:8px;color:#776184}.game-card #game-feedback{font-size:9px;min-height:17px}.text-btn{font-size:11px;color:#dca9e8;padding:12px}.game-foot{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.game-foot>svg{color:#b285c4;width:22px;height:22px}.game-foot p{font-size:11px;line-height:1.8}.game-foot p>span{font-size:9px;color:#8c769a}.toast{position:fixed;z-index:40;left:50%;bottom:120px;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:#2b1c36f5;border:1px solid #b77bc353;border-radius:13px;padding:13px 18px;font-size:11px;color:#e9d6f0;max-width:calc(100% - 32px);width:max-content;text-align:center;box-shadow:0 8px 30px #0008;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #a771bd44;border-radius:24px;background:radial-gradient(at 100% 0,#46224d50,transparent 65%),#15101e;color:#f4e9fb;width:min(430px,calc(100% - 32px));padding:30px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#04020bd1;backdrop-filter:blur(9px)}#modal-close{position:absolute;right:17px;top:17px;width:30px;height:30px}.dialog-star{font-size:34px;color:#d893e1}dialog h2{font-size:24px;line-height:1.3;letter-spacing:-.7px;margin:16px 0}#modal-content p{font-size:12px;line-height:1.9;color:#b6a1c2;margin-bottom:16px}#modal-done{width:100%;margin-top:15px}.filter-option{display:block;width:100%;text-align:left;border:1px solid var(--line);padding:14px;border-radius:10px;margin:9px 0;color:#d7b7e2}.filter-option.selected{background:#6b328138;border-color:#b87bd0}.demo-session{text-align:center;padding:18px 0}.demo-session>svg{width:44px;height:44px;color:#dfa3f2;margin:10px auto 22px}.demo-session .session-status{font-size:10px;color:#c097d7}.no-results{text-align:center;padding:20px}
@media(min-width:1400px){.app-layout{margin-top:40px}.person-card{height:480px}}
@media(max-width:1150px){.app-layout{grid-template-columns:185px minmax(0,470px) 195px;gap:30px;justify-content:center}.topbar{padding-inline:32px}.connection-card{padding:22px 17px}.connection-card h2{font-size:20px}.left-rail .daily-note{padding-left:15px}.rail-intro h2{font-size:22px}.rail-intro h2>span{margin-left:8px}.eyebrow{letter-spacing:1.3px}}
@media(max-width:960px){.app-layout{grid-template-columns:minmax(0,470px) 210px;gap:35px;padding:0 24px}.left-rail{display:none}.topbar{height:80px}.section-top h1{font-size:28px}.right-rail{padding-top:12px}.bottom-nav{width:550px}}
@media(max-width:700px){.app-layout{display:block;max-width:490px;margin:24px auto 120px;padding:0 23px}.right-rail{display:none}.topbar{height:75px;padding:0 23px;gap:12px}.brand{font-size:23px}.preview-badge{font-size:6px;padding:5px 7px;letter-spacing:0}.top-actions{gap:8px}.top-actions .icon-btn{width:31px;height:31px;border:0;background:none}.top-actions .icon-btn svg{width:19px;height:19px}.user-avatar{width:32px;height:32px;margin-left:0;font-size:12px}.top-actions .icon-btn:first-child{display:none}.section-top{margin-bottom:18px}.section-top .eyebrow{font-size:7px;letter-spacing:1.7px}.section-top h1{font-size:27px;letter-spacing:-1.2px;margin-top:8px}.filter-btn{height:35px;width:35px;border-radius:11px}.discovery-chips{gap:7px;margin-bottom:18px}.discovery-chips button{padding:9px 13px;font-size:9px}.profile-stack{margin-inline:3px}.person-card{height:430px;border-radius:22px}.person-detail{left:21px;right:21px;bottom:22px}.person-detail h2{font-size:31px}.person-detail h2>#person-age{font-size:25px}.person-bio{font-size:10px;line-height:1.7;max-width:290px}.person-city{font-size:8px;gap:6px}.person-tags{gap:6px}.person-tags>span{font-size:7px;padding:6px 9px}.person-mood{font-size:8px}.person-top{padding:15px}.sample-pill{font-size:6px}.swipe-actions{margin:22px 0 12px;gap:18px}.round-btn.skip{width:52px;height:52px}.round-btn.like{width:61px;height:61px}.round-btn{width:39px;height:39px}.swipe-help{font-size:8px}.demo-note{font-size:7px;margin-top:12px}.bottom-nav{bottom:0;width:100%;border-radius:22px 22px 0 0;padding:10px max(14px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom));border-bottom:0;box-shadow:0 -8px 40px #08060b99}.bottom-nav>button{font-size:8px;gap:6px;min-height:45px}.bottom-nav>button>svg{width:20px;height:20px}.center-nav{margin-top:-24px}.center-icon{width:48px;height:48px;border-radius:16px}.center-icon svg{width:25px;height:25px}.bottom-nav>button.active:not(.center-nav):after{bottom:-6px}.toast{bottom:102px;font-size:10px}.section-symbol{font-size:25px}.voice-hero{padding:29px 18px 25px}.voice-hero h2{font-size:27px}.subheading h2{font-size:12px}.subheading>span{font-size:7px}.video-stage{height:420px}.video-callout h2{font-size:22px}.video-callout{left:20px;bottom:25px}.video-callout p{font-size:10px;max-width:220px}.self-preview{width:80px;height:105px}.mode-bottom{align-items:stretch;flex-direction:column;gap:17px}.mode-bottom>span{justify-content:center}.mode-bottom .gradient-btn{font-size:12px;padding:16px}.game-card{padding:25px 20px}.game-card h2{font-size:49px}.game-card h2 em{font-size:68px}.game-choices button{font-size:11px;padding:20px 5px}.post{padding:17px}.post>p{font-size:11px}.post-photo{height:185px}.feed-stories{gap:25px}.composer{padding:17px}.composer label{font-size:11px}.composer small{font-size:7px}}
@media(max-width:370px){.topbar{padding-inline:18px}.preview-badge{display:none}.app-layout{padding-inline:19px;margin-top:20px}.section-top h1{font-size:24px}.person-card{height:388px}.person-detail{left:18px;right:18px;bottom:20px}.person-detail h2{font-size:29px}.person-city{font-size:7px;gap:5px}.person-bio{font-size:9px}.person-tags>span{font-size:6px}.discovery-chips button{padding:9px 11px}.swipe-actions{gap:16px}.swipe-help span{display:none}.game-card h2{font-size:44px}.game-card h2 em{font-size:63px}.game-choices{gap:6px}.game-choices button{font-size:10px}.feed-stories{gap:18px}}
@media(min-width:701px){.person-card{height:clamp(300px,calc(100dvh - 510px),480px)}}
@media(max-width:700px){.person-card{height:clamp(300px,calc(100svh - 445px),430px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}