/* Friendspace: familiar social spaces, with a calmer modern frame.
   Loaded after page styles. Public profile canvases retain their own themes. */
:root {
  --fs-paper: #fffdfa;
  --fs-canvas: #f5f2ec;
  --fs-ink: #24343b;
  --fs-muted: #5d6c72;
  --fs-rule: #dcded7;
  --fs-orange: #c64b22;
  --fs-orange-deep: #9e3819;
  --fs-peach: #f9e8d9;
  --fs-green: #245f53;
  --fs-seaglass: #e2eee7;
  --fs-lilac: #eee8f5;
  --fs-lavender: #725792;
  --fs-shadow: 0 3px 0 #24343b05, 0 12px 32px #24343b06;
}
body.fs-design:not([data-fs-page="profile"]):not([data-fs-page="artist"]):not([data-fs-page="creator-page"]):not([data-fs-page="business-page"]) {
  background-color: var(--fs-canvas);
  color: var(--fs-ink);
}
.fs-design :where(button, input, select, textarea) { font-family: inherit; }
.fs-design :where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid #286d9a;
  outline-offset: 3px;
}
.fs-design :where(h1, h2, h3) { text-wrap: balance; }
.fs-design :where(main, .feed-center, .watch-shell, .discover-shell) { min-width: 0; }
.fs-design :where([id]) { scroll-margin-top: 92px; }

