/* 2026-07-09 phone Browse list-view overlay repair.

   Keep all badges inside the thumbnail and prevent centered/stacked overlay pills from covering the card text. */

@media (max-width:760px){

  body main.site-main .container.browse-page #listing-grid.listing-layout-list{

    grid-template-columns:1fr!important;

    gap:10px!important;

    overflow:visible!important;

  }

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card{

    grid-template-columns:112px minmax(0,1fr)!important;

    min-height:126px!important;

    padding:8px!important;

    gap:10px!important;

    overflow:hidden!important;

    align-items:stretch!important;

  }

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap{

    grid-column:1!important;

    grid-row:1!important;

    width:112px!important;

    min-width:112px!important;

    height:112px!important;

    min-height:112px!important;

    max-height:112px!important;

    aspect-ratio:1/1!important;

    align-self:start!important;

    position:relative!important;

    overflow:hidden!important;

    border-radius:15px!important;

    isolation:isolate!important;

  }

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .listing-image-link,

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .listing-img{

    display:block!important;

    width:100%!important;

    height:100%!important;

    min-height:0!important;

    max-height:none!important;

    aspect-ratio:1/1!important;

    object-fit:cover!important;

  }

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-overlay-top{

    position:absolute!important;

    inset:0!important;

    width:100%!important;

    height:100%!important;

    max-width:none!important;

    display:block!important;

    transform:none!important;

    pointer-events:none!important;

    z-index:20!important;

  }

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .image-type-pill{

    position:absolute!important;

    top:6px!important;

    left:6px!important;

    right:auto!important;

    bottom:auto!important;

    transform:none!important;

    z-index:22!important;

    display:inline-flex!important;

    max-width:calc(100% - 12px)!important;

    min-height:28px!important;

    height:28px!important;

    padding:2px .42rem!important;

    font-size:.66rem!important;

    line-height:1!important;

    white-space:nowrap!important;

    overflow:hidden!important;

    text-overflow:ellipsis!important;

    pointer-events:auto!important;

  }

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .image-location-pill{

    position:absolute!important;

    left:6px!important;

    right:auto!important;

    top:36px!important;

    bottom:auto!important;

    transform:none!important;

    z-index:22!important;

    display:inline-flex!important;

    align-items:center!important;

    gap:3px!important;

    max-width:calc(100% - 12px)!important;

    min-height:24px!important;

    height:24px!important;

    padding:2px .34rem!important;

    font-size:.56rem!important;

    line-height:1!important;

    white-space:nowrap!important;

    overflow:hidden!important;

    text-overflow:ellipsis!important;

    pointer-events:auto!important;

  }

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .image-location-pill .loc-icon{

    width:.72rem!important;

    height:.72rem!important;

    min-width:.72rem!important;

  }

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .image-location-pill .loc-city{

    overflow:hidden!important;

    text-overflow:ellipsis!important;

  }

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .image-location-pill .loc-distance{

    display:none!important;

  }

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{

    position:absolute!important;

    left:6px!important;

    right:auto!important;

    top:auto!important;

    bottom:6px!important;

    transform:none!important;

    z-index:23!important;

    display:inline-flex!important;

    max-width:64px!important;

    min-height:26px!important;

    height:26px!important;

    width:auto!important;

    padding:2px .32rem!important;

    gap:0!important;

    overflow:hidden!important;

    white-space:nowrap!important;

    pointer-events:auto!important;

  }

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .owner-rating-label,

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .owner-rating-note{

    display:none!important;

    max-width:0!important;

    opacity:0!important;

  }

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .owner-rating-stars{

    display:inline-flex!important;

    gap:0!important;

  }

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-star{

    width:.7em!important;

    min-width:.7em!important;

    height:1em!important;

    line-height:1!important;

  }

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction-pair{

    position:absolute!important;

    right:6px!important;

    bottom:6px!important;

    left:auto!important;

    top:auto!important;

    z-index:24!important;

    display:inline-flex!important;

    padding:1px!important;

    max-width:70px!important;

    pointer-events:auto!important;

  }

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction{

    width:29px!important;

    min-width:29px!important;

    height:25px!important;

  }

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-body{

    grid-column:2!important;

    grid-row:1!important;

    min-width:0!important;

    min-height:112px!important;

    height:auto!important;

    padding:8px 8px 8px 4px!important;

    justify-content:center!important;

    overflow:hidden!important;

  }

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-title,

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-title a,

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-location-text,

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-desc{

    max-width:100%!important;

    overflow:hidden!important;

    overflow-wrap:anywhere!important;

  }

}

@media (max-width:380px){

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card{grid-template-columns:96px minmax(0,1fr)!important;gap:8px!important;}

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap{width:96px!important;min-width:96px!important;height:96px!important;min-height:96px!important;max-height:96px!important;}

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-body{min-height:96px!important;}

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{max-width:56px!important;}

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction-pair{max-width:60px!important;}

  body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction{width:26px!important;min-width:26px!important;height:24px!important;}

}



/* 2026-08-23 consolidated Browse mobile/header/card overlay/toast repair v23

   Single late-loaded block replacing the v13-v22 incremental hotfix tail. */

