/* Groven / camera club. Main presentation layered over shared component styles.
   Existing controls, post markup and navigation retain their original handlers. */
@layer groven-olive, groven-signature, groven-retro-refinement, groven-retro-controls;

/* Olive Social: visual translation of the supplied compact-navigation reference.
   Existing page components, IDs, privacy rules and camera rendering stay intact.
   The earlier component rules below remain as functional/responsive fallbacks. */
@layer groven-olive {
  html[data-groven-design="2010"] body {
    --page-background:#d9e1e3!important;--retro-paper:#fff!important;--retro-field:#fff!important;
    --ink:#182b30!important;--muted:#526b70!important;--accent:#355e26!important;
    --line:#96a6aa!important;--glass:#fff!important;--glass-strong:#fff!important;
    --retro-silver:linear-gradient(180deg,#fff 0%,#edf2f3 38%,#bbc9cd 100%)!important;
    --retro-green:linear-gradient(#8dbd50 0%,#63992c 44%,#487321 100%)!important;
    --retro-green-edge:#37621a!important;--retro-shadow:0 3px 9px #223c4221!important;
    --groven-brand-button-fill:var(--retro-green)!important;--groven-brand-button-edge:var(--retro-green-edge)!important;
    --groven-brand-button-ink:#fff!important;--soft-button-gradient:var(--retro-silver)!important;
    --page-max-width:1180px!important;--content-max-width:100%!important;--side-width:185px!important;
    --rail-width:270px!important;--layout-gap:15px!important;--page-padding:12px!important;
    --olive-nav:linear-gradient(180deg,#798d44 0%,#657b36 35%,#4d6128 100%);
    --groven-ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    background:var(--page-background)!important;color:var(--ink)!important;font:13px/1.5 var(--groven-ui-font)!important;
  }
  html[data-groven-design="2010"] body.night {
    --page-background:#242e31!important;--retro-paper:#354145!important;--retro-field:#354145!important;
    --ink:#f8fbfb!important;--muted:#c5d1d4!important;--accent:#b9d99e!important;--line:#64777c!important;
    --glass:#354145!important;--glass-strong:#354145!important;
    --retro-silver:linear-gradient(#718084,#384649)!important;
    --olive-nav:linear-gradient(#5a703a,#354a23);--retro-shadow:0 3px 9px #0003!important;
  }
  body :is(h1,h2,h3,h4,h5,button,input,textarea,select,label,summary) {font-family:var(--groven-ui-font)!important;letter-spacing:normal!important}
  body :is(h1,h2,h3,h4,h5) {color:var(--ink)!important;text-shadow:none!important;font-style:normal!important}
  body :is(h1,h2,h3,h4,h5) em {font:inherit!important;color:inherit!important;letter-spacing:inherit!important;text-shadow:none!important}
  body dialog.grove-camera h2 {color:#f2f5ec!important}
  body :is(.glass-card,.retro-camera-card,.friend-card,.community-card,.profile-community-card,.guest-community,.social-person-card,.profile-details-grid article) {
    background:var(--retro-paper)!important;border:1px solid var(--line)!important;border-radius:7px!important;box-shadow:var(--retro-shadow)!important;color:var(--ink)!important;
  }
  body :is(.primary-button,.friend-follow-button,.community-join-button,.retro-compose-button,.retro-camera-launch,#guestJoin,#guestRegister) {
    background:var(--retro-green)!important;color:#fff!important;border:1px solid var(--retro-green-edge)!important;
    border-radius:4px!important;font-weight:700!important;box-shadow:inset 0 1px #c9e9a5,0 2px 3px #243b2733!important;
  }
  body :is(.soft-button,.outline-button,.close-modal,.silver-button) {background:var(--retro-silver)!important;border-color:var(--line)!important;border-radius:4px!important;box-shadow:0 1px 2px #223c421a!important;color:var(--ink)!important}
  body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select) {
    background:var(--retro-field)!important;color:var(--ink)!important;border-color:var(--line)!important;border-radius:4px!important;
  }
  body :is(input,textarea)::placeholder {color:var(--muted)!important;opacity:1!important}
  body :is(button,a,input,textarea,select,summary):focus-visible {outline:2px solid var(--accent)!important;outline-offset:3px!important}
  body dialog.grove-camera :focus-visible {outline-color:#d4f6aa!important}
  body .eyebrow {color:var(--muted)!important;font-size:10px!important;letter-spacing:.08em!important}

  /* One masthead across the real sidebar and page, as in the reference. */
  #appScreen.app-screen.is-active {
    display:grid!important;grid-template-columns:185px minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;
    align-items:start!important;gap:16px 15px!important;width:100%!important;max-width:1180px!important;
    padding:0 12px 32px!important;margin:0 auto!important;
  }
  #appScreen>.app-header {
    grid-column:1/-1!important;grid-row:1!important;position:sticky!important;top:0!important;z-index:45!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;
    width:100%!important;max-width:none!important;min-height:60px!important;margin:0!important;padding:8px 0!important;
    border:0!important;border-bottom:2px solid #748c91!important;border-radius:0!important;
    background:var(--retro-silver)!important;box-shadow:0 3px 8px #172e342b!important;
  }
  #appScreen>.app-header::before {display:block!important;content:''!important;position:absolute!important;inset:0 calc((1180px - 100vw)/2 - 12px)!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:var(--retro-silver)!important;z-index:-1!important;pointer-events:none!important}
  #appScreen>.app-header>div:not(.retro-brand):not(.header-actions) {display:none!important}
  body .retro-brand {display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;min-height:42px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;text-decoration:none!important;transform:none!important}
  body .retro-brand>img {display:block!important;width:36px!important;height:36px!important;flex:0 0 36px!important;object-fit:contain!important;border-radius:9px!important;filter:none!important;box-shadow:0 1px 3px #334b3428!important}
  body .retro-brand b {font:700 19px/1 "Segoe UI",Arial,Helvetica,sans-serif!important;letter-spacing:.01em!important;color:#345c23!important;text-shadow:0 1px #fff9!important}
  body.night .retro-brand b {color:#d4e4bd!important;text-shadow:none!important}
  .retro-header-search {display:flex!important;align-items:center!important;flex:1 1 240px!important;max-width:370px!important;min-width:0!important;height:38px!important;position:relative!important;margin:0!important}
  #retroHeaderSearchInput {width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:9px 36px 9px 11px!important;font-size:12px!important;box-shadow:inset 0 1px 2px #182b3008!important;border:1px solid var(--line)!important}
  .retro-header-search>button {position:absolute!important;right:2px!important;top:2px!important;width:34px!important;height:34px!important;min-height:34px!important;display:grid!important;place-items:center!important;padding:7px!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--muted)!important}
  .retro-header-search svg {width:19px!important;height:19px!important}
  #appScreen .header-actions {display:flex!important;align-items:center!important;flex:0 0 auto!important;gap:0!important;margin:0 0 0 auto!important;width:auto!important}
  #appScreen .header-actions :is(button,select) {display:flex!important;align-items:center!important;justify-content:center!important;min-width:34px!important;width:34px!important;height:38px!important;min-height:38px!important;padding:6px!important;border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--ink)!important;text-shadow:none!important}
  #appScreen .header-actions svg {width:21px!important;height:21px!important;flex:0 0 21px!important}
  #appScreen .header-actions .nav-hamburger i {background:currentColor!important}
  #appScreen .header-actions :is(.nav-hamburger,.nav-hamburger i) {color:var(--ink)!important}
  #appScreen .header-actions .retro-camera-header-button>span,#appScreen .header-actions .retro-header-home>span:not(.retro-nav-icon) {display:none!important}
  #appScreen .header-actions .profile-trigger {width:38px!important}
  #appScreen .header-actions .profile-trigger>i {display:none!important}
  #appScreen .header-actions .app-language-picker {display:flex!important}
  #appScreen .header-actions select {font-size:10px!important;padding:2px!important;min-width:38px!important;width:38px!important}
  #appScreen .header-actions .icon-button[aria-label="Search"] {display:none!important}
  #appScreen .notification-button b {background:#edf2de!important;color:#355e26!important;border-color:#96a66a!important}
  #appScreen>.app-content {grid-column:2!important;grid-row:2!important;min-width:0!important;padding:0!important;margin:0!important}
  .retro-local-note {font:600 9px/1.4 Arial,sans-serif!important;letter-spacing:.04em!important;text-align:left!important;color:var(--muted)!important;margin:0 0 10px!important;padding:0!important}

  /* The reference's unboxed, compact navigation keeps all existing destinations. */
  #appScreen.app-screen.is-active>.sidebar {grid-column:1!important;grid-row:2!important;position:sticky!important;top:76px!important;inset-inline:auto!important;bottom:auto!important;transform:none!important;width:100%!important;height:auto!important;max-height:calc(100dvh - 90px)!important;overflow-y:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;z-index:5!important}
  #appScreen .sidebar>.wordmark,#appScreen .mini-profile {display:none!important}
  #appScreen .sidebar .main-nav {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:2px!important;position:static!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;overflow:visible!important}
  #appScreen .sidebar .main-nav .nav-item {display:flex!important;flex-direction:row!important;flex:none!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;height:auto!important;min-height:39px!important;padding:10px 11px!important;border:0!important;border-radius:4px!important;background:none!important;box-shadow:none!important;color:var(--ink)!important;font-size:13px!important;font-weight:600!important;text-align:left!important;text-shadow:none!important}
  #appScreen .sidebar .main-nav .nav-item.active {background:linear-gradient(#82ab47,#537c28)!important;color:#fff!important;box-shadow:0 2px 5px #263f2125!important}
  #appScreen .sidebar .main-nav .nav-item>span {display:grid!important;place-items:center!important;flex:0 0 18px!important;width:18px!important;height:20px!important;font-size:17px!important;filter:none!important}
  #appScreen .sidebar .main-nav svg {width:17px!important;height:17px!important;filter:none!important}
  #appScreen .sidebar .main-nav .nav-item>b {font-size:13px!important;line-height:1.3!important}
  #appScreen .sidebar .main-nav .nav-item>i {display:none!important}
  #appScreen .sidebar .main-nav .mobile-settings-button {display:none!important}
  #appScreen .sidebar-bottom {display:block!important;position:static!important;border:0!important;margin:18px 0 0!important;padding:0!important}
  #appScreen .sidebar-bottom :is(.theme-button,.nav-item.small) {display:flex!important;width:100%!important;justify-content:flex-start!important;min-height:39px!important;padding:10px 11px!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--ink)!important;font:600 12px/1.5 Arial,sans-serif!important}
  #appScreen .sidebar-bottom p {font-size:10px!important;color:var(--muted)!important;margin:16px 11px!important}
  #appScreen .sidebar-bottom .nav-item.small {flex-direction:row!important;align-items:center!important;gap:10px!important;height:auto!important}
  #appScreen .sidebar-bottom .nav-item.small>b {display:block!important;font-size:12px!important}
  body .retro-bottom-nav {display:none!important}

  /* Real feed and publishing controls, with the reference's card construction. */
  #homePage.active-page {display:flex!important;gap:12px!important}
  #homePage .home-grid {display:grid!important;grid-template-columns:minmax(0,1fr) 270px!important;gap:15px!important;width:100%!important;margin:0!important}
  #homePage .feed-column {min-width:0!important}
  #homePage .home-side {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;min-width:0!important;align-self:start!important}
  #appScreen .composer {padding:13px!important;border-radius:7px!important;box-shadow:var(--retro-shadow)!important;overflow:hidden!important}
  #appScreen .composer-window-title {display:none!important}
  #appScreen .composer-top {display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;padding:0!important}
  #appScreen .composer-top .mini-avatar {width:44px!important;height:44px!important;border-radius:4px!important;margin-top:0!important;border:1px solid var(--line)!important;box-shadow:none!important;background-color:var(--page-background)!important}
  #appScreen #openComposer {height:75px!important;min-height:75px!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;padding:11px!important;font:400 13px/1.5 Arial,sans-serif!important;color:var(--muted)!important;text-align:left!important;border:1px solid var(--line)!important;background:var(--retro-field)!important;border-radius:4px!important;box-shadow:none!important}
  #appScreen .composer-actions {display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:4px 10px!important;margin:8px 0 0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
  #appScreen .composer-actions>button {width:auto!important;min-width:0!important;min-height:36px!important;padding:5px 0!important;font:400 12px/1.3 Arial,sans-serif!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--muted)!important;text-decoration:none!important}
  #appScreen .composer-actions>.retro-compose-button {margin-left:auto!important;padding:8px 18px!important;min-width:62px!important;min-height:34px!important;background:var(--retro-green)!important;color:#fff!important;border:1px solid var(--retro-green-edge)!important;border-radius:4px!important;box-shadow:inset 0 1px #c9e9a5,0 2px 3px #243b2733!important;font-weight:700!important}
  #appScreen .emoji-dock {height:auto!important;min-height:42px!important;padding:6px 0 0!important;margin:4px 0 0!important;gap:6px!important;border:0!important;background:none!important;box-shadow:none!important}
  #appScreen .emoji-dock>button {min-width:36px!important;min-height:36px!important;width:auto!important;height:36px!important;padding:2px!important;background:none!important;border:0!important;box-shadow:none!important}
  #appScreen .emoji-dock .groven-yolk-emoji {width:32px!important;height:32px!important;min-width:32px!important}
  #appScreen .emoji-dock>.groven-personal-open {font-size:10px!important;color:var(--muted)!important}
  #appScreen .feed-toolbar {display:block!important;width:100%!important;margin:12px 0 0!important;padding:0!important;background:var(--retro-silver)!important;border:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}
  #appScreen .feed-toolbar>div:first-child {display:none!important}
  #appScreen .feed-filters {display:flex!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:100%!important;gap:0!important}
  body :is(#appScreen,#guestScreen) .feed-filter {flex:1!important;min-width:0!important;min-height:42px!important;margin:0!important;padding:10px 12px!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;background:none!important;color:var(--ink)!important;font-size:12px!important;font-weight:400!important;box-shadow:none!important}
  body :is(#appScreen,#guestScreen) .feed-filter:last-child {border-right:0!important}
  body :is(#appScreen,#guestScreen) .feed-filter.active {background:var(--retro-silver)!important;color:var(--ink)!important;font-weight:700!important;box-shadow:inset 0 -3px #6a9f2e!important}
  body :is(#appScreen,#guestScreen) .post-feed {gap:0!important}
  body :is(#appScreen,#guestScreen) .post-card {margin:0!important;padding:0!important;border:1px solid var(--line)!important;border-bottom:2px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;background:var(--retro-paper)!important;overflow:hidden!important}
  body :is(#appScreen,#guestScreen) .post-card:first-child {border-radius:7px 7px 0 0!important}
  body :is(#appScreen,#guestScreen) .post-card:last-child {border-radius:0 0 7px 7px!important;box-shadow:0 3px 9px #223c4215!important}
  body :is(#appScreen,#guestScreen) .post-card:only-child {border-radius:7px!important}
  body :is(#appScreen,#guestScreen) .post-card-head {min-height:74px!important;padding:17px!important;gap:10px!important;border:0!important;background:var(--retro-paper)!important;box-shadow:none!important}
  body :is(#appScreen,#guestScreen) .post-card-avatar {width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:4px!important;border:1px solid var(--line)!important;background-color:var(--page-background)!important;box-shadow:none!important}
  body :is(#appScreen,#guestScreen) :is(.post-card-author b,.post-author-link b) {font-size:13px!important;color:var(--ink)!important}
  body :is(#appScreen,#guestScreen) :is(.post-card-handle,.post-card-author time,.post-author-link time) {font-size:11px!important;color:var(--muted)!important}
  body :is(#appScreen,#guestScreen) .post-card-body {margin:0!important;padding:0 17px 14px 71px!important;font-size:14px!important;line-height:1.55!important;background:var(--retro-paper)!important;color:var(--ink)!important}
  body :is(#appScreen,#guestScreen) .post-media {width:calc(100% - 88px)!important;margin:0 17px 12px 71px!important;padding:0!important;border:0!important;border-radius:3px!important;background:var(--page-background)!important;box-shadow:none!important}
  body :is(#appScreen,#guestScreen) .post-social-bar {display:flex!important;justify-content:flex-start!important;gap:12px!important;margin:0!important;padding:0 17px 12px 71px!important;border:0!important;background:var(--retro-paper)!important}
  body :is(#appScreen,#guestScreen) .post-social-bar>button {width:auto!important;flex:0 1 auto!important;min-height:32px!important;padding:3px 2px!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;font-size:12px!important;color:var(--accent)!important}
  body :is(.post-comments,.post-comment-form) {background:var(--retro-paper)!important;border-color:var(--line)!important;color:var(--ink)!important}
  #homePage .welcome-ribbon {background:linear-gradient(#f7fbf4,#e5f0db)!important;border:1px solid #b9d1a5!important;border-radius:5px!important;padding:12px 14px!important;color:#416a26!important;box-shadow:0 1px 3px #0001!important}
  body.night #homePage .welcome-ribbon {background:#344b37!important;border-color:#597e47!important;color:#d6ebc9!important}

  /* Right rail uses real Groven widgets, never copied activity or invented counts. */
  body #appScreen .home-side :is(.today-prompt,.day-card,.onboarding,.home-rail-links),body .retro-camera-card {padding:13px!important;gap:10px!important;border-radius:7px!important;box-shadow:var(--retro-shadow)!important;background:var(--retro-paper)!important}
  .home-side :is(.today-prompt,.day-card,.home-rail-links)>.eyebrow,.retro-camera-card>.eyebrow {display:block!important;grid-column:1/-1!important;margin:-13px -13px 12px!important;padding:11px 13px!important;border-bottom:1px solid var(--line)!important;border-radius:6px 6px 0 0!important;background:var(--retro-silver)!important;color:var(--ink)!important;font-size:12px!important;letter-spacing:0!important;font-weight:700!important}
  .home-side :is(.today-prompt,.day-card,.onboarding) h3 {font-size:16px!important;line-height:1.4!important}
  .home-side p {font-size:12px!important;line-height:1.6!important;color:var(--muted)!important}
  .home-side .day-card-clock {font-size:32px!important;line-height:1.2!important;color:var(--ink)!important}
  .home-side .home-rail-links>button {min-height:42px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--ink)!important}
  .home-side .home-rail-links>button:last-child {border-bottom:0!important}
  body .retro-camera-card>h2 {font-size:22px!important;line-height:1.2!important;color:var(--ink)!important}
  body .retro-camera-art {width:100%!important;max-width:170px!important;aspect-ratio:1.5!important;min-height:112px!important;margin:0 auto!important}
  body .retro-camera-art>i {width:62px!important;height:62px!important;border-width:6px!important}
  body .retro-camera-art::after {display:none!important}
  body .retro-camera-card>p:not(.eyebrow) {font-size:12px!important;line-height:1.5!important;margin:0!important;color:var(--muted)!important}
  body .retro-camera-card>small {font-size:10px!important;line-height:1.4!important;color:var(--muted)!important}
  body .retro-camera-launch {min-height:40px!important}
  body .retro-camera-sample {min-height:32px!important;font-size:11px!important;color:var(--accent)!important}

  /* Profile, communities, library and forms share the silver/white materials. */
  body #profilePage .profile-hero {--profile-cover-height:170px;--profile-avatar-size:102px;--profile-content-inset:18px;background:var(--retro-paper)!important;border-radius:7px!important}
  body #profilePage .profile-identity {margin:16px 18px 0!important;gap:14px!important}
  body #profilePage .profile-identity>.large-avatar {border:4px solid var(--retro-paper)!important;box-shadow:0 0 0 1px var(--line)!important;border-radius:4px!important}
  body #profilePage .profile-identity h3 {font-size:24px!important;letter-spacing:0!important}
  body #profilePage .profile-stats {background:var(--retro-paper)!important;border-color:var(--line)!important}
  body #profilePage .profile-stats>* {min-height:68px!important;border-color:var(--line)!important;color:var(--muted)!important}
  body #profilePage .profile-stats b {font-size:19px!important;color:var(--ink)!important}
  body #profilePage .profile-section-tiles>button {min-height:56px!important;flex-direction:row!important;gap:8px!important;background:var(--retro-silver)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important}
  body #profilePage .profile-section-tiles>button>span {font-size:18px!important}
  body #profilePage :is(.profile-details-card,.profile-shop,.profile-guestbook) {padding:18px!important}
  body #profilePage :is(.profile-details-heading h3,.profile-shop-head h3,.profile-guestbook-head h3) {font-size:20px!important}
  body #groviePanel .grovie-actions button {background:var(--retro-silver)!important;border:1px solid var(--line)!important;border-radius:4px!important;box-shadow:0 1px 2px #223c421a!important;color:var(--ink)!important;text-shadow:none!important}
  body :is(.friends-intro h3,.communities-page-head h3,.music-heading h3,.friends-empty h4) {font-size:24px!important;line-height:1.25!important;letter-spacing:0!important}
  body :is(.friends-empty,.contact-panel,.communities-directory,.local-music-library,.spotify-quick-start,.spotify-main-library) {padding:18px!important}
  body :is(.profile-signals span,.handle,.profile-bio,.guest-notice,.guest-welcome-hint,.guest-feed-heading>span,.site-credits) {color:var(--muted)!important}
  body :is(.groven-device-player,.groven-device-transport,.streaming-shelf,.spotify-main-library-head,.local-music-head) {background:var(--retro-silver)!important;border-color:var(--line)!important;color:var(--ink)!important;border-radius:5px!important}
  /* Grovie shop: an Aero library window around the existing inventory.
     Sprite sheets, sprite geometry, room art and purchasing handlers are untouched. */
  body #profilePage #profileShop {
    --shop-paper:#fff;--shop-surface:#edf3f6;--shop-edge:#a5b8c4;
    --shop-header:linear-gradient(180deg,#fbfdff 0%,#e9f2f8 48%,#d6e5ee 49%,#edf4f8 100%);
    --shop-toolbar:linear-gradient(#fbfdfe,#e7eff3);--shop-card-footer:linear-gradient(#f7fafc,#eef4f6);
    --shop-ink:#243c48;--shop-muted:#536c79;
    padding:0!important;overflow:hidden!important;border:1px solid var(--shop-edge)!important;
    border-radius:9px!important;background:var(--shop-surface)!important;
    box-shadow:inset 0 0 0 1px #ffffffb3,0 3px 9px #223c4221!important;
    scroll-margin-top:calc(82px + env(safe-area-inset-top,0px));
  }
  body #profileShop .profile-shop-head {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
    gap:16px!important;padding:20px!important;border-bottom:1px solid var(--shop-edge)!important;
    background:var(--shop-header)!important;box-shadow:inset 0 1px #ffffffb3!important;
  }
  body #profileShop .profile-shop-head>div:first-child {min-width:0!important}
  body #profileShop .profile-shop-head .eyebrow {margin:0 0 6px!important;color:var(--shop-muted)!important;font-size:10px!important;letter-spacing:.08em!important}
  body #profilePage #profileShop .profile-shop-head h3 {margin:0!important;font:600 22px/1.28 var(--groven-ui-font)!important;color:var(--shop-ink)!important;overflow-wrap:anywhere!important}
  body #profileShop #shopHint {max-width:55ch!important;margin:8px 0 0!important;font-size:12px!important;line-height:1.6!important;color:var(--shop-muted)!important}
  body #profileShop .grovin-wallet {
    grid-template-columns:34px auto!important;column-gap:9px!important;row-gap:4px!important;min-width:112px!important;
    padding:12px!important;border:1px solid #adbb9c!important;border-radius:7px!important;
    background:linear-gradient(#fffffff2,#e9f1db)!important;box-shadow:inset 0 1px #fff,0 1px 3px #40562c16!important;
  }
  body #profileShop .grovin-wallet>span {display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border:1px solid #ad8c37!important;border-radius:50%!important;background:linear-gradient(#fff4bd,#ead185 48%,#cda74d 51%,#f1d68a)!important;box-shadow:inset 0 0 0 2px #fff4c17a,0 1px 2px #6a582532!important;color:#77571c!important;font:700 20px/1 var(--groven-ui-font)!important;text-shadow:0 1px #fff5c8!important}
  body #profileShop .grovin-wallet b {font:700 22px/1.1 var(--groven-ui-font)!important;font-variant-numeric:tabular-nums!important;color:#355128!important}
  body #profileShop .grovin-wallet small {font:600 10px/1.3 var(--groven-ui-font)!important;letter-spacing:.04em!important;color:#52663f!important}
  body #profileShop .shop-tabs {
    display:flex!important;flex-wrap:wrap!important;gap:5px!important;overflow:visible!important;
    margin:0!important;padding:10px 14px!important;border-bottom:1px solid var(--shop-edge)!important;background:var(--shop-toolbar)!important;
  }
  body #profileShop .shop-tabs>button {
    flex:0 1 auto!important;min-width:44px!important;min-height:44px!important;padding:9px 15px!important;
    border:1px solid transparent!important;border-radius:5px!important;background:none!important;box-shadow:none!important;
    color:var(--shop-ink)!important;font:500 13px/1.25 var(--groven-ui-font)!important;white-space:normal!important;
  }
  body #profileShop .shop-tabs>button.active {border-color:#91a9b4!important;background:linear-gradient(#fff,#dcebf2)!important;box-shadow:inset 0 1px #fff,inset 0 -2px #6f8e49,0 1px 2px #30485614!important;font-weight:600!important;color:#294d28!important}
  body #profileShop .shop-founder-note {margin:14px 14px 0!important;padding:10px 12px!important;border:1px solid #bdcda9!important;border-left:3px solid #7c9a53!important;border-radius:5px!important;background:#f3f7eb!important;color:#425c31!important;font-size:12px!important;line-height:1.5!important}
  body #profileShop .shop-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:14px!important}
  body #profileShop .shop-item {
    --shop-preview-column:64px;--shop-item-accent:#7ba0ba;
    display:grid!important;grid-template-columns:var(--shop-preview-column) minmax(0,1fr)!important;
    grid-template-rows:minmax(76px,auto) auto!important;align-items:center!important;gap:12px!important;
    min-width:0!important;padding:14px 14px 0!important;border:1px solid var(--shop-edge)!important;border-radius:7px!important;
    background:var(--shop-paper)!important;box-shadow:inset 3px 0 var(--shop-item-accent),0 1px 3px #3048560c!important;
  }
  body #profileShop .shop-item-grovie {--shop-item-accent:#85a85b}
  body #profileShop .shop-item-room-preview {--shop-preview-column:96px;--shop-item-accent:#78a4ad}
  body #profileShop .shop-item-emoji {--shop-item-accent:#a48cbe}
  body #profileShop .shop-item>.shop-item-visual {grid-column:1!important;grid-row:1!important;justify-self:start!important}
  body #profileShop .shop-item>div:nth-child(2) {grid-column:2!important;grid-row:1!important;display:grid!important;gap:6px!important;align-self:center!important;min-width:0!important}
  body #profileShop .shop-item b {display:block!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;text-overflow:clip!important;color:var(--shop-ink)!important;font:600 14px/1.35 var(--groven-ui-font)!important}
  body #profileShop .shop-item small {display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;color:var(--shop-muted)!important;font:400 12px/1.5 var(--groven-ui-font)!important;overflow-wrap:anywhere!important}
  body #profileShop .shop-item-controls {
    grid-column:1/-1!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
    width:auto!important;margin:0 -14px!important;padding:9px 12px!important;align-self:end!important;
    border-top:1px solid var(--shop-edge)!important;border-radius:0 0 6px 6px!important;background:var(--shop-card-footer)!important;
  }
  body #profileShop .shop-item-controls>button {
    width:auto!important;min-width:114px!important;max-width:100%!important;min-height:44px!important;padding:9px 16px!important;
    border:1px solid var(--retro-green-edge)!important;border-radius:5px!important;background:var(--retro-green)!important;
    box-shadow:inset 0 1px #d6e8b9,0 1px 2px #2d40252e!important;color:#fff!important;
    font:600 12px/1.35 var(--groven-ui-font)!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  body #profileShop .shop-item-controls>button:disabled {background:var(--shop-toolbar)!important;border-color:var(--shop-edge)!important;color:var(--shop-muted)!important;box-shadow:inset 0 1px #ffffff33!important;opacity:1!important}
  body.night #profilePage #profileShop {
    --shop-paper:#35434b;--shop-surface:#28353c;--shop-edge:#627881;--shop-ink:#f1f6f8;--shop-muted:#c6d4da;
    --shop-header:linear-gradient(#60747f,#455b66 48%,#384c56 49%,#445a65);
    --shop-toolbar:linear-gradient(#4e626d,#394e59);--shop-card-footer:linear-gradient(#3d515c,#30434d);
  }
  body.night #profileShop .grovin-wallet {background:linear-gradient(#526244,#37472d)!important;border-color:#81936d!important;box-shadow:inset 0 1px #ffffff26!important}
  body.night #profileShop .grovin-wallet :is(b,small) {color:#edf6dc!important}
  body.night #profileShop .shop-tabs>button.active {background:linear-gradient(#6b7d87,#465e6b)!important;color:#f3f8ee!important;border-color:#8fa6af!important;box-shadow:inset 0 1px #ffffff35,inset 0 -2px #afca80!important}
  body.night #profileShop .shop-founder-note {background:#35452e!important;border-color:#677f56!important;color:#e1eccf!important}
  @media(max-width:1000px) {body #profileShop .shop-grid {grid-template-columns:minmax(0,1fr)!important}}
  @media(max-width:800px) {
    body #profileShop .shop-item {--shop-preview-column:clamp(76px,26vw,112px)}
    body #profileShop .profile-shop-head {padding:16px!important;gap:12px!important}
    body #profileShop .shop-item-controls>button {width:100%!important}
  }
  @media(max-width:430px) {
    body #profileShop .profile-shop-head {grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
    body #profilePage #profileShop .profile-shop-head h3 {font-size:20px!important}
    body #profileShop .grovin-wallet {display:flex!important;gap:9px!important;min-width:0!important;justify-self:start!important;padding:7px 11px!important}
    body #profileShop .grovin-wallet>span {width:26px!important;height:26px!important;font-size:17px!important}
    body #profileShop .grovin-wallet b {font-size:20px!important}
    body #profileShop .shop-tabs {padding:8px!important;gap:3px!important}
    body #profileShop .shop-tabs>button {padding-inline:10px!important;font-size:12px!important}
    body #profileShop .shop-grid {padding:10px!important;gap:10px!important}
    body #profileShop .shop-item {--shop-preview-column:72px}
    body #profileShop .shop-founder-note {margin:10px 10px 0!important}
  }
  @media(hover:hover) {
    body #profileShop .shop-tabs>button:not(.active):hover {background:var(--shop-paper)!important;border-color:var(--shop-edge)!important}
    body #profileShop .shop-item:has(button:not(:disabled):hover) {border-color:var(--shop-item-accent)!important}
  }
  /* The menu is a small Aero-style control centre. All tiles still use the
     original hub actions; colour and illustrated SVGs are presentation only. */
  body #hubPage {
    --aero-tile-top:#ffffff;--aero-tile-base:#f4f8fa;--aero-border:#b5c6cd;
    --aero-tint:#dbedf8;--aero-accent:#4b8daf;
    background:radial-gradient(ellipse at 12% 0%,#eff8dacc,transparent 56%),radial-gradient(ellipse at 95% 35%,#cce8f3b3,transparent 52%),var(--page-background)!important;
  }
  body .hub-fullscreen-bar {background:var(--retro-silver)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:inset 0 1px #fff8,0 3px 12px #263e4d24!important}
  body .hub-fullscreen-brand {color:var(--ink)!important;gap:9px!important}
  body .hub-fullscreen-brand>span,body #hubPage .hub-card-title>span {background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:8px!important}
  body .hub-brand-emblem,body .hub-menu-emblem {display:block!important;width:34px!important;height:34px!important;border-radius:8px!important;object-fit:contain!important;box-shadow:0 1px 3px #2545232b!important}
  body #hubPage .groven-hub-head {padding:24px 2px 18px!important}
  body #hubPage .groven-hub-head h3 {font-size:30px!important;line-height:1.15!important;margin:4px 0 8px!important}
  body #hubPage .groven-hub-head p {color:var(--muted)!important;text-shadow:none!important}
  body #hubPage .hub-menu-card {padding:18px!important;background:linear-gradient(125deg,#ffffffed,#f5f9fae6)!important;border:1px solid #a9bbc5!important;border-radius:12px!important;box-shadow:inset 0 1px #fff,0 8px 26px #2a465213!important;overflow:visible!important}
  body #hubPage .hub-card-title {margin:0 0 18px!important;padding:0 0 14px!important;border-color:#d1dde1!important;gap:11px!important}
  body #hubPage .hub-card-title b {font:700 18px/1.3 "Segoe UI",Arial,sans-serif!important;color:var(--ink)!important;text-shadow:none!important}
  body #hubPage .hub-card-title small {font:400 12px/1.5 "Segoe UI",Arial,sans-serif!important;color:var(--muted)!important;margin-top:3px!important}
  body #hubPage :is(.hub-primary-grid,.hub-utility-menu) {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;border:0!important;padding:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
  body #hubPage :is(.hub-primary-grid,.hub-utility-menu)>button {
    --aero-tint:#dbedf8;--aero-accent:#498db9;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    position:relative!important;min-width:0!important;min-height:130px!important;height:auto!important;aspect-ratio:auto!important;
    gap:10px!important;padding:16px 10px!important;margin:0!important;border:1px solid var(--aero-border)!important;border-radius:9px!important;
    background:radial-gradient(ellipse at 50% 100%,var(--aero-tint),transparent 90%),linear-gradient(180deg,var(--aero-tile-top),var(--aero-tile-base))!important;
    color:var(--ink)!important;box-shadow:inset 0 1px #fff9,0 2px 3px #263e4d10!important;text-shadow:none!important;
    transition:transform 150ms ease,box-shadow 150ms ease,border-color 150ms ease!important;
  }
  body #hubPage [data-aero-icon=home],body #hubPage [data-aero-icon=requests] {--aero-tint:#e4f0c9!important;--aero-accent:#7d9e43!important}
  body #hubPage [data-aero-icon=profile],body #hubPage [data-aero-icon=chat] {--aero-tint:#d5ecfc!important;--aero-accent:#408fbc!important}
  body #hubPage [data-aero-icon=friends],body #hubPage [data-aero-icon=communities] {--aero-tint:#e6e2f5!important;--aero-accent:#9381bb!important}
  body #hubPage [data-aero-icon=messages],body #hubPage [data-aero-icon=notes] {--aero-tint:#fff0c6!important;--aero-accent:#c29a42!important}
  body #hubPage [data-aero-icon=events] {--aero-tint:#fbe2d6!important;--aero-accent:#ca7f61!important}
  body #hubPage [data-aero-icon=photos] {--aero-tint:#dbefdd!important;--aero-accent:#6fa575!important}
  body #hubPage [data-aero-icon=music] {--aero-tint:#f4dcf2!important;--aero-accent:#b87eb2!important}
  body #hubPage :is(.hub-primary-grid,.hub-utility-menu)>button>span {
    display:grid!important;place-items:center!important;position:relative!important;width:68px!important;height:64px!important;
    flex:0 0 64px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:none!important;box-shadow:none!important;filter:none!important;transform:none!important;color:var(--ink)!important;
  }
  body #hubPage .groven-aero-glyph {display:block!important;width:64px!important;height:64px!important;overflow:visible!important;filter:drop-shadow(0 3px 2px #25404d26)!important}
  body #hubPage :is(.hub-primary-grid,.hub-utility-menu)>button>b {display:block!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;font:600 14px/1.3 "Segoe UI",Arial,sans-serif!important;color:var(--ink)!important;text-shadow:none!important}
  body #hubPage .hub-calendar-icon>i:not(.hub-menu-badge) {position:absolute!important;display:grid!important;place-items:center!important;left:50%!important;top:30px!important;transform:translateX(-50%)!important;width:24px!important;height:18px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#31505d!important;font:700 16px/1 Arial,sans-serif!important;font-style:normal!important;pointer-events:none!important}
  body #hubPage .hub-utility-menu {margin-top:12px!important;padding-top:12px!important;border-top:1px solid #d1dde1!important}
  body #hubPage .hub-utility-menu>button {min-height:82px!important;flex-direction:row!important;gap:8px!important;padding:10px 8px!important}
  body #hubPage .hub-utility-menu>button>span {width:38px!important;height:38px!important;flex:0 0 38px!important}
  body #hubPage .hub-utility-menu .groven-aero-glyph {width:38px!important;height:38px!important}
  body #hubPage .hub-activity-strip {margin-top:14px!important;background:var(--retro-silver)!important;border-color:var(--line)!important;border-radius:7px!important;color:var(--ink)!important;box-shadow:none!important}
  body #hubPage .hub-activity-strip b {font-size:11px!important;font-weight:500!important;white-space:normal!important;text-shadow:none!important}
  body #hubPage .hub-activity-strip>span {background:none!important;width:28px!important;height:28px!important}
  body #hubPage .hub-activity-strip .groven-aero-glyph {width:26px!important;height:26px!important}
  body #hubPage :is(.hub-profile-identity b,.hub-profile-stats b,.hub-note header b,.hub-event>div>b) {color:var(--ink)!important;text-shadow:none!important}
  body #hubPage :is(.hub-profile-identity small,.hub-profile-stats small,.hub-empty,.hub-note time,.hub-note>p,.hub-event small,.hub-event p) {color:var(--muted)!important;text-shadow:none!important}
  body #hubPage .hub-fullscreen-actions .groven-aero-glyph {width:27px!important;height:27px!important;filter:none!important}
  body #hubPage :is(.hub-back-button,.hub-fullscreen-actions>button) {background:linear-gradient(#ffffffc9,#c9d6d999)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:6px!important;box-shadow:inset 0 1px #fff9!important}
  body #hubPage :is(.hub-primary-grid,.hub-utility-menu)>button:active {transform:scale(.98)!important;box-shadow:inset 0 2px 4px #263e4d20!important}
  body.night #hubPage {--aero-tile-top:#48595e;--aero-tile-base:#35464c;--aero-border:#64777e;background:radial-gradient(ellipse at 10% 0%,#52683b33,transparent 60%),#242e31!important}
  body.night #hubPage .hub-menu-card {background:linear-gradient(135deg,#39464b,#2b373c)!important;border-color:#61757d!important;box-shadow:inset 0 1px #ffffff14,0 8px 25px #0002!important}
  body.night #hubPage :is(.hub-primary-grid,.hub-utility-menu)>button {background:linear-gradient(180deg,var(--aero-tile-top),var(--aero-tile-base))!important;border-bottom:3px solid var(--aero-accent)!important;box-shadow:inset 0 1px #ffffff17,0 2px 3px #0002!important}
  body.night #hubPage :is(.hub-card-title,.hub-utility-menu) {border-color:#61757d!important}
  body.night #hubPage :is(.hub-back-button,.hub-fullscreen-actions>button) {background:var(--retro-silver)!important;box-shadow:inset 0 1px #ffffff17!important}
  body .modal {background:var(--retro-paper)!important;border-color:var(--line)!important;border-radius:7px!important;box-shadow:0 12px 48px #172e3440!important}
  body .modal h3 {font-size:24px!important;line-height:1.25!important;letter-spacing:0!important}
  body :is(.settings-tabs,.global-search-tabs,.music-source-tabs) {background:var(--retro-silver)!important;border-color:var(--line)!important;border-radius:4px!important}
  body :is(.settings-tab,.global-search-tabs>button,.music-source-tabs>button) {color:var(--ink)!important;font-size:12px!important}
  body :is(.settings-tab.active,.global-search-tabs>.active,.music-source-tabs>.active) {background:var(--retro-silver)!important;color:var(--ink)!important;box-shadow:inset 0 -3px #6a9f2e!important;text-shadow:none!important}
  body :is(.settings-row,.toggle-row) {border-color:var(--line)!important}
  body #messageDialog.message-modal {background:var(--retro-paper)!important;color:var(--ink)!important}
  body #messageDialog :is(.message-window-titlebar,.message-menu-bar,.message-action-strip,.message-composer-tools,.message-send-row,.mobile-message-header) {background:var(--retro-silver)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important;text-shadow:none!important}
  body #messageDialog .message-window-titlebar small {color:var(--muted)!important}
  body #messageDialog .message-thread {background:var(--retro-paper)!important}
  body #messageDialog .message-bubble {background:var(--page-background)!important;border:0!important;border-radius:13px!important;box-shadow:none!important;color:var(--ink)!important}
  body #messageDialog .message-row.mine .message-bubble {background:#b0d395!important;color:#293e22!important}
  body.night #messageDialog .message-row.mine .message-bubble {background:#526c40!important;color:#f3f8ef!important}
  body .auth-topline {background:var(--retro-silver)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:0 3px 8px #172e342b!important}
  body .auth-topline .brand-mark {color:var(--accent)!important}
  body .auth-card {background:var(--retro-paper)!important;border-color:var(--line)!important;border-radius:7px!important;box-shadow:var(--retro-shadow)!important}
  body .auth-card h1 {font-size:36px!important;color:var(--ink)!important;letter-spacing:-.03em!important}
  body .auth-card h1 em {color:var(--accent)!important}
  body .auth-card .intro {color:var(--muted)!important}
  #guestScreen.is-active {max-width:1180px!important;padding:0 12px 28px!important;gap:0!important}
  #guestScreen .guest-header {background:var(--retro-silver)!important;border:0!important;border-bottom:2px solid #748c91!important;border-radius:0!important;padding:10px 0!important;min-height:60px!important;margin:0 0 16px!important;box-shadow:0 3px 8px #172e342b!important}
  #guestScreen .guest-header .wordmark {font:800 20px/1 Arial,sans-serif!important;color:var(--accent)!important;text-shadow:none!important;letter-spacing:0!important}
  #guestScreen .guest-layout {grid-template-columns:185px minmax(0,1fr)!important;gap:15px!important}
  #guestScreen .guest-welcome {padding:12px 0!important;top:76px!important}
  #guestScreen .guest-welcome h1 {font-size:23px!important;letter-spacing:0!important;color:var(--ink)!important}
  #guestScreen .guest-content {gap:0!important}
  #guestScreen .guest-feed-heading {background:none!important;padding:12px 0!important}
  #guestScreen .guest-feed-heading h2 {font-size:20px!important;color:var(--ink)!important;text-shadow:none!important}
  #guestScreen .guest-feed-controls .feed-filters {border:1px solid var(--line)!important;background:var(--retro-silver)!important;border-radius:0!important}

  @media(max-width:1180px) {
    #appScreen>.app-header::before {inset:0 -12px!important}
    #appScreen .header-actions .retro-header-home {display:none!important}
  }
  @media(min-width:651px) {
    #appScreen.app-screen.is-active>.sidebar {display:block!important}
    #appScreen .sidebar-bottom {display:block!important}
    #appScreen .page.active-page:not(#hubPage) {padding:0!important}
  }
  @media(min-width:651px) and (max-width:1000px) {
    #appScreen.app-screen.is-active {grid-template-columns:175px minmax(0,1fr)!important}
    #homePage .home-grid {grid-template-columns:minmax(0,1fr)!important}
    #homePage .home-side {grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:12px!important}
    #appScreen .header-actions :is(.retro-header-theme,.retro-header-messages,.retro-camera-header-button) {display:none!important}
    body .retro-brand b {font-size:18px!important}
  }
  @media(max-width:650px) {
    body #hubPage.active-page {padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
    body #hubPage .groven-hub-head {padding:18px 2px 14px!important}
    body #hubPage .groven-hub-head h3 {font-size:26px!important}
    body #hubPage .hub-menu-card {padding:12px!important}
    body #hubPage .hub-card-title {margin-bottom:12px!important;padding-bottom:12px!important}
    body #hubPage .hub-card-title b {font-size:16px!important}
    body #hubPage .hub-card-title small {font-size:11px!important}
    body #hubPage :is(.hub-primary-grid,.hub-utility-menu) {gap:8px!important}
    body #hubPage .hub-primary-grid>button {min-height:106px!important;padding:10px 5px!important;gap:8px!important}
    body #hubPage .hub-primary-grid>button>span {width:54px!important;height:52px!important;flex-basis:52px!important}
    body #hubPage .hub-primary-grid .groven-aero-glyph {width:52px!important;height:52px!important}
    body #hubPage :is(.hub-primary-grid,.hub-utility-menu)>button>b {font-size:12px!important}
    body #hubPage .hub-calendar-icon>i:not(.hub-menu-badge) {top:24px!important;width:22px!important;height:16px!important;font-size:13px!important}
    body #hubPage .hub-utility-menu>button {min-height:82px!important;flex-direction:column!important;gap:5px!important;padding:8px 3px!important}
    body #hubPage .hub-utility-menu>button>span,body #hubPage .hub-utility-menu .groven-aero-glyph {width:32px!important;height:32px!important;flex-basis:32px!important}
    #appScreen.app-screen.is-active {display:block!important;padding:0 8px calc(88px + env(safe-area-inset-bottom,0px))!important;max-width:100%!important}
    #appScreen.app-screen.is-active>.sidebar {display:none!important}
    #appScreen>.app-header {min-height:54px!important;padding:6px 0!important;gap:6px!important;margin:0 0 10px!important;grid-template-columns:unset!important;flex-wrap:nowrap!important}
    #appScreen>.app-header::before {inset:0 -8px!important}
    body .retro-brand {gap:5px!important;min-height:32px!important}
    body .retro-brand>img {display:block!important;width:32px!important;height:32px!important;flex:0 0 32px!important}
    body .retro-brand b {font-size:13px!important;letter-spacing:-.2px!important}
    .retro-header-search {height:36px!important;max-width:none!important;flex:1 1 100px!important}
    #retroHeaderSearchInput {min-height:36px!important;height:36px!important;padding:8px 28px 8px 8px!important;font-size:16px!important}
    .retro-header-search>button {width:28px!important;height:32px!important;min-height:32px!important;padding:6px!important}
    #appScreen .header-actions {flex:0 0 30px!important;margin:0!important}
    #appScreen .header-actions>*,#appScreen .header-actions>button {display:none!important}
    #appScreen .header-actions>.nav-menu-button {display:flex!important;width:30px!important;min-width:30px!important;border:0!important;padding:6px!important}
    #homePage .home-grid {grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
    #appScreen>.app-content {padding:0!important}
    .retro-local-note {font-size:8px!important;margin:0 0 8px!important;text-align:center!important}
    #appScreen .composer {padding:13px!important;margin:0!important;width:100%!important}
    #appScreen .composer-top {padding:0!important;grid-template-columns:44px minmax(0,1fr)!important}
    #appScreen #openComposer {font-size:16px!important;min-height:75px!important}
    #appScreen .composer-actions {column-gap:12px!important;row-gap:4px!important}
    #appScreen .composer-actions>button {font-size:12px!important;min-height:38px!important}
    #appScreen .emoji-dock {padding:4px 0 0!important}
    #appScreen .feed-toolbar {width:100%!important;margin:12px 0 0!important}
    body :is(#appScreen,#guestScreen) .feed-filter {min-height:42px!important;padding:10px 8px!important;font-size:12px!important}
    body :is(#appScreen,#guestScreen) .post-card {border-inline:1px solid var(--line)!important}
    body :is(#appScreen,#guestScreen) .post-card-head {padding:17px!important;gap:10px!important;min-height:74px!important}
    body :is(#appScreen,#guestScreen) .post-card-body {padding:0 17px 14px!important;font-size:14px!important}
    body :is(#appScreen,#guestScreen) .post-media {width:calc(100% - 34px)!important;margin:0 17px 12px!important;padding:0!important}
    body :is(#appScreen,#guestScreen) .post-social-bar {padding:0 17px 12px!important;gap:12px!important}
    #homePage .home-side {grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
    body .retro-camera-card {grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding:13px!important}
    body .retro-camera-card>* {grid-column:1!important;grid-row:auto!important}
    body .retro-camera-card>.eyebrow {margin:-13px -13px 4px!important;padding:11px 13px!important;background:var(--retro-silver)!important;border-bottom:1px solid var(--line)!important}
    body .retro-camera-card>h2 {font-size:22px!important}
    body .retro-camera-art {grid-row:auto!important;min-height:112px!important}
    body .retro-bottom-nav {display:flex!important;position:fixed!important;inset-inline:0!important;margin-inline:auto!important;bottom:max(8px,env(safe-area-inset-bottom,0px))!important;width:min(92vw,440px)!important;height:56px!important;min-height:56px!important;padding:0 9px!important;align-items:center!important;justify-content:space-around!important;gap:0!important;z-index:80!important;background:var(--olive-nav)!important;border:1px solid #9bac6c!important;border-radius:16px!important;box-shadow:0 4px 18px #1b2b1855,inset 0 1px #d2e1a355!important;transform:none!important}
    body .retro-bottom-nav>button {display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 0!important;min-width:0!important;max-width:60px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:8px!important;border:0!important;border-radius:10px!important;background:none!important;box-shadow:none!important;color:#fff!important;font-size:24px!important;text-shadow:none!important}
    body .retro-bottom-nav>button.is-active {background:#ffffff20!important;box-shadow:inset 0 1px #ffffff25!important}
    body .retro-bottom-nav .retro-nav-icon {display:grid!important;place-items:center!important;width:24px!important;height:24px!important}
    body .retro-bottom-nav svg {width:23px!important;height:23px!important}
    body .retro-bottom-nav>.retro-bottom-camera {align-self:flex-start!important;margin-top:2px!important;background:linear-gradient(#f7f9ef,#d6e5be)!important;border:2px solid #e9f3d9!important;border-radius:12px!important;color:#425e21!important;box-shadow:0 2px 8px #23361f55!important}
    body .retro-bottom-nav>.retro-bottom-camera svg {width:26px!important;height:26px!important}
    body .retro-bottom-nav>button:focus-visible {outline-color:#fff!important;outline-offset:1px!important}
    body:has(#appScreen:not(.is-active)) .retro-bottom-nav {display:none!important}
    body:has(#messageDialog[open]) .retro-bottom-nav,body:has(.grove-camera[open]) .retro-bottom-nav {display:none!important}
    body #profilePage .profile-hero {--profile-cover-height:150px;--profile-avatar-size:76px}
    body #profilePage .profile-identity {grid-template-columns:76px minmax(0,1fr)!important;margin:14px!important;gap:12px!important}
    body #profilePage .profile-identity>.outline-button {grid-column:1/-1!important;justify-self:stretch!important;margin:0!important}
    body #profilePage .profile-identity h3 {font-size:22px!important}
    body #profilePage .profile-bio {margin:14px!important}
    body #profilePage .profile-section-tiles>button {flex-direction:column!important;gap:5px!important;min-height:62px!important}
    body :is(.friends-layout,.music-layout,.profile-details-grid) {grid-template-columns:minmax(0,1fr)!important}
    body :is(.friends-intro h3,.communities-page-head h3,.music-heading h3) {font-size:23px!important}
    body .auth-card {padding:26px 22px!important}
    body .auth-card h1 {font-size:32px!important}
    #guestScreen.is-active {padding:0 8px 28px!important}
    #guestScreen .guest-header {min-height:54px!important;margin:0 0 12px!important;padding:8px 0!important}
    #guestScreen .guest-header .wordmark {font-size:18px!important}
    #guestScreen .guest-layout {grid-template-columns:minmax(0,1fr)!important}
    #guestScreen .guest-welcome {position:static!important;padding:0 0 10px!important;gap:10px!important}
    #guestScreen .guest-welcome h1 {font-size:23px!important}
    #guestScreen .guest-feed-controls {gap:10px!important}
    #guestScreen :is(#guestDetails,#guestStatus,#guestRetry,#guestLoadMore) {width:100%!important;margin-inline:0!important}
    body .site-credits {padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
  }
  /* Native-feeling touch ergonomics without replacing the olive/Aero identity.
     Real hit boxes grow with their layout; there are no overlapping pseudo-targets. */
  @media(max-width:768px) {
    html[data-groven-design="2010"] body {font-size:14px!important}
    body :is(button,input,textarea,select) {font-family:var(--groven-ui-font)!important}
    body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),textarea,select) {font-size:16px!important}
    body :is(button,a,summary) {touch-action:manipulation}
    body :is(#appScreen,#guestScreen) .feed-filter {min-height:44px!important}
    #appScreen .composer {border-radius:10px!important}
    #appScreen .composer-actions {gap:4px 8px!important}
    #appScreen .composer-actions>button {min-height:44px!important;min-width:44px!important}
    #appScreen .composer-actions>.retro-compose-button {min-height:44px!important;border-radius:6px!important}
    #appScreen .emoji-dock {gap:3px!important}
    #appScreen .emoji-dock>button {min-width:44px!important;min-height:44px!important;height:44px!important;padding:6px!important;border-radius:8px!important}
    body :is(#appScreen,#guestScreen) .post-social-bar>button {min-height:44px!important;min-width:44px!important;padding:8px 4px!important;border-radius:6px!important}
    body #hubPage :is(.hub-back-button,.hub-fullscreen-actions>button) {min-width:44px!important;min-height:44px!important}
    body dialog:not(.grove-camera) .close-modal {min-width:44px!important;min-height:44px!important}
    body dialog:not(.grove-camera) {overscroll-behavior:contain;scroll-padding-block:12px}
    body dialog:not(.grove-camera)[data-keyboard-visible="true"] {
      top:calc(var(--composer-viewport-top,0px) + 8px)!important;bottom:auto!important;
      margin-block:0!important;max-height:calc(var(--composer-viewport-height,100dvh) - 16px)!important;
    }
    body #messageDialog[data-keyboard-visible="true"] {height:calc(var(--composer-viewport-height,100dvh) - 16px)!important;min-height:0!important}
    body #messageDialog[data-keyboard-visible="true"] #messageComposer.message-composer {height:calc(100% - 45px)!important;min-height:0!important}
    body #messageDialog[data-keyboard-visible="true"] .message-chat-pane {min-height:0!important}
    body[data-keyboard-visible="true"] .retro-bottom-nav,body:has(dialog[open]) .retro-bottom-nav {display:none!important}
  }
  @media(max-width:650px) {
    #appScreen.app-screen.is-active {padding-inline:max(8px,env(safe-area-inset-left,0px)) max(8px,env(safe-area-inset-right,0px))!important}
    #appScreen>.app-header {min-height:58px!important;padding-top:calc(7px + env(safe-area-inset-top,0px))!important;padding-bottom:7px!important}
    #appScreen>.app-header::before {inset-inline:calc(-1 * max(8px,env(safe-area-inset-left,0px))) calc(-1 * max(8px,env(safe-area-inset-right,0px)))!important}
    body .retro-brand {min-height:44px!important}
    .retro-header-search {height:44px!important}
    #retroHeaderSearchInput {height:44px!important;min-height:44px!important;padding:10px 44px 10px 9px!important;border-radius:8px!important}
    .retro-header-search>button {top:0!important;right:0!important;width:44px!important;height:44px!important;min-height:44px!important;padding:11px!important}
    #appScreen .header-actions {flex:0 0 44px!important}
    #appScreen .header-actions .app-language-picker {display:none!important}
    #appScreen .header-actions>.nav-menu-button {width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;border-radius:8px!important}
    #guestScreen.is-active {padding-inline:max(8px,env(safe-area-inset-left,0px)) max(8px,env(safe-area-inset-right,0px))!important}
    #guestScreen .guest-header {padding-top:calc(8px + env(safe-area-inset-top,0px))!important}
  }
  @media(prefers-reduced-motion:no-preference) {
    body :is(.retro-bottom-nav>button,.composer-actions>button,.emoji-dock>button,.post-social-bar>button) {transition:background-color 180ms ease-out,opacity 180ms ease-out!important}
    body :is(.retro-bottom-nav>button,.composer-actions>button,.emoji-dock>button,.post-social-bar>button):active {opacity:.72!important}
  }
  @media(max-width:360px) {
    body .retro-brand {gap:4px!important}
    body .retro-brand b {font-size:11px!important}
    body .retro-brand>img {width:28px!important;height:28px!important;flex-basis:28px!important}
    #appScreen .composer-actions>.retro-compose-button {padding:8px 12px!important;min-width:54px!important}
  }
  @media(hover:hover) {
    body #hubPage :is(.hub-primary-grid,.hub-utility-menu)>button:hover {border-color:var(--aero-accent)!important;box-shadow:inset 0 1px #fff8,0 4px 12px #29465520!important;transform:translateY(-2px)!important}
    #appScreen .sidebar .main-nav .nav-item:not(.active):hover {background:#6a9f2e22!important}
    body .retro-bottom-nav>button:hover {background:#ffffff28!important}
  }
  @media(prefers-reduced-motion:reduce) {
    body #hubPage :is(.hub-primary-grid,.hub-utility-menu)>button {transition:none!important;transform:none!important}
  }
}

/* Signature photo-club edition: metal controls, paper photographs, one green
   identity. Presentation only; no live content, camera or account state changes.
   Important rules in this first layer take precedence over legacy theme fills. */
@layer groven-signature {
  html[data-groven-design="2010"] body {
    --page-background:#e8e9e6!important;
    --retro-paper:#fdfdfb!important;
    --ink:#292c26!important;
    --accent:#5c873c!important;
    --line:#c7c9c2!important;
    --muted:#6d7068!important;
    --retro-green:linear-gradient(#a8c56f 0%,#83ac54 48%,#719946 50%,#5c873c 100%)!important;
    --retro-green-edge:#4e7038!important;
    --retro-charcoal:linear-gradient(#565a52 0%,#3c4039 48%,#282d27 50%,#20251f 100%)!important;
    --groven-brand-button-ink:#fff!important;
    --retro-silver:linear-gradient(180deg,#fefefd,#f1f2ef 48%,#e6e8e2 49%,#f0f1ed)!important;
    --retro-shadow:inset 0 1px #fff,0 2px 3px #262d1910,0 8px 22px #262d1905!important;
    --rail-width:228px!important;
    --side-width:180px!important;
    --page-max-width:1220px!important;
    background:var(--page-background)!important;
  }
  html[data-groven-design="2010"] body.night {
    --page-background:#20221f!important;
    --retro-paper:#2a2d29!important;
    --retro-field:#222520!important;
    --ink:#ededeb!important;
    --accent:#bedb8c!important;
    --line:#4c5147!important;
    --muted:#b6bcb0!important;
    --retro-silver:linear-gradient(#454744,#383a36 48%,#31332f 49%,#3a3d37)!important;
    --retro-shadow:inset 0 1px #ffffff0d,0 4px 18px #0002!important;
  }
  html[data-groven-design="2010"] body .eyebrow {font-size:10px!important;letter-spacing:.1em!important}
  html[data-groven-design="2010"] body :is(.glass-card,.retro-camera-card){border-radius:7px!important}
  html[data-groven-design="2010"] body :is(.mini-avatar,.post-card-avatar,.friend-avatar,.message-contact-avatar,.large-avatar){color:var(--accent)!important}
  html[data-groven-design="2010"] body #appScreen .app-header,
  html[data-groven-design="2010"] body #guestScreen .guest-header {
    min-height:76px!important;padding:13px 20px!important;border-radius:7px!important;
    background:var(--retro-green)!important;border-color:var(--retro-green-edge)!important;
    box-shadow:inset 0 1px #ffffff80,inset 0 -1px #38582433,0 2px 3px #26301d1a,0 6px 16px #26301d0a!important;
    margin-bottom:20px!important;
  }
  html[data-groven-design="2010"] body .retro-brand{display:flex!important;align-items:center!important;gap:11px!important;font-size:34px!important;line-height:1!important}
  html[data-groven-design="2010"] body .retro-brand>img{width:48px!important;height:48px!important;flex:0 0 48px!important;filter:drop-shadow(0 2px 2px #25441640)!important}
  html[data-groven-design="2010"] body .retro-brand b{font:700 34px/1 var(--retro-ui-font)!important;letter-spacing:-1px!important;color:#fff!important}
  html[data-groven-design="2010"] body .retro-brand small{font-size:8px!important;letter-spacing:.13em!important;margin-top:7px!important;color:#fff!important}
  html[data-groven-design="2010"] body #appScreen .app-header h2{font-size:15px!important;font-weight:600!important;letter-spacing:0!important;color:#f3f7ec!important}
  html[data-groven-design="2010"] body #guestScreen .guest-header .wordmark{color:#fff!important}
  html[data-groven-design="2010"] body #appScreen .header-actions :is(button,select){background:linear-gradient(#ffffff26,#2443141f)!important;border-color:var(--retro-green-edge)!important;color:#fff!important;box-shadow:inset 0 1px #ffffff70,0 1px 2px #26301d1a!important}
  html[data-groven-design="2010"] body :is(.app-header,.guest-header) :focus-visible{outline-color:#fff!important}
  html[data-groven-design="2010"] body .retro-local-note{font-size:8px!important;letter-spacing:.09em!important;color:var(--muted)!important;margin:-7px 0 16px!important}

  /* Quiet sheets make the actual people and photographs the visual priority. */
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card{
    border:1px solid var(--line)!important;border-radius:7px!important;
    box-shadow:0 2px 0 #26301d14,0 8px 22px #26301d0b!important;background:var(--retro-paper)!important;
  }
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card-head{
    background:var(--retro-silver)!important;border:0!important;border-bottom:1px solid var(--line)!important;box-shadow:inset 0 1px #ffffff40!important;padding:12px 16px!important;gap:11px!important;
  }
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card-avatar{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:6px!important}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) :is(.post-card-author b,.post-author-link b){font-size:15px!important;color:var(--ink)!important}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) :is(.post-card-handle,.post-card-author time,.post-author-link time){color:var(--muted)!important;font-size:11px!important}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card-body{padding:12px 18px 16px!important;font-size:15px!important;line-height:1.65!important}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-media{
    width:calc(100% - 24px)!important;margin:0 12px 12px!important;padding:5px!important;
    border:1px solid var(--line)!important;border-radius:2px!important;box-shadow:0 2px 3px #242c1910!important;
    background:var(--retro-field)!important;
  }
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-social-bar{background:var(--retro-paper)!important;padding:3px 12px!important;border-color:var(--line)!important}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-social-bar>button{min-height:42px!important;font-size:12px!important}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-social-bar>button+button{border-left:0!important}
  html[data-groven-design="2010"] body :is(.content-actions-menu>summary,.post-delete){border-color:transparent!important;background:none!important;box-shadow:none!important}
  html[data-groven-design="2010"] body #appScreen .composer{border-radius:7px!important;box-shadow:var(--retro-shadow)!important}
  html[data-groven-design="2010"] body #appScreen .composer-window-title{
    background:var(--retro-silver)!important;border:0!important;border-bottom:1px solid var(--line)!important;box-shadow:inset 0 1px #ffffff40!important;min-height:32px!important;
    padding:8px 16px!important;font-size:11px!important;color:var(--muted)!important;filter:none!important;
  }
  html[data-groven-design="2010"] body #appScreen .composer-window-title b{font-weight:600!important;color:var(--muted)!important}
  html[data-groven-design="2010"] body #appScreen .composer-top{padding:11px 16px 14px!important}
  html[data-groven-design="2010"] body #appScreen #openComposer{min-height:46px!important;border-radius:5px!important;font-size:14px!important;box-shadow:inset 0 1px 3px #26301d08!important}
  html[data-groven-design="2010"] body #appScreen .composer-actions{background:var(--retro-silver)!important;border-color:var(--line)!important}
  html[data-groven-design="2010"] body #appScreen .composer-actions>button{min-height:42px!important;font-size:12px!important}
  html[data-groven-design="2010"] body #appScreen .composer-actions>button+button{border-color:var(--line)!important}
  html[data-groven-design="2010"] body #appScreen .emoji-dock{padding:5px 12px!important;min-height:44px!important}
  html[data-groven-design="2010"] body #appScreen .emoji-dock>.groven-personal-open{font-size:11px!important}
  html[data-groven-design="2010"] body #appScreen .feed-toolbar{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:center!important;
    gap:0!important;margin:20px 0 14px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:6px!important;background:var(--retro-silver)!important;box-shadow:var(--retro-shadow)!important;overflow:hidden!important;
  }
  html[data-groven-design="2010"] body #appScreen .feed-toolbar>div:first-child{padding:11px 16px!important;min-height:42px!important;border:0!important;background:none!important}
  html[data-groven-design="2010"] body #appScreen .feed-toolbar .eyebrow{display:none!important}
  html[data-groven-design="2010"] body #appScreen .feed-toolbar h3{font-size:15px!important;line-height:1.2!important;color:var(--ink)!important}
  html[data-groven-design="2010"] body #appScreen .feed-filters{border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .feed-filter{min-height:42px!important;font-size:11px!important}

  /* The established apple-green finish stays shared by all primary controls. */
  html[data-groven-design="2010"] body :is(.primary-button,.friend-follow-button,.community-join-button,.retro-camera-launch,#guestJoin,#guestRegister),
  html[data-groven-design="2010"] body #appScreen .sidebar .main-nav .nav-item.active,
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) :is(.feed-filter.active,.guest-nav>button[aria-pressed="true"]),
  html[data-groven-design="2010"] body :is(.settings-tab.active,.global-search-tabs>.active,.music-source-tabs>.active){
    background:var(--retro-green)!important;color:var(--groven-brand-button-ink)!important;
    border-color:var(--retro-green-edge)!important;text-shadow:none!important;
  }
  html[data-groven-design="2010"] body #appScreen .sidebar .main-nav .nav-item:not(.active){color:var(--muted)!important}
  html[data-groven-design="2010"] body #appScreen .sidebar-bottom p{color:var(--muted)!important}
  html[data-groven-design="2010"] body #appScreen .sidebar-bottom .nav-item.small>span{color:var(--accent)!important}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .feed-filter:not(.active){color:var(--ink)!important}
  html[data-groven-design="2010"] body .retro-camera-shortcut>svg{color:var(--groven-brand-button-ink)!important}

  /* Our own little digital camera: brushed casing, glass lens, engraved marks.
     This is inert CSS illustration, not a simulated live view or device status. */
  html[data-groven-design="2010"] body .retro-camera-card{
    display:grid!important;gap:12px!important;padding:18px!important;background:var(--retro-paper)!important;
    border:1px solid var(--line)!important;border-radius:7px!important;
    box-shadow:var(--retro-shadow)!important;
  }
  html[data-groven-design="2010"] body .retro-camera-card>.eyebrow{margin:-18px -18px 0!important;padding:10px 18px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:var(--retro-silver)!important;font-size:9px!important;letter-spacing:.1em!important;color:var(--muted)!important;border-radius:6px 6px 0 0!important}
  html[data-groven-design="2010"] body .retro-camera-card>h2{font:700 25px/1.1 var(--retro-ui-font)!important;letter-spacing:-.6px!important;color:var(--ink)!important}
  html[data-groven-design="2010"] body .retro-camera-card>h2>span{color:var(--accent)!important}
  html[data-groven-design="2010"] body .retro-camera-art{
    aspect-ratio:1.32!important;margin:3px 0!important;isolation:isolate!important;
    border:1px solid #7c8375!important;border-radius:13px!important;
    background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,transparent 1px 3px),linear-gradient(165deg,#f6f7f1,#c4c9bb 38%,#a5ad9b 39%,#d8dccf 66%,#bbc2b1)!important;
    box-shadow:inset 0 2px #ffffffe6,inset 0 -4px #7b8570,0 1px 0 #fff,0 8px 12px #26321b26!important;
  }
  html[data-groven-design="2010"] body .retro-camera-art::before{inset:14px 13px auto auto!important;width:28px!important;height:12px!important;border-color:#818977!important;background:repeating-linear-gradient(90deg,#f8faee 0 3px,#c4cbba 3px 4px)!important;box-shadow:inset 0 1px #fff!important}
  html[data-groven-design="2010"] body .retro-camera-art::after{content:''!important;position:absolute!important;inset:40px 9px 30px auto!important;width:15px!important;border-radius:3px!important;background:repeating-linear-gradient(90deg,#7e8874 0 1px,#a9b29e 1px 3px)!important;opacity:.55!important;z-index:-1!important}
  html[data-groven-design="2010"] body .retro-camera-maker{position:absolute!important;top:13px!important;left:13px!important;font:700 12px/1 var(--retro-ui-font)!important;letter-spacing:-.5px!important;color:#46513c!important}
  html[data-groven-design="2010"] body .retro-camera-art>i{width:80px!important;height:80px!important;border-width:8px!important;box-shadow:0 0 0 2px #dbe5bd,0 0 0 5px #626f49,0 0 0 8px #bfc7a8,0 8px 12px #1d330d55,inset 0 2px 3px #ecfac440!important}
  html[data-groven-design="2010"] body .retro-camera-art>span{bottom:12px!important;font-size:7px!important;letter-spacing:.1em!important;color:#3f4e32!important}
  html[data-groven-design="2010"] body .retro-camera-card>p:not(.eyebrow){font-size:13px!important;line-height:1.6!important;color:var(--muted)!important;margin:4px 0 0!important}
  html[data-groven-design="2010"] body .retro-camera-card>p>b{font-weight:600!important;color:var(--ink)!important}
  html[data-groven-design="2010"] body .retro-camera-launch{min-height:46px!important;border-radius:5px!important;box-shadow:inset 0 1px #ffffff80,0 2px 0 #3f5b2e,0 3px 6px #263b1826!important}
  html[data-groven-design="2010"] body .retro-camera-sample{font-size:11px!important;min-height:40px!important;text-decoration:underline!important;text-underline-offset:3px!important;color:var(--accent)!important}
  html[data-groven-design="2010"] body .retro-camera-card>small{font-size:10px!important;line-height:1.6!important;text-align:center!important;color:var(--muted)!important}
  html[data-groven-design="2010"] body #appScreen .home-side :is(.today-prompt,.day-card,.onboarding,.home-rail-links){padding:18px!important;border-radius:7px!important;box-shadow:var(--retro-shadow)!important}
  html[data-groven-design="2010"] body #appScreen .home-side .today-prompt h3{font-size:18px!important;letter-spacing:-.3px!important}
  html[data-groven-design="2010"] body #appScreen .home-side .day-card-clock{font-size:38px!important;font-variant-numeric:tabular-nums!important;color:var(--ink)!important}
  html[data-groven-design="2010"] body #guestScreen .guest-feed-heading{border:0!important;background:none!important;padding:8px 0!important}
  html[data-groven-design="2010"] body #guestScreen .guest-feed-heading h2{font-size:25px!important;letter-spacing:-.5px!important}

  @media(min-width:1101px){
    html[data-groven-design="2010"] body #appScreen.app-screen.is-active>.sidebar{padding:0 8px 12px!important;background:var(--retro-paper)!important;border:1px solid var(--line)!important;border-radius:7px!important;box-shadow:var(--retro-shadow)!important}
    html[data-groven-design="2010"] body #appScreen .sidebar>.wordmark{display:none!important}
    html[data-groven-design="2010"] body #appScreen .mini-profile{padding:15px 10px!important;margin:0 -8px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:6px 6px 0 0!important;background:var(--retro-silver)!important;box-shadow:inset 0 1px #ffffff40!important;gap:9px!important;min-height:76px!important}
    html[data-groven-design="2010"] body #appScreen .mini-profile .mini-avatar{width:44px!important;height:44px!important;flex:0 0 44px!important;border:3px solid var(--retro-paper)!important;border-radius:6px!important}
    html[data-groven-design="2010"] body #appScreen .mini-profile b{font-size:13px!important;color:var(--ink)!important}
    html[data-groven-design="2010"] body #appScreen .sidebar .main-nav{gap:4px!important;padding:12px 0!important}
    html[data-groven-design="2010"] body #appScreen .sidebar .main-nav .nav-item{min-height:46px!important;padding:11px 13px!important;border-radius:5px!important}
    html[data-groven-design="2010"] body #appScreen .sidebar-bottom{border-top:1px solid var(--line)!important;padding:16px 3px 0!important}
    html[data-groven-design="2010"] body #appScreen .sidebar-bottom p{font-size:11px!important;line-height:1.7!important;margin-top:20px!important}
  }
  @media(max-width:1100px){
    html[data-groven-design="2010"] body #appScreen .sidebar .main-nav .nav-item:not(.active){color:#dce5d0!important}
    html[data-groven-design="2010"] body .retro-brand>img{display:none!important}
    html[data-groven-design="2010"] body .retro-brand b{font-size:28px!important}
    html[data-groven-design="2010"] body .retro-camera-shortcut{
      grid-template-columns:42px minmax(0,1fr) 22px!important;gap:12px!important;min-height:74px!important;padding:12px 16px!important;
      border:1px solid var(--line)!important;border-radius:7px!important;
      background:var(--retro-silver)!important;color:var(--ink)!important;
      box-shadow:var(--retro-shadow)!important;
    }
    html[data-groven-design="2010"] body .retro-camera-shortcut>svg{width:42px!important;height:42px!important;padding:8px!important;border-radius:6px!important;box-shadow:inset 0 1px #ffffff80,0 2px 4px #0003!important}
    html[data-groven-design="2010"] body .retro-camera-shortcut b{font-size:19px!important;letter-spacing:-.5px!important;font-weight:700!important}
    html[data-groven-design="2010"] body .retro-camera-shortcut b>span{color:var(--accent)!important}
    html[data-groven-design="2010"] body .retro-camera-shortcut small{font-size:11px!important;line-height:1.35!important;color:var(--muted)!important}
    html[data-groven-design="2010"] body .retro-camera-shortcut>i{font-size:22px!important;color:var(--accent)!important}
  }
  @media(max-width:680px){
    html[data-groven-design="2010"] body #appScreen .app-header,
    html[data-groven-design="2010"] body #guestScreen .guest-header{min-height:60px!important;padding:calc(9px + env(safe-area-inset-top,0px)) 10px 9px!important;border-radius:0!important;margin-bottom:13px!important}
    html[data-groven-design="2010"] body .retro-brand b{font-size:24px!important;letter-spacing:-.7px!important}
    html[data-groven-design="2010"] body .retro-local-note{font-size:7px!important;margin:-3px 0 11px!important}
    html[data-groven-design="2010"] body #appScreen .composer-window-title{padding:8px 12px!important;font-size:10px!important}
    html[data-groven-design="2010"] body #appScreen .composer-top{padding:9px 12px 11px!important;gap:10px!important}
    html[data-groven-design="2010"] body #appScreen .composer-actions>button{font-size:11px!important}
    html[data-groven-design="2010"] body #appScreen .emoji-dock{gap:6px!important;padding:4px 8px!important}
    html[data-groven-design="2010"] body #appScreen .feed-toolbar{width:calc(100% - 24px)!important;margin:16px 12px 12px!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}
    html[data-groven-design="2010"] body #appScreen .feed-toolbar>div:first-child{padding:10px 12px!important}
    html[data-groven-design="2010"] body #appScreen .feed-toolbar h3{font-size:14px!important}
    html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card{border-radius:0!important;border-inline:0!important;box-shadow:0 1px 2px #26301d0d!important}
    html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card-head{padding:11px 14px!important;min-height:58px!important}
    html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card-avatar{width:36px!important;height:36px!important;flex-basis:36px!important}
    html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card-body{padding:10px 14px 13px!important;font-size:14px!important}
    html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-media{width:calc(100% - 16px)!important;margin:0 8px 10px!important;padding:4px!important}
    html[data-groven-design="2010"] body .retro-camera-card{grid-template-columns:110px minmax(0,1fr)!important;padding:16px!important;gap:10px 16px!important}
    html[data-groven-design="2010"] body .retro-camera-card>.eyebrow{margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important}
    html[data-groven-design="2010"] body .retro-camera-card>h2{font-size:25px!important}
    html[data-groven-design="2010"] body .retro-camera-art{aspect-ratio:auto!important;min-height:142px!important;margin:0!important}
    html[data-groven-design="2010"] body .retro-camera-art>i{width:66px!important;height:66px!important;border-width:6px!important}
    html[data-groven-design="2010"] body .retro-camera-art>span{font-size:6px!important;letter-spacing:0!important}
    html[data-groven-design="2010"] body .retro-camera-maker{font-size:10px!important;left:9px!important;top:12px!important}
    html[data-groven-design="2010"] body .retro-camera-art::before{width:15px!important;right:9px!important}
  }
  @media(max-width:360px){
    html[data-groven-design="2010"] body #appScreen .feed-toolbar{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
    html[data-groven-design="2010"] body .retro-camera-card{grid-template-columns:94px minmax(0,1fr)!important;gap:10px 12px!important}
    html[data-groven-design="2010"] body .retro-camera-card>h2{font-size:23px!important}
  }
  @media(hover:hover) and (prefers-reduced-motion:no-preference){
    html[data-groven-design="2010"] body .retro-camera-launch{transition:filter .18s ease,box-shadow .18s ease!important}
    html[data-groven-design="2010"] body .retro-camera-launch:hover{filter:brightness(1.06)!important;box-shadow:inset 0 1px #ffffff90,0 2px 0 #3f5b2e,0 4px 9px #263b1833!important}
    html[data-groven-design="2010"] body .retro-camera-launch:active{box-shadow:inset 0 1px 3px #263b1855,0 1px #ffffff60!important}
  }
}

html[data-groven-design="2010"] body {
  --retro-ui-font:Arial,Helvetica,sans-serif;
  --ink:#292c26;
  --muted:#6d7068;
  --accent:#5c873c;
  --lime:#d9f588;
  --pale:#f3f3f0;
  --line:#b8bab6;
  --glass:#fafaf7;
  --glass-strong:#fff;
  --retro-paper:#fafaf7;
  --retro-field:#fff;
  --retro-silver:linear-gradient(#fff 0%,#f0f0ef 46%,#e5e5e4 47%,#ededeb 100%);
  --retro-green:linear-gradient(#a8c56f 0%,#83ac54 48%,#719946 50%,#5c873c 100%);
  --retro-green-edge:#4e7038;
  --retro-charcoal:linear-gradient(#565a52 0%,#3c4039 48%,#282d27 50%,#20251f 100%);
  --retro-shadow:inset 0 1px #fff,0 1px 3px rgba(42,46,32,.17);
  --soft-button-gradient:var(--retro-silver);
  --groven-brand-button-fill:var(--retro-green);
  --groven-brand-button-edge:var(--retro-green-edge);
  --groven-brand-button-ink:#fff;
  --page-background:#d9dbd7;
  --page-max-width:1180px;
  --content-max-width:620px;
  --side-width:184px;
  --rail-width:212px;
  --layout-gap:22px;
  --page-padding:26px;
  --mobile-page-padding:14px;
  --mobile-section-gap:16px;
  margin:0;
  color:var(--ink);
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.085) 0 1px,transparent 1px 3px),var(--page-background)!important;
  font-family:var(--retro-ui-font);
  -webkit-font-smoothing:antialiased;
}
html[data-groven-design="2010"] body :is(h1,h2,h3,h4,h5,button,input,textarea,select,label){font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
html[data-groven-design="2010"] body :is(h1,h2,h3,h4,h5){letter-spacing:-.025em}
html[data-groven-design="2010"] body [hidden]{display:none!important}
html[data-groven-design="2010"] body :is(.backdrop-orb,.bamboo-grove,.film-grain,.profile-aurora){display:none!important}
html[data-groven-design="2010"] body :is(.sidebar,.app-header,.modal,.empty-feed,.friends-empty,.profile-placeholder,.auth-card)::before,
html[data-groven-design="2010"] body :is(.auth-card,.profile-hero)::after{display:none!important;content:none!important}
html[data-groven-design="2010"] body .eyebrow{font:700 10px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.12em;color:var(--muted);text-shadow:none}
html[data-groven-design="2010"] body .glass-card{
  border:1px solid var(--line)!important;
  border-radius:7px!important;
  background:var(--retro-paper)!important;
  box-shadow:var(--retro-shadow)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-groven-design="2010"] body :is(.primary-button,.soft-button,.outline-button,.round-button){
  min-height:42px;
  border:1px solid var(--line);
  border-radius:5px;
  font-size:13px;
  font-weight:700;
}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen,dialog.modal) :is(
  .soft-button,.outline-button,.primary-button,.icon-button,.notification-button,.profile-trigger,.theme-button,
  .close-modal,.modal-tool,.friend-follow-button,.community-join-button,.guest-access>button,.guest-welcome>button,
  .groven-device-actions>button,.groven-device-transport>button,.spotify-track-actions>button
){
  border:1px solid var(--line)!important;
  border-radius:5px!important;
  background:var(--retro-silver)!important;
  box-shadow:var(--retro-shadow)!important;
  color:var(--ink)!important;
  text-shadow:0 1px rgba(255,255,255,.7)!important;
  text-decoration:none!important;
}
html[data-groven-design="2010"] body .primary-button,
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen,dialog.modal) :is(.primary-button,.friend-follow-button,.community-join-button,#guestJoin,#guestRegister){
  border-color:var(--retro-green-edge)!important;
  background:var(--retro-green)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.5),0 1px 2px rgba(30,54,21,.2)!important;
  color:#fff!important;
  text-shadow:0 -1px rgba(26,61,19,.6)!important;
}
html[data-groven-design="2010"] body :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px}
html[data-groven-design="2010"] body :is(.auth-screen,.setup-screen,dialog.modal) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),textarea,select){border-color:var(--line);border-radius:5px;background:var(--retro-field);color:var(--ink);box-shadow:inset 0 1px 3px rgba(29,38,25,.1)}
html[data-groven-design="2010"] body :is(.mini-avatar,.avatar-preview,.post-card-avatar,.friend-avatar,.message-contact-avatar){border:1px solid #adb09f;border-radius:4px;box-shadow:0 1px #fff;background-color:#d9dfcd;color:var(--accent)}

/* A small desktop photo journal, not a stretched phone screen. */
html[data-groven-design="2010"] #appScreen.app-screen.is-active{
  grid-template-columns:var(--side-width) minmax(0,1fr);
  gap:var(--layout-gap)!important;
  max-width:var(--page-max-width)!important;
  padding:var(--page-padding)!important;
}
html[data-groven-design="2010"] #appScreen.app-screen.is-active>.sidebar{
  position:sticky!important;
  top:var(--page-padding)!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
html[data-groven-design="2010"] #appScreen .sidebar>.wordmark{display:block!important;padding:7px 10px 21px;font:italic 700 36px/1 Georgia,serif;letter-spacing:-.06em;text-shadow:0 1px #fff;color:#497340}
html[data-groven-design="2010"] #appScreen .sidebar>.wordmark>span{display:none}
html[data-groven-design="2010"] #appScreen .mini-profile{gap:9px;padding:14px 9px;border-block:1px solid #bdc0b4;box-shadow:0 1px rgba(255,255,255,.7);margin:0}
html[data-groven-design="2010"] #appScreen .mini-profile .mini-avatar{width:42px;height:42px;border:3px solid #f6f6ed;box-shadow:0 0 0 1px #abb09e}
html[data-groven-design="2010"] #appScreen .mini-profile b{font-size:13px}
html[data-groven-design="2010"] #appScreen .mini-profile small{font:11px/1.6 "Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--muted)}
html[data-groven-design="2010"] #appScreen .sidebar .main-nav{display:grid!important;gap:2px;padding:16px 0!important}
html[data-groven-design="2010"] body #appScreen .sidebar .main-nav .nav-item{
  display:flex!important;gap:12px;align-items:center;min-height:44px;padding:10px!important;
  border:1px solid transparent!important;border-radius:5px!important;background:none!important;box-shadow:none!important;
  color:#62695a!important;font-size:13px!important;font-weight:700;text-decoration:none!important;outline:0;
}
html[data-groven-design="2010"] #appScreen .sidebar .main-nav .nav-item>span{width:24px!important;font-size:22px;line-height:1;color:inherit}
html[data-groven-design="2010"] #appScreen .sidebar .main-nav .nav-item>i{display:none}
html[data-groven-design="2010"] body #appScreen .sidebar .main-nav .nav-item.active{border-color:#abb59c!important;background:linear-gradient(#f5f7ef,#dce4d0)!important;box-shadow:inset 0 1px #fff,0 1px #fff!important;color:#3c683a!important}
html[data-groven-design="2010"] #appScreen .sidebar-bottom{padding-top:12px;margin-top:0;border-top:1px solid #bfc2b5}
html[data-groven-design="2010"] #appScreen .sidebar-bottom p{font:11px/1.8 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#878b7e;margin:18px 10px}
html[data-groven-design="2010"] #appScreen .sidebar-bottom .nav-item.small{font-size:12px;min-height:40px}
html[data-groven-design="2010"] #appScreen .theme-button{font-size:11px;min-height:38px}
html[data-groven-design="2010"] #appScreen .app-header,
html[data-groven-design="2010"] #guestScreen .guest-header{
  display:flex!important;align-items:center!important;justify-content:space-between;gap:16px;
  min-height:66px;padding:12px 18px!important;margin-bottom:22px;
  border:1px solid var(--retro-green-edge)!important;border-radius:7px!important;
  background:var(--retro-green)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.5),0 2px 3px rgba(31,45,23,.22)!important;
}
html[data-groven-design="2010"] #appScreen .app-header{display:grid!important;grid-template-columns:max-content minmax(0,1fr) max-content!important}
html[data-groven-design="2010"] #appScreen .app-header>div:first-child{margin:0}
html[data-groven-design="2010"] #appScreen .app-header>div:not(.retro-brand):not(.header-actions){min-width:0;text-align:center}
html[data-groven-design="2010"] #appScreen .app-header .eyebrow{display:none}
html[data-groven-design="2010"] #appScreen .app-header h2{margin:0;font-size:17px;line-height:1.3;font-weight:600;overflow-wrap:anywhere;color:#fff}
html[data-groven-design="2010"] #appScreen .header-actions{display:flex!important;width:auto!important;gap:7px!important;margin:0!important}
html[data-groven-design="2010"] body #appScreen .header-actions :is(button,select){width:auto!important;min-width:38px!important;height:38px!important;min-height:38px!important;margin:0!important;border:1px solid #537435!important;border-radius:5px!important;background:linear-gradient(rgba(244,255,221,.4),rgba(37,68,22,.15))!important;box-shadow:inset 0 1px rgba(255,255,255,.35),0 1px rgba(226,245,195,.3)!important;color:#fff!important;text-shadow:0 -1px rgba(34,62,20,.6)!important}
html[data-groven-design="2010"] #appScreen .header-actions .icon-button{display:grid!important}
html[data-groven-design="2010"] #appScreen .header-actions .app-language-picker{display:flex!important;width:auto!important}
html[data-groven-design="2010"] #appScreen .header-actions select{padding:4px 5px;font:700 11px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;background-image:none!important;appearance:auto}
html[data-groven-design="2010"] #appScreen .header-actions select option{background:var(--retro-paper);color:var(--ink)}
html[data-groven-design="2010"] #appScreen .header-actions .profile-trigger{padding:3px!important;gap:2px}
html[data-groven-design="2010"] #appScreen .profile-trigger .mini-avatar{width:28px;height:28px;border-radius:3px}
html[data-groven-design="2010"] #appScreen .notification-button b{background:#f7f2dd;color:#426a31;border:1px solid #4c6d36;font-size:9px;width:16px;height:16px}
html[data-groven-design="2010"] .retro-brand{font:700 27px/1.15 var(--retro-ui-font);color:#fff;white-space:nowrap}
html[data-groven-design="2010"] .retro-brand>b{font:inherit}
html[data-groven-design="2010"] .retro-brand small{display:block;margin-top:6px;font:700 8px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#edf4de}
html[data-groven-design="2010"] #appScreen .page.active-page:not(#hubPage){padding:0!important}
html[data-groven-design="2010"] #homePage.active-page{display:flex!important;flex-direction:column;gap:16px}
html[data-groven-design="2010"] #homePage .home-grid{order:0;grid-template-columns:minmax(0,var(--content-max-width)) minmax(0,var(--rail-width))!important;gap:var(--layout-gap)!important;margin-top:0!important}
html[data-groven-design="2010"] #homePage :is(.welcome-ribbon,.next-step-card,.mobile-time-widget){order:1}
html[data-groven-design="2010"] #homePage .welcome-ribbon{border:0;border-top:1px solid #b7bcac;border-radius:0;background:transparent;box-shadow:none;padding:14px 3px;color:var(--muted);font-size:12px}
html[data-groven-design="2010"] #homePage .welcome-ribbon>span{background:none;box-shadow:none;color:var(--accent)}
html[data-groven-design="2010"] #homePage .next-step-card{padding:14px;grid-template-columns:30px minmax(0,1fr) auto;gap:12px}
html[data-groven-design="2010"] #homePage .next-step-card h3{font-size:16px}
html[data-groven-design="2010"] #homePage .next-step-number{font-size:20px;color:#6d8556;background:none;border:0;box-shadow:none}
html[data-groven-design="2010"] #homePage .home-side{display:grid!important;grid-template-columns:minmax(0,1fr);gap:18px}

/* Silver segments and real photo edges recall the first mobile photo journals. */
html[data-groven-design="2010"] #appScreen .composer{padding:0;border-radius:6px!important;overflow:visible}
html[data-groven-design="2010"] #appScreen .composer-window-title{min-height:29px;margin:0;padding:7px 13px;border:0;border-bottom:1px solid var(--line);border-radius:6px 6px 0 0;background:var(--retro-silver);font:700 11px/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#676c5e;box-shadow:inset 0 1px #fff}
html[data-groven-design="2010"] #appScreen .composer-window-title :is(.window-bulb,i){display:none}
html[data-groven-design="2010"] #appScreen .composer-window-title b{margin:0}
html[data-groven-design="2010"] #appScreen .composer-top{display:grid!important;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:0}
html[data-groven-design="2010"] #appScreen .composer-top .mini-avatar{width:38px;height:38px}
html[data-groven-design="2010"] #appScreen #openComposer{min-height:44px;width:100%;padding:10px 12px;border:1px solid #c3c7b9;border-radius:4px;background:var(--retro-field);box-shadow:inset 0 1px 3px rgba(50,55,39,.07);font-size:14px;color:var(--muted)}
html[data-groven-design="2010"] #appScreen .composer-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 8px;border-top:1px solid #d8d9cf;border-bottom:1px solid #d8d9cf;background:#eeeee7}
html[data-groven-design="2010"] #appScreen .composer-actions>button{flex-direction:row;min-height:40px!important;color:#4f6844!important;font-size:12px!important;font-weight:700;text-decoration:none!important}
html[data-groven-design="2010"] #appScreen .composer-actions>button+button{border-left:1px solid #d4d7ca!important}
html[data-groven-design="2010"] #appScreen .emoji-dock{gap:7px;padding:8px 12px;border:0;justify-content:safe center;overflow-x:auto}
html[data-groven-design="2010"] #appScreen .emoji-dock>button:not(.groven-personal-open){width:32px;height:32px;min-width:32px;flex-basis:32px;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
html[data-groven-design="2010"] #appScreen .emoji-dock>.groven-personal-open{flex:0 0 auto;width:auto;min-width:0;height:36px;padding:6px 8px;font-size:11px;line-height:1.3;white-space:nowrap}
html[data-groven-design="2010"] #appScreen .feed-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding:18px 0 12px!important;margin:0;border:0;border-radius:0!important;background:none;box-shadow:none}
html[data-groven-design="2010"] #appScreen .feed-toolbar>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
html[data-groven-design="2010"] #appScreen .feed-toolbar .eyebrow{margin:0;font-size:9px;order:1}
html[data-groven-design="2010"] #appScreen .feed-toolbar h3{margin:0;font-size:18px;letter-spacing:-.03em;text-shadow:0 1px #fff}
html[data-groven-design="2010"] #appScreen .feed-toolbar-controls{width:100%;display:block}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) :is(.feed-filters,.guest-filters,.guest-nav){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid #aeb2a4;border-radius:5px;box-shadow:0 1px #fff}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) :is(.feed-filter,.guest-nav>button){min-height:40px!important;margin:0!important;padding:7px 4px!important;border:0!important;border-right:1px solid #b7bbad!important;border-radius:0!important;background:var(--retro-silver)!important;color:#606858!important;box-shadow:inset 0 1px #fff!important;text-shadow:0 1px #fff!important;text-decoration:none!important;font-size:12px!important;font-weight:700}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) :is(.feed-filter:last-child,.guest-nav>button:last-child){border-right:0!important}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) :is(.feed-filter.active,.guest-nav>button[aria-pressed="true"]){background:linear-gradient(#66774f,#7f925e)!important;color:#fff!important;box-shadow:inset 0 1px 4px rgba(25,42,16,.3)!important;text-shadow:0 -1px rgba(25,42,16,.6)!important}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-feed,
html[data-groven-design="2010"] #guestPosts{display:grid;gap:22px}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card{margin:0;min-width:0;overflow:hidden;border:1px solid #aeb4a3;border-radius:5px!important;background:var(--retro-paper);box-shadow:0 1px 3px rgba(48,53,39,.16)}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card-head{min-height:66px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #c9cebe;background:linear-gradient(#fdfcf7,#eeeee4);box-shadow:inset 0 1px #fff}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card-avatar{width:40px;height:40px;flex:0 0 40px;border:1px solid #9fa88f;border-radius:4px;box-shadow:0 1px #fff}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) :is(.post-card-author b,.post-author-link b){font:700 14px/1.35 "Helvetica Neue",Helvetica,Arial,sans-serif!important;color:#4e6f3c!important;letter-spacing:-.015em}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) :is(.post-card-author,.post-author-link){font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-author-link{min-height:40px;padding:0;background:none!important;box-shadow:none!important;text-decoration:none!important}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) :is(.post-card-handle,.post-card-author time,.post-author-link time){font:11px/1.45 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#858a79}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card-body{padding:14px 16px;margin:0;color:var(--ink);font-size:14px;line-height:1.6;background:var(--retro-paper)}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-media{width:100%;margin:0;border:0;border-radius:0;background:#deded2}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-media :is(img,video){width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-social-bar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0;padding:3px 10px;border-top:1px solid #c8cbbb;background:linear-gradient(#f9f9f3,#e7e8dc)}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-social-bar>button{min-height:40px;padding:5px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:12px!important;color:#68745a!important;text-shadow:0 1px #fff!important;text-decoration:none!important}
html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-social-bar>button+button{border-left:1px solid #d0d4c4!important}
html[data-groven-design="2010"] #appScreen .home-side :is(.day-card,.onboarding,.home-rail-links){padding:14px;border-radius:6px!important}
html[data-groven-design="2010"] #appScreen .day-card-clock{display:block;font:300 37px/1.1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.04em;color:#4f6343;margin:14px 0}
html[data-groven-design="2010"] #appScreen .day-card-clock span{color:inherit}
html[data-groven-design="2010"] #appScreen .home-side p:not(.eyebrow){font-size:12px;line-height:1.6}
html[data-groven-design="2010"] #appScreen .home-side button{font-size:12px}
html[data-groven-design="2010"] #appScreen .onboarding ul{font-size:11px;gap:12px;line-height:1.5}
html[data-groven-design="2010"] #appScreen .onboarding-progress{height:7px;border-color:#a6b591;background:#dde4d0}
html[data-groven-design="2010"] #appScreen .onboarding-progress i{background:var(--retro-green)}
html[data-groven-design="2010"] #appScreen .home-rail-links button{min-height:44px;padding:8px 0;border-color:#d5d8c8;border-radius:0;background:none;box-shadow:none;font-size:12px}
html[data-groven-design="2010"] #appScreen .empty-feed{min-height:310px;padding:32px 20px}
html[data-groven-design="2010"] #appScreen .empty-feed h3{font-size:24px;color:var(--ink)}

/* Camera entry points are deliberately separate from the camera screen CSS. */
html[data-groven-design="2010"] body .retro-camera-card{display:grid;gap:13px;padding:17px;border:1px solid #aab395;border-radius:7px;background:linear-gradient(#f7f7e9,#e5ebd3);box-shadow:inset 0 1px #fff,0 1px 3px rgba(36,55,20,.14);color:#4c643c}
html[data-groven-design="2010"] body .retro-camera-card .eyebrow{margin:0;font-size:9px;color:#718351;letter-spacing:.11em}
html[data-groven-design="2010"] body .retro-camera-card h2{margin:0;font:700 21px/1.12 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.04em;color:#4b6439}
html[data-groven-design="2010"] body .retro-camera-card>p:not(.eyebrow){margin:0!important;font-size:12px!important;line-height:1.6;color:#7a8568}
html[data-groven-design="2010"] body .retro-camera-card>small{font-size:10px;line-height:1.55;color:#899176}
html[data-groven-design="2010"] body .retro-camera-art{position:relative;display:grid;place-items:center;aspect-ratio:1.25;border:1px solid #a6b78b;border-radius:5px;background:radial-gradient(ellipse at 40% 26%,#e5f6b0,transparent 50%),linear-gradient(145deg,#aec781,#708d51);box-shadow:inset 0 1px rgba(255,255,255,.6),inset 0 -6px 15px rgba(53,75,26,.13);overflow:hidden}
html[data-groven-design="2010"] body .retro-camera-art i{display:block;width:66px;height:66px;border:6px solid #52623c;border-radius:50%;background:radial-gradient(circle at 36% 30%,#d9ee96 0,rgba(171,202,105,.7) 11%,transparent 24%),radial-gradient(circle at 64% 67%,#9dbf60,transparent 30%),radial-gradient(circle,#111e13 0 34%,#536e39 36% 43%,#a5b975 45% 46%,#25391e 48% 100%);box-shadow:0 0 0 2px #bfd68a,0 0 0 5px #647e44,0 6px 12px rgba(29,51,13,.35),inset 0 2px 3px rgba(236,250,196,.25)}
html[data-groven-design="2010"] body .retro-camera-art span{position:absolute;bottom:10px;left:0;right:0;text-align:center;font:700 8px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.23em;color:#f3f8df;text-shadow:0 -1px rgba(50,71,29,.4)}
html[data-groven-design="2010"] body .retro-camera-launch{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;padding:9px;border:1px solid var(--retro-green-edge);border-radius:5px;background:var(--retro-green);box-shadow:inset 0 1px rgba(255,255,255,.6),0 1px 2px rgba(36,55,20,.18);color:#fff;text-shadow:0 -1px rgba(37,63,22,.55);font:700 12px/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif;text-decoration:none}
html[data-groven-design="2010"] body .retro-camera-launch>svg{width:21px;height:21px;flex:0 0 21px}
html[data-groven-design="2010"] body .retro-camera-launch>span{font-size:12px;line-height:1.3}
html[data-groven-design="2010"] body .retro-camera-sample{min-height:34px;padding:3px 0;border:0;background:none;box-shadow:none;color:#627c44;font:700 10px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center}
html[data-groven-design="2010"] body .retro-camera-header-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:42px;min-height:38px;padding:6px}
html[data-groven-design="2010"] body .retro-camera-header-button>svg{width:23px;height:23px;flex:0 0 23px}
html[data-groven-design="2010"] body .retro-camera-header-button>span{font-size:11px;font-weight:700}
html[data-groven-design="2010"] body .retro-camera-shortcut{display:none}
html[data-groven-design="2010"] body .retro-local-note{position:relative;z-index:auto;inset:auto;transform:none;max-width:100%;margin:-8px auto 16px;padding:0 8px;border:0;border-radius:0;background:none;color:#7a836b;font:700 8px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.12em;text-align:center;pointer-events:none;box-shadow:none}

/* Classic profile: no cover/avatar collision, one consistent metal statistics row. */
html[data-groven-design="2010"] body #profilePage.active-page{display:grid!important;grid-template-columns:minmax(0,1fr);gap:18px}
html[data-groven-design="2010"] body #profilePage.active-page>*{grid-column:1!important;grid-row:auto!important;margin-top:0}
html[data-groven-design="2010"] body #profilePage .profile-hero{--profile-cover-height:220px;--profile-avatar-size:96px;--profile-avatar-overlap:0px;--profile-content-inset:18px;min-height:0;padding:0!important;border-radius:7px!important;grid-template-columns:minmax(0,1fr);background:var(--retro-paper)!important}
html[data-groven-design="2010"] body #profilePage .profile-hero::before{display:none!important;content:none!important}
html[data-groven-design="2010"] body #profilePage .profile-cover-image{height:var(--profile-cover-height);width:100%;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;opacity:1}
html[data-groven-design="2010"] body #profilePage .profile-cover-note{display:none}
html[data-groven-design="2010"] body #profilePage .profile-cover-upload{bottom:12px;right:12px;padding:8px 11px;border:1px solid #a9b398;border-radius:4px;background:rgba(249,250,240,.9);color:#465e37;font-size:11px}
html[data-groven-design="2010"] body #profilePage .profile-identity{display:grid!important;grid-template-columns:var(--profile-avatar-size) minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;margin:18px var(--profile-content-inset) 0!important}
html[data-groven-design="2010"] body #profilePage .profile-identity>.large-avatar{border:4px solid #fffefa;border-radius:3px;box-shadow:0 0 0 1px #afb69e,0 1px 3px rgba(42,49,31,.1);width:var(--profile-avatar-size);height:var(--profile-avatar-size)}
html[data-groven-design="2010"] body #profilePage .profile-identity>div{padding-top:0!important}
html[data-groven-design="2010"] body #profilePage .profile-identity>div>.eyebrow{display:none}
html[data-groven-design="2010"] body #profilePage .profile-identity>.outline-button{grid-column:auto!important;position:static!important;margin:0!important;min-height:40px;justify-self:end!important;align-self:center!important;font-size:12px}
html[data-groven-design="2010"] body #profilePage .profile-identity h3{font:700 27px/1.1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.04em;color:var(--ink)}
html[data-groven-design="2010"] body #profilePage .handle{font:12px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;margin-top:5px;color:var(--muted)}
html[data-groven-design="2010"] body #profilePage .profile-signals{display:flex!important;flex-wrap:wrap;gap:7px;max-width:100%;margin-top:8px}
html[data-groven-design="2010"] body #profilePage .profile-signals span{width:auto!important;padding:3px 0;border:0;background:none;box-shadow:none;color:#6a7c50;font-size:11px}
html[data-groven-design="2010"] body #profilePage .profile-bio{margin:16px var(--profile-content-inset)!important;font-size:14px;line-height:1.6;color:var(--ink);max-width:none}
html[data-groven-design="2010"] body #profilePage .profile-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%!important;gap:0;margin:0!important;border-top:1px solid var(--line);background:var(--retro-silver)}
html[data-groven-design="2010"] body #profilePage .profile-stats>*{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:74px!important;padding:10px 5px!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#747a69!important;text-decoration:none!important;font-size:12px}
html[data-groven-design="2010"] body #profilePage .profile-stats>*+*{border-left:1px solid #bfc4b1!important}
html[data-groven-design="2010"] body #profilePage .profile-stats b{font-size:26px;margin:0;color:#343c2c}
html[data-groven-design="2010"] body #profilePage .profile-stats>:is(button,.profile-stat)>span{display:block;min-height:0!important;width:auto!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font:12px/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif;color:inherit}
html[data-groven-design="2010"] body #profilePage .profile-classic-tools{padding:0;overflow:hidden}
html[data-groven-design="2010"] body #profilePage .profile-section-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
html[data-groven-design="2010"] body #profilePage .profile-section-tiles>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:75px!important;border:0!important;border-radius:0!important;background:var(--retro-silver)!important;box-shadow:inset 0 1px #fff!important;text-decoration:none!important;color:#626d55!important;padding:10px 4px}
html[data-groven-design="2010"] body #profilePage .profile-section-tiles>button+button{border-left:1px solid #bac0ac!important}
html[data-groven-design="2010"] body #profilePage .profile-section-tiles>button>span{font-size:23px}
html[data-groven-design="2010"] body #profilePage .profile-section-tiles b{font-size:12px}
html[data-groven-design="2010"] body #profilePage .profile-section-tiles small{display:none}
html[data-groven-design="2010"] body #profilePage .profile-quick-actions{padding:4px 10px;border-top:1px solid var(--line);background:var(--retro-paper);gap:8px}
html[data-groven-design="2010"] body #profilePage .profile-quick-actions>button{min-height:42px;border:0;background:none;box-shadow:none;color:var(--accent);font-size:12px}
html[data-groven-design="2010"] body #profilePage :is(.profile-details-card,.profile-shop,.profile-guestbook){padding:20px}
html[data-groven-design="2010"] body #profilePage :is(.profile-details-heading h3,.profile-shop-head h3,.profile-guestbook-head h3){font-size:22px;line-height:1.2}
html[data-groven-design="2010"] body #profilePage .profile-details-grid{gap:16px}
html[data-groven-design="2010"] body #profilePage .profile-details-grid article{border-color:#d3d8c5;border-radius:4px;background:#f0f2e6}
html[data-groven-design="2010"] body #profilePage .profile-details-grid p{font-size:13px}

/* Guest browsing shares the photo journal, with a compact introduction rail. */
html[data-groven-design="2010"] #guestScreen.is-active{max-width:1040px;padding:26px;gap:0}
html[data-groven-design="2010"] #guestScreen .guest-header .wordmark{font:italic 700 32px/1 Georgia,serif;color:#fff;text-shadow:0 -1px rgba(36,66,19,.5)}
html[data-groven-design="2010"] #guestScreen .guest-header .wordmark>span{display:none}
html[data-groven-design="2010"] #guestScreen .guest-layout{grid-template-columns:220px minmax(0,1fr);gap:24px}
html[data-groven-design="2010"] #guestScreen .guest-welcome{top:26px;padding:20px;gap:17px;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html[data-groven-design="2010"] #guestScreen .guest-welcome h1{font-size:28px;line-height:1.15;letter-spacing:-.045em;color:#4b623d}
html[data-groven-design="2010"] #guestScreen .guest-notice{font-size:13px;line-height:1.75;color:#747c68}
html[data-groven-design="2010"] #guestScreen .guest-welcome-hint{font-size:11px;line-height:1.6;color:#879078}
html[data-groven-design="2010"] #guestScreen .guest-content{gap:16px}
html[data-groven-design="2010"] #guestScreen .guest-feed-controls{gap:15px;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html[data-groven-design="2010"] #guestScreen .guest-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-groven-design="2010"] #guestScreen .guest-feed-heading h2{font-size:23px;color:#3e4933;text-shadow:0 1px #fff}
html[data-groven-design="2010"] #guestScreen .guest-feed-heading>span{font-size:11px;color:#7b846d}
html[data-groven-design="2010"] #guestScreen .guest-access{margin-left:auto}
html[data-groven-design="2010"] #guestScreen .guest-footer{font-size:11px;padding-top:24px;gap:20px}

/* Remaining existing screens inherit the same physical material language. */
html[data-groven-design="2010"] body :is(.friends-intro,.communities-page-head,.music-heading){padding:4px 0 18px;margin:0}
html[data-groven-design="2010"] body :is(.friends-intro h3,.communities-page-head h3,.music-heading h3){font-size:29px;line-height:1.15;letter-spacing:-.04em}
html[data-groven-design="2010"] body :is(.friends-empty,.contact-panel,.communities-directory,.local-music-library,.spotify-quick-start,.spotify-main-library){padding:20px;border-radius:7px!important}
html[data-groven-design="2010"] body .friends-empty h4{font-size:25px;line-height:1.2}
html[data-groven-design="2010"] body :is(.friend-card,.profile-community-card,.community-card,.guest-community,.social-person-card){border:1px solid #c3c8b7;border-radius:5px;background:var(--retro-field);box-shadow:0 1px #fff}
html[data-groven-design="2010"] body :is(.friend-card,.community-card,.social-person-card) :is(p,small){font-size:12px;line-height:1.6}
html[data-groven-design="2010"] body :is(.friend-search input,.communities-directory-toolbar input){min-height:44px;padding:10px 12px;border:1px solid #b7beaa;border-radius:5px;background:var(--retro-field);color:var(--ink);box-shadow:inset 0 1px 3px rgba(40,51,29,.1);font-size:14px}
html[data-groven-design="2010"] body :is(.friends-layout,.music-layout){grid-template-columns:minmax(0,1fr) minmax(190px,.5fr)}
html[data-groven-design="2010"] body .groven-device-player{border:1px solid #7b846c;border-radius:10px;background:var(--retro-silver);box-shadow:inset 0 1px #fff,0 3px 7px rgba(42,49,33,.2)}
html[data-groven-design="2010"] body .groven-device-player::before{display:none}
html[data-groven-design="2010"] body :is(.groven-device-screen,.streaming-player-shell){border-radius:5px}
html[data-groven-design="2010"] body .groven-device-player .streaming-shelf{border-radius:5px;background:#f2f3e9}
html[data-groven-design="2010"] body .groven-device-transport{border-radius:5px;border-color:#a8b099}
html[data-groven-design="2010"] body .groven-device-copy h3{font-size:23px}
html[data-groven-design="2010"] body :is(.spotify-quick-copy h3,.spotify-main-library-head h3,.local-music-head h3){font:700 22px/1.15 "Helvetica Neue",Helvetica,Arial,sans-serif}
html[data-groven-design="2010"] body :is(.spotify-quick-copy>p:last-child,.spotify-main-library-head p:last-child,.local-music-head p){font-size:12px;line-height:1.6}
html[data-groven-design="2010"] body .modal{border:1px solid #7a8669!important;border-radius:9px!important;background:var(--retro-paper)!important;box-shadow:0 16px 60px rgba(20,29,14,.34),inset 0 1px #fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-groven-design="2010"] body .modal::backdrop{background:rgba(25,32,20,.42);backdrop-filter:blur(3px)}
html[data-groven-design="2010"] body .modal h3{font:700 25px/1.12 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.035em}
html[data-groven-design="2010"] body .modal .close-modal{min-height:32px;width:32px;height:32px;padding:0;font-size:20px}
html[data-groven-design="2010"] body :is(.settings-tabs,.global-search-tabs,.music-source-tabs){gap:0;border:1px solid #b8beab;border-radius:5px;background:var(--retro-silver);overflow:auto}
html[data-groven-design="2010"] body :is(.settings-tab,.global-search-tabs>button,.music-source-tabs>button){min-height:42px;padding:10px 13px!important;border-radius:0;background:none!important;color:#667254!important;font-size:12px;text-decoration:none!important}
html[data-groven-design="2010"] body :is(.settings-tab.active,.global-search-tabs>.active,.music-source-tabs>.active){background:linear-gradient(#617c46,#7d975d)!important;color:#fff!important;box-shadow:inset 0 1px 3px #445a30!important;text-shadow:0 -1px #486035!important}
html[data-groven-design="2010"] body :is(.settings-row,.toggle-row){min-height:64px;padding:14px 8px;border-bottom:1px solid #d0d5c1}
html[data-groven-design="2010"] body :is(.settings-row,.toggle-row) b{font-size:14px}
html[data-groven-design="2010"] body :is(.settings-row,.toggle-row) small{font-size:11px;line-height:1.5;color:var(--muted)}
html[data-groven-design="2010"] body #hubPage{background:var(--page-background)!important}
html[data-groven-design="2010"] body .hub-fullscreen-bar{background:var(--retro-green)!important;border-bottom:1px solid var(--retro-green-edge);color:#fff}
html[data-groven-design="2010"] body #hubPage .hub-primary-grid{gap:12px;background:none!important}
html[data-groven-design="2010"] body #hubPage .hub-primary-grid button>span{background:var(--retro-silver)!important;border:1px solid #b2bba1!important;border-radius:9px;box-shadow:var(--retro-shadow)!important;color:#597440!important}
html[data-groven-design="2010"] body .site-credits{font:11px/1.6 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#858c78;opacity:1;padding:18px}

/* Messenger keeps its measured keyboard/safe-area grid and gains iOS-era chrome. */
html[data-groven-design="2010"] body #messageDialog.message-modal{padding:0;background:#e3e6da!important;border-radius:9px!important}
html[data-groven-design="2010"] body #messageDialog .message-window-titlebar{background:var(--retro-green);border-color:var(--retro-green-edge);box-shadow:inset 0 1px rgba(255,255,255,.4);color:#fff;text-shadow:0 -1px #547638}
html[data-groven-design="2010"] body #messageDialog .message-window-lights{display:none}
html[data-groven-design="2010"] body #messageDialog .message-window-titlebar b{font-size:15px}
html[data-groven-design="2010"] body #messageDialog .message-window-titlebar small{font-size:10px;color:#f0f4e7}
html[data-groven-design="2010"] body #messageDialog :is(.message-menu-bar,.message-action-strip,.message-composer-tools,.message-send-row,.mobile-message-header){background:var(--retro-silver);border-color:#bdc4af}
html[data-groven-design="2010"] body #messageDialog .message-thread{background:#e9ecdf;background-image:repeating-linear-gradient(90deg,transparent 0 2px,rgba(255,255,255,.18) 2px 3px)}
html[data-groven-design="2010"] body #messageDialog .message-bubble{border-color:#b2b8a7;background:linear-gradient(#fffefa,#eaecdf);color:#323b2b;box-shadow:0 1px 2px rgba(38,50,26,.13)}
html[data-groven-design="2010"] body #messageDialog .message-row.mine .message-bubble{background:linear-gradient(#e6f4c0,#c2db99);border-color:#93ae6f}
html[data-groven-design="2010"] body #messageDialog .message-bubble p{font-size:14px;line-height:1.5}
html[data-groven-design="2010"] body #messageDialog #sendMessageButton{border-radius:7px!important;background:var(--retro-green)!important;border-color:var(--retro-green-edge)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.5),0 1px 2px rgba(34,53,22,.2)!important;text-shadow:0 -1px #486a31!important}
html[data-groven-design="2010"] body #messageDialog #sendMessageButton::before{display:none}
html[data-groven-design="2010"] body #messageDialog .message-send-row textarea{font-size:16px;background:var(--retro-field);border-color:#b1bba1;color:var(--ink)}

/* Registration is a tactile welcome card; it still uses the exact existing form. */
html[data-groven-design="2010"] body .auth-screen.is-active{padding:90px 24px 40px;justify-content:flex-start;min-height:100dvh}
html[data-groven-design="2010"] body .auth-topline{top:0;left:0;right:0;width:100%;height:58px;padding:0 max(22px,calc((100vw - 1050px)/2));border-bottom:1px solid var(--retro-green-edge);background:var(--retro-green);box-shadow:inset 0 1px rgba(255,255,255,.4),0 1px 4px rgba(38,50,24,.2);color:#f1f7e5;font:700 10px "Helvetica Neue",Helvetica,Arial,sans-serif}
html[data-groven-design="2010"] body .auth-topline .brand-mark{font:italic 700 30px Georgia,serif;color:#fff}
html[data-groven-design="2010"] body .auth-card{width:min(510px,100%);min-height:0;padding:32px 38px;border-radius:8px!important;overflow:visible}
html[data-groven-design="2010"] body .auth-card .sparkle{width:58px;height:58px;margin:0 auto 20px;border:1px solid #66874b;border-radius:12px;background:var(--retro-green);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.5),0 2px 4px rgba(45,63,30,.2)}
html[data-groven-design="2010"] body .auth-card h1{font:700 38px/1.06 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#364a2b;letter-spacing:-.045em}
html[data-groven-design="2010"] body .auth-card h1 em{color:#769545;font-style:normal}
html[data-groven-design="2010"] body .auth-card .intro{margin:16px auto 24px;font-size:13px;line-height:1.6;color:#7d856f}
html[data-groven-design="2010"] body .auth-card :is(label,.password-hint,.form-note,.registration-age small){font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:0;font-size:12px;line-height:1.5}
html[data-groven-design="2010"] body .auth-card :is(input:not([type="checkbox"]),.field-shell){min-height:44px;border-radius:5px}
html[data-groven-design="2010"] body .auth-card .field-shell input{box-shadow:none;background:none}
html[data-groven-design="2010"] body .auth-card .round-button{border-radius:4px;background:var(--retro-green);color:#fff}
html[data-groven-design="2010"] body .auth-card .auth-submit{font-size:14px;min-height:46px}
html[data-groven-design="2010"] body :is(.auth-orbits,.retro-smileys){display:none}
html[data-groven-design="2010"] body .auth-screen>.legal{position:static;margin:22px 0 0;font-size:11px;max-width:400px;text-align:center}
html[data-groven-design="2010"] body .setup-screen{max-width:1080px;margin:auto}
html[data-groven-design="2010"] body .setup-layout{gap:40px}
html[data-groven-design="2010"] body .setup-copy h2{font:700 45px/1.05 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#4c6538}
html[data-groven-design="2010"] body .profile-form{padding:24px;border-radius:7px}

@media(max-width:1100px){
  html[data-groven-design="2010"] #appScreen.app-screen.is-active{display:block!important;max-width:880px!important;padding:20px!important}
  html[data-groven-design="2010"] #appScreen.app-screen.is-active>.app-content{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
  html[data-groven-design="2010"] #appScreen .app-header{width:100%!important;max-width:none!important}
  html[data-groven-design="2010"] #appScreen .page.active-page:not(#hubPage){max-width:720px!important;margin-inline:auto!important}
  html[data-groven-design="2010"] #appScreen .sidebar>:is(.wordmark,.mini-profile,.sidebar-bottom){display:none!important}
  html[data-groven-design="2010"] #appScreen.app-screen.is-active>.sidebar{
    position:fixed!important;z-index:90;inset:auto 0 0!important;width:100%!important;max-width:none!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;min-height:64px!important;
    padding:0 max(0px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(0px,env(safe-area-inset-left,0px))!important;
    border:0!important;border-top:1px solid #20271b!important;border-radius:0!important;
    background:var(--retro-charcoal)!important;box-shadow:inset 0 1px rgba(255,255,255,.26),0 -1px 3px rgba(31,40,22,.18)!important;
  }
  html[data-groven-design="2010"] #appScreen .sidebar .main-nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0;width:min(100%,720px);height:64px;margin:auto!important;padding:0!important}
  html[data-groven-design="2010"] body #appScreen .sidebar .main-nav .nav-item{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%!important;min-width:0;min-height:64px!important;height:64px;padding:7px 2px!important;border:0!important;border-right:1px solid rgba(0,0,0,.33)!important;border-left:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#c0c5b8!important;text-shadow:0 -1px #151b11!important;font-size:9px!important;text-decoration:none!important;outline:0}
  html[data-groven-design="2010"] #appScreen .sidebar .main-nav .nav-item>b{display:block!important;font-weight:700;font-size:9px;line-height:1.1;white-space:nowrap}
  html[data-groven-design="2010"] #appScreen .sidebar .main-nav .nav-item>span{display:grid;place-items:center;width:27px!important;font-size:26px;line-height:1;color:inherit;filter:drop-shadow(0 1px 1px #171e12)}
  html[data-groven-design="2010"] body #appScreen .sidebar .main-nav .nav-item.active{background:linear-gradient(#a7c36d,#789c45 48%,#5f8335 50%,#6a913b)!important;color:#f6ffe7!important;border-inline-color:#4a652b!important;box-shadow:inset 0 1px rgba(255,255,255,.4),inset 0 -2px rgba(0,0,0,.16)!important}
  html[data-groven-design="2010"] #homePage .home-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  html[data-groven-design="2010"] #homePage .feed-column{width:100%;max-width:none}
  html[data-groven-design="2010"] #homePage .home-side{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none}
  html[data-groven-design="2010"] #homePage .home-side>.home-rail-links{grid-column:1/-1}
  html[data-groven-design="2010"] #guestScreen.is-active{max-width:900px;padding:20px}
  html[data-groven-design="2010"] #guestScreen .guest-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}
  html[data-groven-design="2010"] #guestScreen .guest-welcome{padding:14px 5px}
  html[data-groven-design="2010"] #guestScreen .guest-welcome h1{font-size:25px}
}
@media(max-width:680px){
  html[data-groven-design="2010"] body{--mobile-page-padding:12px;--mobile-section-gap:14px;background:var(--page-background)!important}
  html[data-groven-design="2010"] #appScreen.app-screen.is-active{padding:0!important;max-width:100%!important}
  html[data-groven-design="2010"] #appScreen .app-header{position:relative;grid-template-columns:max-content minmax(0,1fr)!important;min-height:58px;padding:calc(9px + env(safe-area-inset-top,0px)) 10px 9px!important;gap:8px;margin:0 0 14px;border-radius:0!important;border-width:0 0 1px!important}
  html[data-groven-design="2010"] #appScreen .app-header>div:first-child{width:auto!important}
  html[data-groven-design="2010"] #appScreen .app-header h2{font-size:17px}
  html[data-groven-design="2010"] #appScreen .app-header .header-actions{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:4px!important;max-width:66%;width:auto!important}
  html[data-groven-design="2010"] body #appScreen .header-actions :is(button,select){min-width:32px!important;width:auto!important;min-height:38px!important;height:38px!important;padding-inline:5px!important}
  html[data-groven-design="2010"] #appScreen .header-actions .profile-trigger .mini-avatar{width:24px;height:24px;flex-basis:24px}
  html[data-groven-design="2010"] #appScreen .header-actions .profile-trigger i{display:none}
  html[data-groven-design="2010"] #appScreen .header-actions .icon-button{font-size:21px}
  html[data-groven-design="2010"] #appScreen .app-header>div:not(.retro-brand):not(.header-actions){display:none}
  html[data-groven-design="2010"] #appScreen .app-header .header-actions{max-width:none;flex-wrap:nowrap;justify-self:end}
  html[data-groven-design="2010"] body .retro-camera-header-button>span{display:none}
  html[data-groven-design="2010"] .retro-brand{font-size:24px}
  html[data-groven-design="2010"] .retro-brand small{display:none}
  html[data-groven-design="2010"] #appScreen .page.active-page:not(#hubPage){padding-inline:12px!important;max-width:100%!important}
  html[data-groven-design="2010"] #homePage.active-page{padding:0!important}
  html[data-groven-design="2010"] #homePage .home-grid{gap:14px!important}
  html[data-groven-design="2010"] #appScreen .composer{margin-inline:0!important;overflow:hidden}
  html[data-groven-design="2010"] #homePage .feed-column>.composer{width:calc(100% - 24px)!important;margin-inline:12px!important}
  html[data-groven-design="2010"] #appScreen .feed-toolbar{padding:18px 12px 12px!important;gap:10px!important}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-feed,
  html[data-groven-design="2010"] #guestPosts{gap:16px}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card{border-left:0!important;border-right:0!important;border-radius:0!important;box-shadow:0 1px 2px rgba(45,54,33,.12)}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card-head{padding:10px 12px;min-height:60px}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card-avatar{width:36px;height:36px;flex-basis:36px}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card-body{padding:12px 14px;font-size:14px}
  html[data-groven-design="2010"] #homePage .home-side{width:calc(100% - 24px)!important;margin-inline:12px!important;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-groven-design="2010"] #homePage .home-side>*{min-width:0}
  html[data-groven-design="2010"] #homePage :is(.welcome-ribbon,.next-step-card,.mobile-time-widget){width:calc(100% - 24px)!important;margin-inline:12px!important}
  html[data-groven-design="2010"] #homePage .next-step-card{grid-template-columns:26px minmax(0,1fr)}
  html[data-groven-design="2010"] #homePage .next-step-card .primary-button{grid-column:2;justify-self:start}
  html[data-groven-design="2010"] #homePage .empty-feed{width:calc(100% - 24px)!important;margin-inline:12px!important}
  html[data-groven-design="2010"] body #profilePage .profile-hero{--profile-cover-height:170px;--profile-avatar-size:76px;--profile-content-inset:13px;padding:0!important}
  html[data-groven-design="2010"] body #profilePage .profile-identity{grid-template-columns:var(--profile-avatar-size) minmax(0,1fr)!important;gap:12px!important;margin-top:14px!important}
  html[data-groven-design="2010"] body #profilePage .profile-identity>.outline-button{grid-column:1/-1!important;width:100%!important;justify-self:stretch!important;margin:0!important}
  html[data-groven-design="2010"] body #profilePage .profile-identity h3{font-size:24px}
  html[data-groven-design="2010"] body #profilePage .profile-bio{font-size:13px}
  html[data-groven-design="2010"] body #profilePage .profile-stats>*{min-height:68px!important;font-size:11px}
  html[data-groven-design="2010"] body #profilePage .profile-stats b{font-size:24px}
  html[data-groven-design="2010"] body #profilePage :is(.profile-details-card,.profile-shop,.profile-guestbook){padding:15px}
  html[data-groven-design="2010"] body :is(.friends-layout,.music-layout,.profile-layout){grid-template-columns:minmax(0,1fr)!important}
  html[data-groven-design="2010"] body :is(.friends-empty,.contact-panel,.communities-directory,.local-music-library,.spotify-quick-start,.spotify-main-library){padding:16px}
  html[data-groven-design="2010"] #guestScreen.is-active{padding:0;gap:0}
  html[data-groven-design="2010"] #guestScreen .guest-header{padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px!important;gap:8px;flex-wrap:wrap;margin-bottom:0;border-radius:0!important;border-width:0 0 1px!important}
  html[data-groven-design="2010"] #guestScreen .guest-header .wordmark{font-size:28px;flex:1}
  html[data-groven-design="2010"] #guestScreen .guest-access{display:flex;grid-row:auto;grid-column:auto;gap:6px}
  html[data-groven-design="2010"] #guestScreen .guest-access button{min-height:36px;padding:7px 10px;font-size:11px}
  html[data-groven-design="2010"] #guestScreen .guest-tools{margin-left:auto;gap:5px}
  html[data-groven-design="2010"] #guestScreen .guest-tools :is(select,button){height:36px;min-height:36px;padding:5px 8px;font-size:11px}
  html[data-groven-design="2010"] #guestScreen .guest-layout{grid-template-columns:minmax(0,1fr);gap:0}
  html[data-groven-design="2010"] #guestScreen .guest-welcome{position:static;padding:20px 16px 16px;gap:10px}
  html[data-groven-design="2010"] #guestScreen .guest-welcome .eyebrow{font-size:9px}
  html[data-groven-design="2010"] #guestScreen .guest-welcome h1{font-size:25px;line-height:1.16;max-width:310px}
  html[data-groven-design="2010"] #guestScreen .guest-notice{font-size:12px;line-height:1.6}
  html[data-groven-design="2010"] #guestScreen .guest-welcome>button{width:auto;justify-self:start;min-height:40px;font-size:12px}
  html[data-groven-design="2010"] #guestScreen .guest-feed-controls{padding:0 12px 2px!important;gap:12px}
  html[data-groven-design="2010"] #guestScreen .guest-feed-heading h2{font-size:21px}
  html[data-groven-design="2010"] #guestScreen :is(#guestDetails,#guestStatus,#guestRetry,#guestLoadMore){width:calc(100% - 24px);margin-inline:12px}
  html[data-groven-design="2010"] body #messageDialog.message-modal{border-radius:0!important}
  html[data-groven-design="2010"] body .auth-card{padding:26px 23px}
  html[data-groven-design="2010"] body .auth-card h1{font-size:34px}
  html[data-groven-design="2010"] body .auth-screen.is-active{padding:82px 16px 32px}
  html[data-groven-design="2010"] body .setup-layout{padding:0;gap:24px}
  html[data-groven-design="2010"] body .setup-copy h2{font-size:34px}
  html[data-groven-design="2010"] body .site-credits{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
  html[data-groven-design="2010"] body .retro-camera-card{grid-column:1/-1;grid-template-columns:96px minmax(0,1fr);gap:10px 15px;padding:16px}
  html[data-groven-design="2010"] body .retro-camera-card>.eyebrow{grid-column:2;margin:0}
  html[data-groven-design="2010"] body .retro-camera-card>h2{grid-column:2;font-size:22px}
  html[data-groven-design="2010"] body .retro-camera-art{grid-column:1;grid-row:1/4;align-self:stretch;aspect-ratio:auto;min-height:120px}
  html[data-groven-design="2010"] body .retro-camera-card>p:not(.eyebrow){grid-column:2;font-size:11px!important}
  html[data-groven-design="2010"] body .retro-camera-launch{grid-column:1/-1}
  html[data-groven-design="2010"] body .retro-camera-sample{grid-column:1/-1}
  html[data-groven-design="2010"] body .retro-camera-card>small{grid-column:1/-1;text-align:center}
  html[data-groven-design="2010"] body .retro-local-note{font-size:7px;margin:-3px auto 12px;padding:0 10px}
}

/* Keep the wordmark readable instead of squeezing it behind the six controls. */
@media(max-width:360px){
  html[data-groven-design="2010"] #appScreen .app-header{grid-template-columns:minmax(0,1fr)!important}
  html[data-groven-design="2010"] #appScreen .app-header>.retro-brand,
  html[data-groven-design="2010"] #appScreen .app-header>.header-actions{justify-self:center}
}

/* Night keeps the green identity but uses dark silver rather than glowing glass. */
html[data-groven-design="2010"] body #appScreen .home-side .today-prompt{margin:0;padding:16px}
html[data-groven-design="2010"] body #appScreen .home-side .today-prompt h3{font-size:17px;line-height:1.25;margin:8px 0}
html[data-groven-design="2010"] body #appScreen .home-side .today-prompt-question{font:600 13px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif}
html[data-groven-design="2010"] body #appScreen .home-side .today-prompt-hint{font:400 11px/1.6 "Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--muted)}
html[data-groven-design="2010"] body #appScreen .home-side .today-prompt button{width:100%;white-space:normal;font-size:11px}
html[data-groven-design="2010"] body.night{
  --ink:#ededeb;--muted:#b1b3ad;--line:#545652;--glass:#303130;--glass-strong:#393a38;
  --retro-paper:#303130;--retro-field:#252625;--retro-silver:linear-gradient(#474747,#393939 49%,#313131 50%,#3c3c3c);
  --retro-green:linear-gradient(#7a9f4f,#5e8339 48%,#496b2a 50%,#557930);--retro-green-edge:#2e4a21;
  --retro-shadow:inset 0 1px rgba(255,255,255,.08),0 1px 3px rgba(0,0,0,.25);--page-background:#222322;
  background:var(--page-background)!important;
}
html[data-groven-design="2010"] body.night :is(.glass-card,.post-card,.profile-hero,.modal){background:var(--retro-paper)!important;border-color:var(--line)!important;box-shadow:var(--retro-shadow)!important}
html[data-groven-design="2010"] body.night #appScreen .sidebar{background:none!important;box-shadow:none!important}
html[data-groven-design="2010"] body.night #appScreen .sidebar .wordmark{color:#b3d67d;text-shadow:0 1px #0c1608}
html[data-groven-design="2010"] body.night #appScreen .sidebar .main-nav .nav-item{color:#bdc7ac!important}
html[data-groven-design="2010"] body.night #appScreen .sidebar .main-nav .nav-item.active{background:linear-gradient(#4d5f3b,#3e502d)!important;color:#f1f8e5!important;border-color:#65744e!important;box-shadow:inset 0 1px #607347!important}
html[data-groven-design="2010"] body.night :is(.mini-profile,.sidebar-bottom){border-color:#49543b}
html[data-groven-design="2010"] body.night :is(.composer-window-title,.post-card-head,.post-social-bar,.profile-stats,.profile-section-tiles>button,.message-menu-bar,.message-action-strip,.message-composer-tools,.message-send-row){background:var(--retro-silver)!important;border-color:#515c43!important;box-shadow:none!important;color:var(--ink)!important}
html[data-groven-design="2010"] body.night #appScreen .composer-actions{background:#2b3423;border-color:#48563a}
html[data-groven-design="2010"] body.night #appScreen .composer-actions>button{color:#bdce9f!important}
html[data-groven-design="2010"] body.night #appScreen .composer-actions>button+button{border-color:#48563a!important}
html[data-groven-design="2010"] body.night :is(#appScreen,#guestScreen) :is(.post-card-author b,.post-author-link b){color:#bad88d!important}
html[data-groven-design="2010"] body.night :is(#appScreen,#guestScreen) .post-social-bar>button{color:#bdcba7!important;text-shadow:none!important}
html[data-groven-design="2010"] body.night :is(#appScreen,#guestScreen) .post-social-bar>button+button{border-color:#515c43!important}
html[data-groven-design="2010"] body.night #appScreen :is(.feed-toolbar h3,.day-card-clock),
html[data-groven-design="2010"] body.night #guestScreen :is(.guest-welcome h1,.guest-feed-heading h2){color:var(--ink);text-shadow:none}
html[data-groven-design="2010"] body.night :is(#appScreen,#guestScreen) :is(.feed-filter,.guest-nav>button){background:var(--retro-silver)!important;color:#c5cfb5!important;border-color:#515c43!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important;text-shadow:0 -1px #1d2913!important}
html[data-groven-design="2010"] body.night :is(#appScreen,#guestScreen) :is(.feed-filter.active,.guest-nav>button[aria-pressed="true"]){background:var(--retro-green)!important;color:#fff!important}
html[data-groven-design="2010"] body.night #profilePage :is(.profile-identity h3,.profile-stats b){color:var(--ink)}
html[data-groven-design="2010"] body.night #profilePage .profile-stats>*{color:#bac6a8!important}
html[data-groven-design="2010"] body.night #profilePage .profile-stats>*+*{border-color:#4c5c3b!important}
html[data-groven-design="2010"] body.night #profilePage .profile-details-grid article{border-color:#4e5e3e;background:#293322}
html[data-groven-design="2010"] body.night :is(.friend-card,.profile-community-card,.community-card,.guest-community,.social-person-card){background:var(--retro-field)!important;border-color:var(--line)!important;color:var(--ink)}
html[data-groven-design="2010"] body.night .groven-device-player{background:var(--retro-silver)!important;border-color:var(--line);box-shadow:var(--retro-shadow)}
html[data-groven-design="2010"] body.night .groven-device-player .streaming-shelf{background:#26301e}
html[data-groven-design="2010"] body.night #messageDialog .message-thread{background:#252e1f}
html[data-groven-design="2010"] body.night #messageDialog .message-bubble{background:linear-gradient(#424e35,#35432b);border-color:#5e704b;color:#e7efdc}
html[data-groven-design="2010"] body.night #messageDialog .message-row.mine .message-bubble{background:linear-gradient(#5c783f,#486532);border-color:#7a965c}
html[data-groven-design="2010"] body.night .retro-camera-card{background:linear-gradient(#424f30,#303d23);border-color:#627747;color:#dcebc4}
html[data-groven-design="2010"] body.night .retro-camera-card :is(h2,.eyebrow){color:#d2e6af}
html[data-groven-design="2010"] body.night .retro-camera-card :is(small,p:not(.eyebrow),.retro-camera-sample){color:#b1c398}
html[data-groven-design="2010"] body.night .auth-card h1{color:#e4edda}
html[data-groven-design="2010"] body.night .auth-card h1 em{color:#b0cf7a}
@media(max-width:1100px){html[data-groven-design="2010"] body.night #appScreen.app-screen.is-active>.sidebar{background:var(--retro-charcoal)!important;box-shadow:inset 0 1px rgba(255,255,255,.12)!important}}

@media(prefers-reduced-motion:reduce){html[data-groven-design="2010"] body :is(.retro-camera-launch,.retro-camera-header-button){transition:none!important;animation:none!important}}

/* Existing baseline secondary-action rules contain several ID alternatives in
   :is/:not and !important. A scoped important layer restores this edition's
   physical controls without escalating selector specificity or touching them. */
@layer groven-retro-controls {
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen,dialog.modal) :is(.soft-button,.outline-button,.icon-button,.notification-button,.profile-trigger,.theme-button,.close-modal,.modal-tool,.guest-access>button,.groven-device-actions>button,.groven-device-transport>button,.spotify-track-actions>button){
    border:1px solid var(--line)!important;border-radius:5px!important;background:var(--retro-silver)!important;box-shadow:var(--retro-shadow)!important;color:var(--ink)!important;text-shadow:0 1px rgba(255,255,255,.65)!important;text-decoration:none!important;
  }
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen,dialog.modal) :is(.primary-button,.friend-follow-button,.community-join-button,#guestJoin,#guestRegister){
    border:1px solid var(--retro-green-edge)!important;border-radius:5px!important;background:var(--retro-green)!important;box-shadow:inset 0 1px rgba(255,255,255,.5),0 1px 2px rgba(30,54,21,.2)!important;color:#fff!important;text-shadow:0 -1px rgba(26,61,19,.6)!important;text-decoration:none!important;
  }
  html[data-groven-design="2010"] body #appScreen .header-actions :is(button,select){border:1px solid #537435!important;border-radius:5px!important;background:linear-gradient(rgba(244,255,221,.4),rgba(37,68,22,.15))!important;box-shadow:inset 0 1px rgba(255,255,255,.35),0 1px rgba(226,245,195,.3)!important;color:#fff!important;text-shadow:0 -1px rgba(34,62,20,.6)!important}
  html[data-groven-design="2010"] body #appScreen .header-actions select{appearance:none!important;-webkit-appearance:none!important;font:700 11px/1 "Helvetica Neue",Helvetica,Arial,sans-serif!important;padding-right:16px!important}
  html[data-groven-design="2010"] body #appScreen .header-actions .language-picker{position:relative}
  html[data-groven-design="2010"] body #appScreen .header-actions .language-picker::after{content:'⌄';position:absolute;right:5px;top:50%;transform:translateY(-55%);color:#fff;pointer-events:none;font:12px Arial,sans-serif}
  html[data-groven-design="2010"] #appScreen .header-actions :is(.nav-hamburger,.nav-hamburger i){color:#fff!important}
  html[data-groven-design="2010"] #appScreen .header-actions .nav-hamburger i{background:currentColor!important}
  html[data-groven-design="2010"] #appScreen .sidebar .main-nav .nav-item{border:1px solid transparent!important;border-radius:5px!important;background:none!important;box-shadow:none!important;color:#62695a!important;text-shadow:0 1px #eef0e7!important;text-decoration:none!important}
  html[data-groven-design="2010"] #appScreen .sidebar .main-nav .nav-item.active{border-color:#abb59c!important;background:linear-gradient(#f5f7ef,#dce4d0)!important;box-shadow:inset 0 1px #fff,0 1px #fff!important;color:#3c683a!important}
  html[data-groven-design="2010"] #appScreen .sidebar .main-nav .nav-item>:is(span,b){color:inherit!important}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) :is(.feed-filter,.guest-nav>button){border:0!important;border-right:1px solid #b7bbad!important;border-radius:0!important;background:var(--retro-silver)!important;color:#606858!important;box-shadow:inset 0 1px rgba(255,255,255,.6)!important;text-shadow:0 1px rgba(255,255,255,.7)!important;text-decoration:none!important}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) :is(.feed-filter.active,.guest-nav>button[aria-pressed="true"]){background:linear-gradient(#66774f,#7f925e)!important;color:#fff!important;box-shadow:inset 0 1px 4px rgba(25,42,16,.3)!important;text-shadow:0 -1px rgba(25,42,16,.6)!important}
  html[data-groven-design="2010"] body #homePage :is(.next-step-card,.day-card,.onboarding,.home-rail-links,.today-prompt,.empty-feed,.post-card){background:var(--retro-paper)!important;border-color:var(--line)!important;box-shadow:var(--retro-shadow)!important}
  html[data-groven-design="2010"] body #profilePage :is(.glass-card,.post-card){background:var(--retro-paper)!important;border-color:var(--line)!important;box-shadow:var(--retro-shadow)!important}
  html[data-groven-design="2010"] body #homePage .feed-toolbar{border:0!important;background:none!important;box-shadow:none!important}
  html[data-groven-design="2010"] body #homePage .feed-filters{width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html[data-groven-design="2010"] body #homePage .feed-toolbar-controls{width:100%!important;display:block!important}
  html[data-groven-design="2010"] body #profilePage .profile-section-tiles>button{background:var(--retro-silver)!important;border:0!important;border-right:1px solid #bac0ac!important;border-radius:0!important;box-shadow:inset 0 1px rgba(255,255,255,.6)!important;color:#626d55!important;text-decoration:none!important}
  html[data-groven-design="2010"] body #profilePage .profile-stats>button{background:none!important;border:0!important;border-left:1px solid #bfc4b1!important;border-radius:0!important;box-shadow:none!important;color:#747a69!important;text-decoration:none!important}
  html[data-groven-design="2010"] body :is(.settings-tab.active,.global-search-tabs>.active,.music-source-tabs>.active){background:linear-gradient(#617c46,#7d975d)!important;color:#fff!important;box-shadow:inset 0 1px 3px #445a30!important;text-shadow:0 -1px #486035!important;text-decoration:none!important}
  html[data-groven-design="2010"] body.night #appScreen .sidebar .main-nav .nav-item{color:#bdc7ac!important;text-shadow:none!important}
  html[data-groven-design="2010"] body.night #appScreen .sidebar .main-nav .nav-item.active{background:linear-gradient(#4d5f3b,#3e502d)!important;color:#f1f8e5!important;border-color:#65744e!important;box-shadow:inset 0 1px #607347!important}
  html[data-groven-design="2010"] body.night :is(#appScreen,#guestScreen) :is(.feed-filter,.guest-nav>button){background:var(--retro-silver)!important;color:#c5cfb5!important;border-color:#515c43!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important;text-shadow:0 -1px #1d2913!important}
  html[data-groven-design="2010"] body.night :is(#appScreen,#guestScreen) :is(.feed-filter.active,.guest-nav>button[aria-pressed="true"]){background:var(--retro-green)!important;color:#fff!important}
  @media(min-width:1101px){html[data-groven-design="2010"] #appScreen .sidebar .main-nav .mobile-settings-button{display:none!important}}
  @media(max-width:1100px){
    html[data-groven-design="2010"] body #appScreen .sidebar .main-nav .nav-item{border:0!important;border-right:1px solid rgba(0,0,0,.33)!important;border-left:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#d4d8cc!important;text-shadow:0 -1px #151b11!important}
    html[data-groven-design="2010"] body #appScreen .sidebar .main-nav .nav-item.active{background:linear-gradient(#a7c36d,#789c45 48%,#5f8335 50%,#6a913b)!important;color:#f6ffe7!important;border-inline-color:#4a652b!important;box-shadow:inset 0 1px rgba(255,255,255,.4),inset 0 -2px rgba(0,0,0,.16)!important}
  }
  @media(max-width:680px){html[data-groven-design="2010"] #homePage.active-page{padding:0!important}}
}

/* Approved refinement: neutral chrome, apple-green accents, upright clean type.
   This layer wins over legacy important mint fills without changing image media. */
@layer groven-retro-refinement {
  /* Personal-web panels + early mobile photo journals, 2000–2012.
     Keep all live content, clean type and the existing camera implementation. */
  html[data-groven-design="2010"] #appScreen .sidebar .main-nav .nav-item>b{font-weight:700!important}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card{
    border-color:var(--line)!important;
    border-radius:4px!important;
    box-shadow:inset 0 1px #fff,0 2px 0 rgba(55,61,47,.12),0 3px 7px rgba(55,61,47,.07)!important;
  }
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card-head{padding:10px 14px!important;min-height:62px!important}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-media{
    width:calc(100% - 24px)!important;margin:0 12px 12px!important;padding:5px!important;
    border:1px solid var(--line)!important;border-radius:2px!important;background:var(--retro-field)!important;
    box-shadow:0 1px 3px rgba(30,35,25,.12)!important;
  }
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-social-bar{padding:2px 8px!important}
  html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) :is(.feed-filter.active,.guest-nav>button[aria-pressed="true"]){
    background:var(--retro-green)!important;color:#fff!important;
    box-shadow:inset 0 1px rgba(255,255,255,.4),inset 0 -2px rgba(31,58,15,.2)!important;
  }
  html[data-groven-design="2010"] body #appScreen .composer{border-radius:4px!important}
  html[data-groven-design="2010"] body #appScreen .composer-window-title{
    border-radius:3px 3px 0 0!important;min-height:31px!important;padding:8px 12px!important;font-size:11px!important;
    border-bottom:1px solid var(--line)!important;color:var(--ink)!important;
  }
  html[data-groven-design="2010"] body #appScreen .composer-window-title b{font-style:normal!important;letter-spacing:.01em!important}
  html[data-groven-design="2010"] body #appScreen .composer-actions{padding:0!important}
  html[data-groven-design="2010"] body #appScreen .feed-toolbar{
    margin:18px 0 14px!important;padding:0!important;gap:0!important;
    border:1px solid var(--line)!important;border-radius:4px!important;
    background:var(--retro-paper)!important;box-shadow:var(--retro-shadow)!important;
  }
  html[data-groven-design="2010"] body #appScreen .feed-toolbar>div:first-child{
    min-height:42px!important;padding:10px 12px!important;border-bottom:1px solid var(--line)!important;background:var(--retro-silver)!important;
  }
  html[data-groven-design="2010"] body #appScreen .feed-toolbar h3{font-size:15px!important;font-weight:700!important;line-height:1.3!important}
  html[data-groven-design="2010"] body #appScreen .feed-toolbar .eyebrow{font-size:8px!important;letter-spacing:.08em!important}
  html[data-groven-design="2010"] body #appScreen .feed-filters{border:0!important;border-radius:0 0 3px 3px!important;box-shadow:none!important}
  html[data-groven-design="2010"] body .retro-camera-card{gap:11px!important;padding:14px!important;border-radius:4px!important;border-color:var(--line)!important}
  html[data-groven-design="2010"] body .retro-camera-card>.eyebrow{
    margin:-14px -14px 0!important;padding:9px 12px!important;background:var(--retro-silver)!important;
    border-bottom:1px solid var(--line)!important;border-radius:3px 3px 0 0!important;color:var(--ink)!important;font-size:9px!important;
  }
  html[data-groven-design="2010"] body .retro-camera-card>h2{font-size:22px!important;line-height:1.2!important}
  html[data-groven-design="2010"] body .retro-camera-art{
    aspect-ratio:1.3!important;border:1px solid #8d9386!important;border-radius:8px!important;
    background:linear-gradient(#f6f7f3,#dedfd9 47%,#b8bdb0 48%,#d7dad0)!important;
    box-shadow:inset 0 1px #fff,inset 0 -3px 0 #a1a998,0 2px 3px #27311c20!important;
  }
  html[data-groven-design="2010"] body .retro-camera-art::before{
    content:''!important;position:absolute!important;inset:12px 12px auto auto!important;width:25px!important;height:9px!important;
    border:1px solid #8f9588!important;border-radius:2px!important;background:repeating-linear-gradient(90deg,#fdfefa 0 3px,#dbded2 3px 4px)!important;
  }
  html[data-groven-design="2010"] body .retro-camera-art span{color:#435c30!important;font-size:7px!important;letter-spacing:.12em!important}
  html[data-groven-design="2010"] body .retro-camera-card>small{color:var(--muted)!important}
  html[data-groven-design="2010"] body #guestScreen .guest-feed-controls{gap:12px!important}
  html[data-groven-design="2010"] body #guestScreen .guest-feed-heading{
    padding:12px!important;border:1px solid var(--line)!important;border-radius:3px!important;background:var(--retro-silver)!important;
  }
  html[data-groven-design="2010"] body #guestScreen .guest-feed-heading h2{font-size:19px!important}
  html[data-groven-design="2010"] body.night .retro-camera-art{background:var(--retro-silver)!important;border-color:var(--line)!important;box-shadow:inset 0 1px #ffffff20,0 2px 3px #0004!important}
  html[data-groven-design="2010"] body.night .retro-camera-art span{color:var(--ink)!important}
  @media(min-width:1101px){
    html[data-groven-design="2010"] #appScreen.app-screen.is-active>.sidebar{
      border:1px solid var(--line)!important;border-radius:5px!important;
      background:var(--retro-paper)!important;box-shadow:var(--retro-shadow)!important;
    }
    html[data-groven-design="2010"] #appScreen .sidebar>.wordmark{
      padding:14px!important;font-size:25px!important;border-bottom:1px solid var(--line)!important;background:var(--retro-silver)!important;border-radius:4px 4px 0 0!important;
    }
    html[data-groven-design="2010"] #appScreen .sidebar .mini-profile{padding:13px 10px!important;border-top:0!important;box-shadow:none!important;gap:8px!important}
    html[data-groven-design="2010"] #appScreen .sidebar .mini-profile>div{min-width:0!important;overflow-wrap:anywhere!important}
    html[data-groven-design="2010"] #appScreen .sidebar .main-nav{padding:6px!important;gap:1px!important}
    html[data-groven-design="2010"] #appScreen .sidebar .main-nav .nav-item{border-radius:3px!important;min-height:44px!important}
    html[data-groven-design="2010"] #appScreen .sidebar .main-nav .nav-item.active{
      border-color:var(--retro-green-edge)!important;background:var(--retro-green)!important;
      color:#fff!important;box-shadow:inset 0 1px #ffffff70,0 1px 2px #263b1820!important;
    }
    html[data-groven-design="2010"] #appScreen .sidebar-bottom{padding:10px 9px 0!important}
    html[data-groven-design="2010"] #appScreen .sidebar-bottom p{font-size:10px!important;line-height:1.6!important;margin:12px 2px!important}
  }
  @media(max-width:1100px){
    html[data-groven-design="2010"] body .retro-camera-shortcut{
      display:grid!important;grid-template-columns:32px minmax(0,1fr) 16px!important;align-items:center!important;gap:12px!important;
      width:100%!important;min-height:60px!important;margin:0 0 12px!important;padding:10px 14px!important;text-align:left!important;
      border:1px solid var(--line)!important;border-radius:4px!important;background:var(--retro-silver)!important;color:var(--ink)!important;box-shadow:var(--retro-shadow)!important;
    }
    html[data-groven-design="2010"] body .retro-camera-shortcut>svg{
      width:32px!important;height:32px!important;padding:5px!important;border:1px solid var(--retro-green-edge)!important;border-radius:5px!important;background:var(--retro-green)!important;color:#fff!important;
    }
    html[data-groven-design="2010"] body .retro-camera-shortcut>span{display:grid!important;gap:3px!important;min-width:0!important}
    html[data-groven-design="2010"] body .retro-camera-shortcut b{font-size:13px!important;line-height:1.2!important}
    html[data-groven-design="2010"] body .retro-camera-shortcut small{font-size:10px!important;line-height:1.3!important;color:var(--muted)!important}
    html[data-groven-design="2010"] body .retro-camera-shortcut>i{font:normal 24px/1 Arial,sans-serif!important;color:var(--accent)!important}
  }
  @media(max-width:680px){
    html[data-groven-design="2010"] body .retro-camera-shortcut{width:calc(100% - 24px)!important;margin-inline:12px!important;min-height:56px!important}
    html[data-groven-design="2010"] body #appScreen .feed-toolbar{margin:16px 12px 14px!important;width:calc(100% - 24px)!important}
    html[data-groven-design="2010"] body #appScreen .feed-toolbar>div:first-child{padding:9px 10px!important;gap:6px!important}
    html[data-groven-design="2010"] body #appScreen .feed-toolbar .eyebrow{display:none!important}
    html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-card{border-radius:0!important}
    html[data-groven-design="2010"] body :is(#appScreen,#guestScreen) .post-media{width:calc(100% - 16px)!important;margin:0 8px 8px!important;padding:4px!important}
    html[data-groven-design="2010"] body .retro-camera-card>.eyebrow{margin:0!important;padding:0!important;background:none!important;border:0!important}
  }
  html[data-groven-design="2010"] body,
  html[data-groven-design="2010"] body :where(*) {
    font-family:var(--retro-ui-font)!important;
    text-shadow:none!important;
  }
  html[data-groven-design="2010"] body :is(h1,h2,h3,h4,h5,.wordmark,.retro-brand,.brand-mark),
  html[data-groven-design="2010"] body .grove-camera-caption>p:first-child {
    font-style:normal!important;
    letter-spacing:normal!important;
  }
  html[data-groven-design="2010"] body :is(.post-card-body,.profile-bio,.message-bubble p){font-weight:400!important}
  html[data-groven-design="2010"] body :is(.wordmark,.retro-brand){font-weight:700!important}
  html[data-groven-design="2010"] body :is(.post-card-head,.post-social-bar,.composer-window-title,.composer-actions,.profile-stats,.message-menu-bar,.message-action-strip,.message-composer-tools,.message-send-row,.mobile-message-header) {
    background:var(--retro-silver)!important;
    border-color:var(--line)!important;
  }
  html[data-groven-design="2010"] body :is(.mini-avatar,.avatar-preview,.post-card-avatar,.friend-avatar,.message-contact-avatar,.large-avatar){
    background-color:var(--retro-field)!important;
    border-color:var(--line)!important;
  }
  /* Uploaded photos are inline URLs. Only replace the empty-avatar gradient. */
  html[data-groven-design="2010"] body :is(.mini-avatar,.avatar-preview,.post-card-avatar,.friend-avatar,.message-contact-avatar,.large-avatar):not([style*="url("]){
    background-image:var(--retro-silver)!important;
  }
  html[data-groven-design="2010"] body :is(.listening-summary,.retro-camera-card,.profile-details-grid article,.friend-card,.community-card){
    background:var(--retro-paper)!important;
    border-color:var(--line)!important;
  }
  html[data-groven-design="2010"] body :is(.content-actions-menu>summary,.post-delete){
    background:var(--retro-silver)!important;
    color:var(--ink)!important;
    border-color:var(--line)!important;
  }
  html[data-groven-design="2010"] body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="button"]):not([type="submit"]),textarea){
    background-color:var(--retro-field)!important;
    color:var(--ink)!important;
    border-color:var(--line)!important;
  }
  html[data-groven-design="2010"] body #messageDialog .message-thread{
    background:var(--page-background)!important;
  }
  html[data-groven-design="2010"] body #messageDialog .message-bubble{
    background:var(--retro-paper)!important;
    color:var(--ink)!important;
    border-color:var(--line)!important;
  }
  html[data-groven-design="2010"] body #messageDialog .message-row.mine .message-bubble{
    border-left:3px solid var(--accent)!important;
  }
}