/* The application frame stays recognizable around every kind of Page. */
.fs-design :is(.friendspace-header, .discover-topbar, .blogs-topbar, .topbar) {
  background: var(--fs-paper);
  border-bottom: 1px solid var(--fs-rule);
  box-shadow: 0 3px 0 #24343b04;
}
.fs-design :is(.friendspace-wordmark, .friendspace-header__brand, .discover-wordmark) {
  color: var(--fs-orange);
  letter-spacing: -.045em;
}
.fs-design .friendspace-header-icon {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  color: #58696e;
}
.fs-design .friendspace-header-icon:hover,
.fs-design .friendspace-header-icon.active { background: var(--fs-peach); color: var(--fs-orange-deep); }
.fs-design .friendspace-header-icon[href*="messages.html"] {
  background: var(--fs-seaglass);
  color: var(--fs-green);
}
.fs-design .friendspace-active-identity-chip { border-color: #e6cbb5; background: #fff5e8; color: #70472f; }
.fs-design .friendspace-account-dropdown { border-color: var(--fs-rule); border-radius: 18px; box-shadow: 0 18px 50px #24343b24; }
.fs-design .friendspace-account-menu-item { min-height: 48px; font-size: 14px; }
.fs-design .friendspace-account-menu-item:hover { background: var(--fs-seaglass); }
.fs-design .friendspace-mobile-nav {
  border: 1px solid #d4d9d1;
  border-radius: 22px;
  background: var(--fs-paper);
  box-shadow: 0 4px 0 #24343b08, 0 10px 32px #24343b18;
}
.fs-design .friendspace-mobile-nav-item { min-height: 52px; gap: 5px; border-radius: 15px; color: #5d6c72; }
.fs-design .friendspace-mobile-nav-item span { font-size: 11px; line-height: 1.25; font-weight: 750; }
.fs-design .friendspace-mobile-nav-item.active,
.fs-design .friendspace-mobile-nav-item[aria-expanded="true"] { color: var(--fs-orange-deep); background: var(--fs-peach); }

/* Welcome: a personal invitation, with account access in the first screen. */
.fs-design.landing-page { --orange: var(--fs-orange); --orange-dark: var(--fs-orange-deep); --ink: var(--fs-ink); --muted: var(--fs-muted); --line: var(--fs-rule); }
.fs-design .landing-shell { min-height: min(900px, 100svh); grid-template-columns: minmax(0,1.15fr) minmax(360px,.85fr); background: var(--fs-canvas); }
.fs-design .welcome-panel { padding: 32px clamp(28px,5vw,80px); background: var(--fs-canvas); overflow: hidden; }
.fs-design .welcome-panel::before { width: 440px; height: 440px; top: auto; bottom: -290px; right: -150px; background: none; border: 1px solid #c7d7ca; box-shadow: 0 0 0 38px #e5ebdf,0 0 0 39px #c7d7ca; }
.fs-design .welcome-panel::after { display: none; }
.fs-design .brand-mark { border-radius: 12px 12px 12px 3px; box-shadow: 0 3px 0 #903517; }
.fs-design .welcome-copy { padding: 50px 0 26px; }
.fs-design .beta-status-pill { color: var(--fs-green); background: var(--fs-seaglass); border: 1px solid #bed5c9; box-shadow: none; font-size: 12px; letter-spacing: .06em; }
.fs-design .welcome-copy .eyebrow { display: none; }
.fs-design .welcome-copy h1 { font-size: clamp(44px,5.2vw,76px); line-height: 1.04; color: var(--fs-ink); letter-spacing: -.055em; }
.fs-design .welcome-lead { font-size: 18px; line-height: 1.65; max-width: 540px; margin: 22px 0; }
.fs-design .beta-welcome-note { padding: 0; margin: 0 0 24px; border: 0; background: none; color: var(--fs-muted); font-size: 14px; }
.fs-welcome-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 26px 0 32px; }
.fs-welcome-actions a { display: inline-flex; justify-content: center; align-items: center; min-height: 50px; padding: 12px 20px; border: 1px solid #bccbc1; border-radius: 12px; background: var(--fs-paper); color: var(--fs-green); font-size: 15px; font-weight: 750; text-decoration: none; }
.fs-welcome-actions a:first-child { color: white; background: var(--fs-orange); border-color: var(--fs-orange-deep); box-shadow: 0 3px 0 #923315; }
.fs-design .values { gap: 10px; }
.fs-design .value-card { padding: 14px 0; border: 0; border-top: 1px solid var(--fs-rule); border-radius: 0; background: transparent; backdrop-filter: none; }
.fs-design .value-icon { background: var(--fs-peach); border: 1px solid #eacbb6; border-radius: 11px; }
.fs-design .value-card:nth-child(2) .value-icon { background: var(--fs-lilac); color: var(--fs-lavender); border-color: #d9cce5; }
.fs-design .value-card:nth-child(3) .value-icon { background: var(--fs-seaglass); color: var(--fs-green); border-color: #c3d5ca; }
.fs-design .value-card h2 { color: var(--fs-ink); font-size: 16px; }
.fs-design .value-card p { font-size: 14px; }
.fs-design .community-promise { color: var(--fs-green); font-size: 13px; }
.fs-design .access-panel { border-left: 1px solid #d4dccf; background-color: #e6ece2; background-image: linear-gradient(#ffffff40 1px,transparent 1px),linear-gradient(90deg,#ffffff40 1px,transparent 1px); background-size: 26px 26px; padding: 40px clamp(24px,4vw,64px); }
.fs-design .login-form { background: var(--fs-paper); border: 1px solid #c4d0c3; border-top: 5px solid var(--fs-green); border-radius: 18px; box-shadow: 6px 7px 0 #d6e0d3, 0 18px 36px #24343b0d; }
.fs-design .form-kicker { color: var(--fs-green); font-size: 12px; }
.fs-design .field-label { font-size: 14px; }
.fs-design .login-form :is(input,select) { background: #fff; border-color: #cbd2ca; font-size: 16px; }
.fs-design .login-form :is(.field-hint,.age-note,.verification-tip,.verification-recovery p) { font-size: 13px; line-height: 1.5; color: var(--fs-muted); }
.fs-design .account-help a { font-size: 13px; }
.fs-design .login-btn { background: var(--fs-orange); border-color: var(--fs-orange-deep); box-shadow: 0 3px 0 #94391d; }
.fs-design .signup-btn { background: var(--fs-seaglass); border-color: #bad0c2; color: var(--fs-green); }
.fs-design .footer { background: var(--fs-canvas); border-color: var(--fs-rule); font-size: 13px; }

/* Everyday feeds: framed conversations, with optional social rituals nearby. */
.fs-design[data-fs-page="newsfeed"] { --main-space-ink: var(--fs-ink); --main-space-paper: var(--fs-paper); --main-space-rule: var(--fs-rule); --main-space-orange: var(--fs-orange); }
.fs-design .feed-center > * { order: 0 !important; }
.fs-design .feed-center > [hidden] { display: none; }
.fs-design:where([data-fs-page="newsfeed"]) :is(.post-card,.friendspace-post-card,.friendspace-composer,.friendspace-social-compass,.friendspace-story-deck,.friendspace-your-corner,.sidebar-module) {
  border-color: var(--fs-rule); border-radius: 16px; background-color: var(--fs-paper); box-shadow: var(--fs-shadow);
}
.fs-design .friendspace-composer { border-top: 3px solid var(--fs-orange); border-radius: 16px !important; }
.fs-design .friendspace-conversations-heading { border: 0; border-radius: 0; background: none; padding: 4px 2px 14px; }
.fs-design .friendspace-conversations-heading h2 { color: var(--fs-ink); font-size: 22px; }
.fs-design.friendspace-identity-beta-enabled .friendspace-conversations-heading h2::after { content: none; }
.fs-design .friendspace-conversations-heading p { color: var(--fs-green); }
.fs-design .friendspace-conversations-heading > span { color: var(--fs-muted); }
.fs-design .friendspace-composer textarea { min-height: 64px; font-size: 16px; background: #fff; }
.fs-design .friendspace-composer :is(.friendspace-primary-action,.friendspace-composer-tools button) { min-height: 44px; }
.fs-design .friendspace-composer-draft { font-size: 12px; }
.fs-design .friendspace-social-compass { padding: 16px; border-top: 3px solid var(--fs-green); }
.fs-design .friendspace-compass-identity > p { color: var(--fs-green); font-size: 11px; letter-spacing: .09em; }
.fs-design .friendspace-compass-identity h2 { font-family: Georgia,serif; font-size: 23px; }
.fs-design .friendspace-compass-copy { font-size: 13px; line-height: 1.5; }
.fs-design .friendspace-feed-tabs { margin-top: 12px; gap: 8px; }
.fs-design .friendspace-feed-tabs button { min-height: 44px; font-size: 13px; padding: 8px 12px; }
.fs-design .friendspace-feed-tabs button[aria-selected="true"] { background: var(--fs-green); border-color: var(--fs-green); color: white; }
.fs-design .friendspace-bulletin { background: var(--fs-peach); border-color: #e8d0b8; }
.fs-design[data-fs-page="newsfeed"] .friendspace-post-meta { font-size: 13px; }
.fs-design[data-fs-page="newsfeed"] .friendspace-post-body .post-content-container { color: var(--fs-ink); font-size: 16px; line-height: 1.7; }
.fs-social-fold { margin: 0 0 16px; border: 1px solid #c6d6cb; border-radius: 16px; background: var(--fs-paper); box-shadow: var(--fs-shadow); overflow: hidden; }
.fs-social-fold > summary { display: flex; align-items: center; gap: 12px; padding: 14px 16px; min-height: 58px; cursor: pointer; list-style: none; color: var(--fs-green); }
.fs-social-fold > summary::-webkit-details-marker { display: none; }
.fs-social-fold > summary::after { content: '+'; margin-left: auto; font-size: 24px; font-weight: 400; }
.fs-social-fold[open] > summary::after { content: '−'; }
.fs-social-fold > summary strong { display: block; font-size: 15px; }
.fs-social-fold > summary small { display: block; font-size: 12px; color: var(--fs-muted); }
.fs-social-fold > summary > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: var(--fs-seaglass); }
.fs-social-fold > section { margin: 0 !important; border: 0 !important; border-radius: 0 !important; }
.fs-design .friendspace-your-corner { border-top: 3px solid var(--fs-orange); }
.fs-design .friendspace-your-corner .friendspace-corner-stats { background: var(--fs-peach); }

/* Discovery feels like browsing a neighborhood noticeboard. */
.fs-design .discover-shell { max-width: 1160px; padding-top: 26px; }
.fs-design .discover-intro { min-height: 0; padding: 28px 32px; border: 1px solid #c7d7c9; border-radius: 22px; color: var(--fs-ink); background: var(--fs-seaglass); box-shadow: 4px 4px 0 #cfddcf; }
.fs-design .discover-orbit { border-color: #abcbb7; box-shadow: 0 0 0 50px #ffffff20; }
.fs-design .discover-eyebrow { color: var(--fs-green); font-size: 12px; }
.fs-design .discover-intro h1 { margin: 12px 0; font-size: clamp(30px,4vw,48px); max-width: 770px; }
.fs-design .discover-intro > p:not(.discover-eyebrow):not(.discover-search-error) { color: #4b655d; }
.fs-design .discover-search { margin-top: 22px; border: 1px solid #b8ccbb; border-radius: 13px; box-shadow: 0 3px 0 #c3d4c4; }
.fs-design .discover-search input { font-size: 16px; }
.fs-design .discover-search button { border-radius: 9px; background: var(--fs-green); }
.fs-design .discover-search-error { color: #9c2922 !important; }
.fs-design .discover-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 24px; }
.fs-design .discover-card { min-height: 198px; padding: 22px; border: 1px solid var(--fs-rule); border-top: 3px solid var(--topic-ink); border-radius: 16px; background: var(--fs-paper); box-shadow: var(--fs-shadow); }
.fs-design .discover-card-icon { border: 1px solid #24343b12; border-radius: 12px; }
.fs-design .discover-card > small,.fs-design .discover-local-copy > small { font-size: 14px; color: var(--fs-muted); }
.fs-design .discover-open { font-size: 13px; }
.fs-design .discover-local { grid-column: auto; flex-direction: column; align-items: flex-start; gap: 0; }
.fs-design .discover-local-arrow,.fs-design .discover-local-kicker { display: none; }
.fs-design .discover-local-copy > strong { margin-top: 16px; }
.fs-design .discover-local-copy { flex: 1; }
.fs-design .discover-results { border-color: var(--fs-rule); border-radius: 18px; background: var(--fs-paper); }
.fs-design .discover-result { min-height: 78px; padding: 12px 16px; }
.fs-design .discover-result strong { font-size: 16px; }
.fs-design .discover-result small { font-size: 13px; white-space: normal; line-height: 1.5; }

/* Music keeps its record-sleeve character; actual tracks get the spotlight. */
.fs-design .music-stage { background: #1d3c3d; border: 1px solid #123638; border-radius: 22px; box-shadow: 5px 5px 0 #ccdbd2; }
.fs-design .music-stage::before { opacity: .45; }
.fs-design .music-stage-title { font-family: Georgia,serif; font-size: clamp(32px,4vw,52px); line-height: 1.05; letter-spacing: -.045em; }
.fs-design .music-stage-copy { font-size: 15px; line-height: 1.6; max-width: 520px; }
.fs-design .music-stage-kicker { color: #f8c8a4; font-size: 12px; }
.fs-design .music-stage-action { min-height: 44px; border-radius: 10px; font-size: 13px; }
.fs-design .music-stage-action.primary { background: #f5c69c; border-color: #f5c69c; color: #492b1c; }
.fs-music-tools { min-width: 0; }
.fs-music-tools > summary { display: flex; align-items: center; justify-content: center; min-height: 44px; border: 1px solid #ffffff38; border-radius: 10px; padding: 10px 14px; font-size: 13px; font-weight: 700; cursor: pointer; }
.fs-music-tools > div { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 10px; }
.fs-music-tools[open] { grid-column: 1 / -1; }
.fs-music-totals { margin-top: 16px; font-size: 13px; }
.fs-music-totals > summary { min-height: 44px; padding: 12px 0; cursor: pointer; color: #d6e8df; }
.fs-design .music-feature { padding: 20px; min-height: 0; border: 1px solid #c9dec438; border-radius: 16px; background: #ffffff0b; }
.fs-design .music-feature-cover { border: 4px solid #fff6e0; border-radius: 6px; box-shadow: 4px 4px 0 #0b222c55; }
.fs-design .music-feature-title { font-family: Georgia,serif; font-size: 26px; }
.fs-design .music-feature-label,.fs-design .music-feature-meta { font-size: 12px; }
.fs-design .music-feature-actions { grid-column: 1 / -1; margin-top: 0; }
.fs-design .music-feature-button { min-height: 44px; font-size: 13px; }
.fs-design .music-feature-button.primary { background: #f5c69c; color: #492b1c; }
.fs-design .music-stage-stats { margin-top: 18px; border-top: 1px solid #ffffff26; padding-top: 14px; }
.fs-design .music-stage-stats > div { padding: 4px 10px; background: none; border: 0; }
.fs-design .music-stage-stats small { font-size: 12px; }
.fs-design .music-lane { background: var(--fs-paper); border-color: var(--fs-rule); border-radius: 13px; }
.fs-design .music-lane strong { font-size: 14px; }
.fs-design .music-lane span span { font-size: 12px; }
.fs-design .music-shell .module { border-color: var(--fs-rule); border-radius: 16px; box-shadow: var(--fs-shadow); }
.fs-design #track-list { grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); }
.fs-design .track-card { min-width: 0; max-width: 100%; }
.fs-design .music-section-heading { color: var(--fs-ink); }

/* Video, reading, people and local discovery share structure, not decoration. */
.fs-design .watch-hero { padding: 28px 32px; border-radius: 22px; background: #34354b; border: 1px solid #27293b; box-shadow: 4px 4px 0 #dcd6e8; }
.fs-design .watch-hero::before { background: linear-gradient(120deg,#34354b,#49425c); }
.fs-design .watch-hero-title { font-size: clamp(30px,3.6vw,46px); line-height: 1.1; max-width: 850px; }
.fs-design .watch-hero-copy { font-size: 15px; line-height: 1.6; max-width: 650px; }
.fs-design .watch-hero .watch-button { min-height: 44px; font-size: 13px; }
.fs-design .watch-panel,.fs-design .watch-role-card { border-color: var(--fs-rule); border-radius: 18px; box-shadow: var(--fs-shadow); }
.fs-design .watch-tab { min-height: 44px; font-size: 14px; }
.fs-design .blogs-hero { background: #503e53; border-radius: 22px; border: 1px solid #3e3040; box-shadow: 4px 4px 0 #e2d6df; }
.fs-design .blogs-hero h1 { font-family: Georgia,serif; font-size: clamp(32px,4vw,48px); }
.fs-design :is(.business-directory-hero,.circle-finder-hero,.community-hero) { border-radius: 18px; border: 1px solid #d8d3be; background: #f8f0dc; box-shadow: 3px 3px 0 #e8e0cd; }
.fs-design :is(.business-directory-hero,.circle-finder-hero,.community-hero) h1 { font-family: Georgia,serif; color: var(--fs-ink); font-size: clamp(28px,3.4vw,42px); line-height: 1.15; }
.fs-design :is(.business-directory-hero,.circle-finder-hero,.community-hero) p { color: var(--fs-muted); font-size: 15px; line-height: 1.6; }
.fs-design :is(.business-directory-panel,.circle-finder-panel) { border-color: var(--fs-rule); border-radius: 16px; background: var(--fs-paper); }

/* Setup and recovery use the same well-defined form frame. */
.fs-setup-details { margin-top: 16px; }
.fs-setup-details > summary { min-height: 44px; padding-block: 10px; font-size: 14px; line-height: 1.5; cursor: pointer; color: #e2eee7; }
.fs-design .business-setup-header { background: var(--fs-paper); border-color: var(--fs-rule); }
.fs-design .business-setup-header > a:first-child { color: var(--fs-orange); }
.fs-design .setup-back { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; }
.fs-design .setup-welcome { padding: 28px; border-radius: 20px; background: #283e42; box-shadow: 4px 4px 0 #cfddcf; }
.fs-design .setup-welcome h1 { font-size: clamp(28px,3vw,40px); line-height: 1.15; }
.fs-design .setup-welcome > div > p:last-child { font-size: 15px; line-height: 1.6; }
.fs-design .setup-promises { margin-top: 10px; }
.fs-design .setup-card { border-color: var(--fs-rule); background: var(--fs-paper); border-radius: 18px; box-shadow: var(--fs-shadow); }
.fs-design .setup-card input { min-width: 0; }
.fs-design .setup-step { color: var(--fs-orange); }
.fs-design .setup-submit button { background: var(--fs-orange); box-shadow: 0 3px 0 var(--fs-orange-deep); }
.fs-design .creator-onboarding-card { background: var(--fs-paper); border-color: var(--fs-rule); box-shadow: var(--fs-shadow); }
.fs-design .creator-onboarding-layout { grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); }
.fs-design :is(.creator-onboarding-layout,.creator-onboarding-preview) > * { min-width: 0; }
.fs-design .creator-onboarding-preview { overflow-wrap: anywhere; }
.fs-design .creator-onboarding-hero { padding: 28px; border-radius: 20px; background: #283e42; }
.fs-design .creator-onboarding-hero h1 { font-size: clamp(28px,3vw,40px); line-height: 1.15; }
.fs-design .creator-onboarding-hero-card { padding: 12px; }
.fs-design .creator-onboarding-actions > div { display: flex; flex-wrap: wrap; gap: 10px; min-width: 0; }
.fs-design .creator-onboarding-actions [hidden] { display: none; }
.fs-design[data-fs-page="reset-password"] { box-sizing: border-box; margin: 0; padding: 24px 16px; min-height: 100svh; font-family: Inter,system-ui,sans-serif; background: var(--fs-canvas); }
.fs-design .reset-card { box-sizing: border-box; width: min(440px,100%); padding: clamp(22px,5vw,34px); border: 1px solid #c4d0c3; border-top: 5px solid var(--fs-green); border-radius: 18px; background: var(--fs-paper); box-shadow: 5px 5px 0 #dce5d7; }
.fs-design .reset-card h1 { font-size: 28px; line-height: 1.2; letter-spacing: -.03em; margin-top: 22px; }
.fs-design .reset-card p { color: var(--fs-muted); font-size: 14px; }
.fs-design .reset-card :is(input,button) { min-height: 48px; font-size: 16px; }
.fs-design .reset-card label { display: block; margin-top: 14px; font-size: 14px; font-weight: 700; }
.fs-design .reset-card .brand { color: var(--fs-orange); }
.fs-design .fs-form-recovery { display: inline-flex; align-items: center; min-height: 44px; color: var(--fs-green); font-weight: 700; font-size: 14px; }

/* Instant retains its familiar window and buddy-list language. */
.fs-design.friendspace-instant-page { --instant-orange: var(--fs-orange); --instant-navy: var(--fs-ink); --instant-blue: var(--fs-green); --instant-rule: #bdcfc6; --instant-paper: var(--fs-paper); }
.fs-design .friendspace-instant-window { border-color: #a8c0b5; border-radius: 12px; box-shadow: 4px 4px 0 #d1ddd2,0 15px 32px #24343b12; }
.fs-design .friendspace-instant-appbar { background: linear-gradient(110deg,#253e40,#245f53); }
.fs-design .friendspace-instant-circle-list { background: #f2f5ef; }
.fs-design :is(.friendspace-instant-list-head,.friendspace-instant-chat-head) { background: linear-gradient(var(--fs-paper),var(--fs-seaglass)); }
.fs-design .friendspace-instant-list-label { background: var(--fs-seaglass); color: var(--fs-green); font-size: 12px; }
.fs-design .friendspace-instant-contact-name { font-size: 15px; color: var(--fs-ink); }
.fs-design .friendspace-instant-contact-summary { font-size: 13px; color: var(--fs-muted); }
.fs-design :is(.friendspace-instant-contact-time,.friendspace-instant-message-time) { font-size: 12px; color: var(--fs-muted); }
.fs-design .friendspace-instant-message-byline strong { font-size: 13px; color: var(--fs-green); }
.fs-design .friendspace-instant-composer { background: var(--fs-seaglass); }
.fs-design .friendspace-instant-entry textarea { min-height: 54px; font-size: 16px; }
.fs-design :is(.friendspace-instant-status-label select,.friendspace-instant-status-message-label input,.friendspace-instant-status-update,.friendspace-instant-sound-toggle,.friendspace-instant-new,.friendspace-instant-mobile-back,.friendspace-instant-composer .message-tool-btn) { height: auto; min-height: 44px; font-size: 13px; }
.fs-design :is(.friendspace-instant-classic-actions a,.friendspace-instant-classic-actions button,.friendspace-smiley-categories button) { min-height: 44px; font-size: 12px; }
.fs-design .friendspace-instant-message-actions button { min-height: 44px; font-size: 12px; color: var(--fs-muted); }
.fs-design .friendspace-smiley-head button { width: 44px; height: 44px; }
.fs-design .friendspace-smiley-grid { grid-template-columns: repeat(auto-fit,minmax(40px,1fr)); }
.fs-design .friendspace-smiley-icon { min-height: 44px; }

@media (max-width: 980px) {
  .fs-design .landing-shell { grid-template-columns: 1fr; }
  .fs-design .welcome-panel { padding: 24px 32px; }
  .fs-design .welcome-copy { padding-top: 28px; }
  .fs-design .values { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .fs-design .value-card { display: block; }
  .fs-design .access-panel { border-left: 0; border-top: 1px solid #d4dccf; }
  .fs-design .creator-onboarding-layout { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 760px) {
  .fs-design[data-fs-page="messages"] #brand-home-link { font-size: 20px; letter-spacing: -.045em; min-width: 0; flex-shrink: 1; }
  .fs-design .friendspace-header-nav > a.friendspace-header-icon[href*="messages.html"] { display: inline-flex; }
  .fs-design .friendspace-header-nav { gap: 2px; }
  .fs-design .friendspace-mobile-search-trigger { width: 44px; height: 44px; }
  .fs-design .friendspace-header__nav > a { display: none; }
  .fs-design .friendspace-header__nav > a:is([href*="messages.html"],[href*="notifications.html"]) { display: inline-grid; width: 44px; height: 44px; }
  .fs-design .friendspace-header__nav { gap: 2px; min-width: 0; }
  .fs-design .friendspace-header { padding-inline: 12px; gap: 8px; }
  .fs-design .friendspace-header__brand { font-size: 20px; }
  .fs-design .friendspace-header__search { display: none; }
  .fs-design .discover-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .fs-design .discover-card { min-height: 198px; padding: 16px; }
  .fs-design .discover-intro { padding: 24px; }
  .fs-design .music-stage-grid { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .fs-design .music-stage-title { font-size: 34px; }
  .fs-design .music-stage-copy { font-size: 14px; margin-top: 12px; }
  .fs-design .music-feature { display: grid; grid-template-columns: 80px minmax(0,1fr); gap: 16px; padding: 16px; }
  .fs-design .music-feature-cover { width: 80px; height: 80px; }
  .fs-design .music-feature-title { font-size: 22px; }
  .fs-design .music-feature-actions { flex-wrap: wrap; }
  .fs-design .music-stage-stats { display: flex; flex-wrap: wrap; gap: 14px; }
  .fs-design .music-stage-stats > div { flex: 1 1 100px; }
  .fs-design .watch-hero { padding: 24px; }
  .fs-design .watch-hero-title { font-size: 30px; }
}
@media (max-width: 520px) {
  .fs-design .friendspace-instant-self { display: grid; grid-template-columns: 36px minmax(0,1fr) 44px 44px; gap: 8px; }
  .fs-design .friendspace-instant-self-avatar { grid-column: 1; grid-row: 1; }
  .fs-design .friendspace-instant-status-label { grid-column: 2 / 4; grid-row: 1; }
  .fs-design .friendspace-instant-status-label select { width: 100%; }
  .fs-design .friendspace-instant-sound-toggle { grid-column: 4; grid-row: 1; width: 44px; }
  .fs-design .friendspace-instant-status-message-label { grid-column: 1 / 4; grid-row: 2; min-width: 0; }
  .fs-design .friendspace-instant-status-update { grid-column: 4; grid-row: 2; width: 44px; }
  .fs-design .welcome-panel { padding: 24px 20px 12px; }
  .fs-design .welcome-copy { padding-top: 28px; }
  .fs-design .welcome-copy h1 { font-size: 43px; }
  .fs-design .welcome-lead { font-size: 16px; line-height: 1.6; margin: 18px 0; }
  .fs-design .beta-welcome-note { display: none; }
  .fs-welcome-actions { margin: 24px 0; }
  .fs-welcome-actions a:first-child { flex: 1 1 180px; }
  .fs-welcome-actions a:last-child { flex: 1 1 80px; }
  .fs-design .values { grid-template-columns: 1fr; }
  .fs-design .value-card { display: flex; padding: 12px 0; }
  .fs-design .value-card p { font-size: 13px; }
  .fs-design .access-panel { padding: 32px 18px 42px; }
  .fs-design .login-form { padding: 24px 20px; }
  .fs-design .discover-shell { padding: 16px 14px 40px; }
  .fs-design .discover-intro { padding: 22px 18px; }
  .fs-design .discover-intro h1 { font-size: 30px; margin: 12px 0; }
  .fs-design .discover-intro > p:not(.discover-eyebrow):not(.discover-search-error) { font-size: 14px; }
  .fs-design .discover-card { min-height: 205px; padding: 15px; }
  .fs-design .discover-card > strong,.fs-design .discover-local-copy > strong { font-size: 16px; }
  .fs-design .discover-card > small,.fs-design .discover-local-copy > small { font-size: 13px; }
  .fs-design .discover-open { font-size: 12px; }
  .fs-design .friendspace-composer { padding: 16px !important; }
  .fs-design .friendspace-composer-header { flex-wrap: wrap; }
  .fs-design .friendspace-social-compass { padding: 14px; }
  .fs-design .friendspace-compass-copy { display: none; }
  .fs-design .friendspace-feed-tabs button { font-size: 13px; }
  .fs-design .creator-onboarding-preview { padding: 16px; }
  .fs-design .creator-onboarding-actions { flex-wrap: wrap; }
  .fs-design .creator-onboarding-hero { padding: 22px; }
  .fs-design .creator-onboarding-hero h1 { font-size: 28px; }
  .fs-design .friendspace-header-icon { width: 42px; height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .fs-design *, .fs-design *::before, .fs-design *::after { scroll-behavior: auto !important; }
}

/* Small, optional Circle conversation starters. */
.friendspace-circle-prompts{padding:14px 8px 4px;border-top:1px solid #e8d8c7;margin-top:12px}.friendspace-circle-prompts strong{display:block;font-size:14px;color:#24383b;margin-bottom:8px}.friendspace-circle-prompts>div{display:flex;flex-wrap:wrap;gap:8px}.friendspace-circle-prompts button{font-family:inherit;font-size:14px;font-weight:700;line-height:1.4;min-height:44px;padding:9px 13px;color:#93401f;border:1px solid #dfcfb9;border-radius:13px;background:#fffdf9;cursor:pointer}.friendspace-circle-prompts button:focus-visible{outline:3px solid #245f51;outline-offset:3px}