@media (max-width:920px){

  /* Fixed header stack: global site header + Browse page header below it. */

  html:has(main#main-content > .container.browse-page) body > header.site-header,

  html body:has(main#main-content > .container.browse-page) > header.site-header,

  html body > header.site-header.site-header{

    position:fixed!important;

    top:0!important;

    left:0!important;

    right:0!important;

    width:100vw!important;

    max-width:100vw!important;

    min-height:61px!important;

    z-index:2147483000!important;

    transform:none!important;

    translate:none!important;

    overflow:visible!important;

    contain:none!important;

  }

  html body > header.site-header.site-header .site-header-inner{min-height:61px!important;}

  html body main#main-content.site-main{

    padding-top:61px!important;

    overflow:visible!important;

    contain:none!important;

    transform:none!important;

    translate:none!important;

  }

  html body main#main-content.site-main > .container.browse-page{

    padding-top:151px!important;

    overflow:visible!important;

    contain:none!important;

    transform:none!important;

    translate:none!important;

  }

  html body main#main-content.site-main > .container.browse-page > .browse-page-header-section,

  html body main#main-content.site-main > .container.browse-page > .browse-page-header-section.is-browse-header-animated,

  html body main#main-content.site-main > .container.browse-page > .browse-page-header-section.is-browse-header-collapsed{

    position:fixed!important;

    top:61px!important;

    left:0!important;

    right:0!important;

    width:100vw!important;

    max-width:100vw!important;

    height:auto!important;

    min-height:0!important;

    max-height:none!important;

    margin:0!important;

    padding:0 0 1px!important;

    transform:none!important;

    translate:none!important;

    opacity:1!important;

    overflow:visible!important;

    contain:none!important;

    z-index:2147482000!important;

  }

  html body main#main-content.site-main > .container.browse-page > .browse-page-header-section .browse-secondary-header,

  html body main#main-content.site-main > .container.browse-page > .browse-page-header-section .browse-header-row,

  html body main#main-content.site-main > .container.browse-page > .browse-page-header-section .browse-heading-copy,

  html body main#main-content.site-main > .container.browse-page > .browse-page-header-section .browse-after-hero-action{

    position:relative!important;

    top:auto!important;

    transform:none!important;

    translate:none!important;

    opacity:1!important;

    overflow:visible!important;

  }

  html body main#main-content.site-main > .container.browse-page > .browse-page-header-section .browse-secondary-header{padding:.22rem 0 .42rem!important;}

  html body main#main-content.site-main > .container.browse-page > #browse-search-card[aria-hidden="true"],

  html body main#main-content.site-main > .container.browse-page > #browse-search-card:not(.is-open){

    height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;

  }

  html body main#main-content.site-main > .container.browse-page > #listing-grid,

  html body main#main-content.site-main > .container.browse-page #listing-grid.listing-grid{margin-top:0!important;padding-top:0!important;}



  /* Card body spacing. */

  html body main#main-content.site-main > .container.browse-page #listing-grid.listing-layout-cards .listing-card .listing-body{gap:4px!important;}

  html body main#main-content.site-main > .container.browse-page #listing-grid.listing-layout-cards .listing-card .listing-title{margin-bottom:2px!important;}

  html body main#main-content.site-main > .container.browse-page #listing-grid.listing-layout-cards .listing-card .listing-location-text{

    min-height:0!important;height:auto!important;margin:0!important;padding:0!important;line-height:1.05!important;display:flex!important;align-items:center!important;gap:.24rem!important;

  }

  html body main#main-content.site-main > .container.browse-page #listing-grid.listing-layout-cards .listing-card .listing-location-text .loc-icon,

  html body main#main-content.site-main > .container.browse-page #listing-grid.listing-layout-cards .listing-card .listing-location-text svg{width:.82rem!important;min-width:.82rem!important;height:.82rem!important;}

  html body main#main-content.site-main > .container.browse-page #listing-grid.listing-layout-cards .listing-card .listing-desc{margin-top:2px!important;}



  /* Listing type icon spacing beside titles. */

  html body main#main-content.site-main > .container.browse-page #listing-grid article.listing-card .listing-title .title-type-icon-pill{margin-right:0!important;padding-right:0!important;gap:0!important;}

  html body main#main-content.site-main > .container.browse-page #listing-grid article.listing-card .listing-title .title-type-icon-pill + a{margin-left:0!important;padding-left:0!important;}



  /* Overlay pill sizing: slightly smaller, equal-height type/stars, no clipping. */

  html body main#main-content.site-main > .container.browse-page #listing-grid article.listing-card .listing-image-wrap{overflow:hidden!important;}

  html body main#main-content.site-main > .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-type-pill{

    min-height:24px!important;height:24px!important;max-height:24px!important;padding:1px .34rem!important;max-width:calc(100% - 16px)!important;line-height:1!important;gap:0!important;

  }

  html body main#main-content.site-main > .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-type-pill .type-icon{font-size:.86rem!important;line-height:1!important;margin-right:0!important;}

  html body main#main-content.site-main > .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-location-pill{

    min-height:20px!important;height:20px!important;max-height:20px!important;padding:1px .28rem!important;max-width:calc(100% - 16px)!important;font-size:.52rem!important;line-height:1!important;gap:2px!important;

  }

  html body main#main-content.site-main > .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-location-pill .loc-icon,

  html body main#main-content.site-main > .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-location-pill svg{width:.66rem!important;min-width:.66rem!important;height:.66rem!important;}

  html body main#main-content.site-main > .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{

    min-height:24px!important;height:24px!important;max-height:24px!important;width:auto!important;min-width:64px!important;max-width:86px!important;padding:1px .24rem!important;gap:0!important;align-items:center!important;justify-content:center!important;line-height:1!important;overflow:hidden!important;

  }

  html body main#main-content.site-main > .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .owner-rating-stars{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;line-height:1!important;}

  html body main#main-content.site-main > .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-star{font-size:1.18em!important;width:.86em!important;min-width:.86em!important;height:1em!important;line-height:1!important;}

  html body main#main-content.site-main > .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .owner-rating-label,

  html body main#main-content.site-main > .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .owner-rating-note{display:none!important;max-width:0!important;width:0!important;margin:0!important;padding:0!important;opacity:0!important;}

  html body main#main-content.site-main > .container.browse-page #listing-grid article.listing-card .listing-image-wrap .browse-card-reaction-pair{width:auto!important;max-width:62px!important;min-height:26px!important;height:26px!important;padding:1px!important;}

  html body main#main-content.site-main > .container.browse-page #listing-grid article.listing-card .listing-image-wrap .browse-card-reaction{width:27px!important;min-width:27px!important;height:24px!important;min-height:24px!important;}

}



@media (max-width:920px) and (orientation:landscape){

  html body main#main-content.site-main > .container.browse-page{padding-top:73px!important;}

  html body main#main-content.site-main > .container.browse-page > .browse-page-header-section .browse-heading-copy{display:none!important;}

}



/* Opaque toast surface so page layers do not bleed through. */

html body .toast-host,

html body .browse-end-celebration-stage{z-index:2147483200!important;isolation:isolate!important;}

html body .game-toast,

html body .browse-end-celebration-card,

html body .browse-join-nudge,

html body .browse-end-toast,

html body .toast-host .toast,

html body [class*="toast"] .game-toast{

  background-color:#050607!important;background-image:linear-gradient(180deg,#090b0d 0%,#030404 100%)!important;color:#fff8df!important;border:1px solid rgba(245,201,93,.82)!important;box-shadow:0 18px 44px rgba(0,0,0,.78),0 0 0 1px rgba(0,0,0,.92) inset,0 0 28px rgba(245,201,93,.18)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important;isolation:isolate!important;

}

html body .game-toast::before,

html body .browse-end-celebration-card::before,

html body .browse-join-nudge::before,

