[hidden]{display:none!important}:root{--paper:#f6f1e8;--ink:#161512;--muted:#77716a;--line:rgba(22,21,18,.12);--card:#fffdf8;--green:#dfe9d8;--pink:#f2dadd;--peach:#f2dfce;--lilac:#dedcf1;--blue:#dce7f3;--serif:Newsreader,Georgia,serif;--sans:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper)}body{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:radial-gradient(circle at 80% 0,rgba(242,218,221,.42),transparent 20rem),var(--paper)}button,input,textarea{font:inherit;color:inherit}.brand,.brand-big,h1,h2,.block-title{font-family:var(--serif);letter-spacing:-.04em}.auth-gate{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:44px 26px 30px;background:var(--paper);position:relative;isolation:isolate;overflow:hidden}.splash-art{text-align:center;margin-top:18vh}.brand-big{font-size:4rem;font-weight:700}.splash-art p{font-family:var(--serif);font-size:.88rem;line-height:1.2}.splash-art span{display:block;font-size:2rem;margin-top:28px}.auth-actions{display:grid;gap:10px;text-align:center}.wide{width:100%}.primary,.outline,.provider,.text-btn{border-radius:999px;padding:13px 16px;font-weight:750}.primary{border:1px solid var(--ink);background:var(--ink);color:white}.outline{border:1px solid var(--ink);background:rgba(255,255,255,.25)}.text-btn{border:0;background:transparent;text-decoration:underline;font-weight:500}.auth-actions small{color:var(--muted);font-family:var(--serif)}.auth-panel{position:fixed;inset:0;z-index:100;background:var(--paper);padding:90px 28px 30px;overflow:auto}.auth-panel h2{font-size:2rem}.back-btn{position:absolute;left:22px;top:24px;border:0;background:transparent;font-size:1.4rem}.provider{width:100%;border:1px solid var(--line);background:#fffdf8;margin:7px 0;display:flex;gap:12px;justify-content:center}.email-auth{display:grid;gap:9px;margin-top:18px}.email-auth input,.onboard-card input,.onboard-card textarea,.section-head input,.composer input,.composer textarea,.search{width:100%;border:1px solid var(--line);background:#fffdf8;border-radius:12px;padding:12px 13px;outline:0}.onboarding{min-height:100vh;padding:24px 20px}.onboard-card{max-width:520px;margin:auto}.progress{height:4px;background:#e6e1d7;border-radius:99px;overflow:hidden}.progress i{display:block;width:33%;height:100%;background:#87aa8e}.step{display:block;margin:12px 0;color:var(--muted);font-size:.72rem}.onboard-card h1{font-size:2rem;margin:8px 0}.onboard-card p{color:#55514b}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips button{border:0;background:#eee8df;border-radius:999px;padding:8px 11px;font-size:.76rem}.chips button.active{background:var(--green)}.chips.big{margin:22px 0 30px}.profile-create{display:grid;grid-template-columns:78px 1fr;gap:14px;align-items:center}.avatar-upload{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#272522,#6a6661);color:white;display:grid;place-items:center;font-size:1.5rem}.onboard-card label{display:block;font-size:.72rem;color:var(--muted);margin:11px 0}.onboard-card textarea{min-height:90px;resize:none}.web-features{display:grid;gap:10px;margin:20px 0}.web-features>div{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;padding-bottom:9px;border-bottom:1px solid var(--line)}.web-features small{display:block;color:var(--muted)}.linkbtn{display:block;text-align:center;text-decoration:none}.app-shell{max-width:620px;margin:auto;min-height:100vh;padding:0 14px 94px}.topbar{position:sticky;top:0;z-index:40;height:58px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(var(--paper) 75%,rgba(246,241,232,0));padding:0 2px}.brand{font-size:1.65rem;font-weight:700;text-decoration:none}.top-actions{display:flex;gap:4px}.top-actions button{position:relative;width:38px;height:38px;border:0;background:transparent;border-radius:50%}.top-actions b{position:absolute;right:1px;top:0;background:#ef6073;color:white;width:14px;height:14px;border-radius:50%;font-size:.55rem}.avatar-mini{background:#efe2c9!important}.view{display:none}.view.active{display:block}.stories{display:flex;gap:11px;overflow:auto;padding:8px 1px 14px}.story{flex:0 0 56px;text-align:center;font-size:.75rem}.story span{display:block;width:52px;height:52px;border-radius:50%;padding:3px;background:conic-gradient(#f08c98,#c8b6e6,#9fc0a3,#e9c192,#f08c98)}.story i{display:grid;place-items:center;width:100%;height:100%;border:2px solid var(--paper);border-radius:50%;background:#272522;color:white;font-style:normal}.cockpit-mini{margin:0 0 12px}.cockpit-title{display:flex;justify-content:space-between;align-items:center}.cockpit-title button{border:0;background:transparent;font-size:.72rem}.cockpit-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0 7px}.cockpit-stats>div{padding:10px;border-radius:11px}.cockpit-stats small{display:block;font-size:.75rem}.cockpit-stats b{font-size:1rem}.t-green{background:var(--green)!important}.t-pink{background:var(--pink)!important}.t-peach{background:var(--peach)!important}.t-lilac{background:var(--lilac)!important}.t-blue{background:var(--blue)!important}.cockpit-status{display:flex;justify-content:space-between;font-size:.75rem}.cockpit-status span{background:#ede8df;border-radius:999px;padding:6px 9px}.cockpit-detail{margin:0 -14px 12px;padding:16px 18px 20px;background:#f8f4ec;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-head{display:flex;justify-content:space-between}.detail-head h2{margin:0}.detail-head button{border:0;background:transparent}.timeline{display:grid;gap:10px;margin:15px 0}.timeline-row{display:grid;grid-template-columns:52px 1fr;gap:10px;font-size:.75rem}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.quick-actions a{text-align:center;padding:9px;border-radius:999px;background:#ece7de;text-decoration:none;font-size:.7rem}.suggestions{display:grid;gap:7px}.suggestions>div{display:flex;gap:10px;padding:9px;border-radius:10px;font-size:.72rem}.feed-tabs{display:flex;border-bottom:1px solid var(--line);margin:10px 0}.feed-tabs button{flex:1;border:0;background:transparent;padding:10px}.feed-tabs button.active{font-weight:800;border-bottom:2px solid var(--ink)}.feed{display:grid;gap:10px}.social-card{padding:13px 0;border-bottom:1px solid var(--line)}.card-head{display:flex;align-items:center;gap:9px}.avatar{width:38px;height:38px;border-radius:50%;background:#292724;color:white;display:grid;place-items:center;font-weight:800}.card-head small{color:var(--muted)}.social-card h3{font-family:var(--serif);font-size:1rem;margin:9px 0 5px}.social-card p{margin:0;font-size:.82rem;line-height:1.4}.card-actions{display:flex;gap:20px;margin-top:10px;font-size:.74rem}.section-head{padding:12px 0}.section-head h1{font-size:2rem;margin:0 0 12px}.filter-row,.create-type{display:flex;gap:7px;overflow:auto;margin-bottom:15px}.filter-row button,.create-type button{border:0;background:#ece7de;border-radius:999px;padding:8px 11px;white-space:nowrap}.filter-row button.active,.create-type button.active{background:var(--ink);color:#fff}.block-title{font-size:1.05rem;display:flex;justify-content:space-between;margin:18px 0 9px}.block-title a{font-family:var(--sans);font-size:.68rem;font-weight:500;text-decoration:none}.launch-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.launch-card{min-width:0}.launch-art{aspect-ratio:1;border-radius:9px;background:linear-gradient(135deg,#26221f,#a47764);margin-bottom:5px}.launch-card:nth-child(2) .launch-art{background:linear-gradient(135deg,#f3dadd,#cdb7a9)}.launch-card:nth-child(3) .launch-art{background:linear-gradient(135deg,#1a1a1c,#57515b)}.launch-card strong,.launch-card small{display:block;font-size:.68rem}.launch-card small{color:var(--muted)}.event-card{display:grid;grid-template-columns:62px 1fr;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fffdf8}.event-logo{display:grid;place-items:center;border-radius:9px;background:#e9eff7;color:#486fa9;font-weight:900}.modality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.modality-grid button{border:0;border-radius:9px;padding:13px 7px;font-size:.7rem}.compact{margin-top:12px}.create-head{display:flex;align-items:center;gap:10px;padding:12px 0}.create-head button{border:0;background:transparent;font-size:1.5rem}.create-head h1{font-size:1.25rem;margin:0}.composer{display:grid;gap:11px}.composer textarea{min-height:155px;resize:none}.media-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.media-actions button{border:1px solid var(--line);background:#fffdf8;border-radius:9px;padding:9px 4px;display:grid;gap:4px}.media-actions small{font-size:.7rem}.composer>label{font-size:.72rem;color:var(--muted)}.activity-list,.message-list{display:grid}.activity-row,.message-row{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.activity-row .avatar,.message-row .avatar{width:42px;height:42px}.activity-row small,.message-row small{display:block;color:var(--muted)}.profile-hero{margin:0 -14px;padding:24px 18px 14px;background:linear-gradient(145deg,rgba(242,218,221,.75),rgba(223,233,216,.7),rgba(222,220,241,.68))}.profile-top{display:flex;align-items:center;gap:14px}.profile-avatar{width:82px;height:82px;border-radius:50%;background:#252320;color:white;display:grid;place-items:center;font-family:var(--serif);font-size:2rem}.profile-hero h1{margin:0}.profile-hero p{font-size:.78rem}.profile-meta{display:flex;gap:12px;font-size:.68rem}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:14px 0}.profile-stats b{display:block}.edit-profile{width:100%;border:1px solid var(--ink);background:transparent;border-radius:999px;padding:9px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:14px}.tabbar{position:fixed;left:50%;transform:translateX(-50%);bottom:max(0px,env(safe-area-inset-bottom));width:min(620px,100%);height:66px;border-top:1px solid var(--line);background:rgba(248,244,236,.94);backdrop-filter:blur(20px);display:grid;grid-template-columns:repeat(5,1fr);z-index:50}.tabbar button{border:0;background:transparent;display:grid;place-items:center;align-content:center;gap:2px;color:var(--muted)}.tabbar button.active{color:var(--ink);font-weight:800}.tabbar small{font-size:.58rem}.create-tab span{width:40px;height:40px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-size:1.45rem}.muted{color:var(--muted);font-size:.75rem}.search{margin-bottom:10px}@media(min-width:700px){.app-shell{border-left:1px solid var(--line);border-right:1px solid var(--line)} }.radar-icon{width:22px;height:22px;vertical-align:middle}.radar-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar,.profile-avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.auth-gate:before{content:'';position:absolute;inset:18% -55% 0;z-index:-1;background:radial-gradient(ellipse at 50% 0,transparent 0 49%,#becdbb99 49.2% 59%,#d9d1d399 59.2% 68%,#dcbcca88 68.2% 78%,transparent 78.2%)}.splash-art .brand-big{font-size:70px;letter-spacing:-.055em}.splash-art span{position:relative;margin-top:55px}.splash-art span:before{content:'';position:absolute;width:1px;height:90px;top:-28px;left:50%;background:#929888;z-index:-1}.auth-gate{padding-bottom:35px;min-height:100dvh}.auth-actions{gap:12px}.auth-panel{padding-top:110px}.auth-panel h2{font-size:34px}.auth-panel .muted{font-size:15px;line-height:1.5}.onboard-card{padding-top:15px}.onboard-card h1{font-size:34px;line-height:1.1}.onboard-card>p{font-size:15px;line-height:1.4}.onboard-card .chips button{padding:12px 15px;font-size:13px}.onboard-card label{font-size:13px}.onboard-card input,.onboard-card textarea{border-radius:7px;font-size:16px}.onboard-card .primary{margin-top:22px}.avatar-upload{cursor:pointer;overflow:hidden}.avatar-upload img{width:72px;height:72px;object-fit:cover}.avatar-upload .profile-avatar{width:72px;height:72px}.web-step{position:relative}.web-features{gap:16px;margin:24px 0}.web-features b{font-size:15px}.web-features small{font-size:13px;margin-top:3px}.app-shell{max-width:480px}.tabbar{max-width:480px;height:70px;bottom:0;padding-bottom:env(safe-area-inset-bottom);height:calc(70px + env(safe-area-inset-bottom))}.app-shell{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.topbar{height:62px}.topbar .brand{font-size:30px}.story{border:0;background:transparent;padding:0;min-width:60px}.story-avatar{display:grid!important;place-items:center;width:54px!important;height:54px!important;border:1px solid #b4b99f;background:#e1e6da!important;overflow:hidden;font-size:20px;padding:2px!important}.story small{display:block;margin-top:5px;font-size:11px}.cockpit-stats>div{border-radius:7px;padding:11px}.cockpit-stats small{font-size:12px}.cockpit-stats b{font-size:22px;line-height:1.5}.cockpit-title strong{font:700 20px var(--serif)}.cockpit-status{font-size:11px}.cockpit-status span{padding:4px 7px}.person-link{display:flex;align-items:center;gap:9px;border:0;background:transparent;text-align:left;padding:0;min-width:0}.person-link strong{font-size:14px}.card-head{font-size:14px}.card-head>small{margin-left:auto;font-size:12px}.card-head .avatar{flex-shrink:0;background:#dee4d7;color:#263323}.social-card p{font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px}.social-card h3{font-size:21px}.post-cover{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;margin:12px 0}.post-link{display:block;color:var(--muted);font-size:13px;margin:10px 0}.card-actions{display:flex;gap:16px}.card-actions button{border:0;background:transparent;padding:8px 0;display:flex;gap:5px;align-items:center;font-size:13px}.card-actions button:last-child{margin-left:auto}.card-actions button[aria-pressed=true]{color:#ae526c}.post-replies{padding:12px;border-left:2px solid #d6cbe5}.reply-form{display:flex;gap:6px;margin-top:12px}.reply-form input{min-width:0;width:100%;padding:10px;border:1px solid var(--line);border-radius:10px}.reply-form button{font-size:12px;padding:9px}.launch-card{text-decoration:none;color:inherit}.launch-art{display:block;width:100%;object-fit:cover;background:#e3e5db}.art-empty{display:grid;place-items:center;background:#e3e5db!important}.event-card{text-decoration:none;color:inherit}.event-card small{display:block;margin-top:5px}.filter-row button{font-size:13px;min-height:40px}.modality-grid button{font-size:13px;min-height:48px}.media-actions{grid-template-columns:repeat(3,1fr)}.media-actions button{min-height:54px}.media-actions small{font-size:12px}.media-actions span{display:block}.composer input,.composer textarea{font-size:16px;border-radius:7px}.composer #mediaHint{margin:0}.message-row{width:100%;border:0;border-bottom:1px solid var(--line);background:none;text-align:left}.message-row strong{font-size:14px}.message-row small{font-size:12px}.conversation-head{display:flex;align-items:center;gap:12px;padding:12px 0}.conversation-head>button{background:none;border:0}.conversation-thread{height:50dvh;overflow:auto;display:flex;flex-direction:column;gap:10px}.bubble{align-self:flex-start;max-width:85%;background:#e6dfee;border-radius:14px;padding:10px 14px}.bubble.mine{align-self:flex-end;background:#dce6d5}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px}.bubble small{font-size:11px;color:var(--muted)}.message-form{display:flex;gap:6px;margin-top:15px}.message-form input{min-width:0;width:100%;border:1px solid var(--line);background:var(--card);border-radius:20px;padding:12px;font-size:16px}.profile-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--paper)}.profile-hero:before{content:'';position:absolute;inset:-80% -30% 0;z-index:-1;background:radial-gradient(ellipse at 30% 0,transparent 40%,#e8d1d377 40.2% 60%,#cdd9c977 60.2% 80%,transparent 80.2%)}.profile-actions{display:flex;gap:10px}.profile-actions button{border:1px solid var(--line);border-radius:24px;padding:10px 24px}.profile-stats small{font-size:12px}.profile-stats b{font-size:18px}.profile-hero h1{font-size:30px}.activity-row small{font-size:12px}.activity-row strong{font-size:14px}.app-status{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#272c24;color:white;padding:14px 18px;border-radius:12px;z-index:200;max-width:90vw;width:max-content;font-size:14px}.retry-button{display:none}.app-status:not([hidden])+.retry-button{display:block;position:fixed;bottom:145px;right:20px;z-index:201;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;background:var(--paper);font-size:24px}button{cursor:pointer}button:disabled{opacity:.5}button:focus-visible,a:focus-visible{outline:2px solid #748c71;outline-offset:3px}.muted{font-size:14px;line-height:1.5}.section-head h1{font-size:33px}.timeline-row{font-size:14px}.timeline-row small{display:block;font-size:12px;color:var(--muted);margin-top:4px}


body{font-weight:400;font-family:Inter,Arial,sans-serif}h1,h2,h3,.rm-brand,.brand,.brand-big{font-weight:600!important;font-optical-sizing:auto}.rm-brand{white-space:nowrap}.rm-account-chip strong{font-weight:600}.rm-day-card{font-weight:400}.rm-command-title p{font-weight:400}.rm-calendar-card .rm-card-title h2{font-size:19px;text-transform:capitalize}.rm-dashboard-top{gap:12px}.rm-dashboard-bottom{gap:12px}.rm-empty{font-weight:400}.rm-filter-row button,.rm-pill-row button{font-weight:400}.rm-sidebar-nav a{font-weight:400}.rm-sidebar-nav a.active{font-weight:600}

a{color:inherit}.brand{text-decoration:none;color:var(--ink)}.social-card>p{font-size:14px;line-height:1.55;white-space:pre-wrap}.social-card h3{font:600 22px/1.15 var(--serif)}.card-head>strong{font-size:13px}.card-head small{white-space:nowrap}.post-cover{max-height:380px;object-fit:cover}.card-actions .radar-icon{width:21px;height:21px}

.conversation-thread{overscroll-behavior:contain;scrollbar-width:thin;overflow-anchor:none}.message-form input{min-width:0;font-size:16px}.message-form{padding-bottom:env(safe-area-inset-bottom)}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Radar Business entry */
.profile-own-actions{display:grid;gap:8px;margin:10px 0 18px}.business-entry{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;text-align:left;width:100%;padding:13px 14px;border:1px solid #d8d4cb;border-top:2px solid #8a4ddb;border-left:2px solid #8a4ddb;border-radius:14px;background:#f5f0fb;color:#171715}.business-entry span{font-weight:850}.business-entry small{grid-column:1;color:#6e6961;font-size:.68rem;line-height:1.35}.business-entry b{grid-column:2;grid-row:1/3;font-size:1.15rem}.view[data-view="business"]{padding-bottom:18px}.view[data-view="business"] .create-head{margin-bottom:14px}

.business-mini{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;width:100%;margin-top:8px;padding:11px 12px;border:1px solid #d8d4cb;border-top:2px solid #8a4ddb;border-left:2px solid #8a4ddb;border-radius:12px;background:#f5f0fb;text-align:left;color:#171715}.business-mini span{font-size:.78rem;font-weight:850}.business-mini small{grid-column:1;color:#6e6961;font-size:.62rem}.business-mini b{grid-column:2;grid-row:1/3}


/* Social vNext — Radar as a social app, not a mobile web feed. */
body:not(.pro-mode){
  background:
    radial-gradient(circle at 88% 2%,rgba(222,220,241,.5),transparent 18rem),
    radial-gradient(circle at 5% 24%,rgba(223,233,216,.44),transparent 20rem),
    var(--paper);
}
body:not(.pro-mode) .app-shell{
  max-width:480px;
  padding:0 12px calc(96px + env(safe-area-inset-bottom));
}
body:not(.pro-mode) .topbar{
  height:58px;
  padding:0 6px;
  background:linear-gradient(180deg,rgba(246,241,232,.97) 0%,rgba(246,241,232,.88) 76%,rgba(246,241,232,0) 100%);
  backdrop-filter:blur(16px);
}
body:not(.pro-mode) .topbar .brand{
  font-size:31px;
  letter-spacing:-.055em;
}
body:not(.pro-mode) .top-actions button{
  width:42px;
  height:42px;
  border:1px solid rgba(42,38,32,.07);
  background:rgba(255,253,248,.48);
  transition:transform .15s ease,background .15s ease;
}
body:not(.pro-mode) .top-actions button:active{transform:scale(.91);background:#fffaf2}

body:not(.pro-mode) .view.active.view-entering{
  animation:social-view-in .22s cubic-bezier(.22,.8,.3,1) both;
}
body:not(.pro-mode) .stories{
  gap:10px;
  margin:1px -12px 2px;
  padding:8px 12px 14px;
  scrollbar-width:none;
}
body:not(.pro-mode) .stories::-webkit-scrollbar{display:none}
body:not(.pro-mode) .story{
  flex:0 0 64px;
  min-width:64px;
  border-radius:18px;
  transition:transform .15s ease;
}
body:not(.pro-mode) .story:active{transform:scale(.94)}
body:not(.pro-mode) .story-avatar{
  width:58px!important;
  height:58px!important;
  padding:3px!important;
  border:0!important;
  background:
    linear-gradient(var(--paper),var(--paper)) padding-box,
    conic-gradient(#d78d99,#a695c6,#8fad92,#d5aa79,#d78d99) border-box!important;
  border:2px solid transparent!important;
}
body:not(.pro-mode) .story.self .story-avatar{
  background:
    linear-gradient(var(--paper),var(--paper)) padding-box,
    linear-gradient(145deg,#27342a,#78967c) border-box!important;
}
body:not(.pro-mode) .story small{
  margin-top:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
  color:#5f5a52;
}

body:not(.pro-mode) .feed-tabs{
  position:sticky;
  top:58px;
  z-index:25;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  margin:3px -2px 13px;
  padding:4px;
  border:1px solid rgba(45,41,35,.08);
  border-radius:15px;
  background:rgba(243,238,229,.88);
  backdrop-filter:blur(18px);
}
body:not(.pro-mode) .feed-tabs button{
  min-height:38px;
  border:0!important;
  border-radius:11px;
  color:#716b62;
  transition:background .16s ease,color .16s ease,transform .14s ease,box-shadow .16s ease;
}
body:not(.pro-mode) .feed-tabs button.active{
  background:#fffaf3;
  color:#201e1a;
  box-shadow:0 3px 10px rgba(55,45,31,.07);
}
body:not(.pro-mode) .feed-tabs button:active{transform:scale(.97)}

body:not(.pro-mode) .feed{
  gap:12px;
}
body:not(.pro-mode) .social-card{
  position:relative;
  overflow:hidden;
  margin:0;
  padding:14px 14px 12px;
  border:0;
  border-radius:20px;
  background:rgba(255,252,246,.78);
  box-shadow:0 8px 28px rgba(60,48,32,.05),inset 0 0 0 1px rgba(72,62,49,.075);
  transition:transform .16s ease,box-shadow .16s ease;
}
body:not(.pro-mode) .social-card:active{
  transform:scale(.992);
}
body:not(.pro-mode) .social-card.radar-signal{
  background:
    radial-gradient(circle at 100% 0,rgba(222,220,241,.7),transparent 11rem),
    linear-gradient(145deg,rgba(254,251,245,.94),rgba(247,242,250,.92));
}
body:not(.pro-mode) .social-card.community-post{
  background:
    radial-gradient(circle at 0 100%,rgba(223,233,216,.38),transparent 12rem),
    rgba(255,252,246,.88);
}
body:not(.pro-mode) .card-head{
  min-height:42px;
}
body:not(.pro-mode) .card-head>small{
  margin-left:auto;
  font-size:10px;
  color:#918a80;
}
body:not(.pro-mode) .person-link{
  min-width:0;
}
body:not(.pro-mode) .person-link strong{
  font-size:13px;
}
body:not(.pro-mode) .avatar{
  width:40px;
  height:40px;
  box-shadow:0 0 0 2px rgba(255,255,255,.7);
}
body:not(.pro-mode) .signal-avatar{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:14px;
  background:#ddd7ef;
  color:#514667;
}
body:not(.pro-mode) .signal-avatar .radar-icon{width:19px;height:19px}
body:not(.pro-mode) .signal-source{
  display:grid;
  gap:1px;
  min-width:0;
}
body:not(.pro-mode) .signal-source strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}
body:not(.pro-mode) .signal-source em{
  color:#746a84;
  font-size:9px;
  font-style:normal;
  text-transform:uppercase;
  letter-spacing:.11em;
}
body:not(.pro-mode) .social-card h3{
  margin:12px 0 5px;
  font-size:20px;
  line-height:1.06;
}
body:not(.pro-mode) .social-card>p{
  font-size:13px;
  line-height:1.48;
  color:#3d3933;
}
body:not(.pro-mode) .post-cover{
  width:100%;
  max-height:430px;
  margin:12px 0 0;
  border-radius:15px;
  object-fit:cover;
  background:#e9e3da;
}
body:not(.pro-mode) .post-link{
  display:flex;
  align-items:center;
  min-height:38px;
  margin-top:10px;
  padding:0 10px;
  border-radius:10px;
  background:rgba(232,226,216,.66);
  color:#555047;
  font-size:11px;
  text-decoration:none;
}
body:not(.pro-mode) .card-actions{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:max-content;
  justify-content:start;
  gap:5px;
  margin:12px -4px -4px;
  overflow-x:auto;
  scrollbar-width:none;
}
body:not(.pro-mode) .card-actions::-webkit-scrollbar{display:none}
body:not(.pro-mode) .card-actions button{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-width:38px;
  min-height:38px;
  padding:0 9px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#69635b;
  font-size:11px;
  transition:transform .14s ease,background .14s ease,color .14s ease;
}
body:not(.pro-mode) .card-actions button:active{transform:scale(.92);background:#eee7dd}
body:not(.pro-mode) .card-actions button[aria-pressed="true"]{color:#a24f61;background:#f6e4e7}
body:not(.pro-mode) .card-actions .radar-icon{width:18px;height:18px}

body:not(.pro-mode) .section-head{
  padding:8px 2px 6px;
}
body:not(.pro-mode) .section-head h1{
  margin:2px 0 12px;
  font-size:32px;
}
body:not(.pro-mode) .section-head input,
body:not(.pro-mode) .search{
  min-height:46px;
  border:1px solid rgba(57,51,43,.1);
  border-radius:15px;
  background:rgba(255,252,246,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68);
  transition:box-shadow .15s ease,border-color .15s ease,background .15s ease;
}
body:not(.pro-mode) :is(.section-head input,.search):focus{
  background:#fffaf4;
  border-color:#aebaa7;
  box-shadow:0 0 0 4px rgba(139,166,141,.09);
}
body:not(.pro-mode) .filter-row,
body:not(.pro-mode) .create-type{
  gap:6px;
  margin:3px -12px 14px;
  padding:0 12px 2px;
  scrollbar-width:none;
}
body:not(.pro-mode) .filter-row::-webkit-scrollbar,
body:not(.pro-mode) .create-type::-webkit-scrollbar{display:none}
body:not(.pro-mode) .filter-row button,
body:not(.pro-mode) .create-type button{
  min-height:37px;
  padding:0 13px;
  border:1px solid rgba(63,56,47,.07);
  border-radius:12px;
  background:#ede7dd;
  color:#635d54;
  transition:transform .14s ease,background .14s ease,color .14s ease;
}
body:not(.pro-mode) .filter-row button.active,
body:not(.pro-mode) .create-type button.active{
  background:#25231f;
  color:#fffaf3;
}
body:not(.pro-mode) .filter-row button:active,
body:not(.pro-mode) .create-type button:active{transform:scale(.95)}

body:not(.pro-mode) .block-title{
  margin:22px 2px 10px;
  font-size:19px;
}
body:not(.pro-mode) .launch-strip{
  display:flex;
  gap:10px;
  margin:0 -12px;
  padding:0 12px 4px;
  overflow-x:auto;
  scrollbar-width:none;
}
body:not(.pro-mode) .launch-strip::-webkit-scrollbar{display:none}
body:not(.pro-mode) .launch-card{
  flex:0 0 138px;
  padding:8px;
  border-radius:16px;
  background:rgba(255,252,246,.68);
  box-shadow:inset 0 0 0 1px rgba(66,57,47,.07);
  text-decoration:none;
  transition:transform .15s ease;
}
body:not(.pro-mode) .launch-card:active{transform:scale(.96)}
body:not(.pro-mode) .launch-art{border-radius:11px}
body:not(.pro-mode) .launch-card strong{font-size:12px}
body:not(.pro-mode) .launch-card small{font-size:10px}
body:not(.pro-mode) .event-card{
  min-height:82px;
  padding:11px;
  border:0;
  border-radius:18px;
  background:linear-gradient(140deg,#eef3ea,#e9e5f3);
  box-shadow:inset 0 0 0 1px rgba(64,57,48,.06);
  text-decoration:none;
}
body:not(.pro-mode) .event-logo{border-radius:13px;background:rgba(255,255,255,.48)}
body:not(.pro-mode) .modality-grid{grid-template-columns:repeat(2,1fr);gap:8px}
body:not(.pro-mode) .modality-grid button{
  min-height:54px;
  border-radius:15px;
  padding:10px;
  font-size:12px;
  font-weight:700;
  transition:transform .14s ease;
}
body:not(.pro-mode) .modality-grid button:active{transform:scale(.96)}

body:not(.pro-mode) .discover-person{
  display:grid;
  grid-template-columns:1fr auto;
  gap:5px 10px;
  margin-bottom:9px;
  padding:13px;
  border-radius:17px;
  background:rgba(255,252,246,.74);
  box-shadow:inset 0 0 0 1px rgba(68,59,48,.07);
}
body:not(.pro-mode) .discover-person>.person-link{grid-column:1}
body:not(.pro-mode) .discover-person>p{
  grid-column:1/-1;
  margin:2px 0 0;
  color:#5c574f;
  font-size:11px;
  line-height:1.35;
}
body:not(.pro-mode) .discover-person>small{grid-column:1;color:#938b80;font-size:10px}
body:not(.pro-mode) .discover-person>div{
  grid-column:2;
  grid-row:1/4;
  display:grid;
  align-content:center;
  gap:6px;
}
body:not(.pro-mode) .discover-person>div button{
  min-width:72px;
  min-height:33px;
  border:1px solid #2a2824;
  border-radius:10px;
  background:#282622;
  color:#fffaf3;
  font-size:10px;
}
body:not(.pro-mode) .discover-person>div button+button,
body:not(.pro-mode) .discover-person>div button.following{
  background:transparent;
  color:#37332e;
  border-color:#c8c0b5;
}

body:not(.pro-mode) .social-create-head{
  position:sticky;
  top:58px;
  z-index:20;
  margin:0 -12px 8px;
  padding:8px 12px;
  background:rgba(246,241,232,.9);
  backdrop-filter:blur(18px);
}
body:not(.pro-mode) .social-create-head button{
  display:grid;
  place-items:center;
  width:42px;height:42px;
  border-radius:50%;
  background:#ebe5db;
}
body:not(.pro-mode) .composer{
  gap:10px;
  padding:12px;
  border-radius:20px;
  background:rgba(255,252,246,.76);
  box-shadow:0 10px 34px rgba(60,48,32,.055),inset 0 0 0 1px rgba(68,59,48,.07);
}
body:not(.pro-mode) .composer textarea{
  min-height:128px;
  border:0;
  background:transparent;
  padding:7px 3px;
  font-size:16px;
  line-height:1.45;
}
body:not(.pro-mode) .composer input{
  min-height:46px;
  border-radius:12px;
}
body:not(.pro-mode) .media-actions{
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
body:not(.pro-mode) .media-actions button{
  min-height:54px;
  border:0;
  border-radius:13px;
  background:#eee8de;
  transition:transform .14s ease,background .14s ease;
}
body:not(.pro-mode) .media-actions button:active{transform:scale(.95);background:#e6ded2}
body:not(.pro-mode) .composer .primary{
  min-height:49px;
  border-radius:14px;
}

body:not(.pro-mode) .activity-list,
body:not(.pro-mode) .message-list{
  gap:7px;
}
body:not(.pro-mode) .activity-row,
body:not(.pro-mode) .message-row{
  width:100%;
  min-height:64px;
  padding:10px;
  border:0;
  border-radius:15px;
  background:rgba(255,252,246,.58);
  text-align:left;
  transition:transform .14s ease,background .14s ease;
}
body:not(.pro-mode) :is(.activity-row,.message-row):active{transform:scale(.985);background:#f0e9df}
body:not(.pro-mode) .activity-row time,
body:not(.pro-mode) .message-row>small{
  color:#978f84;
  font-size:9px;
}
body:not(.pro-mode) .message-row.unread{
  background:#edf3e9;
  box-shadow:inset 3px 0 0 #87a88b;
}
body:not(.pro-mode) .message-meta{
  display:grid;
  justify-items:end;
  gap:5px;
}
body:not(.pro-mode) .message-meta b{
  display:grid;
  place-items:center;
  min-width:19px;
  height:19px;
  padding:0 5px;
  border-radius:999px;
  background:#63806a;
  color:white;
  font-size:9px;
}
body:not(.pro-mode) .message-new-head{
  margin:15px 4px 3px;
  color:#898177;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.11em;
}
body:not(.pro-mode) .conversation-head{
  position:sticky;
  top:58px;
  z-index:15;
  margin:0 -12px;
  padding:8px 12px;
  background:rgba(246,241,232,.93);
  backdrop-filter:blur(18px);
}
body:not(.pro-mode) .conversation-thread{
  display:grid;
  gap:7px;
  padding:12px 0 82px;
}
body:not(.pro-mode) .bubble{
  width:fit-content;
  max-width:82%;
  padding:9px 11px;
  border-radius:17px 17px 17px 5px;
  background:#ece6dc;
  box-shadow:0 4px 14px rgba(62,50,35,.04);
}
body:not(.pro-mode) .bubble.mine{
  justify-self:end;
  border-radius:17px 17px 5px 17px;
  background:#dce9d8;
}
body:not(.pro-mode) .message-form{
  position:fixed;
  left:50%;
  bottom:calc(76px + env(safe-area-inset-bottom));
  z-index:30;
  width:min(456px,calc(100% - 24px));
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px;
  padding:7px;
  border:1px solid rgba(61,54,45,.08);
  border-radius:18px;
  background:rgba(255,252,246,.9);
  box-shadow:0 12px 35px rgba(57,46,31,.11);
  backdrop-filter:blur(20px);
}
body:not(.pro-mode) .message-form input{
  min-width:0;
  border:0;
  background:transparent;
  outline:0;
  padding:0 7px;
}
body:not(.pro-mode) .message-form button{
  min-height:40px;
  border-radius:12px;
  padding:0 13px;
}

body:not(.pro-mode) .profile-hero{
  margin:2px 0 0;
  padding:18px;
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 8%,rgba(255,255,255,.7),transparent 9rem),
    linear-gradient(145deg,#efdfe1,#e4eadc 58%,#e1def1);
  box-shadow:inset 0 0 0 1px rgba(65,57,47,.06);
}
body:not(.pro-mode) .profile-avatar{
  width:78px;height:78px;
  box-shadow:0 5px 18px rgba(62,49,34,.11);
}
body:not(.pro-mode) .profile-hero h1{font-size:28px}
body:not(.pro-mode) .profile-stats{
  margin:8px 0 10px;
  padding:11px 3px;
  border-bottom:1px solid rgba(62,55,47,.08);
}
body:not(.pro-mode) .profile-stats b{font-size:18px}
body:not(.pro-mode) .profile-stats small{font-size:10px;color:#81796f}
body:not(.pro-mode) .profile-own-actions,
body:not(.pro-mode) .profile-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
  margin-bottom:13px;
}
body:not(.pro-mode) .edit-profile,
body:not(.pro-mode) .profile-actions button{
  min-height:43px;
  border-radius:13px;
}

body:not(.pro-mode) .social-empty{
  display:grid;
  justify-items:start;
  gap:9px;
  min-height:120px;
  align-content:center;
  padding:18px;
  border-radius:18px;
  background:rgba(255,252,246,.55);
  color:#645e56;
}
body:not(.pro-mode) .social-empty button{
  min-height:36px;
  border:0;
  border-radius:11px;
  padding:0 12px;
  background:#282622;
  color:white;
}

body:not(.pro-mode) .tabbar{
  max-width:480px;
  grid-template-columns:1fr 1fr 76px 1fr 1fr;
  min-height:74px;
  height:calc(74px + env(safe-area-inset-bottom));
  padding:6px 8px calc(6px + env(safe-area-inset-bottom));
  border-top:1px solid rgba(59,52,43,.08);
  background:rgba(246,241,232,.86);
  box-shadow:0 -18px 50px rgba(61,49,33,.06);
  backdrop-filter:blur(24px) saturate(1.12);
}
body:not(.pro-mode) .tabbar button{
  min-height:58px;
  border-radius:16px;
  transition:transform .14s ease,color .15s ease,background .15s ease;
}
body:not(.pro-mode) .tabbar button:active{transform:scale(.92)}
body:not(.pro-mode) .tabbar button.active:not(.create-tab){
  background:rgba(255,255,255,.36);
  color:#201e1a;
}
body:not(.pro-mode) .tabbar .create-tab{
  align-self:center;
  justify-self:center;
  transform:translateY(-10px);
}
body:not(.pro-mode) .tabbar .create-tab:active{transform:translateY(-10px) scale(.9)}
body:not(.pro-mode) .create-tab span{
  width:58px;
  height:58px;
  border-radius:20px;
  background:linear-gradient(145deg,#292722,#48433d);
  box-shadow:0 10px 27px rgba(53,43,30,.18),inset 0 1px 0 rgba(255,255,255,.13);
}
body:not(.pro-mode) .tabbar small{
  font-size:9px;
}

@keyframes social-view-in{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  body:not(.pro-mode) .view.active.view-entering,
  body:not(.pro-mode) .social-card,
  body:not(.pro-mode) .tabbar button,
  body:not(.pro-mode) .story,
  body:not(.pro-mode) .activity-row,
  body:not(.pro-mode) .message-row{
    animation:none!important;
    transition:none!important;
  }
}


/* Social stories */
body:not(.pro-mode) .story-unit{
  position:relative;
  flex:0 0 64px;
}
body:not(.pro-mode) .story-unit .story{
  width:64px;
}
body:not(.pro-mode) .story-unit .story-add{
  position:absolute;
  right:1px;
  top:40px;
  z-index:3;
  display:grid;
  place-items:center;
  width:21px;
  height:21px;
  padding:0;
  border:2px solid var(--paper);
  border-radius:50%;
  background:#243329;
  color:white;
  font-size:14px;
  line-height:1;
}
body:not(.pro-mode) .story.has-story .story-avatar{
  box-shadow:0 0 0 2px rgba(120,150,124,.18);
}
.social-overlay{
  position:fixed;
  inset:0;
  z-index:120;
  display:grid;
  align-items:end;
  background:rgba(20,18,16,.46);
  backdrop-filter:blur(9px);
  animation:social-overlay-in .18s ease both;
}
.social-sheet{
  position:relative;
  width:min(480px,100%);
  max-height:min(92dvh,820px);
  margin:auto auto 0;
  overflow:auto;
  padding:14px 14px calc(20px + env(safe-area-inset-bottom));
  border-radius:28px 28px 0 0;
  background:#f7f2ea;
  box-shadow:0 -22px 70px rgba(24,20,15,.24);
  animation:social-sheet-up .26s cubic-bezier(.2,.8,.2,1) both;
}
.social-sheet:before{
  content:"";
  display:block;
  width:42px;
  height:4px;
  margin:0 auto 11px;
  border-radius:999px;
  background:rgba(55,48,40,.18);
}
.social-sheet-close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:4;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.66);
  font-size:25px;
}
.social-sheet h2{margin:2px 48px 14px 2px;font-size:28px}
.story-form{
  display:grid;
  gap:12px;
}
.story-form label{
  display:grid;
  gap:6px;
  color:#6e675f;
  font-size:12px;
}
.story-form textarea,
.story-form input[type="file"]{
  width:100%;
  border:1px solid rgba(69,60,49,.1);
  border-radius:14px;
  background:#fffaf4;
  padding:11px;
}
.story-preview{
  display:grid;
  place-items:center;
  min-height:260px;
  overflow:hidden;
  border-radius:20px;
  background:#e9e3d9;
  color:#827a70;
}
.story-preview img,
.story-preview video{
  display:block;
  width:100%;
  max-height:62dvh;
  object-fit:cover;
}
.story-viewer{
  position:relative;
  min-height:68dvh;
  overflow:hidden;
  margin:-14px;
  padding:14px;
  border-radius:28px 28px 0 0;
  background:#111;
  color:white;
}
.story-progress{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:1fr;
  gap:4px;
  margin:2px 0 9px;
}
.story-progress i{
  height:3px;
  border-radius:99px;
  background:rgba(255,255,255,.28);
}
.story-progress i.seen{background:rgba(255,255,255,.88)}
.story-viewer-head{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
}
.story-viewer-head .person-link{color:white}
.story-viewer-head>small{margin-left:auto;color:rgba(255,255,255,.65)}
.story-media{
  position:relative;
  display:grid;
  place-items:center;
  min-height:56dvh;
  margin-top:8px;
  overflow:hidden;
  border-radius:20px;
  background:#060606;
}
.story-media img,
.story-media video{
  display:block;
  width:100%;
  max-height:66dvh;
  object-fit:contain;
}
.story-prev,.story-next{
  position:absolute;
  top:0;
  bottom:0;
  width:36%;
  border:0;
  background:transparent;
}
.story-prev{left:0}
.story-next{right:0}
.story-caption{
  margin:12px 4px 2px;
  color:#f5f0e8;
  font-size:14px;
  line-height:1.4;
}
.media-preview{
  position:relative;
  overflow:hidden;
  border-radius:16px;
  background:#eae4da;
}
.media-preview img,
.media-preview video{
  display:block;
  width:100%;
  max-height:320px;
  object-fit:cover;
}
.media-preview button{
  position:absolute;
  top:8px;
  right:8px;
  min-height:34px;
  border:0;
  border-radius:10px;
  padding:0 10px;
  background:rgba(20,18,16,.74);
  color:white;
}
@keyframes social-overlay-in{from{opacity:0}to{opacity:1}}
@keyframes social-sheet-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .social-overlay,.social-sheet{animation:none!important}
}


/* Stories: full-screen visual editor/viewer */
.social-overlay.story-editor-mode,
.social-overlay.story-viewer-mode{
  align-items:stretch;
  background:#050505;
  backdrop-filter:none;
}
.social-overlay.story-editor-mode .social-sheet,
.social-overlay.story-viewer-mode .social-sheet{
  width:min(480px,100%);
  height:100dvh;
  max-height:none;
  margin:0 auto;
  padding:0;
  overflow:hidden;
  border-radius:0;
  background:#0b0b0b;
  box-shadow:none;
  animation:story-full-in .18s ease both;
}
.social-overlay.story-editor-mode .social-sheet:before,
.social-overlay.story-viewer-mode .social-sheet:before,
.social-overlay.story-editor-mode>.social-sheet>.social-sheet-close,
.social-overlay.story-viewer-mode>.social-sheet>.social-sheet-close{
  display:none;
}
.story-create-start{
  min-height:100%;
  display:grid;
  grid-template-rows:auto 1fr;
  padding:max(14px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));
  color:#fff;
  background:
    radial-gradient(circle at 18% 18%,rgba(146,169,151,.22),transparent 18rem),
    radial-gradient(circle at 86% 76%,rgba(124,94,143,.22),transparent 19rem),
    #0b0c0b;
}
.story-create-top,
.story-editor-top{
  display:grid;
  grid-template-columns:44px 1fr auto;
  align-items:center;
  gap:8px;
  min-height:52px;
}
.story-create-top strong,
.story-editor-top strong{
  text-align:center;
  font-size:16px;
}
.story-create-top button,
.story-editor-top button{
  min-width:42px;
  min-height:42px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.11);
  color:#fff;
}
.story-editor-top button[type="submit"]{
  min-width:auto;
  padding:0 15px;
  background:#fff;
  color:#111;
  font-weight:800;
}
.story-create-choices{
  align-self:center;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.story-create-choices button{
  display:grid;
  place-items:center;
  gap:10px;
  min-height:130px;
  border:0;
  border-radius:25px;
  background:rgba(255,255,255,.08);
  color:#fff;
  backdrop-filter:blur(16px);
  transition:transform .16s ease,background .16s ease;
}
.story-create-choices button:active{
  transform:scale(.95);
  background:rgba(255,255,255,.14);
}
.story-create-choices b{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  font-size:23px;
}
.story-editor-form{
  height:100%;
  display:grid;
  grid-template-rows:auto 1fr auto;
  padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));
  background:#050505;
}
.story-editor-canvas{
  position:relative;
  min-height:0;
  overflow:hidden;
  border-radius:22px;
  background:var(--story-bg,#34463a);
  touch-action:none;
}
.story-editor-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 25% 20%,rgba(255,255,255,.14),transparent 16rem),
    linear-gradient(145deg,var(--story-bg,#34463a),color-mix(in srgb,var(--story-bg,#34463a) 70%,#111));
}
.story-editor-media{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
#storyTextOverlay{
  position:absolute;
  transform:translate(-50%,-50%) scale(var(--story-scale,1));
  z-index:3;
  width:min(78%,330px);
  min-height:52px;
  max-height:42%;
  resize:none;
  overflow:auto;
  border:0;
  outline:0;
  background:transparent;
  color:var(--story-color,#fff);
  font:800 30px/1.08 var(--sans);
  text-align:center;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
  caret-color:currentColor;
  touch-action:none;
}
.story-editor-canvas.style-plain #storyTextOverlay{
  text-shadow:none;
}
.story-editor-canvas.style-pill #storyTextOverlay{
  width:min(76%,320px);
  min-height:0;
  padding:9px 12px;
  border-radius:12px;
  background:rgba(15,15,15,.72);
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  text-shadow:none;
}
.story-editor-tools{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:1fr;
  gap:5px;
  padding:10px 0 2px;
  overflow-x:auto;
  scrollbar-width:none;
}
.story-editor-tools::-webkit-scrollbar{display:none}
.story-editor-tools button{
  display:grid;
  justify-items:center;
  align-content:center;
  gap:3px;
  min-width:62px;
  min-height:58px;
  border:0;
  border-radius:15px;
  background:transparent;
  color:#fff;
  font-size:19px;
}
.story-editor-tools button:active{background:rgba(255,255,255,.09)}
.story-editor-tools span{
  font-size:9px;
  color:rgba(255,255,255,.67);
}
.story-editor-tools i{
  width:22px;height:22px;border:2px solid #fff;border-radius:50%;
}
.social-overlay.story-viewer-mode .story-viewer{
  height:100dvh;
  min-height:0;
  margin:0;
  padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));
  border-radius:0;
  display:grid;
  grid-template-rows:auto auto 1fr;
  background:#050505;
}
.social-overlay.story-viewer-mode .story-progress{
  position:relative;
  z-index:5;
  margin:1px 2px 5px;
}
.social-overlay.story-viewer-mode .story-progress i{
  position:relative;
  overflow:hidden;
  height:3px;
  background:rgba(255,255,255,.28);
}
.social-overlay.story-viewer-mode .story-progress i.done{
  background:#fff;
}
.social-overlay.story-viewer-mode .story-progress i.active:after{
  content:"";
  position:absolute;
  inset:0;
  background:#fff;
  transform-origin:left;
  animation:story-progress-fill 5.5s linear forwards;
}
.social-overlay.story-viewer-mode .story-viewer-head{
  padding:0 5px 6px;
}
.social-overlay.story-viewer-mode .story-media{
  min-height:0;
  height:100%;
  margin:0;
  border-radius:18px;
}
.social-overlay.story-viewer-mode .story-media img,
.social-overlay.story-viewer-mode .story-media video,
.social-overlay.story-viewer-mode .story-text-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
}
.story-overlay-text{
  position:absolute;
  z-index:4;
  width:min(80%,340px);
  transform:translate(-50%,-50%) scale(var(--story-scale,1));
  font:800 30px/1.08 var(--sans);
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  text-shadow:0 2px 12px rgba(0,0,0,.5);
  pointer-events:none;
}
.story-overlay-text.style-plain{text-shadow:none}
.story-overlay-text.style-pill{
  width:auto;
  max-width:80%;
  padding:8px 11px;
  border-radius:10px;
  background:rgba(12,12,12,.72);
  text-shadow:none;
}
.social-overlay.story-viewer-mode .story-prev,
.social-overlay.story-viewer-mode .story-next{
  z-index:8;
}
@keyframes story-full-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
@keyframes story-progress-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Community posts: less forum/card, more person + content */
body:not(.pro-mode) .social-card.community-post{
  margin:0 -12px;
  padding:13px 12px 15px;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  border-bottom:1px solid rgba(63,54,44,.08);
}
body:not(.pro-mode) .social-card.community-post .post-cover{
  width:calc(100% + 24px);
  margin:12px -12px 0;
  max-height:520px;
  border-radius:0;
}
body:not(.pro-mode) .social-card.community-post>p{
  margin-top:8px;
  font-size:14px;
}
body:not(.pro-mode) .social-card.community-post .card-actions{
  margin-top:8px;
}
body:not(.pro-mode) .social-card.community-post .card-head{
  padding:0 2px;
}
body:not(.pro-mode) .social-card.radar-signal{
  margin:6px 0;
  border-radius:18px;
}
body:not(.pro-mode) .feed{
  gap:0;
}
body:not(.pro-mode) .feed>.radar-signal + .community-post,
body:not(.pro-mode) .feed>.community-post + .radar-signal{
  margin-top:8px;
}
body:not(.pro-mode) .story.seen .story-avatar{
  background:
    linear-gradient(var(--paper),var(--paper)) padding-box,
    linear-gradient(#c8c1b7,#c8c1b7) border-box!important;
}
body:not(.pro-mode) .story.unseen .story-avatar{
  background:
    linear-gradient(var(--paper),var(--paper)) padding-box,
    conic-gradient(#d78d99,#a695c6,#8fad92,#d5aa79,#d78d99) border-box!important;
}


/* Social conversation surface */
.social-overlay.comments-mode{
  align-items:stretch;
  background:rgba(18,16,14,.28);
}
.social-overlay.comments-mode .social-sheet{
  width:min(480px,100%);
  height:100dvh;
  max-height:none;
  margin:0 auto;
  padding:0;
  border-radius:0;
  background:#f7f2ea;
}
.social-overlay.comments-mode .social-sheet:before,
.social-overlay.comments-mode>.social-sheet>.social-sheet-close{display:none}
.comments-view{
  height:100%;
  display:grid;
  grid-template-rows:auto auto 1fr auto;
}
.comments-head{
  position:sticky;
  top:0;
  z-index:5;
  display:grid;
  grid-template-columns:44px 1fr 44px;
  align-items:center;
  min-height:58px;
  padding:max(6px,env(safe-area-inset-top)) 10px 6px;
  background:rgba(247,242,234,.94);
  backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(68,59,48,.07);
}
.comments-head button{
  width:42px;height:42px;border:0;border-radius:50%;background:transparent;font-size:27px
}
.comments-head strong{text-align:center}
.comments-head span{text-align:center;color:#8b8378;font-size:11px}
.comments-origin{
  padding:12px 14px;
  border-bottom:1px solid rgba(68,59,48,.08);
  background:#fbf8f2;
}
.comments-origin>p{
  margin:9px 0 0;
  font-size:14px;
  line-height:1.45;
}
.comments-origin-media{
  width:100%;
  max-height:260px;
  object-fit:cover;
  margin-top:10px;
  border-radius:14px;
}
.comments-list{
  overflow:auto;
  padding:10px 14px 88px;
  display:grid;
  align-content:start;
  gap:14px;
}
.comment-row{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:9px;
  align-items:start;
}
.comment-row .avatar{
  width:36px;height:36px
}
.comment-row strong{font-size:12px}
.comment-row p{
  margin:2px 0 3px;
  font-size:13px;
  line-height:1.42;
}
.comment-row small{
  color:#948c82;
  font-size:9px;
}
.comments-empty{
  padding:30px 0;
  color:#8b8378;
  text-align:center;
  font-size:12px;
}
.comments-composer{
  position:fixed;
  left:50%;
  bottom:env(safe-area-inset-bottom);
  z-index:10;
  width:min(480px,100%);
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px;
  padding:8px 10px calc(8px + env(safe-area-inset-bottom));
  border-top:1px solid rgba(68,59,48,.08);
  background:rgba(247,242,234,.95);
  backdrop-filter:blur(20px);
}
.comments-composer input{
  min-width:0;
  min-height:42px;
  border:1px solid rgba(67,59,49,.09);
  border-radius:14px;
  padding:0 12px;
  background:#fffaf4;
}
.comments-composer button{
  min-height:42px;
  border-radius:13px;
  padding:0 14px;
}

/* Explore as a browse surface */
.discover-mosaic{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.discover-tile{
  position:relative;
  min-height:190px;
  overflow:hidden;
  border-radius:18px;
  background:#e8e1d7;
  color:#fff;
  text-decoration:none;
  isolation:isolate;
}
.discover-tile:nth-child(5n+1){
  grid-column:1/-1;
  min-height:240px;
}
.discover-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-2;
}
.discover-tile:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,transparent 26%,rgba(13,12,11,.78) 100%);
}
.discover-tile>span{
  position:absolute;
  left:12px;right:12px;bottom:12px;
  display:grid;
  gap:2px;
}
.discover-tile small{
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.1em;
  opacity:.78;
}
.discover-tile strong{
  font-size:15px;
  line-height:1.08;
}
.discover-tile em{
  font-size:10px;
  font-style:normal;
  opacity:.75;
}
.discover-tile:active{transform:scale(.985)}

/* Profile as a native social surface */
.profile-surface{
  position:relative;
  margin:0 -12px;
  padding:0 14px 14px;
}
.profile-cover{
  height:118px;
  margin:0 -14px -44px;
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.72),transparent 9rem),
    linear-gradient(135deg,#e7dfe9,#dfe9da 58%,#efdfe1);
}
.profile-main{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:13px;
  align-items:end;
}
.profile-avatar-button{
  width:84px;
  height:84px;
  padding:0;
  border:4px solid #f6f1e8;
  border-radius:50%;
  background:transparent;
}
.profile-avatar{
  width:100%!important;
  height:100%!important;
}
.profile-identity{
  padding-bottom:5px;
  min-width:0;
}
.profile-identity h1{
  margin:0;
  font-size:25px;
  line-height:1;
}
.profile-identity>span,
.profile-identity>small{
  color:#8a8278;
  font-size:10px;
}
.profile-identity p{
  margin:6px 0 2px;
  color:#454039;
  font-size:12px;
  line-height:1.35;
}
.profile-numbers{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:13px;
  border-top:1px solid rgba(66,58,48,.07);
  border-bottom:1px solid rgba(66,58,48,.07);
}
.profile-numbers button{
  display:grid;
  justify-items:center;
  gap:1px;
  padding:10px 4px;
  border:0;
  background:transparent;
}
.profile-numbers b{font-size:17px}
.profile-numbers small{font-size:9px;color:#8a8278}
.profile-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:10px;
}
.profile-actions button{
  min-height:40px;
  border:1px solid rgba(64,57,47,.09);
  border-radius:12px;
  background:#ede8df;
  color:#312e29;
}
.profile-actions button.primary{
  border-color:#26362a;
  background:#26362a;
  color:#fff;
}
.profile-post-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2px;
  margin:0 -12px;
}
.profile-post-tile{
  position:relative;
  aspect-ratio:1;
  overflow:hidden;
  border:0;
  background:#e8e2d8;
  color:#37332e;
  padding:0;
}
.profile-post-tile img,
.profile-post-tile video{
  width:100%;
  height:100%;
  object-fit:cover;
}
.profile-post-tile.text-only{
  display:grid;
  place-items:center;
  padding:10px;
  background:linear-gradient(145deg,#e7e1d7,#f2ede5);
}
.profile-post-tile.text-only span{
  max-height:78%;
  overflow:hidden;
  font-size:10px;
  line-height:1.3;
}
.profile-logout{
  width:100%;
  margin:18px 0 5px;
  min-height:42px;
  border:0;
  background:transparent;
  color:#9b6464;
}


/* Profile editor v2 */
.profile-editor-card{
  padding-bottom:calc(28px + env(safe-area-inset-bottom));
}
.profile-editor-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.profile-editor-heading h1{margin-bottom:8px}
.profile-editor-heading .text-btn{
  width:auto;
  padding:8px 0;
  color:#756d64;
}
.profile-cover-edit{
  position:relative;
  height:150px;
  margin:8px 0 -42px;
  overflow:hidden;
  border-radius:22px;
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.7),transparent 9rem),
    linear-gradient(135deg,#e7dfe9,#dfe9da 58%,#efdfe1);
  background-size:cover;
  background-position:center;
}
.cover-upload{
  position:absolute;
  right:10px;
  bottom:10px;
  margin:0!important;
  min-height:36px;
  display:flex!important;
  align-items:center;
  padding:0 11px;
  border-radius:11px;
  background:rgba(20,18,16,.72);
  color:#fff!important;
  font-size:10px!important;
  backdrop-filter:blur(10px);
}
.profile-create-v2{
  position:relative;
  z-index:2;
  grid-template-columns:92px 1fr;
  align-items:end;
  margin-bottom:6px;
}
.profile-create-v2 .avatar-upload{
  width:88px;
  height:88px;
  margin:0!important;
  border:4px solid var(--paper);
  box-shadow:0 6px 20px rgba(52,42,31,.12);
}
.profile-create-v2 .avatar-upload span,
.profile-create-v2 .avatar-upload img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
}
.profile-create-v2>div{
  display:grid;
  gap:2px;
}
.profile-create-v2>div label{
  margin:3px 0!important;
}
.profile-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.profile-extra{
  margin:12px 0;
  border:1px solid rgba(66,58,48,.08);
  border-radius:16px;
  background:rgba(255,252,246,.54);
  overflow:hidden;
}
.profile-extra summary{
  min-height:44px;
  display:flex;
  align-items:center;
  padding:0 12px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.profile-extra .profile-form-grid{
  padding:0 12px 10px;
}
.profile-accent{
  margin:13px 0 17px;
  padding:0;
  border:0;
}
.profile-accent legend{
  margin-bottom:7px;
  color:var(--muted);
  font-size:.72rem;
}
.accent-options{
  display:flex;
  gap:10px;
}
.accent-options label{
  margin:0!important;
}
.accent-options input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.accent-options i{
  display:block;
  width:34px;
  height:34px;
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(52,46,39,.1);
  transition:transform .14s ease,box-shadow .14s ease;
}
.accent-options input:checked+i{
  transform:scale(.84);
  box-shadow:0 0 0 3px var(--paper),0 0 0 5px #2e2a25;
}
.accent-green{background:#a9caa9}
.accent-lilac{background:#c8b9dc}
.accent-pink{background:#e2abb7}
.accent-peach{background:#e7c3a3}
.accent-blue{background:#abc8d7}
.accent-ink{background:#2b2926}

.profile-surface[class*="accent-"]{
  --profile-accent:#a9caa9;
}
.profile-surface.accent-lilac{--profile-accent:#c8b9dc}
.profile-surface.accent-pink{--profile-accent:#e2abb7}
.profile-surface.accent-peach{--profile-accent:#e7c3a3}
.profile-surface.accent-blue{--profile-accent:#abc8d7}
.profile-surface.accent-ink{--profile-accent:#2b2926}
.profile-surface .profile-cover{
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.72),transparent 9rem),
    linear-gradient(135deg,color-mix(in srgb,var(--profile-accent) 72%,#fff),color-mix(in srgb,var(--profile-accent) 58%,#e6e2da));
  background-size:cover;
  background-position:center;
}
.profile-avatar-button.has-story{
  box-shadow:0 0 0 3px var(--profile-accent);
}
.profile-actions.single{
  grid-template-columns:1fr;
}
.profile-links{
  display:flex;
  gap:6px;
  overflow-x:auto;
  margin-top:9px;
  scrollbar-width:none;
}
.profile-links::-webkit-scrollbar{display:none}
.profile-links a{
  flex:0 0 auto;
  min-height:34px;
  display:flex;
  align-items:center;
  padding:0 10px;
  border-radius:10px;
  background:#ede8df;
  color:#38342f;
  font-size:10px;
  text-decoration:none;
}
.profile-empty{
  grid-column:1/-1;
  min-height:150px;
  display:grid;
  place-items:center;
  color:#8a8278;
  font-size:12px;
}

@media(max-width:430px){
  .profile-form-grid{grid-template-columns:1fr}
}


/* Profile v3 — editing is a settings page, not onboarding. */
.onboarding.profile-editing{
  display:block;
  min-height:100dvh;
  padding:0;
  background:var(--paper);
}
.onboarding.profile-editing .onboard-card[data-step="profile"]{
  width:min(100%,480px);
  max-width:none;
  min-height:100dvh;
  margin:0 auto;
  padding:max(12px,env(safe-area-inset-top)) 14px calc(26px + env(safe-area-inset-bottom));
  border:0;
  border-radius:0;
  background:
    radial-gradient(circle at 90% 0,rgba(198,184,220,.26),transparent 18rem),
    var(--paper);
  box-shadow:none;
}
.onboarding.profile-editing .progress,
.onboarding.profile-editing .step{
  display:none!important;
}
.onboarding.profile-editing .profile-editor-heading{
  position:sticky;
  top:0;
  z-index:20;
  min-height:54px;
  margin:0 -14px 8px;
  padding:0 14px;
  background:rgba(246,241,232,.92);
  backdrop-filter:blur(20px);
}
.onboarding.profile-editing .profile-editor-heading h1{
  margin:0;
  font:750 25px/1 var(--serif);
}
.onboarding.profile-editing .profile-editor-heading .text-btn{
  min-height:38px;
  padding:0 4px;
  border:0;
  background:transparent;
  color:#645b70;
  font-weight:700;
  text-decoration:none;
}
.profile-editor-card #publicProfileForm{
  display:grid;
  gap:12px;
}
.profile-editor-card #publicProfileForm>label,
.profile-editor-card .profile-form-grid>label{
  display:grid;
  gap:6px;
  margin:0;
  color:#6f685f;
  font-size:11px;
  font-weight:700;
}
.profile-editor-card :is(input,textarea){
  width:100%;
  min-height:48px;
  border:1px solid rgba(68,58,47,.1);
  border-radius:14px;
  background:rgba(255,252,247,.84);
  padding:11px 12px;
  color:#28241f;
  font-size:15px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.profile-editor-card textarea{
  min-height:104px;
  resize:vertical;
}
.profile-editor-card :is(input,textarea):focus{
  border-color:#a697bd;
  outline:0;
  box-shadow:0 0 0 4px rgba(166,151,189,.1);
}
.profile-cover-edit{
  height:168px;
  margin:0 0 -44px;
  border-radius:22px;
  background:
    radial-gradient(circle at 22% 14%,rgba(255,255,255,.72),transparent 10rem),
    linear-gradient(135deg,#c9b9dc,#8f7aaa 56%,#594b6d);
}
.profile-create-v2{
  grid-template-columns:96px 1fr;
  gap:12px;
  align-items:end;
}
.profile-create-v2 .avatar-upload{
  width:94px;
  height:94px;
  border:4px solid var(--paper);
  background:#251f2c;
}
.profile-create-v2 .avatar-upload span{
  display:grid;
  place-items:center;
  color:#fff;
  font-size:28px;
}
.profile-extra,
.profile-style,
.profile-accent,
.profile-account{
  border:1px solid rgba(70,60,49,.08);
  border-radius:17px;
  background:rgba(255,252,247,.64);
}
.profile-extra{
  margin:2px 0;
}
.profile-extra summary{
  min-height:48px;
  padding:0 13px;
}
.profile-extra .profile-form-grid{
  padding:0 12px 12px;
}
.profile-style,
.profile-accent{
  margin:0;
  padding:12px;
}
.profile-style legend,
.profile-accent legend{
  padding:0 4px;
  color:#6f685f;
  font-size:11px;
  font-weight:800;
}
.style-options{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.style-options label{
  margin:0!important;
}
.style-options input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.style-options span{
  display:grid;
  place-items:center;
  min-height:52px;
  border:1px solid rgba(67,57,47,.08);
  border-radius:13px;
  background:#f2ede5;
  color:#5d564d;
  font-size:11px;
  font-weight:700;
  transition:transform .14s ease,background .14s ease,border-color .14s ease;
}
.style-options input:checked+span{
  background:#e4daef;
  border-color:#9c87b4;
  color:#463653;
  box-shadow:0 0 0 3px rgba(156,135,180,.09);
}
.accent-options{
  gap:12px;
  flex-wrap:wrap;
}
.accent-options i{
  width:38px;
  height:38px;
}
.accent-lilac{
  background:linear-gradient(145deg,#d3c2e6,#9b82b8);
}
.profile-account{
  margin-top:4px;
  padding:13px;
}
.profile-account h3{
  margin:0 0 8px;
  font:750 14px/1 var(--sans);
}
.profile-signout{
  width:100%;
  min-height:44px;
  border:0;
  border-radius:12px;
  background:#f3e5e6;
  color:#8a4f55;
  font-weight:750;
}
#profileSubmit{
  position:sticky;
  bottom:calc(8px + env(safe-area-inset-bottom));
  z-index:12;
  min-height:50px;
  border-radius:15px;
  background:linear-gradient(135deg,#b7a0cf,#8d72aa);
  color:#fff;
  box-shadow:0 9px 28px rgba(104,78,131,.22);
}

/* Profile v3 — public surface */
body:not(.pro-mode) .view[data-view="profile"]{
  padding-top:0;
}
.profile-surface{
  --profile-accent:#a78dbd;
  position:relative;
  margin:0 -12px;
  padding:0 16px 18px;
  background:transparent;
}
.profile-surface .profile-cover{
  height:180px;
  margin:0 -16px -54px;
  border-radius:0 0 26px 26px;
  background:
    radial-gradient(circle at 20% 18%,rgba(255,255,255,.72),transparent 10rem),
    linear-gradient(135deg,color-mix(in srgb,var(--profile-accent) 78%,#fff),color-mix(in srgb,var(--profile-accent) 86%,#5f4c73));
  background-size:cover;
  background-position:center;
  box-shadow:0 12px 34px rgba(64,48,75,.1);
}
.profile-surface.accent-lilac{--profile-accent:#9b82b8}
.profile-surface.accent-green{--profile-accent:#8eae92}
.profile-surface.accent-pink{--profile-accent:#c9899a}
.profile-surface.accent-peach{--profile-accent:#cfa27c}
.profile-surface.accent-blue{--profile-accent:#88afc3}
.profile-surface.accent-ink{--profile-accent:#39343e}
.profile-avatar-wrap{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:flex-start;
  padding-left:3px;
}
.profile-avatar-button{
  width:106px;
  height:106px;
  padding:0;
  border:5px solid var(--paper);
  border-radius:34px;
  overflow:hidden;
  background:#241f29;
  box-shadow:0 12px 28px rgba(55,43,64,.16);
}
.profile-avatar-button .profile-avatar{
  width:100%!important;
  height:100%!important;
  border-radius:29px!important;
  object-fit:cover;
}
.profile-avatar-button.has-story{
  box-shadow:0 0 0 3px var(--profile-accent),0 12px 28px rgba(55,43,64,.16);
}
.profile-copy{
  display:grid;
  gap:5px;
  margin-top:12px;
}
.profile-copy h1{
  margin:0;
  font:750 32px/.98 var(--serif);
  letter-spacing:-.045em;
}
.profile-handle{
  color:color-mix(in srgb,var(--profile-accent) 82%,#373039);
  font-size:11px;
  font-weight:800;
}
.profile-headline{
  margin-top:3px;
  font-size:14px;
  line-height:1.25;
}
.profile-copy p{
  margin:2px 0 0;
  max-width:38ch;
  color:#49433c;
  font-size:13px;
  line-height:1.45;
}
.profile-copy small{
  color:#8a8278;
  font-size:10px;
}
.profile-disciplines{
  display:flex;
  gap:6px;
  margin-top:11px;
  overflow-x:auto;
  scrollbar-width:none;
}
.profile-disciplines::-webkit-scrollbar{display:none}
.profile-disciplines span{
  flex:0 0 auto;
  min-height:29px;
  display:flex;
  align-items:center;
  padding:0 9px;
  border-radius:10px;
  background:color-mix(in srgb,var(--profile-accent) 18%,#f3eee7);
  color:#564b5d;
  font-size:9px;
  font-weight:750;
}
.profile-numbers{
  margin-top:14px;
  border-top:1px solid rgba(67,57,47,.07);
  border-bottom:1px solid rgba(67,57,47,.07);
}
.profile-numbers button{
  min-height:56px;
}
.profile-numbers b{
  font-size:19px;
}
.profile-links{
  margin-top:10px;
}
.profile-links a{
  min-height:34px;
  border:1px solid color-mix(in srgb,var(--profile-accent) 28%,transparent);
  background:color-mix(in srgb,var(--profile-accent) 12%,#f6f1e8);
}
.profile-actions{
  margin-top:10px;
}
.profile-actions.single button{
  background:#2a252d;
  color:#fff;
  border-color:#2a252d;
}
.profile-section-label{
  min-height:48px;
  display:flex;
  align-items:end;
  padding:0 2px 9px;
  border-bottom:1px solid rgba(67,57,47,.07);
  color:#756d64;
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.profile-post-grid{
  gap:3px;
  margin:0 -12px;
}
.profile-post-tile{
  border-radius:2px;
}
.profile-empty{
  min-height:190px;
  background:transparent;
  color:#958c81;
}

/* Profile layout variants */
.profile-style-minimal .profile-cover{
  height:72px;
  margin-bottom:-28px;
  box-shadow:none;
  opacity:.78;
}
.profile-style-minimal .profile-avatar-button{
  width:82px;
  height:82px;
  border-radius:50%;
  box-shadow:none;
}
.profile-style-minimal .profile-avatar-button .profile-avatar{
  border-radius:50%!important;
}
.profile-style-poster .profile-cover{
  height:230px;
  margin-bottom:-86px;
}
.profile-style-poster .profile-avatar-wrap{
  justify-content:center;
}
.profile-style-poster .profile-avatar-button{
  width:120px;
  height:120px;
  border-radius:38px;
}
.profile-style-poster .profile-copy{
  justify-items:center;
  text-align:center;
}
.profile-style-poster .profile-copy p{
  max-width:34ch;
}
.profile-style-poster .profile-disciplines,
.profile-style-poster .profile-links{
  justify-content:center;
}

.staff-shift-prompt{position:fixed;left:12px;right:12px;top:calc(env(safe-area-inset-top) + 58px);z-index:90;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid rgba(23,23,21,.12);border-radius:18px;background:rgba(246,241,232,.96);box-shadow:0 12px 34px rgba(23,23,21,.14);backdrop-filter:blur(18px)}
.staff-shift-prompt[hidden]{display:none}.staff-shift-prompt div{display:grid;gap:2px}.staff-shift-prompt small{font-size:10px;letter-spacing:.12em;opacity:.58}.staff-shift-prompt strong{font-size:14px}.staff-shift-prompt button{border:0;border-radius:999px;padding:10px 14px;background:#171715;color:#fff;font:inherit;font-weight:700}
body.staff-shop-context .topbar .brand:after{content:" · Shops";font-size:.72em;font-weight:600;opacity:.62}
body.staff-shop-context [data-view="business"]>.create-head{display:none}
body.staff-shop-context [data-view="business"]{padding-top:0}
body.staff-shop-context .tabbar{transition:background .25s ease,transform .25s ease}
body.staff-shop-context .tabbar .create-tab{background:#171715}