@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{color:#14352e;background:#f6efe2;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 88% 5%,#f3bd68 0 7%,#0000 24%),#f6efe2;margin:0}.app-shell{max-width:680px;min-height:100vh;margin:auto;padding:22px 20px 105px}header{align-items:center;gap:12px;display:flex}header strong{font-family:Playfair Display,serif;font-size:21px}.eyebrow{letter-spacing:.18em;color:#437268;font-size:10px;font-weight:700}.quiet{color:#14352e;background:0 0;border:0;margin-left:auto;font-size:24px}.context{justify-content:space-between;margin:25px 0 12px;font-size:12px;display:flex}.context b{color:#d05b48}.profile-card{aspect-ratio:.78;background:#234;border-radius:180px 180px 28px 28px;position:relative;overflow:hidden;box-shadow:0 18px 38px #14352e35}.profile-card>img{object-fit:cover;width:100%;height:100%}.live{background:#fffdf6d9;border-radius:99px;padding:7px 10px;font-size:11px;position:absolute;top:18px;left:18px}.profile-copy{color:#fff;background:linear-gradient(#0000,#102a24d9);padding:50px 23px 25px;position:absolute;inset:auto 0 0}h1,h2{margin:0;font-family:Playfair Display,serif}.profile-copy h1,.screen h1{font-size:34px}.profile-copy p{margin:7px 0 14px;font-size:13px;line-height:1.45}.profile-copy i{border:1px solid #fff6;border-radius:50px;margin-right:5px;padding:6px 9px;font-size:10px;font-style:normal}.actions{justify-content:center;gap:20px;margin:18px;display:flex}.actions button{color:#14352e;background:#fffaf0;border:0;border-radius:50%;width:64px;height:64px;font-size:31px;box-shadow:0 8px 20px #14352e20}.actions .like{color:#fff;background:#d9604d}.actions .gift{background:#f3bd68;font-size:29px}.actions small{margin-top:2px;font:9px Manrope;display:block}.limit{text-align:center;color:#56746c;font-size:10px}.app-shell nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(680px,100%);padding:11px 10px calc(11px + env(safe-area-inset-bottom));background:#fffaf0ef;border-top:1px solid #14352e14;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.app-shell nav button{color:#72928a;background:0 0;border:0;font:10px Manrope}.app-shell nav span{margin-bottom:3px;font-size:20px;display:block}.app-shell nav [aria-current=page]{color:#d05b48;font-weight:700}.screen{padding-top:30px}.screen h1{margin:8px 0 22px}.match-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.match{background:#fffaf0;border-radius:18px;padding:9px}.match img{aspect-ratio:1;object-fit:cover;border-radius:13px;width:100%}.match h2{margin:9px 0 2px;font-size:23px}.match p{color:#6c887f;margin:0 0 10px;font-size:10px}.match button,.credits button,.subscription button,.incoming button{color:#fff;background:#14352e;border:0;border-radius:10px;padding:9px 10px;font:10px Manrope}.match>div{justify-content:space-between;margin-top:7px;display:flex}.match>div button{color:#6c887f;background:0 0;padding:0}.subhead{margin:28px 0 11px;font-size:24px}.incoming,.credits,.subscription{background:#fffaf0;border-radius:18px;align-items:center;gap:12px;padding:15px;display:flex}.incoming span,.credits span{color:#d05b48;font:38px Playfair Display}.incoming p,.credits p{flex:1;font-size:12px}.credits{color:#fff;background:#14352e}.credits span{color:#f3bd68}.subscription{color:#fff;background:linear-gradient(135deg,#e0634e,#f2ac56);margin-top:13px}.subscription>span{font:32px Playfair Display}.subscription div{flex:1}.subscription p{margin:4px 0;font-size:10px}.subscription button{color:#14352e;background:#fff}.gift-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.gift-grid button{color:#14352e;background:#fffaf0;border:0;border-radius:15px;padding:13px 5px}.gift-grid b{color:#d05b48;font-size:25px;display:block}.gift-grid span,.gift-grid small{margin-top:5px;font-size:10px;display:block}.gift-grid small{color:#b47b25}.me{align-items:center;gap:15px;margin:13px 0 24px;display:flex}.me h1{margin:0;font-size:30px}.me p{color:#68867e;font-size:11px}.me button{background:0 0;border:1px solid #14352e33;border-radius:9px;padding:7px 10px;font:10px Manrope}.me-orb{color:#fff;background:linear-gradient(135deg,#d05b48,#f3bd68);border-radius:50%;place-items:center;width:93px;height:93px;font:38px Playfair Display;display:grid;position:relative}.me-orb span{background:#14352e;border-radius:20px;padding:3px 5px;font:8px Manrope;position:absolute;bottom:3px}.menu{background:#fffaf0;border-radius:18px;overflow:hidden}.menu button{color:#14352e;text-align:left;background:0 0;border:0;border-bottom:1px solid #14352e12;gap:11px;width:100%;padding:16px;font:12px Manrope;display:flex}.menu button b{color:#6c887f;margin-left:auto;font-size:10px}.legal{color:#709087;margin:19px 5px;font-size:9px}.empty{text-align:center;padding:40vh 0;font-family:Playfair Display;font-size:31px}.empty small{color:#709087;font:11px Manrope}@media (width>=700px){.app-shell{padding-top:35px}.profile-card{max-width:490px;margin:auto}.actions{margin-top:24px}}.onboarding-screen{padding-bottom:24px}.onboarding-copy{color:#5e7b73;margin:0 0 18px;font-size:13px;line-height:1.5}.onboarding-form{gap:12px;display:grid}.onboarding-form label{color:#486a61;gap:6px;font-size:11px;display:grid}.onboarding-form input,.onboarding-form select,.onboarding-form textarea{color:#14352e;background:#fffaf0;border:1px solid #14352e22;border-radius:14px;width:100%;padding:13px 14px;font:14px Manrope}.onboarding-form textarea{resize:vertical;min-height:110px}.onboarding-consent{grid-template-columns:auto 1fr;align-items:flex-start;gap:10px}.onboarding-consent input{width:18px;height:18px;margin-top:2px}.onboarding-error{color:#d05b48;margin:0;font-size:12px}.onboarding-submit{color:#fff;background:#14352e;border:0;border-radius:14px;padding:14px 16px;font:700 13px Manrope}.onboarding-submit:disabled{opacity:.6}