html body .browse-end-toast::before{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;border-radius:inherit!important;background:#050607!important;opacity:1!important;}

/* 2026-08-24 reaction icon background repair: selected thumb icon must not grow its own oval behind the glyph. Keep the pill/capsule as the only colored background. */
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair .browse-card-reaction,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair .browse-card-reaction:hover,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair .browse-card-reaction:focus,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair .browse-card-reaction:focus-visible,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair .browse-card-reaction:active,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-like .browse-card-like,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-dislike .browse-card-dislike,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction.browse-card-like.is-liked,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction.browse-card-dislike.is-disliked{
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair .browse-card-reaction > span[aria-hidden="true"]{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* 2026-08-24 member mobile sticky header offset: mode bar makes the private header taller; offset the sticky Browse header itself, not just normal-flow margin. */
@media (max-width:760px){
  html:has(.site-header .header-mode-switch) body main.site-main .container.browse-page .browse-page-header-section,
  body:has(.site-header .header-mode-switch) main.site-main .container.browse-page .browse-page-header-section{
    top:46px!important;
    margin-top:12px!important;
  }
}

/* 2026-08-24 stronger reaction oval reset: no per-icon colored oval in card or list view; color belongs to the outer capsule/pill only. */
body main.site-main .container.browse-page #listing-grid .browse-card-reaction,
body main.site-main .container.browse-page #listing-grid .browse-card-reaction:hover,
body main.site-main .container.browse-page #listing-grid .browse-card-reaction:focus,
body main.site-main .container.browse-page #listing-grid .browse-card-reaction:focus-visible,
body main.site-main .container.browse-page #listing-grid .browse-card-reaction:active,
body main.site-main .container.browse-page #listing-grid .browse-card-reaction.is-liked,
body main.site-main .container.browse-page #listing-grid .browse-card-reaction.is-disliked,
body main.site-main .container.browse-page #listing-grid .browse-card-reaction-pair.is-selected-like .browse-card-reaction,
body main.site-main .container.browse-page #listing-grid .browse-card-reaction-pair.is-selected-dislike .browse-card-reaction,
body main.site-main .container.browse-page #listing-grid .browse-card-reaction-pair:has(.browse-card-like.is-liked) .browse-card-reaction,
body main.site-main .container.browse-page #listing-grid .browse-card-reaction-pair:has(.browse-card-dislike.is-disliked) .browse-card-reaction{
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
body main.site-main .container.browse-page #listing-grid .browse-card-reaction > span[aria-hidden="true"]{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
}

/* 2026-08-24 staff-only Browse hero title breathing room: staff/mod/admin mode bar needs extra title padding without touching public/guest Browse. */
@media (max-width:760px){
  body:has(.site-header .header-mode-switch .mode-switch-admin) main.site-main .container.browse-page .browse-secondary-header,
  body:has(.site-header .header-mode-switch .mode-switch-mod) main.site-main .container.browse-page .browse-secondary-header,
  html:has(.site-header .header-mode-switch .mode-switch-admin) body main.site-main .container.browse-page .browse-secondary-header,
  html:has(.site-header .header-mode-switch .mode-switch-mod) body main.site-main .container.browse-page .browse-secondary-header{
    padding-top:28px!important;
  }
}

/* 2026-08-24 guest landscape Browse rollback guard: member/staff header clearance must not create dead hero space for public guests. */
@media (max-width:900px) and (orientation:landscape){
  body:not(:has(.site-header .header-mode-switch)) main.site-main .container.browse-page .browse-page-header-section,
  html:not(:has(.site-header .header-mode-switch)) body main.site-main .container.browse-page .browse-page-header-section{
    top:0!important;
    margin-top:0!important;
    padding-top:0!important;
  }
  body:not(:has(.site-header .header-mode-switch)) main.site-main .container.browse-page .browse-secondary-header,
  html:not(:has(.site-header .header-mode-switch)) body main.site-main .container.browse-page .browse-secondary-header{
    padding-top:.45rem!important;
  }
}

/* 2026-08-24 guest landscape header/menu compact guard: undo older Browse landscape padding and keep public hamburger/search controls in the normal compact header size. */
@media (max-width:920px) and (orientation:landscape){
  body:not(:has(.site-header .header-mode-switch)) main#main-content.site-main > .container.browse-page,
  html:not(:has(.site-header .header-mode-switch)) body main#main-content.site-main > .container.browse-page{
    padding-top:0!important;
  }
  body:not(:has(.site-header .header-mode-switch)) .site-header .header-actions,
  html:not(:has(.site-header .header-mode-switch)) body .site-header .header-actions{
    gap:8px!important;
  }
  body:not(:has(.site-header .header-mode-switch)) .site-header .header-actions .browse-search-toggle,
  body:not(:has(.site-header .header-mode-switch)) .site-header .header-actions .menu-toggle,
  html:not(:has(.site-header .header-mode-switch)) body .site-header .header-actions .browse-search-toggle,
  html:not(:has(.site-header .header-mode-switch)) body .site-header .header-actions .menu-toggle{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    border-radius:14px!important;
  }
  body:not(:has(.site-header .header-mode-switch)) .site-header .header-actions .browse-search-toggle span[aria-hidden="true"],
  html:not(:has(.site-header .header-mode-switch)) body .site-header .header-actions .browse-search-toggle span[aria-hidden="true"]{
    font-size:1.1rem!important;
  }
}

/* 2026-08-24 guest landscape hamburger shell reset: keep public landscape header controls compact and aligned. */
@media (max-width:920px) and (orientation:landscape){
  body:not(:has(.site-header .header-mode-switch)) .site-header .menu-toggle,
  html:not(:has(.site-header .header-mode-switch)) body .site-header .menu-toggle{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:0!important;
    gap:4px!important;
    border-width:1px!important;
    border-radius:14px!important;
    box-shadow:0 6px 16px rgba(0,0,0,.30)!important;
  }
  body:not(:has(.site-header .header-mode-switch)) .site-header .menu-toggle span,
  html:not(:has(.site-header .header-mode-switch)) body .site-header .menu-toggle span{
    width:19px!important;
    height:2.5px!important;
  }
  body:not(:has(.site-header .header-mode-switch)) .site-header .browse-search-toggle,
  html:not(:has(.site-header .header-mode-switch)) body .site-header .browse-search-toggle{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:0!important;
    border-width:1px!important;
    border-radius:999px!important;
    box-shadow:0 6px 16px rgba(0,0,0,.30)!important;
  }
}

/* 2026-08-24 mobile auth/signup cleanup: tighten the signup/login hero and form on phones only; do not touch Browse cards/header. */
@media (max-width:640px){
  html body main.site-main .login-shell{
    padding:1rem .72rem 1.35rem!important;
    min-height:auto!important;
    place-items:start center!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
  }
  html body main.site-main .login-card{
    width:100%!important;
    max-width:calc(100vw - 28px)!important;
    margin:0 auto!important;
    padding:1.05rem 1.05rem 1.2rem!important;
    border-radius:22px!important;
  }
  html body main.site-main .login-card .eyebrow,
  html body main.site-main .login-card .section-eyebrow{
    margin-bottom:.55rem!important;
    font-size:.78rem!important;
    letter-spacing:.16em!important;
  }
  html body main.site-main .login-card h1{
    font-size:clamp(2rem, 9.3vw, 2.45rem)!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
    margin:.15rem 0 .85rem!important;
  }
  html body main.site-main .login-card > p,
  html body main.site-main .login-card .plain-copy,
  html body main.site-main .login-card .auth-intro,
  html body main.site-main .login-card .muted{
    font-size:1rem!important;
    line-height:1.42!important;
  }
  html body main.site-main .login-card > p{
    margin:.65rem 0!important;
  }
  html body main.site-main .login-card .internal-auth-panel{
    margin-top:1.25rem!important;
  }
  html body main.site-main .login-card .internal-auth-panel h2{
    font-size:clamp(1.55rem, 7.2vw, 2rem)!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    margin:.5rem 0 .7rem!important;
  }
  html body main.site-main .login-form,
  html body main.site-main .profile-form{
    gap:.82rem!important;
  }
  html body main.site-main .login-form label,
  html body main.site-main .profile-form label{
    gap:.32rem!important;
    font-size:.98rem!important;
  }
  html body main.site-main .login-form input,
  html body main.site-main .profile-form input,
  html body main.site-main .profile-form textarea{
    min-height:48px!important;
    padding:.75rem .9rem!important;
    border-radius:16px!important;
    font-size:1rem!important;
  }
  html body main.site-main .login-form .button.primary,
  html body main.site-main .login-form button.primary{
    min-height:48px!important;
    padding:.78rem 1rem!important;
  }
}

/* 2026-08-24 mobile auth/signup cleanup pass 2: reduce above-the-fold copy weight so inputs are visible sooner. */
@media (max-width:640px){
  html body main.site-main .login-card h1{
    font-size:clamp(1.82rem, 7.8vw, 2.1rem)!important;
    line-height:1.08!important;
    margin:.1rem 0 .65rem!important;
    letter-spacing:-.03em!important;
  }
  html body main.site-main .login-card > p{
    font-size:.98rem!important;
    line-height:1.36!important;
    margin:.48rem 0!important;
  }
  html body main.site-main .login-card .internal-auth-panel{
    margin-top:.95rem!important;
  }
  html body main.site-main .login-card .internal-auth-panel h2{
    font-size:clamp(1.35rem, 6.3vw, 1.72rem)!important;
    line-height:1.12!important;
    margin:.38rem 0 .55rem!important;
  }
  html body main.site-main .login-card .internal-auth-panel > p,
  html body main.site-main .login-card .internal-auth-panel .muted{
    font-size:.95rem!important;
    line-height:1.34!important;
    margin:.45rem 0 .7rem!important;
  }
  html body main.site-main .login-card .section-eyebrow,
  html body main.site-main .login-card .eyebrow{
    font-size:.72rem!important;
    margin-bottom:.42rem!important;
  }
}

/* 2026-08-24 mobile auth/signup landscape pass: keep the form usable in short phone landscape viewports. */
@media (max-width:920px) and (orientation:landscape){
  html body main.site-main .login-shell{
    padding:.55rem .75rem 1rem!important;
    min-height:auto!important;
    place-items:start center!important;
  }
  html body main.site-main .login-card{
    margin:0 auto!important;
    padding:.9rem 1.35rem 1.05rem!important;
    border-radius:20px!important;
    max-width:min(760px, calc(100vw - 48px))!important;
  }
  html body main.site-main .login-card .eyebrow,
  html body main.site-main .login-card .section-eyebrow{
    font-size:.66rem!important;
    letter-spacing:.14em!important;
    margin:0 0 .28rem!important;
  }
  html body main.site-main .login-card h1{
    font-size:clamp(1.7rem, 4.8vw, 2.25rem)!important;
    line-height:1.02!important;
    margin:0 0 .38rem!important;
  }
  html body main.site-main .login-card > p{
    font-size:.88rem!important;
    line-height:1.28!important;
    margin:.28rem 0!important;
  }
  html body main.site-main .login-card .internal-auth-panel{
    margin-top:.55rem!important;
  }
  html body main.site-main .login-card .internal-auth-panel h2{
    font-size:clamp(1.2rem, 3.6vw, 1.6rem)!important;
    line-height:1.08!important;
    margin:.22rem 0 .32rem!important;
  }
  html body main.site-main .login-card .internal-auth-panel > p,
  html body main.site-main .login-card .internal-auth-panel .muted{
    font-size:.86rem!important;
    line-height:1.25!important;
    margin:.25rem 0 .45rem!important;
  }
  html body main.site-main .login-form,
  html body main.site-main .profile-form{
    gap:.55rem!important;
  }
  html body main.site-main .login-form label,
  html body main.site-main .profile-form label{
    gap:.22rem!important;
    font-size:.88rem!important;
  }
  html body main.site-main .login-form input,
  html body main.site-main .profile-form input,
  html body main.site-main .profile-form textarea{
    min-height:42px!important;
    padding:.55rem .75rem!important;
    border-radius:14px!important;
    font-size:.92rem!important;
  }
}

/* 2026-08-24 mobile auth/signup portrait pass: reduce remaining intro wall so the form appears sooner on phones. */
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .login-shell{
    padding:.65rem .62rem 1.1rem!important;
  }
  html body main.site-main .login-card{
    padding:.9rem .95rem 1.05rem!important;
    border-radius:20px!important;
    max-width:calc(100vw - 24px)!important;
  }
  html body main.site-main .login-card h1{
    font-size:clamp(1.72rem, 7.2vw, 1.98rem)!important;
    line-height:1.07!important;
    margin:.06rem 0 .48rem!important;
  }
  html body main.site-main .login-card > p{
    font-size:.9rem!important;
    line-height:1.3!important;
    margin:.36rem 0!important;
  }
  html body main.site-main .login-card > p:nth-of-type(2){
    font-size:.84rem!important;
    line-height:1.26!important;
    opacity:.82!important;
  }
  html body main.site-main .login-card .internal-auth-panel{
    margin-top:.72rem!important;
  }
  html body main.site-main .login-card .internal-auth-panel h2{
    font-size:clamp(1.25rem, 5.7vw, 1.52rem)!important;
    line-height:1.1!important;
    margin:.25rem 0 .4rem!important;
  }
  html body main.site-main .login-card .internal-auth-panel > p,
  html body main.site-main .login-card .internal-auth-panel .muted{
    font-size:.88rem!important;
    line-height:1.28!important;
    margin:.3rem 0 .52rem!important;
  }
  html body main.site-main .login-form,
  html body main.site-main .profile-form{
    gap:.66rem!important;
  }
  html body main.site-main .login-form input,
  html body main.site-main .profile-form input,
  html body main.site-main .profile-form textarea{
    min-height:46px!important;
    padding:.65rem .78rem!important;
  }
}

