:root{
  --oh-primary:#ff416c;--oh-secondary:#ff6b8a;--oh-soft:#fff0f3;--oh-bg:#fff9fa;
  --oh-surface:#fff;--oh-text:#17171c;--oh-muted:#6f7078;--oh-border:#eee5e8;
  --oh-shadow:0 14px 38px rgba(83,28,46,.10);--oh-radius:22px;--oh-nav:72px;
}
body{background:var(--paper,var(--oh-bg));font-family:"DM Sans",system-ui,sans-serif}
button{touch-action:manipulation}.view{max-width:1120px}.empty-state{color:var(--muted);text-align:center;padding:24px}
.fyp-header{align-items:center;margin-bottom:0}.fyp-brand{display:flex;align-items:center;gap:8px}.fyp-brand>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--rose),var(--rose2));color:#fff;font-size:20px}.fyp-brand h1{font:800 24px/1 "DM Sans",sans-serif;margin:0}.fyp-header-actions{display:flex;gap:8px}.fyp-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:10px 0 18px;padding:0 4px}.fyp-tabs button{position:relative;border:0;background:transparent;color:var(--muted);font-weight:700;padding:10px 0}.fyp-tabs button.active{color:var(--ink)}.fyp-tabs button.active:after{content:"";position:absolute;height:3px;left:0;right:0;bottom:-1px;background:var(--rose);border-radius:99px}
.post-composer{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:16px;border-radius:var(--oh-radius);box-shadow:var(--oh-shadow)}.post-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--rose),var(--wine));color:#fff}.post-composer textarea{min-height:44px;margin:0;padding:12px 14px;border-radius:22px;background:color-mix(in srgb,var(--paper) 75%,var(--card));outline:0}.post-compose-actions,.post-media-preview{grid-column:1/-1}.post-compose-actions{border-top:1px solid var(--line);padding-top:12px}.post-compose-actions .attach-label,.feeling-button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 12px;font-weight:700}.post-compose-actions button[type=submit]{background:linear-gradient(135deg,var(--rose),var(--rose2));min-width:82px}.post-composer[aria-busy=true]{opacity:.78}
.stories{display:flex;align-items:center;gap:13px;overflow-x:auto;padding:15px 4px 18px;scrollbar-width:none}.story-add{border:0;background:transparent;display:grid;gap:6px;justify-items:center;color:var(--ink);flex:none}.story-add span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--oh-soft);color:var(--rose);font-size:27px}.story-add small{font-size:10px}.story-empty{font-size:12px;color:var(--muted);margin:0;white-space:nowrap}.social-feed{gap:14px}.social-post{border-radius:var(--oh-radius);box-shadow:var(--oh-shadow);border-color:var(--line)}.social-post-head{padding-bottom:10px}.social-avatar{border:2px solid var(--card);box-shadow:0 0 0 2px var(--rose);cursor:pointer}.social-media{border-radius:16px;max-height:600px}.social-post-actions{border-top:1px solid var(--line);padding-top:10px}.social-post-actions button,.social-post-actions select{min-height:38px;border-radius:10px}.social-post-actions button:disabled{opacity:.55}
.create-sheet{position:fixed;inset:0;z-index:80;background:#17171c66;display:grid;align-items:end;opacity:0;pointer-events:none;transition:.2s}.create-sheet.open{opacity:1;pointer-events:auto}.create-sheet-card{background:var(--card);color:var(--ink);border-radius:26px 26px 0 0;padding:18px max(20px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px #1b0a1230}.create-sheet-handle{width:42px;height:4px;border-radius:99px;background:var(--line);margin:0 auto 18px}.create-sheet-card h2{margin:0 0 15px;font-size:20px}.create-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.create-grid button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:16px;padding:15px 8px;display:grid;gap:7px;place-items:center}.create-grid button span{font-size:23px;color:var(--rose)}
.mobile-create{display:none}.view .section-head h1,.view .topbar h1{letter-spacing:-.025em}.profile-card,.plan,.settings-card,.group-room,.group-list,.match-layout{box-shadow:var(--oh-shadow)}
@media(max-width:700px){
  body{background:var(--paper);overscroll-behavior-y:contain}.app-shell{padding-bottom:calc(var(--oh-nav) + env(safe-area-inset-bottom))}main{padding:18px 14px 24px}.view{width:100%}
  .sidebar{height:calc(var(--oh-nav) + env(safe-area-inset-bottom));padding:7px 9px env(safe-area-inset-bottom);background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(18px);box-shadow:0 -8px 30px #43182a0b}.sidebar nav{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:relative}.sidebar .nav-item{font-size:9px!important;gap:2px;padding:6px 2px;min-width:0}.sidebar .nav-item span{font-size:21px}.sidebar .nav-item.active{background:transparent;color:var(--rose)}
  .sidebar .nav-item[data-view="discover"]{grid-column:2}.sidebar .nav-item[data-view="feed"]{grid-column:1;grid-row:1}.sidebar .nav-item[data-view="search"]{display:none}.sidebar .nav-item[data-view="matches"]{grid-column:4;grid-row:1}.sidebar .nav-item[data-view="safety"]{grid-column:5;grid-row:1}.sidebar .nav-item[data-view="groups"],.sidebar .nav-item[data-view="live"],.sidebar .nav-item[data-view="wallet"],.sidebar .nav-item[data-view="store"]{display:none}
  .mobile-create{display:grid;position:absolute;left:50%;top:3px;transform:translateX(-50%);width:52px;height:52px;place-items:center;border:0;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--rose2));color:#fff;font-size:29px;box-shadow:0 10px 26px color-mix(in srgb,var(--rose) 34%,transparent)}
  .section-head,.topbar{margin-bottom:18px;align-items:center}.section-head h1,.topbar h1{font:800 27px/1.1 "DM Sans",sans-serif}.section-head h1 br,.topbar h1 br{display:none}.section-head .eyebrow,.topbar .eyebrow{display:none}
  #feed-view{margin:-2px auto 0}.fyp-header{display:flex!important;margin-bottom:0}.fyp-brand h1{font-size:23px}.fyp-tabs{margin-bottom:12px}.social-layout{display:block}.notification-panel{position:fixed;inset:62px 12px calc(var(--oh-nav) + 10px);z-index:30;overflow:auto;box-shadow:0 20px 60px #21091035}.post-composer{margin:0 -2px}.post-compose-actions{gap:7px;flex-wrap:wrap}.post-compose-actions small{order:5;margin-left:auto}.post-compose-actions button[type=submit]{margin-left:auto}.stories{margin:0 -2px}.social-post{padding:14px;margin:0 -2px}.social-post-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.social-post-actions button,.social-post-actions select{font-size:11px;min-width:0}
  #discover-view .topbar{display:flex}#discover-view .topbar h1{font-size:27px}#discover-view .discover-grid{display:block}.profile-card{height:calc(100svh - 270px);min-height:440px;border-radius:20px}.profile-copy{bottom:20px}.profile-copy h2{font:800 29px "DM Sans"}.decision-row{margin-top:-23px}.decision{width:58px;height:58px}.decision.like{width:68px;height:68px}.side-feed{margin-top:18px}.keyboard-hint{display:none}
  .match-layout{border:0;box-shadow:none;background:transparent}.messages-list{padding:0}.messages-list>.search{position:sticky;top:0;z-index:2}.message{background:var(--card);margin:6px 0;border-radius:16px;border:0;padding:12px}.conversation.mobile-open{display:flex;position:fixed;inset:0 0 calc(var(--oh-nav) + env(safe-area-inset-bottom));z-index:25;background:var(--card);padding:0 14px 12px}.conversation-head{height:64px}
  .groups-layout{display:block}.group-list{border-radius:18px}.group-room{display:none}.group-room.mobile-open{display:flex;position:fixed;inset:0 0 calc(var(--oh-nav) + env(safe-area-inset-bottom));z-index:25;border-radius:0}
  .safety-grid{display:block}.settings-card{border-radius:18px;margin-bottom:12px}.theme-picker{grid-template-columns:repeat(2,1fr)}.theme-picker button{min-height:100px;display:flex;flex-direction:column;align-items:flex-start}.theme-picker button>i{width:100%;height:40px}.theme-picker button>b{position:absolute;align-self:flex-end}
  .auth-gate{padding:0;background:linear-gradient(180deg,#231a1c66,#3e1428dd),url("assets/og.png") center/cover no-repeat}.auth-gate:before{content:"Real people. Real connections.\A Moments worth sharing.";white-space:pre-line;position:absolute;left:28px;top:max(110px,14vh);right:28px;color:#fff;font-weight:700;font-size:20px;line-height:1.35;text-shadow:0 2px 15px #0008}.auth-brand{position:absolute;z-index:2;top:max(35px,env(safe-area-inset-top));left:28px;color:#fff;align-items:center}.auth-brand span{font-size:35px}.auth-brand strong{font-size:34px}.auth-brand small{display:none}.auth-card{position:absolute;left:16px;right:16px;bottom:18px;max-height:62svh;overflow:auto;margin:0;padding:22px;border-radius:24px;background:#fffdfcf2!important;backdrop-filter:blur(18px)}.auth-card h1{font:800 25px "DM Sans"}.auth-card .eyebrow{font-size:10px}.auth-form input{min-height:45px}.auth-form>button{min-height:48px;background:linear-gradient(135deg,var(--rose),var(--rose2))}.auth-card:after{content:"18+ only  •  Safe  •  Respectful  •  Real";display:block;margin-top:14px;text-align:center;font-size:10px;color:var(--muted)}
}
@media(min-width:701px){.fyp-tabs{max-width:720px}.social-layout{grid-template-columns:minmax(0,720px) minmax(250px,320px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
.reduce-animations *,.reduce-animations *:before,.reduce-animations *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}.high-contrast{--line:color-mix(in srgb,var(--ink) 42%,var(--card));--muted:color-mix(in srgb,var(--ink) 78%,var(--card))}.appearance-options{margin-top:14px;border-top:1px solid var(--line);padding-top:8px}