:root{--reference-pink:#ff3d70;--reference-ink:#111827;--reference-muted:#647184;--reference-wash:#fff7f8;--reference-line:#ececf0}
.view-icon-button{width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:20px;cursor:pointer}.reference-heading-actions{display:flex;gap:4px}.reference-filter-row,.reference-group-tabs{display:flex;align-items:center;gap:7px;overflow:auto;scrollbar-width:none}.reference-filter-row button,.reference-group-tabs button{border:0;border-radius:999px;background:#f3f4f6;color:var(--reference-muted);padding:8px 15px;font:600 12px "DM Sans",sans-serif;white-space:nowrap}.reference-filter-row button.active,.reference-group-tabs button.active{background:var(--rose);color:#fff}.reference-filter-row{padding:13px 0 7px}.reference-group-tabs{margin:-18px 0 16px}.reference-group-tabs .age-chip{margin-left:auto;white-space:nowrap}
.reference-profile-hero{display:none}
.reference-group-search{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:10px 14px;border-radius:999px;background:#f2f2f4;color:var(--reference-muted)}.reference-group-search[hidden]{display:none}.reference-group-search input{width:100%;border:0;outline:0;background:transparent;color:var(--reference-ink);font:inherit}
.auth-welcome{color:#fff!important;background:transparent!important;border:0!important;box-shadow:none!important}.auth-welcome .welcome-copy{display:none}.auth-welcome>p{font:italic 34px/1.05 "Instrument Serif",serif;transform:rotate(-6deg);text-shadow:0 2px 18px #0008}.welcome-actions{display:grid;gap:11px}.welcome-actions button{min-height:48px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--rose),var(--rose2));color:#fff;font-weight:800;font-size:14px}.welcome-actions button+button{background:rgba(255,255,255,.94);color:#17171c}.auth-welcome>small{display:block;margin-top:18px;text-align:center;color:#fff;font-size:11px;text-shadow:0 1px 8px #000}
@media(max-width:700px){
  html{background:#ffd7dc}body{background:#fffafb;color:var(--reference-ink)}.app-shell{max-width:460px;margin:0 auto;background:#fff;min-height:100svh;box-shadow:0 0 60px rgba(93,31,49,.13)}main{padding:0 0 calc(86px + env(safe-area-inset-bottom));}.view{padding:0 15px;min-height:calc(100svh - 78px)}
  .sidebar{left:50%;transform:translateX(-50%);max-width:460px;height:calc(76px + env(safe-area-inset-bottom));padding:7px 12px env(safe-area-inset-bottom);border-top:1px solid #eee;background:rgba(255,255,255,.95);box-shadow:0 -5px 22px rgba(25,24,28,.06)}.sidebar nav{grid-template-columns:repeat(5,1fr);height:100%}.sidebar .nav-item{font-size:9px!important;color:#66717b!important;font-weight:500}.sidebar .nav-item span{font-size:21px;line-height:1}.sidebar .nav-item.active{color:var(--rose)!important}.mobile-create{top:4px;width:50px;height:50px;font-size:27px;border:3px solid #fff}
  .section-head,.topbar{min-height:60px;margin:0;align-items:center}.section-head h1,.topbar h1{font:800 25px/1.1 "DM Sans",sans-serif;color:var(--reference-ink)}.section-head h1 em,.topbar h1 em{color:inherit;font-style:normal}.section-head .eyebrow,.topbar .eyebrow{display:none}
  #feed-view{padding:0}.fyp-header{height:58px;padding:0 15px;border-bottom:0}.fyp-brand>span{width:28px;height:28px;border-radius:50% 50% 50% 8px;font-size:16px}.fyp-brand h1{font-size:24px}.fyp-header-actions .icon-btn{border:0;background:transparent;width:36px;height:36px;padding:0}.fyp-tabs{height:44px;margin:0;padding:0 15px;gap:30px;background:#fff}.fyp-tabs button{font-size:12px}.fyp-tabs button.active{color:#111827}.fyp-tabs button.active:after{height:2px}
  .social-layout>section{width:100%}.post-composer{margin:0;padding:13px 15px 11px;grid-template-columns:38px 1fr;border:0;border-top:1px solid #f1eff0;border-bottom:1px solid #f1eff0;border-radius:0;box-shadow:0 5px 15px rgba(20,16,18,.045)}.post-avatar{width:36px;height:36px}.post-composer textarea{height:38px;min-height:38px;padding:10px 14px;border-radius:20px;background:#f2f2f3;font-size:12px;resize:none}.post-compose-actions{padding-top:9px;gap:6px;flex-wrap:nowrap}.post-compose-actions .attach-label,.post-compose-actions .feeling-button{font-size:10px;padding:7px 9px;border:0;background:#f7f7f8}.post-compose-actions small{display:none}.post-compose-actions button[type=submit]{min-width:68px;padding:8px 12px;font-size:11px;margin-left:auto}
  .stories{margin:0;padding:12px 14px 14px;gap:14px;border-bottom:1px solid #f0edef}.story-add span{width:53px;height:53px}.story-empty{font-size:11px;max-width:250px;white-space:normal}.social-feed{gap:0}.social-post{margin:0;padding:14px 15px;border:0;border-bottom:8px solid #f7f5f6;border-radius:0;box-shadow:none}.social-post-head{gap:9px;padding-bottom:8px}.social-avatar{width:39px;height:39px}.social-post-head strong{font-size:13px}.social-post-head time{font-size:10px}.social-body{font-size:13px;line-height:1.45;margin:7px 0}.social-media{width:calc(100% + 30px);max-width:none;margin-left:-15px;border-radius:0;max-height:520px}.social-post-actions{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:2px;margin-top:8px;padding-top:0;border:0}.social-post-actions button,.social-post-actions select{font-size:10px;min-height:32px;padding:5px 7px;white-space:nowrap}.notification-panel{inset:58px 10px calc(80px + env(safe-area-inset-bottom));border-radius:18px}
  #discover-view{padding:0 15px}.top-actions{display:none}#discover-view .topbar{min-height:65px}#discover-view .topbar h1{font-size:25px}.profile-card{height:calc(100svh - 236px);min-height:470px;max-height:650px;border-radius:18px;box-shadow:none}.profile-card img{object-position:center top}.profile-shade{background:linear-gradient(180deg,transparent 48%,rgba(12,10,13,.88))}.profile-copy{left:18px;right:18px;bottom:24px}.profile-copy h2{font-size:29px;margin:4px 0}.profile-copy>p{font-size:12px}.profile-copy blockquote{font:13px/1.35 "DM Sans"}.tags span{padding:5px 8px}.decision-row{gap:18px;margin-top:22px}.decision{width:58px;height:58px;border:1px solid #f0edf0}.decision.like{width:64px;height:64px;margin-top:-3px;background:#fff;color:var(--rose)}.decision.super{color:#2794ec}.decision.coin-gift{display:none}.side-feed{display:none}
  #matches-view{padding:0}.matches-view-heading{padding:0 15px}.match-layout{margin:0;min-height:0}.messages-list{padding:0 15px}.messages-list>.search{position:static;padding:11px 14px;background:#f0f0f2;border-radius:20px}.reference-filter-row{padding-bottom:10px}.message{margin:0;padding:10px 2px;border-radius:0;border-bottom:0}.message.active{background:#fff}.message .avatar{width:48px;height:48px}.message strong{font-size:13px}.message small{font-size:11px}.message time{align-self:flex-start;margin-top:4px}.conversation.mobile-open{inset:0 0 calc(76px + env(safe-area-inset-bottom));padding:0 12px 10px}
  #groups-view{padding:0 15px}.reference-group-tabs{margin:0 -15px 8px;padding:0 15px 10px;border-bottom:1px solid #eee}.reference-group-tabs .age-chip{display:none}.groups-layout{border:0;border-radius:0;box-shadow:none;background:transparent;min-height:0}.group-list{padding:0;border:0;border-radius:0;box-shadow:none;gap:0;max-height:none}.group-card{position:relative;min-height:75px;padding:12px 76px 12px 70px;border-radius:0;border-bottom:1px solid #f0edf0}.group-card:before{content:"♥";position:absolute;left:4px;top:10px;width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#ffd0da,#ff7898);color:#fff;font-size:22px}.group-card:after{content:"Join";position:absolute;right:2px;top:23px;padding:7px 16px;border-radius:999px;background:var(--rose);color:#fff;font-size:11px;font-weight:700}.group-card.active:after{content:"Open"}.group-card:hover,.group-card.active{background:#fff8fa}.group-card>span{font-size:8px}.group-card>strong{font-size:13px}.group-card>small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-room.mobile-open{inset:0 0 calc(76px + env(safe-area-inset-bottom))}
  #live-view{padding:0 15px}.live-heading{height:62px}.live-heading h1{font-size:25px}.live-heading .live-primary{border-radius:999px;padding:10px 14px}.live-tabs{margin:0 0 12px}.live-list{grid-template-columns:1fr}.live-card:first-child{grid-column:1/-1}.live-unavailable{border-radius:18px}.live-unavailable h2{font-size:17px}
  #safety-view{padding:0}.profile-view-heading{padding:0 15px}.reference-profile-hero{display:block;background:#fff;margin-bottom:12px}.reference-cover{height:150px;overflow:hidden}.reference-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transform:scale(1.03)}.reference-profile-intro{display:flex;align-items:flex-end;gap:12px;margin:-47px 16px 0;position:relative}.reference-profile-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:4px solid #fff;background:#fff}.reference-profile-intro h2{margin:0 0 3px;font-size:19px}.reference-profile-intro h2 span{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#2997ef;color:#fff;font-size:10px}.reference-profile-intro p{margin:0;color:var(--reference-muted);font-size:11px}.reference-profile-hero>p{margin:12px 16px 0;font-size:12px}.reference-profile-meta{display:flex;gap:15px!important;color:var(--reference-muted)}.reference-profile-meta b{font-weight:500}.reference-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 22px 11px;text-align:center}.reference-profile-stats span{display:grid;color:var(--reference-muted);font-size:10px}.reference-profile-stats b{font-size:16px;color:var(--reference-ink)}.reference-edit-profile{display:block;width:calc(100% - 32px);height:39px;margin:0 16px;border:1px solid #e5e4e7;border-radius:20px;background:#fff;font-weight:700}.reference-profile-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;border-top:1px solid #eee}.reference-profile-tabs button{height:45px;border:0;border-bottom:2px solid transparent;background:#fff;color:#7a8490;font-size:18px}.reference-profile-tabs button.active{color:var(--rose);border-bottom-color:var(--rose)}.reference-media-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;height:105px;overflow:hidden}.reference-media-preview span{background:url("assets/leni.png") center/cover}.reference-media-preview span:nth-child(2){background-position:35% 20%}.reference-media-preview span:nth-child(3){background-position:70% 30%}.safety-grid{padding:0 12px}.settings-card{border:0!important;box-shadow:0 4px 18px rgba(40,24,30,.055)!important}.settings-card h2{font:800 18px "DM Sans"}.theme-card{order:-1}.theme-picker{grid-template-columns:repeat(2,1fr)!important;gap:9px}.theme-picker button{position:relative;min-height:104px;padding:9px!important;border-radius:10px!important;justify-content:flex-end;overflow:hidden}.theme-picker button>i{position:absolute;inset:0;width:auto!important;height:auto!important;border-radius:0!important}.theme-picker button>span,.theme-picker button>b{position:relative;z-index:1;background:rgba(255,255,255,.82);padding:3px 6px;border-radius:7px}.theme-picker button>span{width:100%}.theme-picker button small{font-size:8px}.appearance-options .toggle-row{min-height:48px}
  .auth-gate{max-width:460px;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(21,10,13,.05),rgba(24,9,14,.78)),url("assets/leni.png") center/cover no-repeat!important}.auth-gate:before{display:none}.auth-brand{top:max(34px,calc(env(safe-area-inset-top) + 18px));left:28px;display:flex;gap:12px;color:#fff}.auth-brand>span{width:48px;height:48px;border-radius:50% 50% 50% 12px;background:linear-gradient(135deg,#ff6791,#ff315e);font-size:25px}.auth-brand strong{font:800 38px/1 "DM Sans";margin:0}.auth-welcome{display:block;position:absolute;inset:auto 22px 24px;padding:0!important;max-height:none;overflow:visible}.auth-welcome .welcome-copy{display:grid;position:fixed;top:105px;left:28px;font-size:14px;text-shadow:0 2px 12px #000}.auth-welcome .welcome-copy span{font-size:13px}.auth-welcome>p{margin:0 0 28px}.auth-card:not(.auth-welcome){left:14px;right:14px;bottom:14px;max-height:78svh;padding:22px;border-radius:24px}.auth-card h1{font-size:24px}.auth-card:after{content:"18+ only  •  Safe  •  Respectful  •  Real"}
}
@media(min-width:701px){.auth-welcome{max-width:430px}.reference-profile-hero{max-width:760px}}
@media(max-width:700px){.auth-gate{inset:0 auto 0 50%;width:100%;max-width:460px}.auth-welcome:after{display:none!important}.auth-welcome .welcome-copy{display:none!important}}