/* 2026-08-24 signup header boundary: page header ends after privacy paragraph; launch notes and account form are normal content below. */
@media (max-width:640px){
  html body main.site-main .login-card .login-brand{
    margin:0 0 .7rem!important;
    padding:0 0 .85rem!important;
    border-bottom:1px solid rgba(217,157,18,.42)!important;
  }
  html body main.site-main .login-card .signup-context-notes{
    margin:.35rem 0 .85rem!important;
    padding:0!important;
  }
  html body main.site-main .login-card .signup-context-notes .muted.small,
  html body main.site-main .login-card .signup-context-notes .success{
    margin:.35rem 0!important;
    font-size:.82rem!important;
    line-height:1.28!important;
    opacity:.84!important;
    text-align:left!important;
  }
  html body main.site-main .login-card .signup-context-notes .success{
    opacity:1!important;
  }
  html body main.site-main .login-card .internal-auth-panel{
    margin-top:.45rem!important;
    padding-top:.15rem!important;
  }
}
@media (max-width:920px) and (orientation:landscape){
  html body main.site-main .login-card .login-brand{
    margin:0 0 .45rem!important;
    padding:0 0 .5rem!important;
    border-bottom:1px solid rgba(217,157,18,.36)!important;
  }
  html body main.site-main .login-card .signup-context-notes{
    margin:.2rem 0 .5rem!important;
  }
  html body main.site-main .login-card .signup-context-notes .muted.small,
  html body main.site-main .login-card .signup-context-notes .success{
    margin:.18rem 0!important;
    font-size:.78rem!important;
    line-height:1.22!important;
  }
}

/* 2026-08-24 signup Browse-style sticky page header with real scroll state. */
html body main.site-main .login-shell.signup-page-shell{
  display:block!important;
  place-items:unset!important;
  min-height:auto!important;
  width:100%!important;
  padding:0 0 1.4rem!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
html body main.site-main .signup-sticky-page-header{
  position:sticky!important;
  top:61px!important;
  z-index:58!important;
  width:100vw!important;
  max-width:100vw!important;
  margin:0 0 1rem calc(50% - 50vw)!important;
  padding:.9rem 0 .95rem!important;
  box-sizing:border-box!important;
  isolation:isolate!important;
  background:linear-gradient(180deg,rgba(10,20,15,.98),rgba(10,20,15,.90))!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
  backdrop-filter:blur(14px) saturate(1.08)!important;
  box-shadow:0 18px 34px rgba(0,0,0,.38),0 1px 0 rgba(255,255,255,.08) inset!important;
  transition:padding .18s ease,box-shadow .18s ease,background .18s ease!important;
}
html body main.site-main .signup-sticky-page-header::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,rgba(245,201,93,.82),rgba(55,209,126,.74),rgba(245,201,93,.82),transparent)!important;
  pointer-events:none!important;
  z-index:4!important;
}
html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled{
  padding:.48rem 0 .55rem!important;
  background:linear-gradient(180deg,rgba(7,17,12,.99),rgba(7,17,12,.94))!important;
  box-shadow:0 14px 26px rgba(0,0,0,.48),0 1px 0 rgba(255,255,255,.08) inset!important;
}
html body main.site-main .signup-page-header-inner{
  width:min(760px,calc(100vw - 34px))!important;
  max-width:min(760px,calc(100vw - 34px))!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  text-align:left!important;
}
html body main.site-main .signup-page-header-inner .eyebrow{
  margin:0 0 .22rem!important;
  color:#ffd36f!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  font-size:.78rem!important;
}
html body main.site-main .signup-page-header-inner h1{
  margin:0 0 .38rem!important;
  font-size:clamp(2.15rem,8.4vw,3.65rem)!important;
  line-height:.92!important;
  letter-spacing:-.052em!important;
  color:var(--ink,#f8fbf3)!important;
  text-shadow:0 2px 0 rgba(0,0,0,.38)!important;
}
html body main.site-main .signup-page-header-inner p:not(.eyebrow){
  max-width:52rem!important;
  margin:0!important;
  color:rgba(248,251,243,.86)!important;
  font-size:clamp(.92rem,2.8vw,1.04rem)!important;
  line-height:1.36!important;
}
html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled .signup-page-header-inner h1{
  font-size:clamp(1.42rem,5.2vw,2.15rem)!important;
  margin-bottom:.16rem!important;
}
html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled .signup-page-header-inner p:not(.eyebrow){
  max-height:0!important;
  opacity:0!important;
  overflow:hidden!important;
  margin:0!important;
}
html body main.site-main .signup-form-card{
  width:min(760px,calc(100vw - 34px))!important;
  max-width:min(760px,calc(100vw - 34px))!important;
  margin:0 auto!important;
}
@media (max-width:640px){
  html body main.site-main .signup-sticky-page-header{top:61px!important;padding:.82rem 0 .78rem!important;}
  html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled{padding:.42rem 0 .48rem!important;}
  html body main.site-main .signup-page-header-inner{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;}
  html body main.site-main .signup-page-header-inner h1{font-size:clamp(1.95rem,8.8vw,2.35rem)!important;line-height:.98!important;}
  html body main.site-main .signup-form-card{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;}
}
@media (max-width:920px) and (orientation:landscape){
  html body main.site-main .signup-sticky-page-header{top:61px!important;padding:.5rem 0 .52rem!important;}
  html body main.site-main .signup-page-header-inner h1{font-size:clamp(1.55rem,4.5vw,2.05rem)!important;margin-bottom:.18rem!important;}
  html body main.site-main .signup-page-header-inner p:not(.eyebrow){font-size:.82rem!important;line-height:1.22!important;}
  html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled .signup-page-header-inner h1{font-size:clamp(1.2rem,3.4vw,1.55rem)!important;}
}

/* 2026-08-24 signup sticky header fix: use fixed mobile band like Browse so scroll-state is visible. */
@media (max-width:920px){
  html body main.site-main .login-shell.signup-page-shell{
    padding-top:198px!important;
  }
  html body main.site-main .signup-sticky-page-header{
    position:fixed!important;
    top:61px!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    transform:none!important;
    z-index:2147481900!important;
  }
  html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled{
    transform:none!important;
  }
  html body main.site-main .signup-form-card{
    margin-top:0!important;
  }
}
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .login-shell.signup-page-shell{
    padding-top:194px!important;
  }
  html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled + .signup-form-card{
    margin-top:0!important;
  }
}
@media (max-width:920px) and (orientation:landscape){
  html body main.site-main .login-shell.signup-page-shell{
    padding-top:88px!important;
  }
}

/* 2026-08-24 signup scrolled header opacity fix: prevent content ghosting through fixed band. */
html body main.site-main .signup-sticky-page-header,
html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled{
  background-color:#07110c!important;
  background-image:linear-gradient(180deg,#07110c 0%,#07110c 72%,#061009 100%)!important;
}
html body main.site-main .signup-sticky-page-header::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:inherit!important;
  pointer-events:none!important;
}
html body main.site-main .signup-page-header-inner{position:relative!important;z-index:2!important;}

/* 2026-08-24 signup smooth scroll header: interpolate instead of binary snapping. */
@media (max-width:920px){
  html body main.site-main .signup-sticky-page-header{
    --signup-scroll:0;
    padding-top:calc(.82rem - (.34rem * var(--signup-scroll)))!important;
    padding-bottom:calc(.78rem - (.30rem * var(--signup-scroll)))!important;
    background-image:linear-gradient(180deg,#07110c 0%,#07110c calc(70% + 18% * var(--signup-scroll)),#061009 100%)!important;
    box-shadow:0 calc(18px - 4px * var(--signup-scroll)) calc(34px - 8px * var(--signup-scroll)) rgba(0,0,0,calc(.38 + .10 * var(--signup-scroll))),0 1px 0 rgba(255,255,255,.08) inset!important;
    transition:none!important;
  }
  html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled{
    padding-top:calc(.82rem - (.34rem * var(--signup-scroll)))!important;
    padding-bottom:calc(.78rem - (.30rem * var(--signup-scroll)))!important;
  }
  html body main.site-main .signup-page-header-inner h1{
    font-size:clamp(calc(1.42rem + .72rem * (1 - var(--signup-scroll))),calc(5.2vw + 3.6vw * (1 - var(--signup-scroll))),calc(2.15rem + 1.5rem * (1 - var(--signup-scroll))))!important;
    margin-bottom:calc(.38rem - .22rem * var(--signup-scroll))!important;
    transform:translateY(calc(-2px * var(--signup-scroll)))!important;
  }
  html body main.site-main .signup-page-header-inner p:not(.eyebrow){
    max-height:calc(6.4rem * (1 - var(--signup-scroll)))!important;
    opacity:calc(1 - var(--signup-scroll))!important;
    overflow:hidden!important;
    transform:translateY(calc(-8px * var(--signup-scroll)))!important;
  }
  html body main.site-main .signup-page-header-inner .eyebrow{
    opacity:calc(.72 + .28 * (1 - var(--signup-scroll)))!important;
    margin-bottom:calc(.22rem - .06rem * var(--signup-scroll))!important;
  }
}
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .signup-sticky-page-header,
  html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled{
    padding-top:calc(.82rem - (.40rem * var(--signup-scroll)))!important;
    padding-bottom:calc(.78rem - (.30rem * var(--signup-scroll)))!important;
  }
}
@media (max-width:920px) and (orientation:landscape){
  html body main.site-main .signup-sticky-page-header,
  html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled{
    padding-top:calc(.50rem - (.08rem * var(--signup-scroll)))!important;
    padding-bottom:calc(.52rem - (.04rem * var(--signup-scroll)))!important;
  }
  html body main.site-main .signup-page-header-inner h1{
    font-size:clamp(calc(1.20rem + .35rem * (1 - var(--signup-scroll))),calc(3.4vw + 1.1vw * (1 - var(--signup-scroll))),calc(1.55rem + .50rem * (1 - var(--signup-scroll))))!important;
  }
  html body main.site-main .signup-page-header-inner p:not(.eyebrow){
    max-height:calc(2.4rem * (1 - var(--signup-scroll)))!important;
  }
}

/* 2026-08-24 signup smooth scroll override: neutralize old binary scrolled layout rules. */
@media (max-width:920px){
  html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled .signup-page-header-inner h1{
    font-size:clamp(calc(1.42rem + .72rem * (1 - var(--signup-scroll))),calc(5.2vw + 3.6vw * (1 - var(--signup-scroll))),calc(2.15rem + 1.5rem * (1 - var(--signup-scroll))))!important;
    margin-bottom:calc(.38rem - .22rem * var(--signup-scroll))!important;
    transform:translateY(calc(-2px * var(--signup-scroll)))!important;
  }
  html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled .signup-page-header-inner p:not(.eyebrow){
    max-height:calc(6.4rem * (1 - var(--signup-scroll)))!important;
    opacity:calc(1 - var(--signup-scroll))!important;
    overflow:hidden!important;
    margin:0!important;
    transform:translateY(calc(-8px * var(--signup-scroll)))!important;
  }
}
@media (max-width:920px) and (orientation:landscape){
  html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled .signup-page-header-inner h1{
    font-size:clamp(calc(1.20rem + .35rem * (1 - var(--signup-scroll))),calc(3.4vw + 1.1vw * (1 - var(--signup-scroll))),calc(1.55rem + .50rem * (1 - var(--signup-scroll))))!important;
  }
  html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled .signup-page-header-inner p:not(.eyebrow){
    max-height:calc(2.4rem * (1 - var(--signup-scroll)))!important;
  }
}

/* 2026-08-24 signup smooth visual polish: fade copy before collapse clips text. */
@media (max-width:920px){
  html body main.site-main .signup-page-header-inner p:not(.eyebrow),
  html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled .signup-page-header-inner p:not(.eyebrow){
    opacity:clamp(0,calc(1 - (var(--signup-scroll) * 1.85)),1)!important;
    max-height:calc(6.4rem * (1 - var(--signup-scroll)))!important;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%)!important;
    mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%)!important;
  }
}
@media (max-width:920px) and (orientation:landscape){
  html body main.site-main .signup-page-header-inner p:not(.eyebrow),
  html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled .signup-page-header-inner p:not(.eyebrow){
    max-height:calc(2.4rem * (1 - var(--signup-scroll)))!important;
  }
}

/* 2026-08-24 signup header text cleanup: hero has no eyebrow. */
html body main.site-main .signup-page-header-inner h1:first-child,
html body main.site-main .signup-page-header-inner h1{
  margin-top:0!important;
}
@media (max-width:920px){
  html body main.site-main .signup-sticky-page-header{
    padding-top:calc(.74rem - (.30rem * var(--signup-scroll)))!important;
  }
}
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .signup-sticky-page-header,
  html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled{
    padding-top:calc(.74rem - (.34rem * var(--signup-scroll)))!important;
  }
}

/* 2026-08-24 signup visual cleanup: no privacy-line dimming; cleaner header-to-form rhythm. */
@media (max-width:920px){
  html body main.site-main .signup-page-header-inner p:not(.eyebrow),
  html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled .signup-page-header-inner p:not(.eyebrow){
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  html body main.site-main .signup-sticky-page-header{
    padding-bottom:calc(.68rem - (.24rem * var(--signup-scroll)))!important;
  }
  html body main.site-main .signup-sticky-page-header::after{
    box-shadow:0 0 18px rgba(55,209,126,.26)!important;
  }
  html body main.site-main .signup-form-card{
    margin-top:-.15rem!important;
  }
}
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .login-shell.signup-page-shell{
    padding-top:180px!important;
  }
  html body main.site-main .signup-sticky-page-header,
  html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled{
    padding-top:calc(.68rem - (.28rem * var(--signup-scroll)))!important;
    padding-bottom:calc(.62rem - (.24rem * var(--signup-scroll)))!important;
  }
  html body main.site-main .signup-page-header-inner h1{
    font-size:clamp(calc(1.34rem + .72rem * (1 - var(--signup-scroll))),calc(4.8vw + 4.0vw * (1 - var(--signup-scroll))),calc(2.05rem + 1.30rem * (1 - var(--signup-scroll))))!important;
  }
  html body main.site-main .signup-page-header-inner p:not(.eyebrow),
  html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled .signup-page-header-inner p:not(.eyebrow){
    line-height:1.32!important;
  }
}
@media (max-width:920px) and (orientation:landscape){
  html body main.site-main .login-shell.signup-page-shell{
    padding-top:82px!important;
  }
}

/* 2026-08-24 signup visual cleanup: remove oversized dead gap below fixed hero. */
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .login-shell.signup-page-shell{
    padding-top:78px!important;
  }
  html body main.site-main .signup-form-card{
    margin-top:.75rem!important;
  }
}

/* 2026-08-24 signup visual cleanup: preserve a small intentional gap below hero rule. */
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .login-shell.signup-page-shell{
    padding-top:96px!important;
  }
  html body main.site-main .signup-form-card{
    margin-top:.6rem!important;
  }
}

/* 2026-08-24 signup header login affordance: text fades, icon remains. */
html body main.site-main .signup-page-header-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  column-gap:.75rem!important;
  align-items:start!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-link{
  grid-column:1 / -1!important;
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:.42rem!important;
  min-height:2.15rem!important;
  margin:0 0 .34rem!important;
  padding:.36rem .62rem .36rem .44rem!important;
  border:1px solid rgba(245,201,93,.48)!important;
  border-radius:999px!important;
  color:rgba(248,251,243,.88)!important;
  background:rgba(0,0,0,.22)!important;
  text-decoration:none!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  box-shadow:0 8px 18px rgba(0,0,0,.20),0 0 0 1px rgba(255,255,255,.04) inset!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-icon{
  display:grid!important;
  place-items:center!important;
  width:1.36rem!important;
  height:1.36rem!important;
  border-radius:999px!important;
  color:#061009!important;
  background:linear-gradient(135deg,#ffd36f,#37d17e)!important;
  font-size:.92rem!important;
  line-height:1!important;
  flex:0 0 auto!important;
  box-shadow:0 0 14px rgba(55,209,126,.28)!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-text{
  display:inline-block!important;
  max-width:13rem!important;
  opacity:clamp(0,calc(1 - (var(--signup-scroll) * 1.35)),1)!important;
  transform:translateX(calc(-4px * var(--signup-scroll)))!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled .signup-header-login-link{
  padding-right:.44rem!important;
}
html body main.site-main .signup-page-header-inner h1,
html body main.site-main .signup-page-header-inner p:not(.eyebrow){
  grid-column:1 / -1!important;
}
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .login-shell.signup-page-shell{
    padding-top:132px!important;
  }
  html body main.site-main .signup-page-header-inner .signup-header-login-link{
    min-height:1.95rem!important;
    margin-bottom:.24rem!important;
    padding:.28rem .54rem .28rem .36rem!important;
    font-size:.88rem!important;
  }
  html body main.site-main .signup-page-header-inner .signup-header-login-icon{
    width:1.22rem!important;
    height:1.22rem!important;
    font-size:.82rem!important;
  }
}
@media (max-width:920px) and (orientation:landscape){
  html body main.site-main .signup-page-header-inner .signup-header-login-link{
    position:absolute!important;
    right:0!important;
    top:.05rem!important;
    margin:0!important;
  }
  html body main.site-main .signup-page-header-inner h1,
  html body main.site-main .signup-page-header-inner p:not(.eyebrow){
    padding-right:12.5rem!important;
  }
}

/* 2026-08-24 signup header login final state: collapse faded text, leave icon. */
html body main.site-main .signup-page-header-inner .signup-header-login-link{
  gap:calc(.42rem * (1 - var(--signup-scroll)))!important;
  max-width:calc(2.28rem + (13.5rem * (1 - var(--signup-scroll))))!important;
  overflow:hidden!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-text{
  width:calc(11.8rem * (1 - var(--signup-scroll)))!important;
  max-width:calc(11.8rem * (1 - var(--signup-scroll)))!important;
}
html body main.site-main .signup-sticky-page-header.is-signup-header-scrolled .signup-header-login-link{
  padding-left:.36rem!important;
  padding-right:.36rem!important;
}

/* 2026-08-24 signup header login placement: bottom-right, icon on right. */
html body main.site-main .signup-page-header-inner{
  position:relative!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-link{
  position:absolute!important;
  right:0!important;
  bottom:.08rem!important;
  top:auto!important;
  left:auto!important;
  justify-self:end!important;
  flex-direction:row-reverse!important;
  margin:0!important;
  transform:translateY(calc(2px * var(--signup-scroll)))!important;
  z-index:5!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-text{
  transform:translateX(calc(4px * var(--signup-scroll)))!important;
  text-align:right!important;
}
html body main.site-main .signup-page-header-inner h1,
html body main.site-main .signup-page-header-inner p:not(.eyebrow){
  padding-right:calc(0rem + (12.5rem * (1 - var(--signup-scroll))))!important;
}
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .signup-page-header-inner .signup-header-login-link{
    right:0!important;
    bottom:.02rem!important;
  }
  html body main.site-main .signup-page-header-inner h1,
  html body main.site-main .signup-page-header-inner p:not(.eyebrow){
    padding-right:calc(0rem + (8.8rem * (1 - var(--signup-scroll))))!important;
  }
}
@media (max-width:920px) and (orientation:landscape){
  html body main.site-main .signup-page-header-inner .signup-header-login-link{
    right:0!important;
    bottom:.02rem!important;
    top:auto!important;
  }
  html body main.site-main .signup-page-header-inner h1,
  html body main.site-main .signup-page-header-inner p:not(.eyebrow){
    padding-right:calc(0rem + (12rem * (1 - var(--signup-scroll))))!important;
  }
}

/* 2026-08-24 signup login link correction: plain row below copy, not a pill. */
html body main.site-main .signup-page-header-inner .signup-header-login-link{
  position:relative!important;
  right:auto!important;
  left:auto!important;
  top:auto!important;
  bottom:auto!important;
  grid-column:1 / -1!important;
  justify-self:end!important;
  display:inline-flex!important;
  flex-direction:row-reverse!important;
  align-items:center!important;
  gap:calc(.34rem * (1 - var(--signup-scroll)))!important;
  min-height:1.65rem!important;
  max-width:calc(1.7rem + (12.4rem * (1 - var(--signup-scroll))))!important;
  margin:.22rem 0 0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:rgba(248,251,243,.92)!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transform:none!important;
  overflow:hidden!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-link::before,
html body main.site-main .signup-page-header-inner .signup-header-login-link::after{
  content:none!important;
  display:none!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-text{
  width:calc(11.6rem * (1 - var(--signup-scroll)))!important;
  max-width:calc(11.6rem * (1 - var(--signup-scroll)))!important;
  opacity:clamp(0,calc(1 - (var(--signup-scroll) * 1.35)),1)!important;
  transform:translateX(calc(4px * var(--signup-scroll)))!important;
  white-space:nowrap!important;
  text-align:right!important;
  overflow:hidden!important;
  font-weight:850!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:.18em!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-icon{
  display:grid!important;
  place-items:center!important;
  width:1.38rem!important;
  height:1.38rem!important;
  border-radius:999px!important;
  color:#061009!important;
  background:linear-gradient(135deg,#ffd36f,#37d17e)!important;
  font-size:.86rem!important;
  line-height:1!important;
  flex:0 0 auto!important;
  box-shadow:0 0 12px rgba(55,209,126,.22)!important;
}
html body main.site-main .signup-page-header-inner h1,
html body main.site-main .signup-page-header-inner p:not(.eyebrow){
  padding-right:0!important;
}
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .login-shell.signup-page-shell{
    padding-top:150px!important;
  }
  html body main.site-main .signup-page-header-inner .signup-header-login-link{
    margin-top:.18rem!important;
    min-height:1.45rem!important;
    font-size:.82rem!important;
  }
  html body main.site-main .signup-page-header-inner .signup-header-login-icon{
    width:1.16rem!important;
    height:1.16rem!important;
    font-size:.74rem!important;
  }
}
@media (max-width:920px) and (orientation:landscape){
  html body main.site-main .signup-page-header-inner .signup-header-login-link{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    margin:.10rem 0 0 auto!important;
  }
  html body main.site-main .signup-page-header-inner h1,
  html body main.site-main .signup-page-header-inner p:not(.eyebrow){
    padding-right:0!important;
  }
}

/* 2026-08-24 signup login icon retry: enlarge icon, move only icon to title center on collapse. */
html body main.site-main .signup-page-header-inner .signup-header-login-link{
  overflow:visible!important;
  min-width:2rem!important;
  max-width:calc(2rem + (11.8rem * (1 - var(--signup-scroll))))!important;
  transform:none!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-text{
  overflow:hidden!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-icon{
  width:2.07rem!important;
  height:2.07rem!important;
  font-size:1.12rem!important;
  transform:translateY(calc(-1.86rem * var(--signup-scroll)))!important;
  transform-origin:center center!important;
  overflow:hidden!important;
  box-shadow:0 0 16px rgba(55,209,126,.30),0 0 0 1px rgba(255,255,255,.14) inset!important;
}
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .signup-page-header-inner .signup-header-login-link{
    min-width:1.9rem!important;
    max-width:calc(1.9rem + (11.6rem * (1 - var(--signup-scroll))))!important;
  }
  html body main.site-main .signup-page-header-inner .signup-header-login-icon{
    width:1.74rem!important;
    height:1.74rem!important;
    font-size:.98rem!important;
    transform:translateY(calc(-1.88rem * var(--signup-scroll)))!important;
  }
}

/* 2026-08-24 signup header design pass: coherent shared fade and icon travel. */
html body main.site-main .signup-page-header-inner{
  --signup-copy-fade:clamp(0,calc(1 - ((var(--signup-scroll) - .05) / .62)),1);
}
html body main.site-main .signup-page-header-inner p:not(.eyebrow){
  opacity:var(--signup-copy-fade)!important;
  filter:blur(calc(.45px * (1 - var(--signup-copy-fade))))!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-text{
  opacity:var(--signup-copy-fade)!important;
  width:calc(11.6rem * var(--signup-copy-fade))!important;
  max-width:calc(11.6rem * var(--signup-copy-fade))!important;
  filter:blur(calc(.45px * (1 - var(--signup-copy-fade))))!important;
  overflow:hidden!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-link{
  overflow:visible!important;
  min-width:1.9rem!important;
  max-width:calc(1.9rem + (11.6rem * var(--signup-copy-fade)))!important;
  transform:none!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-icon{
  width:1.74rem!important;
  height:1.74rem!important;
  font-size:.98rem!important;
  transform:translateY(calc(-1.88rem * var(--signup-scroll)))!important;
  transform-origin:center center!important;
  overflow:hidden!important;
  box-shadow:0 0 16px rgba(55,209,126,.30),0 0 0 1px rgba(255,255,255,.14) inset!important;
}
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .signup-page-header-inner{
    --signup-copy-fade:clamp(0,calc(1 - ((var(--signup-scroll) - .05) / .62)),1);
  }
  html body main.site-main .signup-page-header-inner .signup-header-login-text{
    width:calc(11.6rem * var(--signup-copy-fade))!important;
    max-width:calc(11.6rem * var(--signup-copy-fade))!important;
  }
}

/* 2026-08-24 signup header design pass b: make collapsed header opaque enough to hide scrolled form content. */
html body main.site-main [data-signup-sticky-header]{
  background:
    linear-gradient(180deg,rgba(2,15,8,.98) 0%,rgba(2,18,9,.97) 58%,rgba(2,15,8,.99) 100%)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
html body main.site-main [data-signup-sticky-header]::before{
  opacity:calc(.42 + (.34 * var(--signup-scroll)))!important;
}
html body main.site-main [data-signup-sticky-header]::after{
  opacity:calc(.62 + (.28 * var(--signup-scroll)))!important;
}
html body main.site-main .signup-page-header-inner{
  position:relative!important;
  z-index:2!important;
}

/* 2026-08-24 signup header design pass c: perceptual sync for login underline/weight. */
html body main.site-main .signup-page-header-inner .signup-header-login-text{
  color:rgba(248,251,243,calc(.92 * var(--signup-copy-fade)))!important;
  text-decoration-color:rgba(248,251,243,calc(.72 * var(--signup-copy-fade)))!important;
  text-decoration-thickness:calc(1px * var(--signup-copy-fade))!important;
  text-shadow:none!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-link{
  text-shadow:none!important;
}

/* 2026-08-24 signup header link lift: move login text/icon row up from divider. */
html body main.site-main .signup-page-header-inner .signup-header-login-link{
  margin-top:calc(-.34rem - (.10rem * var(--signup-scroll)))!important;
  transform:translateY(calc(-.18rem * (1 - var(--signup-scroll))))!important;
}
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .signup-page-header-inner .signup-header-login-link{
    margin-top:calc(-.42rem - (.08rem * var(--signup-scroll)))!important;
    transform:translateY(calc(-.22rem * (1 - var(--signup-scroll))))!important;
  }
}

/* 2026-08-24 signup header link lift correction: expanded lift only; keep collapsed icon aligned. */
html body main.site-main .signup-page-header-inner .signup-header-login-link{
  margin-top:calc(-.30rem * (1 - var(--signup-scroll)))!important;
  transform:translateY(calc(-.16rem * (1 - var(--signup-scroll))))!important;
}
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .signup-page-header-inner .signup-header-login-link{
    margin-top:calc(-.38rem * (1 - var(--signup-scroll)))!important;
    transform:translateY(calc(-.18rem * (1 - var(--signup-scroll))))!important;
  }
}

/* 2026-08-24 signup header bottom trim: remove excess collapsed bottom padding/reserve. */
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main [data-signup-sticky-header]{
    min-height:calc(5.7rem - (2.55rem * var(--signup-scroll)))!important;
    padding-bottom:calc(.54rem - (.50rem * var(--signup-scroll)))!important;
  }
  html body main.site-main .signup-page-header-inner{
    padding-bottom:calc(.10rem * (1 - var(--signup-scroll)))!important;
  }
  html body main.site-main .login-shell.signup-page-shell{
    padding-top:calc(176px - (36px * var(--signup-scroll)))!important;
  }
}

/* 2026-08-24 signup content gap removal: remove green spacer block before page contents. */
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .login-shell.signup-page-shell{
    padding-top:calc(132px - (86px * var(--signup-scroll)))!important;
  }
  html body main.site-main .login-shell.signup-page-shell::before,
  html body main.site-main .login-shell.signup-page-shell::after{
    content:none!important;
    display:none!important;
  }
  html body main.site-main .signup-form-card{
    margin-top:0!important;
  }
}

/* 2026-08-24 signup content gap correction: keep only small clearance below header, no big green block. */
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .login-shell.signup-page-shell{
    padding-top:calc(154px - (54px * var(--signup-scroll)))!important;
  }
  html body main.site-main .signup-form-card{
    margin-top:0!important;
  }
}

/* 2026-08-24 signup lower divider + login icon polish. */
html body main.site-main .signup-page-header-inner .signup-header-login-icon{
  color:#f6d06a!important;
  background:
    radial-gradient(circle at 38% 32%,rgba(255,255,255,.18) 0 13%,transparent 31%),
    linear-gradient(180deg,rgba(9,22,20,.98),rgba(3,8,7,.98))!important;
  border:2px solid rgba(211,165,70,.92)!important;
  box-shadow:
    0 0 0 1px rgba(255,231,151,.28) inset,
    0 0 16px rgba(211,165,70,.30),
    0 7px 17px rgba(0,0,0,.34)!important;
  text-shadow:0 0 8px rgba(246,208,106,.55)!important;
  font-weight:950!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-icon::before{
  content:'↪'!important;
  display:block!important;
  transform:translateY(-.02em)!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-icon{
  font-size:0!important;
}
html body main.site-main .signup-page-header-inner .signup-header-login-icon::before{
  font-size:.98rem!important;
  line-height:1!important;
}
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .signup-page-header-inner .signup-header-login-icon::before{
    font-size:.92rem!important;
  }
  html body main.site-main .login-shell.signup-page-shell{
    margin-bottom:0!important;
    padding-bottom:1.05rem!important;
  }
  html body main.site-main .signup-form-card{
    margin-bottom:.82rem!important;
  }
  html body main.site-main .auth-footer,
  html body main.site-main .login-footer,
  html body main.site-main .signup-footer,
  html body footer.site-footer{
    margin-top:0!important;
  }
  html body main.site-main .login-shell.signup-page-shell + *,
  html body main.site-main .signup-page-shell + *{
    margin-top:0!important;
  }
}

/* 2026-08-24 signup header correction: trim page-header horizontal spacer block; do not target footer gap. */
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .login-shell.signup-page-shell{
    margin-bottom:revert!important;
    padding-bottom:revert!important;
  }
  html body main.site-main .signup-form-card{
    margin-bottom:revert!important;
  }
  html body main.site-main .auth-footer,
  html body main.site-main .login-footer,
  html body main.site-main .signup-footer,
  html body footer.site-footer,
  html body main.site-main .login-shell.signup-page-shell + *,
  html body main.site-main .signup-page-shell + *{
    margin-top:revert!important;
  }
  html body main.site-main [data-signup-sticky-header]{
    min-height:calc(5.45rem - (2.72rem * var(--signup-scroll)))!important;
    padding-bottom:calc(.34rem - (.32rem * var(--signup-scroll)))!important;
  }
  html body main.site-main [data-signup-sticky-header]::after{
    bottom:0!important;
  }
  html body main.site-main .signup-page-header-inner{
    padding-bottom:0!important;
    gap:calc(.26rem - (.18rem * var(--signup-scroll)))!important;
  }
  html body main.site-main .login-shell.signup-page-shell{
    padding-top:calc(148px - (60px * var(--signup-scroll)))!important;
  }
}

/* 2026-08-24 signup header block trim b: collapse lower gold line up under title/icon. */
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main [data-signup-sticky-header]{
    min-height:calc(5.45rem - (3.05rem * var(--signup-scroll)))!important;
    padding-bottom:calc(.34rem - (.34rem * var(--signup-scroll)))!important;
  }
  html body main.site-main .login-shell.signup-page-shell{
    padding-top:calc(148px - (82px * var(--signup-scroll)))!important;
  }
}

/* 2026-08-24 signup header block trim c: faded login row must not reserve collapsed height. */
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .signup-page-header-inner .signup-header-login-link{
    min-height:0!important;
    height:calc(1.74rem * (1 - var(--signup-scroll)))!important;
    overflow:visible!important;
  }
  html body main.site-main .signup-page-header-inner{
    grid-template-rows:
      auto
      minmax(0, calc(4.8rem * (1 - var(--signup-scroll))))
      minmax(0, calc(1.74rem * (1 - var(--signup-scroll))))!important;
  }
  html body main.site-main [data-signup-sticky-header]{
    min-height:calc(5.45rem - (3.35rem * var(--signup-scroll)))!important;
    padding-bottom:calc(.30rem * (1 - var(--signup-scroll)))!important;
  }
  html body main.site-main .login-shell.signup-page-shell{
    padding-top:calc(148px - (96px * var(--signup-scroll)))!important;
  }
}

/* 2026-08-24 signup header block trim d: keep top height sane and align collapsed icon. */
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .signup-page-header-inner{
    grid-template-rows:
      auto
      minmax(0, calc(3.25rem * (1 - var(--signup-scroll))))
      minmax(0, calc(1.55rem * (1 - var(--signup-scroll))))!important;
  }
  html body main.site-main .signup-page-header-inner .signup-header-login-link{
    height:calc(1.55rem * (1 - var(--signup-scroll)))!important;
  }
  html body main.site-main .signup-page-header-inner .signup-header-login-icon{
    transform:translateY(calc((-1.88rem * var(--signup-scroll)) + (-.18rem * (1 - var(--signup-scroll)))))!important;
  }
  html body main.site-main [data-signup-sticky-header]{
    min-height:calc(5.45rem - (3.30rem * var(--signup-scroll)))!important;
  }
  html body main.site-main .login-shell.signup-page-shell{
    padding-top:calc(148px - (92px * var(--signup-scroll)))!important;
  }
}

/* 2026-08-24 signup header icon align after block trim: prevent clipped high icon. */
@media (max-width:640px) and (orientation:portrait){
  html body main.site-main .signup-page-header-inner a.signup-header-login-link .signup-header-login-icon,
  html body main.site-main .signup-page-header-inner .signup-header-login-link .signup-header-login-icon{
    transform:translateY(calc((-1.02rem * var(--signup-scroll)) + (-.18rem * (1 - var(--signup-scroll)))))!important;
  }
}