/* =========================================================
   V1.6.5W18.0 — FULL CONSUMER POLISH PASS
   Feature freeze: visual consistency, mobile hierarchy,
   duplicate-control cleanup, spacing, and calmer empty states.
   ========================================================= */

/* Keep the core surfaces visually related without changing behavior. */
.launch-v5 .feed-loading,
.launch-v5 .feed-error,
.launch-v5 .feed-empty{
  border-radius:18px;
}
.launch-v5 .feed-error button{
  min-height:38px;
  padding:0 14px;
  border:0;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-weight:700;
}

/* Saved should feel like a destination, not a placeholder page. */
.launch-v5 .saved-list .empty-state{
  max-width:430px;
  margin:0 auto;
}
.launch-v5 .saved-list .empty-state>span{
  display:none;
}
.launch-v5 .saved-list .empty-state h2{
  letter-spacing:-.035em;
}
.launch-v5 .saved-main{
  min-width:0;
  text-align:left;
}
.launch-v5 .saved-main strong,
.launch-v5 .saved-main span,
.launch-v5 .saved-main small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Chat: keep it immediate and calm. */
.launch-v5 .live-room-head{
  align-items:center;
}
.launch-v5 .live-room-head small{
  color:#99968f;
  font-weight:600;
}
.launch-v5 .chat-form input{
  font-size:16px; /* prevents iOS zoom */
}
.launch-v5 .chat-form button{
  min-width:78px;
}

/* Café information should not over-emphasize missing metadata. */
.launch-v5 .cafe-info-v15{
  background:#fcfbf8;
}
.launch-v5 .cafe-info-note{
  max-width:620px;
}

@media(max-width:820px){
  /* One consistent mobile rhythm across Club / Explore / Saved / Journal. */
  .launch-v5 .view:not([data-view-panel="club"]):not([data-view-panel="cafe"]){
    padding-left:15px;
    padding-right:15px;
  }

  /* Create sheet: one submit action, not a top + bottom duplicate. */
  .launch-v5 .create-card .sheet-header{
    min-height:58px;
    height:58px;
    padding:0 16px;
  }
  .launch-v5 .create-card .sheet-header .pill-submit[form="share-form"]{
    visibility:hidden;
    pointer-events:none;
  }
  .launch-v5 .create-card .sheet-header h2{
    font-size:17px;
    letter-spacing:-.025em;
  }
  .launch-v5 .create-form{
    padding:14px 16px calc(24px + var(--safe-bottom));
    gap:12px;
  }
  .launch-v5-social .create-type-switch{
    margin-bottom:2px;
  }
  .launch-v5-social .create-type-switch>button{
    min-height:74px;
    padding:10px 12px;
  }
  .launch-v5-social .create-type-switch strong{font-size:13px}
  .launch-v5-social .create-type-switch small{font-size:9px;line-height:1.3}
  .launch-v5 .mobile-submit{
    min-height:52px;
    font-size:14px;
    letter-spacing:-.01em;
  }
  .launch-v5 .create-form>.fine-print{
    padding:0 3px;
    margin-top:-2px;
    font-size:9px;
    line-height:1.45;
    color:#95928b;
  }

  /* Smart Pour gets the visual focus; manual details stay secondary. */
  .smart-pour{
    border-radius:20px;
  }
  .smart-pour-start{
    padding:20px 17px 17px;
  }
  .smart-pour-start h3{
    font-size:27px;
    letter-spacing:-.05em;
  }
  .smart-pour-start>p{
    margin:7px 0 15px;
    font-size:12px;
  }
  .smart-pour-manual{
    min-height:42px;
    margin-top:8px;
  }
  .smart-pour-privacy{
    margin-top:2px;
    text-align:center;
    font-size:9px;
  }
  .pour-manual-fields{
    margin-top:8px;
  }

  /* Chat room should not feel like another feed header. */
  .launch-v5 .live-room-head{
    padding:14px 15px 10px;
  }
  .launch-v5 .live-room-head small{
    font-size:9px;
  }
  .launch-v5 .chat-list{
    padding-top:10px;
    max-height:min(42dvh,420px);
  }
  .launch-v5 .chat-form{
    padding:10px 15px;
  }
  .launch-v5 .fine-print{
    font-size:9px;
  }

  /* Saved: tighter, more useful first screen. */
  .launch-v5 [data-view-panel="saved"] .section-head{
    padding-bottom:14px;
  }
  .launch-v5 .saved-tabs{
    margin:0 0 8px;
  }
  .launch-v5 .saved-list .empty-state{
    padding:54px 18px 36px;
  }
  .launch-v5 .saved-list .empty-state h2{
    margin-top:0;
    font-size:21px;
  }
  .launch-v5 .saved-item{
    grid-template-columns:64px minmax(0,1fr) 34px;
    gap:11px;
    min-height:84px;
    padding:10px 0;
  }
  .launch-v5 .saved-item img,
  .launch-v5 .saved-thumb{
    width:64px;
    height:64px;
    border-radius:13px;
  }
  .launch-v5 .saved-item>button:last-child{
    width:34px;
    height:34px;
    border-radius:50%;
    color:#8b8881;
    font-size:17px;
  }

  /* Bottom nav already gives Journal a home; remove redundant mobile back row. */
  .launch-v5 [data-view-panel="journal"]>.back-link{
    display:none;
  }
  .launch-v5 [data-view-panel="journal"]{
    padding-top:15px;
  }
  .launch-v5 .journal-hero{
    margin-top:0;
  }
  .launch-v5 .journal-hero>div{
    padding:22px 19px 20px;
  }
  .launch-v5 .journal-hero h1{
    font-size:35px;
    margin-bottom:10px;
  }
  .launch-v5 .journal-hero>img{
    min-height:210px;
    max-height:240px;
  }
  .launch-v5 .journal-footer-links{
    padding-bottom:8px;
    line-height:1.7;
  }

  /* Explore controls: compact, but keep 44px+ touch targets. */
  .launch-v5 .explore-view{
    padding-top:15px;
  }
  .launch-v5 .explore-hero-v2{
    margin-bottom:13px;
  }
  .launch-v5 .explore-heading-v2 h1{
    font-size:32px;
  }
  .launch-v5 .explore-search-row-v2{
    margin-bottom:10px;
  }
  .launch-v5 .explore-mode-v2{
    margin-bottom:14px;
  }
  .launch-v5 .explore-panel-head-v2{
    margin-bottom:11px;
  }
  .launch-v5 .explore-panel-head-v2 h2{
    font-size:21px;
  }

  /* Café profile: actions should read quickly and not tower over content. */
  .launch-v5 .cafe-profile-hero{
    min-height:350px;
  }
  .launch-v5 .cafe-profile-identity h1{
    font-size:38px;
  }
  .launch-v5 .cafe-primary-actions{
    gap:7px;
  }
  .launch-v5 .cafe-action{
    min-height:58px;
    border-radius:15px;
  }
  .launch-v5 .cafe-community-snapshot{
    border-radius:17px;
  }
  .launch-v5 .cafe-v15-section{
    margin-top:25px;
  }
  .launch-v5 .cafe-info-v15{
    padding:16px;
    border-radius:18px;
  }
}

@media(max-width:430px){
  .launch-v5 .create-card .sheet-header{padding-left:14px;padding-right:14px}
  .launch-v5 .create-form{padding-left:14px;padding-right:14px}
  .launch-v5 .journal-hero h1{font-size:33px}
  .launch-v5 .cafe-profile-hero{min-height:335px}
  .launch-v5 .cafe-profile-identity h1{font-size:36px}
}


/* =========================================================
   W18.9 — DESKTOP FEED COMPOSER FINAL POLISH
   One-line, lightweight social composer. Familiar like X,
   but restrained to MR MATCHA CLUB: no avatar, no tool row.
   ========================================================= */
.desktop-feed-create{display:none}
@media (min-width:821px){
  .launch-v5 .desktop-feed-create{
    width:100%;
    min-height:74px;
    padding:14px 22px;
    border:0;
    border-bottom:1px solid #eceae4;
    background:#fff;
    color:#11110f;
    display:flex;
    align-items:center;
    gap:14px;
    text-align:left;
    cursor:pointer;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    transition:background .16s ease,border-color .16s ease;
  }
  .launch-v5 .desktop-feed-create:hover{
    background:#fcfbf8;
    border-bottom-color:#e5e2da;
  }
  .launch-v5 .desktop-feed-create:active{background:#f8f6f1}
  .launch-v5 .desktop-feed-create:focus-visible{
    outline:2px solid rgba(103,166,77,.28);
    outline-offset:-2px;
  }
  .launch-v5 .desktop-feed-create-accent{
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:999px;
    background:#6BB346;
    box-shadow:0 0 0 4px rgba(111,166,82,.07);
  }
  .launch-v5 .desktop-feed-create-prompt{
    min-width:0;
    flex:1 1 auto;
    font-size:20px;
    line-height:1.25;
    letter-spacing:-.018em;
    font-weight:400;
    color:#66635e;
  }
  .launch-v5 .desktop-feed-create-action{
    min-width:70px;
    min-height:36px;
    padding:0 18px;
    border-radius:999px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    background:#151512;
    color:#fff;
    font-size:13.5px;
    line-height:1;
    font-weight:700;
    letter-spacing:-.01em;
    transition:background .16s ease,transform .16s ease;
  }
  .launch-v5 .desktop-feed-create:hover .desktop-feed-create-action{
    background:#050504;
    transform:translateY(-1px);
  }
  .launch-v5 .desktop-feed-create:active .desktop-feed-create-action{transform:none}
}
@media (max-width:820px){.launch-v5 .desktop-feed-create{display:none!important}}



/* =========================================================
   W18.12 — MOBILE DRAWER IDENTITY POLISH
   Restore the short brand tagline and keep More's disclosure
   chevron visually attached to its label instead of floating.
   ========================================================= */
@media (max-width:820px){
  .launch-v5 .mobile-drawer-head{
    min-height:78px;
    padding-bottom:13px;
  }
  .launch-v5 .mobile-drawer-brand-block{
    min-width:0;
    padding-top:1px;
  }
  .launch-v5 .mobile-drawer-head p.drawer-tagline{
    display:block!important;
    margin:8px 0 0;
    color:#8d8a83;
    font-size:11px;
    line-height:1.25;
    font-weight:400;
    letter-spacing:-.01em;
    text-transform:none;
  }
  .launch-v5 .mobile-drawer-nav{
    padding-top:3px;
  }
  .launch-v5 .mobile-drawer-more-toggle .drawer-more-chevron{
    width:18px;
    height:18px;
    margin-left:3px;
    margin-right:auto;
    flex:0 0 18px;
    color:#8b8983;
  }
  .launch-v5 .mobile-drawer-more-toggle .drawer-more-chevron svg{
    width:15px;
    height:15px;
  }
}

/* =========================================================
   W18.13 — MOBILE DRAWER MICRO-POLISH
   Sharper title-case tagline + lighter disclosure chevron.
   ========================================================= */
@media (max-width:820px){
  .launch-v5 .mobile-drawer-head p.drawer-tagline{
    margin-top:7px;
    color:#74716b;
    font-size:12px;
    line-height:1.2;
    font-weight:500;
    letter-spacing:0;
  }
  .launch-v5 .mobile-drawer-more-toggle .drawer-more-chevron{
    width:16px;
    height:16px;
    margin-left:4px;
    flex-basis:16px;
    color:#99968f;
  }
  .launch-v5 .mobile-drawer-more-toggle .drawer-more-chevron svg{
    width:13px;
    height:13px;
  }
  .launch-v5 .mobile-drawer-more-toggle .drawer-more-chevron svg path{
    stroke-width:1.35!important;
  }
}


/* =========================================================
   W18.14 — MOBILE DRAWER TAGLINE LOCK
   Final all-caps editorial treatment for the drawer tagline.
   ========================================================= */
@media (max-width:820px){
  .launch-v5 .mobile-drawer-head p.drawer-tagline{
    margin-top:8px;
    color:#77746e;
    font-size:10px;
    line-height:1.25;
    font-weight:600;
    letter-spacing:.13em;
    text-transform:none;
  }
  .launch-v5 .mobile-drawer-more-toggle .drawer-more-chevron{
    width:15px;
    height:15px;
    margin-left:3px;
    flex-basis:15px;
    color:#a09d96;
  }
  .launch-v5 .mobile-drawer-more-toggle .drawer-more-chevron svg{
    width:12px;
    height:12px;
  }
  .launch-v5 .mobile-drawer-more-toggle .drawer-more-chevron svg path{
    stroke-width:1.15!important;
  }
}

/* =========================================================
   W18.17 — MOBILE DRAWER FINAL MICRO-POLISH
   Quiet editorial tagline + a cleaner disclosure chevron.
   ========================================================= */
@media (max-width:820px){
  .launch-v5 .mobile-drawer-head p.drawer-tagline{
    margin-top:7px;
    color:#85827c;
    font-size:11px;
    line-height:1.25;
    font-weight:400;
    letter-spacing:.105em;
    text-transform:none;
  }

  .launch-v5 .mobile-drawer-more-toggle{
    column-gap:0;
  }
  .launch-v5 .mobile-drawer-more-toggle .drawer-more-chevron{
    position:relative;
    width:12px;
    height:12px;
    margin-left:7px;
    margin-right:auto;
    flex:0 0 12px;
    color:#96938d;
    transform:none!important;
  }
  .launch-v5 .mobile-drawer-more-toggle .drawer-more-chevron svg{
    display:none!important;
  }
  .launch-v5 .mobile-drawer-more-toggle .drawer-more-chevron::before{
    content:"";
    position:absolute;
    left:2px;
    top:2px;
    width:5px;
    height:5px;
    border-right:1px solid currentColor;
    border-bottom:1px solid currentColor;
    transform:rotate(45deg);
    transform-origin:center;
    transition:transform .16s ease, top .16s ease;
  }
  .launch-v5 .mobile-drawer-more-toggle[aria-expanded="true"] .drawer-more-chevron::before{
    top:5px;
    transform:rotate(225deg);
  }
}


/* =========================================================
   W18.18 — MOBILE DRAWER SLIM LOCK
   Narrower drawer, quieter tagline, no disclosure arrow.
   ========================================================= */
@media (max-width:820px){
  .launch-v5 #mobile-drawer .mobile-drawer-panel{
    width:min(80vw,320px)!important;
    max-width:320px!important;
  }

  .launch-v5 .mobile-drawer-head p.drawer-tagline{
    margin-top:6px!important;
    color:#8d8a84!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:300!important;
    letter-spacing:.14em!important;
    text-transform:none!important;
  }

  .launch-v5 .mobile-drawer-more-toggle{
    column-gap:0!important;
  }
  .launch-v5 .mobile-drawer-more-toggle .drawer-more-chevron{
    display:none!important;
  }
}


/* =========================================================
   W18.19 — MOBILE DRAWER PROPORTION + TYPE CONSISTENCY
   Match the old quiet DISCOVER tagline scale, slim the drawer,
   and make the mobile manifesto use the same serif voice as desktop.
   ========================================================= */
@media (max-width:820px){
  .launch-v5 #mobile-drawer .mobile-drawer-panel{
    width:min(76vw,300px)!important;
    max-width:300px!important;
  }

  .launch-v5 .mobile-drawer-head p.drawer-tagline{
    margin-top:7px!important;
    color:#92908a!important;
    font-size:7px!important;
    line-height:1.45!important;
    font-weight:400!important;
    letter-spacing:.18em!important;
    text-transform:none!important;
  }

  .launch-v5 .mobile-drawer-bottom>p.drawer-manifesto{
    margin:0 0 17px!important;
    color:#4b4a45!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:14px!important;
    font-style:italic!important;
    font-weight:400!important;
    line-height:1.16!important;
    letter-spacing:-.02em!important;
  }
}


/* =========================================================
   W18.21 — CLEAN MOBILE CREATE BUTTON LOCK
   Restore the approved clean MR MATCHA green create button.
   No pencil / edit glyph inside the floating action button.
   ========================================================= */
@media (max-width:820px){
  .launch-v5 .fab.js-open-create{
    background:#6BB346!important;
    color:#fff!important;
  }
  .launch-v5 .fab.js-open-create .fab-compose-ico,
  .launch-v5 .fab.js-open-create svg,
  .launch-v5 .fab.js-open-create::before,
  .launch-v5 .fab.js-open-create::after{
    display:none!important;
    content:none!important;
  }
}


/* =========================================================
   W18.22 — CREATE CANCEL / DISCARD CONFIRMATION
   X-like safety sheet without adding a drafts feature.
   ========================================================= */
.create-discard-confirm{
  position:fixed;
  inset:0;
  z-index:1800;
  display:none;
  align-items:flex-end;
  justify-content:center;
  padding:16px 14px calc(16px + env(safe-area-inset-bottom,0px));
}
.create-discard-confirm.is-open{display:flex}
.create-discard-backdrop{
  position:absolute;
  inset:0;
  border:0;
  padding:0;
  background:rgba(17,17,15,.34);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
.create-discard-card{
  position:relative;
  width:min(100%,420px);
  border:1px solid rgba(17,17,15,.08);
  border-radius:26px;
  background:#fff;
  padding:20px 14px 14px;
  box-shadow:0 24px 70px rgba(0,0,0,.22);
  display:grid;
  gap:10px;
}
.create-discard-copy{padding:2px 8px 8px;text-align:center}
.create-discard-copy h2{
  margin:0;
  color:#11110f;
  font-size:19px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.035em;
}
.create-discard-copy p{
  margin:7px 0 0;
  color:#7c7a74;
  font-size:13px;
  line-height:1.35;
}
.create-discard-action{
  width:100%;
  min-height:54px;
  border:1px solid #e7e5df;
  border-radius:16px;
  background:#f5f4f0;
  color:#11110f;
  font:inherit;
  font-size:15px;
  font-weight:750;
  cursor:pointer;
}
.create-discard-action.is-danger{
  color:#cf3f38;
  background:#fff;
  border-color:#eee4e1;
}
.create-discard-action:active{transform:scale(.985)}
@media(min-width:821px){
  .create-discard-confirm{align-items:center}
  .create-discard-card{width:360px}
}
@media(prefers-reduced-motion:reduce){
  .create-discard-action{transition:none!important}
}


/* =========================================================
   W18.23 — JOURNAL CANCEL PROTECTION
   Journal reuses the same two-action discard confirmation.
   ========================================================= */


/* =========================================================
   W18.25 — GEN Z CAFÉ UX FINAL POLISH
   Faster hierarchy: café identity -> actions -> community ->
   real Pours -> Known For -> details. No new product features.
   ========================================================= */
.launch-v5 .cafe-snapshot-known strong{
  max-width:100%;
  margin:0 auto;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  white-space:normal;
  text-overflow:ellipsis;
  font-size:15px;
  line-height:1.05;
  letter-spacing:-.035em;
}
.launch-v5 .cafe-known-v15 .cafe-known-grid{gap:9px}
.launch-v5 .cafe-info-v15{margin-top:24px!important}

@media (max-width:820px){
  /* Get community content onto the first screen much faster. */
  .launch-v5 .cafe-profile-hero{
    min-height:270px!important;
  }
  .launch-v5 .cafe-profile-identity{
    left:17px!important;
    right:17px!important;
    bottom:16px!important;
  }
  .launch-v5 .cafe-profile-identity h1{
    font-size:36px!important;
    line-height:.94!important;
  }
  .launch-v5 .cafe-profile-kicker{margin-bottom:6px!important}
  .launch-v5 .cafe-profile-address{
    margin-top:7px!important;
    font-size:10px!important;
    line-height:1.35!important;
  }
  .launch-v5 .cafe-profile-tags{
    margin-top:9px!important;
    gap:5px!important;
  }
  .launch-v5 .cafe-profile-tags>span{
    min-height:25px!important;
    padding:4px 8px!important;
    font-size:7.5px!important;
  }
  .launch-v5 .cafe-profile-fallback>span{
    font-size:98px!important;
    transform:translateY(-2px)!important;
  }

  /* Familiar, compact action row. */
  .launch-v5 .cafe-primary-actions{
    margin-top:10px!important;
    gap:6px!important;
  }
  .launch-v5 .cafe-action{
    min-height:56px!important;
    border-radius:15px!important;
    padding:9px 8px!important;
    gap:6px!important;
  }
  .launch-v5 .cafe-action svg{
    width:18px!important;
    height:18px!important;
    flex-basis:18px!important;
  }
  .launch-v5 .cafe-action b{font-size:9.5px!important}
  .launch-v5 .cafe-action small{display:none!important}
  .launch-v5 .cafe-secondary-actions{
    padding:10px 2px 1px!important;
    gap:12px!important;
    font-size:8.5px!important;
  }

  /* Snapshot = immediate answer, not another large card. */
  .launch-v5 .cafe-community-snapshot{
    margin-top:12px!important;
    border-radius:16px!important;
  }
  .launch-v5 .cafe-community-snapshot>div{
    padding:13px 8px!important;
  }
  .launch-v5 .cafe-community-snapshot>div+div::before{
    top:12px!important;
    bottom:12px!important;
  }
  .launch-v5 .cafe-community-snapshot strong{
    font-size:21px!important;
  }
  .launch-v5 .cafe-community-snapshot span{
    margin-top:5px!important;
    font-size:6.8px!important;
    letter-spacing:.07em!important;
  }
  .launch-v5 .cafe-community-snapshot .cafe-snapshot-known strong{
    font-size:12.5px!important;
    line-height:1.08!important;
    min-height:27px;
    align-content:center;
  }

  /* Real community content becomes the first section after the snapshot. */
  .launch-v5 .cafe-v15-section{
    margin-top:22px!important;
  }
  .launch-v5 .cafe-latest-pours{
    margin-top:20px!important;
  }
  .launch-v5 .cafe-v15-heading{
    margin-bottom:10px!important;
    align-items:center!important;
  }
  .launch-v5 .cafe-v15-heading small{
    margin-bottom:3px!important;
    font-size:7px!important;
  }
  .launch-v5 .cafe-v15-heading h2{
    font-size:21px!important;
  }
  .launch-v5 .cafe-v15-heading>span,
  .launch-v5 .cafe-v15-heading>a{
    font-size:8px!important;
  }
  .launch-v5 .cafe-empty-pours{
    padding:15px!important;
    border-radius:16px!important;
    background:#fbfaf7!important;
  }
  .launch-v5 .cafe-empty-pours strong{font-size:14px!important}
  .launch-v5 .cafe-empty-pours p{font-size:10px!important}
  .launch-v5 .cafe-empty-pours button{
    min-height:42px!important;
    font-size:10px!important;
  }

  /* Known For is supporting proof, limited to two cards by JS. */
  .launch-v5 .cafe-known-card{
    padding:13px!important;
    border-radius:16px!important;
  }
  .launch-v5 .cafe-info-v15{
    padding:14px!important;
    border-radius:16px!important;
  }
  .launch-v5 .cafe-info-list>div{
    padding:10px 0!important;
  }
  .launch-v5 .cafe-info-note{
    margin-top:9px!important;
    padding-top:9px!important;
    font-size:8px!important;
  }

  /* Final create affordance: familiar white + in MR MATCHA green. */
  .launch-v5 .fab.js-open-create{
    display:grid!important;
    place-items:center!important;
    background:#6BB346!important;
    color:#fff!important;
  }
  .launch-v5 .fab.js-open-create .fab-create-plus{
    display:block!important;
    color:#fff!important;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:29px!important;
    font-weight:300!important;
    line-height:1!important;
    transform:translateY(-1px);
    pointer-events:none;
  }
}

@media (max-width:430px){
  .launch-v5 .cafe-profile-hero{min-height:255px!important}
  .launch-v5 .cafe-profile-identity h1{font-size:34px!important}
  .launch-v5 .cafe-community-snapshot .cafe-snapshot-known strong{font-size:11.5px!important}
}

/* MR MATCHA CLUB W18.28 — familiar native sharing */
.launch-v5 .share-with-icon,
.launch-v5 .cafe-secondary-actions .cafe-share-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
}
.launch-v5 .share-with-icon svg,
.launch-v5 .cafe-secondary-actions .cafe-share-link svg{
  width:15px!important;
  height:15px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  flex:0 0 auto!important;
}
.launch-v5 .cafe-secondary-actions .cafe-share-link{
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  padding:0!important;
  min-height:30px!important;
}
.launch-v5 .trending-simple-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.launch-v5 .trending-simple-head>div{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
.launch-v5 .trending-share-btn{
  flex:0 0 auto!important;
  min-height:38px!important;
  padding:0 13px!important;
  border:1px solid #e3e1db!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#171715!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  font-size:11px!important;
  font-weight:750!important;
}
.launch-v5 .trending-share-btn svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.launch-v5 .trending-share-btn:active{transform:scale(.98)}
@media(max-width:820px){
  .launch-v5 .trending-share-btn{min-height:34px!important;padding:0 11px!important;font-size:9px!important}
  .launch-v5 .trending-share-btn svg{width:14px!important;height:14px!important}
  .launch-v5 .cafe-secondary-actions .cafe-share-link svg{width:13px!important;height:13px!important}
}

/* V1.6.5W18.29 — protected official MR MATCHA identity */
.launch-v5 .mmc-author-name{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-width:0;
}
.launch-v5 .mmc-official-badge{
  display:inline-flex;
  width:17px;
  height:17px;
  flex:0 0 17px;
  align-items:center;
  justify-content:center;
  color:#6BB346 !important;
  vertical-align:-3px;
}
.launch-v5 .mmc-official-badge svg{display:block;width:17px;height:17px;overflow:visible}
.launch-v5 .mmc-official-badge .mmc-badge-seal{fill:#6BB346!important}
.launch-v5 .mmc-official-badge .mmc-badge-check{fill:none;stroke:#fff;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}

/* W18.167 — refine the MR MATCHA signature cone beside the official seal.
   Keep the outer box size stable; use a lighter/thinner outline and let the cone fill more of the frame. */
.launch-v5 .mmc-official-cone{
  display:inline-flex;
  width:21px;
  height:21px;
  flex:0 0 21px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:0;
  border:.75px solid rgba(17,17,15,.23);
  border-radius:5px;
  background:#fff;
  box-sizing:border-box;
  vertical-align:-4px;
}
.launch-v5 .mmc-official-cone img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  transform:scale(1.02);
  transform-origin:center;
}
.launch-v5 .mmc-official-pin{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin:8px 0 2px 48px;
  padding:4px 7px;
  border-radius:999px;
  background:#f0f7ec;
  color:#6BB346;
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
}
.launch-v5 input[name="display_name"][readonly]{
  background:#f7f7f3;
  color:#11110f;
  cursor:default;
}
@media(max-width:620px){
  .launch-v5 .mmc-official-badge,.launch-v5 .mmc-official-badge svg{width:16px;height:16px;flex-basis:16px}
  .launch-v5 .mmc-official-cone{width:20px;height:20px;flex-basis:20px;border-radius:5px}
  .launch-v5 .mmc-official-pin{margin-left:44px}
}

/* =========================================================
   V1.6.5W18.30 — POST READABILITY POLISH
   Consistent paragraphs + feed Show more + official green seal
   ========================================================= */
.launch-v5 .mmc-post-copy-block{
  margin:12px 0 13px;
}
.launch-v5 .mmc-post-copy-block .post-copy{
  margin:0!important;
}
.launch-v5 .mmc-rich-copy{
  white-space:normal!important;
  overflow-wrap:anywhere;
  word-break:normal;
}
.launch-v5 .mmc-rich-copy>p{
  margin:0;
}
.launch-v5 .mmc-rich-copy>p+p{
  margin-top:13px;
}
.launch-v5 .mmc-collapsible-copy{
  --mmc-feed-lines:8;
  line-height:1.48;
}
.launch-v5 .mmc-collapsible-copy:not(.is-expanded){
  max-height:calc(var(--mmc-feed-lines) * 1.48em);
  overflow:hidden;
}
.launch-v5 .mmc-show-more{
  appearance:none;
  -webkit-appearance:none;
  display:inline-block;
  margin:4px 0 0;
  padding:0;
  border:0;
  background:transparent;
  color:#74736e;
  font:inherit;
  font-size:12px;
  font-weight:650;
  line-height:1.35;
  cursor:pointer;
  text-align:left;
}
.launch-v5 .mmc-show-more[hidden]{display:none!important}
.launch-v5 .mmc-show-more:hover{color:#111;text-decoration:underline}
.launch-v5 .mmc-show-more:active{opacity:.72}
.launch-v5 .mmc-show-more:focus-visible{outline:2px solid rgba(107,179,70,.30);outline-offset:3px;border-radius:3px}
.launch-v5 .thread-root-copy.mmc-rich-copy{
  white-space:normal!important;
}
.launch-v5 .thread-root-copy.mmc-rich-copy>p+p{
  margin-top:13px;
}
@media(max-width:620px){
  .launch-v5 .mmc-collapsible-copy{--mmc-feed-lines:7}
  .launch-v5 .mmc-rich-copy>p+p,
  .launch-v5 .thread-root-copy.mmc-rich-copy>p+p{margin-top:12px}
}

/* =========================================================
   V1.6.5W18.32 — ASK MR MATCHA AI TEASER POLISH
   Compact Club teaser + premium Explore card. No live AI yet.
   ========================================================= */

/* Club-home teaser: visible but intentionally secondary to the feed. */
.launch-v5 .ask-mr-matcha-mini{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-height:48px;
  margin:9px 0 12px;
  padding:8px 11px;
  border:1px solid rgba(107,179,70,.18);
  border-radius:14px;
  background:linear-gradient(118deg,rgba(247,250,243,.98),rgba(252,252,249,.98));
  color:#11110f;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 18px;
  align-items:center;
  gap:9px;
  text-align:left;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(17,17,15,.02);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.launch-v5 .ask-mr-matcha-mini:hover{
  border-color:rgba(107,179,70,.34);
  box-shadow:0 8px 24px rgba(40,63,30,.06);
}
.launch-v5 .ask-mr-matcha-mini:active{transform:scale(.994)}
.launch-v5 .ask-mr-matcha-mini:focus-visible{outline:2px solid rgba(107,179,70,.34);outline-offset:2px}
.launch-v5 .ask-mr-matcha-mini-spark{
  width:30px;
  height:30px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#11110f;
  color:#fff;
  font-size:13px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.launch-v5 .ask-mr-matcha-mini-copy{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:7px;
  flex-wrap:wrap;
}
.launch-v5 .ask-mr-matcha-mini-copy strong{
  font-size:12px;
  line-height:1.15;
  letter-spacing:-.015em;
}
.launch-v5 .ask-mr-matcha-mini-copy small{
  color:#85847e;
  font-size:9px;
  line-height:1.25;
  font-weight:650;
}
.launch-v5 .ask-mr-matcha-mini-arrow{
  color:#6BB346;
  font-size:16px;
  line-height:1;
  text-align:right;
}

/* Explore feature card */
.launch-v5 .ask-mr-matcha-teaser{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:12px 0 24px;
  padding:16px 19px 15px;
  border:1px solid #e5e4df;
  border-radius:22px;
  background:linear-gradient(145deg,#ffffff 0%,#fbfbf8 58%,#f7f8f4 100%);
  box-shadow:0 10px 28px rgba(17,17,15,.045);
}
.launch-v5 .ask-mr-matcha-glow{
  position:absolute;
  z-index:-1;
  width:190px;
  height:190px;
  right:-88px;
  top:-108px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(107,179,70,.15) 0%,rgba(107,179,70,.055) 46%,transparent 73%);
  filter:blur(2px);
  pointer-events:none;
}
.launch-v5 .ask-mr-matcha-copy{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:17px;
}
.launch-v5 .ask-mr-matcha-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:20px;
  margin:0 0 8px;
  color:#77746e;
  font-size:7.5px;
  line-height:1;
  font-weight:800;
  letter-spacing:.14em;
  white-space:nowrap;
}
.launch-v5 .ask-mr-matcha-eyebrow i{
  width:5px;
  height:5px;
  flex:0 0 5px;
  border-radius:50%;
  background:#6BB346;
  box-shadow:0 0 0 3px rgba(107,179,70,.08);
}
.launch-v5 .ask-mr-matcha-copy h2{
  margin:0;
  color:#11110f;
  font-size:27px;
  line-height:1.01;
  letter-spacing:-.052em;
}
.launch-v5 .ask-mr-matcha-copy h2 span{color:#6BB346}
.launch-v5 .ask-mr-matcha-copy p{
  max-width:560px;
  margin:8px 0 0;
  color:#65635f;
  font-size:13px;
  line-height:1.46;
}
.launch-v5 .ask-mr-matcha-orb{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:19px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:#11110f;
  box-shadow:0 9px 24px rgba(17,17,15,.12);
}
.launch-v5 .ask-mr-matcha-orb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.38);
  transform-origin:center;
}
.launch-v5 .ask-mr-matcha-prompts{
  display:flex;
  gap:7px;
  overflow-x:auto;
  scrollbar-width:none;
  margin-top:12px;
  padding:1px 0;
  -webkit-overflow-scrolling:touch;
}
.launch-v5 .ask-mr-matcha-prompts::-webkit-scrollbar{display:none}
.launch-v5 .ask-mr-matcha-prompts span{
  flex:0 0 auto;
  max-width:min(310px,82vw);
  padding:8px 10px;
  border:1px solid #e6e5e0;
  border-radius:999px;
  background:#fff;
  color:#45443f;
  font-size:10px;
  line-height:1.2;
  font-weight:650;
  white-space:nowrap;
  box-shadow:0 1px 0 rgba(17,17,15,.015);
}
.launch-v5 .ask-mr-matcha-note{
  margin:8px 0 0;
  color:#8b8983;
  font-size:9px;
  line-height:1.35;
}
.launch-v5 .ask-mr-matcha-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:11px;
  padding-top:10px;
  border-top:1px solid #ecebe6;
}
.launch-v5 .ask-mr-matcha-powered{
  display:inline-flex;
  align-items:center;
  gap:3px;
  min-width:0;
  color:#95928c;
  font-size:9.5px;
  line-height:1;
  font-weight:600;
  white-space:nowrap;
}
.launch-v5 .ask-mr-matcha-powered img{
  display:block;
  width:20px;
  height:20px;
  flex:0 0 20px;
  object-fit:contain;
  margin-right:1px;
  opacity:.96;
}
.launch-v5 .ask-mr-matcha-powered strong{
  margin-left:-1px;
  color:#24231f;
  font-size:10.2px;
  font-weight:800;
  letter-spacing:-.005em;
}
.launch-v5 .ask-mr-matcha-open{
  min-height:34px;
  padding:0 13px;
  border-radius:999px;
  background:#11110f;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-decoration:none;
  font-size:10px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
  transition:transform .12s ease,background .16s ease;
}
.launch-v5 .ask-mr-matcha-open span{
  font-size:13px;
  line-height:1;
  transform:translateY(-.5px);
}
.launch-v5 .ask-mr-matcha-open:active{transform:scale(.975)}
.launch-v5 .ask-mr-matcha-open:focus-visible{
  outline:2px solid rgba(17,17,15,.28);
  outline-offset:2px;
}
@media(hover:hover){
  .launch-v5 .ask-mr-matcha-open:hover{background:#000}
}
@media(min-width:821px){
  .launch-v5 .ask-mr-matcha-mini{max-width:760px;min-height:50px;padding:9px 12px}
  .launch-v5 .ask-mr-matcha-teaser{padding:17px 22px 16px}
  .launch-v5 .ask-mr-matcha-copy h2{font-size:31px}
  .launch-v5 .ask-mr-matcha-copy p{font-size:14px}
}
@media(max-width:620px){
  .launch-v5 .ask-mr-matcha-mini{
    min-height:45px;
    margin:7px 0 10px;
    padding:7px 9px;
    grid-template-columns:28px minmax(0,1fr) 16px;
    gap:8px;
    border-radius:13px;
  }
  .launch-v5 .ask-mr-matcha-mini-spark{width:28px;height:28px;border-radius:9px;font-size:12px}
  .launch-v5 .ask-mr-matcha-mini-copy{display:block}
  .launch-v5 .ask-mr-matcha-mini-copy strong{display:block;font-size:11px}
  .launch-v5 .ask-mr-matcha-mini-copy small{display:block;margin-top:2px;font-size:8.5px}
  .launch-v5 .ask-mr-matcha-mini-arrow{font-size:14px}

  .launch-v5 .ask-mr-matcha-teaser{
    margin:10px 0 20px;
    padding:12px 14px 11px;
    border-radius:18px;
    box-shadow:0 7px 22px rgba(17,17,15,.04);
  }
  .launch-v5 .ask-mr-matcha-copy{gap:11px}
  .launch-v5 .ask-mr-matcha-eyebrow{margin-bottom:7px;font-size:7px}
  .launch-v5 .ask-mr-matcha-copy h2{font-size:22px}
  .launch-v5 .ask-mr-matcha-copy p{font-size:11.5px;line-height:1.42}
  .launch-v5 .ask-mr-matcha-orb{width:48px;height:48px;flex-basis:48px;border-radius:16px}
  .launch-v5 .ask-mr-matcha-prompts{margin-top:10px;gap:6px}
  .launch-v5 .ask-mr-matcha-prompts span{font-size:9px;padding:7px 9px}
  .launch-v5 .ask-mr-matcha-note{margin-top:7px;font-size:8.5px}
  .launch-v5 .ask-mr-matcha-footer{margin-top:10px;padding-top:9px;gap:9px}
  .launch-v5 .ask-mr-matcha-powered{font-size:8.7px;gap:2px}
  .launch-v5 .ask-mr-matcha-powered img{width:18px;height:18px;flex-basis:18px}
  .launch-v5 .ask-mr-matcha-powered strong{font-size:9.4px}
  .launch-v5 .ask-mr-matcha-open{min-height:32px;padding:0 11px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .launch-v5 .ask-mr-matcha-mini,
  .launch-v5 .ask-mr-matcha-open{transition:none}
}



/* =========================================================
   W18.45 — MR MATCHA SCAN BETA
   ========================================================= */
.scan-beta-badge{
  display:inline-flex;
  align-items:center;
  min-height:17px;
  margin-left:5px;
  padding:0 6px;
  border:1px solid rgba(107,179,70,.30);
  border-radius:999px;
  background:rgba(107,179,70,.09);
  color:#6BB346;
  font:800 8px/1 Inter,system-ui,sans-serif;
  font-style:normal;
  letter-spacing:.08em;
  vertical-align:1px;
}
.smart-pour-found small{
  display:block;
  margin-top:7px;
  color:#8b8881;
  font-size:9px;
  line-height:1.45;
}
.smart-pour-privacy{
  max-width:340px;
  margin-left:auto;
  margin-right:auto;
  line-height:1.45;
}


/* =========================================================
   W18.46 — SOCIAL VIDEO LINKS
   TikTok / Instagram / Facebook stay on their original platform.
   MR MATCHA renders a lightweight click-to-view card only.
   ========================================================= */
.social-video-composer{
  margin:18px 0 16px;
  padding:15px;
  border:1px solid #e9e7e1;
  border-radius:17px;
  background:#fbfaf7;
}
.social-video-heading{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  margin-bottom:10px;
}
.social-video-heading>div>span{
  display:block;
  color:#171714;
  font-size:12px;
  font-weight:800;
  letter-spacing:-.01em;
}
.social-video-heading em{
  color:#918d85;
  font-size:10px;
  font-style:normal;
  font-weight:600;
}
.social-video-heading small,
.social-video-help{
  display:block;
  margin-top:4px;
  color:#8a867f;
  font-size:10px;
  line-height:1.45;
}
.social-video-platforms{
  flex:none;
  color:#69665f;
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}
.social-video-input-wrap{display:block}
.social-video-input-wrap input{
  width:100%;
  min-height:44px;
  padding:0 13px;
  border:1px solid #dedbd3;
  border-radius:12px;
  background:#fff;
  color:#171714;
  font:600 12px/1.2 Inter,system-ui,sans-serif;
  outline:none;
}
.social-video-input-wrap input:focus{
  border-color:#9f9b92;
  box-shadow:0 0 0 3px rgba(23,23,20,.045);
}
.social-video-help.is-error{color:#a44a40}
.social-video-compose-preview{
  position:relative;
  margin-top:10px;
}
.social-video-remove{
  position:absolute;
  top:9px;
  right:9px;
  z-index:2;
  min-height:29px;
  padding:0 9px;
  border:1px solid #ddd9d1;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#5f5b54;
  font:700 9px/1 Inter,system-ui,sans-serif;
}
.mmc-social-video-card{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  margin:11px 0 13px;
  padding:13px 14px;
  border:1px solid #e2dfd8;
  border-radius:15px;
  background:#faf9f6;
  color:#171714;
  text-decoration:none;
  box-sizing:border-box;
  transition:transform .14s ease,border-color .14s ease,background .14s ease;
}
.mmc-social-video-card:active{transform:scale(.992)}
.mmc-social-video-card:hover{
  border-color:#d2cec5;
  background:#f7f6f2;
}
.mmc-social-video-icon{
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:12px;
  background:#171714;
  color:#fff;
  font-size:17px;
  font-weight:900;
}
.mmc-social-video-copy{
  display:flex;
  flex:1;
  min-width:0;
  flex-direction:column;
  gap:2px;
}
.mmc-social-video-copy small{
  color:#8b877f;
  font-size:8px;
  font-weight:850;
  letter-spacing:.08em;
}
.mmc-social-video-copy strong{
  overflow:hidden;
  color:#171714;
  font-size:12px;
  font-weight:850;
  letter-spacing:-.01em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mmc-social-video-copy span{
  overflow:hidden;
  color:#88847d;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mmc-social-video-card>b{
  flex:none;
  color:#6bb346;
  font-size:15px;
}
.mmc-social-video-card.is-composer{
  margin:0;
  padding-right:72px;
  background:#fff;
}
.pour-sheet-social .mmc-social-video-card{margin-top:12px}
.thread-social-video{margin:12px 0}
@media(max-width:640px){
  .social-video-composer{padding:13px;border-radius:15px}
  .social-video-heading{display:block}
  .social-video-platforms{display:block;margin-top:7px}
  .mmc-social-video-card{padding:12px}
  .mmc-social-video-icon{flex-basis:36px;width:36px;height:36px;border-radius:11px}
}


/* =========================================================
   W18.49 — ASK MR MATCHA MOVED TO PANELS
   Main feed teaser removed.
   Ask MR MATCHA now lives in the desktop left rail
   and the mobile slide-out drawer.
   Desktop create-strip green dot removed.
   ========================================================= */
@media (min-width:821px){
  .launch-v5 .ask-mr-matcha-panel--desktop{
    width:100%;
    max-width:none;
    min-height:54px;
    margin:18px 0 0;
    padding:9px 10px;
    grid-template-columns:30px minmax(0,1fr) 16px;
  }
  .launch-v5 .ask-mr-matcha-panel--desktop .ask-mr-matcha-mini-copy{
    display:block;
  }
  .launch-v5 .ask-mr-matcha-panel--desktop .ask-mr-matcha-mini-copy strong{
    display:block;
    font-size:11px;
  }
  .launch-v5 .ask-mr-matcha-panel--desktop .ask-mr-matcha-mini-copy small{
    display:block;
    margin-top:3px;
    font-size:8px;
    line-height:1.3;
  }
  .launch-v5 .ask-mr-matcha-panel--mobile{
    display:none!important;
  }
}

@media (max-width:820px){
  .launch-v5 .ask-mr-matcha-panel--desktop{
    display:none!important;
  }
  .launch-v5 .ask-mr-matcha-panel--mobile{
    width:calc(100% - 28px);
    min-height:50px;
    margin:15px 14px 12px;
  }
}


/* =========================================================
   W18.50 — ASK MR MATCHA MENU + COMING SOON DESTINATION
   Clear future-feature hierarchy inspired by familiar app menus,
   while keeping MR MATCHA's own visual language.
   ========================================================= */
.launch-v5 .ask-panel-section{
  box-sizing:border-box;
}
.launch-v5 .ask-panel-kicker{
  display:block;
  margin:0 0 8px;
  color:#9a968e;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.18em;
}
.launch-v5 .ask-panel-link{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 18px;
  align-items:center;
  gap:11px;
  min-height:58px;
  box-sizing:border-box;
  color:#171714;
  text-decoration:none;
  border-radius:15px;
  -webkit-tap-highlight-color:transparent;
  transition:background .15s ease,transform .15s ease;
}
.launch-v5 .ask-panel-link:hover{background:#f7f6f1}
.launch-v5 .ask-panel-link:active{transform:scale(.992)}
.launch-v5 .ask-panel-link:focus-visible{
  outline:2px solid rgba(107,179,70,.34);
  outline-offset:2px;
}
.launch-v5 .ask-panel-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:#11110f;
  color:#fff;
  font-size:14px;
  box-shadow:0 5px 16px rgba(17,17,15,.12);
}
.launch-v5 .ask-panel-copy{
  display:block;
  min-width:0;
}
.launch-v5 .ask-panel-copy strong{
  display:block;
  color:#191916;
  font-size:13px;
  line-height:1.15;
  font-weight:850;
  letter-spacing:-.015em;
}
.launch-v5 .ask-panel-copy small{
  display:block;
  margin-top:4px;
  color:#8c8881;
  font-size:9.5px;
  line-height:1.25;
  font-weight:600;
}
.launch-v5 .ask-panel-arrow{
  color:#6BB346;
  font-size:19px;
  line-height:1;
  font-weight:500;
  text-align:center;
}

@media (min-width:821px){
  .launch-v5 .ask-panel-section--desktop{
    width:100%;
    margin:22px 0 0;
    padding-top:17px;
    border-top:1px solid #eceae4;
  }
  .launch-v5 .ask-panel-section--desktop .ask-panel-link{
    padding:8px 9px;
  }
  .launch-v5 .ask-panel-section--mobile{display:none!important}
}

@media (max-width:820px){
  .launch-v5 .ask-panel-section--desktop{display:none!important}
  .launch-v5 .ask-panel-section--mobile{
    width:calc(100% - 28px);
    margin:20px 14px 12px;
    padding-top:17px;
    border-top:1px solid #eceae4;
  }
  .launch-v5 .ask-panel-section--mobile .ask-panel-link{
    padding:7px 5px;
  }
  .launch-v5 .ask-panel-kicker{
    margin-left:4px;
  }
}


/* W18.52 — Community rating clarity */
.launch-v5 .cup-vote-trigger.is-compact{min-height:54px}
.launch-v5 .cup-vote-trigger.is-compact span{font-weight:750;letter-spacing:-.01em}
.launch-v5 .cup-vote-trigger.is-compact b{color:#6BB346;font-weight:850}
.launch-v5 .cup-trust-line{margin-top:13px}
.launch-v5 .cup-trust-line>span,
.launch-v5 .cup-stat-trigger{color:#77736c}


/* W18.54 — public deletion disabled for anonymous launch.
   Removal is handled through Report + HQ moderation only. */


/* W18.55 — rating edit reliability / feedback */
.launch-v5 #cup-signal-sheet .js-drink-verdict:disabled{
  opacity:.62;
  cursor:wait;
}

/* =========================================================
   W18.56 — COMPACT SOCIAL VIDEO PREVIEW FRAME
   Small cover image when the platform exposes one; icon fallback otherwise.
   ========================================================= */
.mmc-social-video-media{
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 86px;
  width:86px;
  height:62px;
  overflow:hidden;
  border-radius:12px;
  background:#171714;
}
.mmc-social-video-media .mmc-social-video-icon{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border-radius:0;
  background:#171714;
}
.mmc-social-video-thumb{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:scale(1.015);
  transition:opacity .18s ease;
}
.mmc-social-video-thumb.is-loaded{opacity:1}
.mmc-social-video-play{
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border:1px solid rgba(255,255,255,.45);
  border-radius:999px;
  background:rgba(0,0,0,.58);
  color:#fff;
  font-size:9px;
  line-height:1;
  opacity:0;
  transform:translate(-50%,-50%);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  transition:opacity .18s ease;
}
.mmc-social-video-media.has-preview .mmc-social-video-play{opacity:1}
.mmc-social-video-card{
  min-height:84px;
  padding:10px 12px;
}
.mmc-social-video-card.is-composer{
  min-height:84px;
  padding-right:72px;
}
@media(max-width:640px){
  .mmc-social-video-media{
    flex-basis:82px;
    width:82px;
    height:60px;
    border-radius:11px;
  }
  .mmc-social-video-card{gap:11px;padding:10px 11px}
  .mmc-social-video-card.is-composer{padding-right:70px}
}


/* =========================================================
   W18.61 — LIKE MICRO-INTERACTION
   Social-app-level feedback without turning Club into a game.
   ========================================================= */
.launch-v5 .js-live-like,
.launch-v5 .js-live-like .action-ico{
  overflow:visible;
}
.launch-v5 .js-live-like .action-ico{
  position:relative;
  isolation:isolate;
  transform-origin:50% 52%;
}
.launch-v5 .js-live-like.is-like-burst .action-ico{
  animation:mmc-like-heart-pop .48s cubic-bezier(.2,.9,.25,1.35) both;
}
.launch-v5 .js-live-like.is-like-burst .action-ico::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;top:50%;
  width:10px;height:10px;
  margin:-5px 0 0 -5px;
  border:2px solid rgba(107,179,70,.68);
  border-radius:50%;
  pointer-events:none;
  animation:mmc-like-ring .46s ease-out both;
}
.launch-v5 .js-live-like.is-like-burst .action-ico::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:3px;height:3px;
  margin:-1.5px 0 0 -1.5px;
  border-radius:50%;
  background:#6BB346;
  box-shadow:
    0 -18px 0 rgba(107,179,70,.92),
    13px -13px 0 rgba(107,179,70,.72),
    18px 0 0 rgba(107,179,70,.92),
    13px 13px 0 rgba(107,179,70,.64),
    0 18px 0 rgba(107,179,70,.86),
    -13px 13px 0 rgba(107,179,70,.64),
    -18px 0 0 rgba(107,179,70,.92),
    -13px -13px 0 rgba(107,179,70,.72);
  pointer-events:none;
  animation:mmc-like-sparks .52s ease-out both;
}
.launch-v5 .js-live-like.is-like-burst b{
  animation:mmc-like-count-pop .34s ease-out both;
}
@keyframes mmc-like-heart-pop{
  0%{transform:scale(.82)}
  42%{transform:scale(1.34)}
  68%{transform:scale(.96)}
  100%{transform:scale(1)}
}
@keyframes mmc-like-ring{
  0%{opacity:.9;transform:scale(.35)}
  75%{opacity:.34;transform:scale(2.65)}
  100%{opacity:0;transform:scale(3.05)}
}
@keyframes mmc-like-sparks{
  0%{opacity:0;transform:scale(.2) rotate(-9deg)}
  18%{opacity:1}
  72%{opacity:.85;transform:scale(1) rotate(5deg)}
  100%{opacity:0;transform:scale(1.18) rotate(8deg)}
}
@keyframes mmc-like-count-pop{
  0%{transform:scale(.92);color:#6BB346}
  52%{transform:scale(1.13);color:#6BB346}
  100%{transform:scale(1)}
}
@media (prefers-reduced-motion:reduce){
  .launch-v5 .js-live-like.is-like-burst .action-ico,
  .launch-v5 .js-live-like.is-like-burst .action-ico::before,
  .launch-v5 .js-live-like.is-like-burst .action-ico::after,
  .launch-v5 .js-live-like.is-like-burst b{animation:none!important}
}


/* =========================================================
   W18.62 — COOLER LIKE BURST
   More premium / Gen Z: glow + twinkle + orbit sparks.
   ========================================================= */
.launch-v5 .js-live-like{
  position:relative;
  overflow:visible;
  transform:translateZ(0);
}
.launch-v5 .js-live-like .action-ico{
  position:relative;
  isolation:isolate;
  transform-origin:50% 54%;
  will-change:transform,filter;
}
.launch-v5 .js-live-like.is-like-burst .action-ico{
  animation:mmc-like-heart-pop-v2 .62s cubic-bezier(.18,.88,.24,1.28) both;
  filter:drop-shadow(0 0 0 rgba(107,179,70,0)) drop-shadow(0 0 16px rgba(107,179,70,.28));
}
/* soft glow bloom */
.launch-v5 .js-live-like.is-like-burst .action-ico::before{
  content:"";
  position:absolute;
  inset:-15px;
  border-radius:999px;
  pointer-events:none;
  background:
    radial-gradient(circle at center,
      rgba(255,255,255,.96) 0 12%,
      rgba(181,224,128,.95) 13% 23%,
      rgba(107,179,70,.38) 24% 43%,
      rgba(107,179,70,0) 64%);
  mix-blend-mode:normal;
  animation:mmc-like-glow-bloom .56s ease-out both;
}
/* burst particles */
.launch-v5 .js-live-like.is-like-burst .action-ico::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:4px;height:4px;
  margin:-2px 0 0 -2px;
  border-radius:50%;
  background:#ffffff;
  pointer-events:none;
  box-shadow:
    0 -20px 0 0 rgba(255,255,255,.95),
    15px -15px 0 0 rgba(193,236,142,.92),
    21px 0 0 0 rgba(107,179,70,.98),
    15px 15px 0 0 rgba(185,229,133,.92),
    0 20px 0 0 rgba(255,255,255,.95),
    -15px 15px 0 0 rgba(193,236,142,.92),
    -21px 0 0 0 rgba(107,179,70,.98),
    -15px -15px 0 0 rgba(185,229,133,.92),
    0 -12px 0 2px rgba(107,179,70,.28),
    10px -10px 0 1px rgba(107,179,70,.20),
    12px 0 0 2px rgba(107,179,70,.22),
    10px 10px 0 1px rgba(107,179,70,.20),
    0 12px 0 2px rgba(107,179,70,.28),
    -10px 10px 0 1px rgba(107,179,70,.20),
    -12px 0 0 2px rgba(107,179,70,.22),
    -10px -10px 0 1px rgba(107,179,70,.20);
  animation:mmc-like-spark-burst-v2 .68s cubic-bezier(.18,.74,.22,1) both;
}
/* four-point twinkle sitting on top */
.launch-v5 .js-live-like.is-like-burst::before,
.launch-v5 .js-live-like.is-like-burst::after{
  content:"";
  position:absolute;
  left:50%; top:50%;
  width:2px; height:20px;
  margin-left:-1px;
  margin-top:-22px;
  border-radius:999px;
  pointer-events:none;
  background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.92) 28%, rgba(181,224,128,.92) 62%, rgba(255,255,255,0));
  transform-origin:50% 22px;
  opacity:0;
}
.launch-v5 .js-live-like.is-like-burst::before{
  animation:mmc-like-twinkle-v2 .48s ease-out .08s both;
}
.launch-v5 .js-live-like.is-like-burst::after{
  transform:rotate(90deg);
  animation:mmc-like-twinkle-v2 .48s ease-out .11s both;
}
.launch-v5 .js-live-like.is-like-burst b{
  animation:mmc-like-count-pop-v2 .40s cubic-bezier(.2,.9,.25,1.25) both;
}
@keyframes mmc-like-heart-pop-v2{
  0%{transform:scale(.76) rotate(-8deg)}
  28%{transform:scale(1.24) rotate(6deg)}
  48%{transform:scale(1.10) rotate(-2deg)}
  72%{transform:scale(.97) rotate(1deg)}
  100%{transform:scale(1) rotate(0deg)}
}
@keyframes mmc-like-glow-bloom{
  0%{opacity:0; transform:scale(.24)}
  34%{opacity:1; transform:scale(1)}
  100%{opacity:0; transform:scale(1.75)}
}
@keyframes mmc-like-spark-burst-v2{
  0%{opacity:0; transform:scale(.16) rotate(-18deg)}
  20%{opacity:1}
  58%{opacity:1; transform:scale(1.02) rotate(10deg)}
  100%{opacity:0; transform:scale(1.34) rotate(18deg)}
}
@keyframes mmc-like-twinkle-v2{
  0%{opacity:0; transform:scaleY(.18)}
  35%{opacity:.95; transform:scaleY(1)}
  100%{opacity:0; transform:scaleY(1.28)}
}
@keyframes mmc-like-count-pop-v2{
  0%{transform:translateY(0) scale(.92); color:#6BB346}
  48%{transform:translateY(-1px) scale(1.12); color:#6BB346}
  100%{transform:translateY(0) scale(1); color:inherit}
}
@media (prefers-reduced-motion:reduce){
  .launch-v5 .js-live-like.is-like-burst .action-ico,
  .launch-v5 .js-live-like.is-like-burst .action-ico::before,
  .launch-v5 .js-live-like.is-like-burst .action-ico::after,
  .launch-v5 .js-live-like.is-like-burst::before,
  .launch-v5 .js-live-like.is-like-burst::after,
  .launch-v5 .js-live-like.is-like-burst b{
    animation:none!important;
  }
}


/* =========================================================
   W18.63 — SIMPLE X-STYLE LIKE BURST
   Clean, fast, social-app feedback. No glow, no star, no gamey effect.
   ========================================================= */
.launch-v5 .js-live-like,
.launch-v5 .js-live-like .action-ico{
  overflow:visible;
}

.launch-v5 .js-live-like.is-like-burst .action-ico{
  animation:mmc-like-simple-pop .42s cubic-bezier(.2,.85,.25,1.25) both !important;
  filter:none !important;
}

/* thin expanding ring */
.launch-v5 .js-live-like.is-like-burst .action-ico::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:14px;
  height:14px;
  margin:-7px 0 0 -7px;
  border:2px solid rgba(107,179,70,.72);
  border-radius:50%;
  background:none !important;
  inset:auto !important;
  mix-blend-mode:normal !important;
  pointer-events:none;
  animation:mmc-like-simple-ring .36s ease-out both !important;
}

/* eight tiny particles — simple and quick */
.launch-v5 .js-live-like.is-like-burst .action-ico::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:3px;
  height:3px;
  margin:-1.5px 0 0 -1.5px;
  border-radius:50%;
  background:#6BB346 !important;
  box-shadow:
    0 -16px 0 #6BB346,
    11px -11px 0 #6BB346,
    16px 0 0 #6BB346,
    11px 11px 0 #6BB346,
    0 16px 0 #6BB346,
    -11px 11px 0 #6BB346,
    -16px 0 0 #6BB346,
    -11px -11px 0 #6BB346 !important;
  pointer-events:none;
  animation:mmc-like-simple-particles .42s ease-out both !important;
}

/* remove the extra W18.62 twinkle layer */
.launch-v5 .js-live-like.is-like-burst::before,
.launch-v5 .js-live-like.is-like-burst::after{
  content:none !important;
  animation:none !important;
}

/* keep count still — only the heart should feel animated */
.launch-v5 .js-live-like.is-like-burst b{
  animation:none !important;
}

@keyframes mmc-like-simple-pop{
  0%{transform:scale(.78)}
  48%{transform:scale(1.24)}
  72%{transform:scale(.96)}
  100%{transform:scale(1)}
}
@keyframes mmc-like-simple-ring{
  0%{opacity:.75;transform:scale(.35)}
  75%{opacity:.25;transform:scale(1.7)}
  100%{opacity:0;transform:scale(2.05)}
}
@keyframes mmc-like-simple-particles{
  0%{opacity:0;transform:scale(.2)}
  24%{opacity:1}
  72%{opacity:.9;transform:scale(1)}
  100%{opacity:0;transform:scale(1.14)}
}

@media (prefers-reduced-motion:reduce){
  .launch-v5 .js-live-like.is-like-burst .action-ico,
  .launch-v5 .js-live-like.is-like-burst .action-ico::before,
  .launch-v5 .js-live-like.is-like-burst .action-ico::after{
    animation:none!important;
  }
}


/* =========================================================
   W18.64 — THE PULSE DESKTOP ALIGNMENT
   Lock every row to the same left edge and clean vertical rhythm.
   ========================================================= */
@media (min-width: 1101px){
  .launch-v5 .desktop-context .context-panel{
    overflow:hidden;
  }

  .launch-v5 .desktop-context .context-heading{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:15px 16px 10px;
  }

  .launch-v5 .desktop-context .context-heading>span{
    min-width:0;
    line-height:1.08;
  }

  .launch-v5 .desktop-context .context-heading small{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:20px;
    padding:0 7px;
    border-radius:999px;
    background:rgba(107,179,70,.10);
    line-height:1;
    white-space:nowrap;
  }

  .launch-v5 .desktop-context #context-trends{
    width:100%;
  }

  .launch-v5 .desktop-context .trend-row{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) 28px;
    align-items:center;
    gap:12px;
    padding:11px 16px;
    text-align:left;
  }

  .launch-v5 .desktop-context .trend-row>div{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
  }

  .launch-v5 .desktop-context .trend-row small,
  .launch-v5 .desktop-context .trend-row strong,
  .launch-v5 .desktop-context .trend-row span{
    display:block;
    width:100%;
    margin:0;
    text-align:left;
  }

  .launch-v5 .desktop-context .trend-row small{
    line-height:1.2;
  }

  .launch-v5 .desktop-context .trend-row strong{
    line-height:1.25;
  }

  .launch-v5 .desktop-context .trend-row span{
    line-height:1.3;
  }

  .launch-v5 .desktop-context .trend-row>b{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    align-self:center;
    border-radius:50%;
    background:rgba(107,179,70,.08);
    line-height:1;
  }

  .launch-v5 .desktop-context .context-more{
    display:block;
    width:100%;
    margin:0;
    padding:13px 16px 15px;
    border-top:1px solid var(--line);
    text-align:left;
    line-height:1.25;
  }
}


/* =========================================================
   W18.65 — SOCIAL VIDEO CARD FEED POLISH
   Bigger preview, tighter footprint. Regular photo posts unchanged.
   ========================================================= */

/* Feed cards only — do not inflate composer previews/sheets. */
.launch-v5 .real-community-post > .mmc-social-video-card:not(.is-composer){
  min-height:102px;
  margin:8px 0 8px;
  padding:10px 12px;
  gap:13px;
  border-radius:18px;
}

/* Make the social thumbnail feel like actual media instead of a tiny icon. */
.launch-v5 .real-community-post > .mmc-social-video-card:not(.is-composer) .mmc-social-video-media{
  flex:0 0 108px;
  width:108px;
  height:82px;
  border-radius:14px;
}

/* Slightly stronger hierarchy at the new card size. */
.launch-v5 .real-community-post > .mmc-social-video-card:not(.is-composer) .mmc-social-video-copy{
  gap:3px;
}
.launch-v5 .real-community-post > .mmc-social-video-card:not(.is-composer) .mmc-social-video-copy small{
  font-size:8px;
  line-height:1.15;
}
.launch-v5 .real-community-post > .mmc-social-video-card:not(.is-composer) .mmc-social-video-copy strong{
  font-size:13px;
  line-height:1.2;
}
.launch-v5 .real-community-post > .mmc-social-video-card:not(.is-composer) .mmc-social-video-copy span{
  font-size:9px;
  line-height:1.25;
}
.launch-v5 .real-community-post > .mmc-social-video-card:not(.is-composer) > b{
  font-size:17px;
}

/* Play badge scales with the larger preview but stays restrained. */
.launch-v5 .real-community-post > .mmc-social-video-card:not(.is-composer) .mmc-social-video-play{
  width:30px;
  height:30px;
  font-size:9px;
}

/* Mobile: nearly full-width visual card, still much shorter than a photo post. */
@media (max-width:640px){
  .launch-v5 .real-community-post > .mmc-social-video-card:not(.is-composer){
    min-height:104px;
    margin:7px 0 7px;
    padding:10px 11px;
    gap:11px;
    border-radius:17px;
  }
  .launch-v5 .real-community-post > .mmc-social-video-card:not(.is-composer) .mmc-social-video-media{
    flex-basis:104px;
    width:104px;
    height:82px;
    border-radius:13px;
  }
  .launch-v5 .real-community-post > .mmc-social-video-card:not(.is-composer) .mmc-social-video-copy strong{
    font-size:13px;
  }
  .launch-v5 .real-community-post > .mmc-social-video-card:not(.is-composer) .mmc-social-video-copy span{
    font-size:9px;
  }
}


/* =========================================================
   W18.66 — SOCIAL LINK COMPOSER CLARITY
   Keep the capability obvious without making Create a Post feel technical.
   ========================================================= */
.launch-v5 .social-video-composer{
  padding:14px;
}
.launch-v5 .social-video-heading{
  gap:10px;
}
.launch-v5 .social-video-heading>div>small{
  margin-top:4px;
  max-width:32rem;
  line-height:1.35;
}
.launch-v5 .social-video-help{
  line-height:1.35;
}
@media (max-width:640px){
  .launch-v5 .social-video-composer{
    padding:13px;
    margin-top:15px;
    margin-bottom:14px;
  }
  .launch-v5 .social-video-platforms{
    display:none;
  }
}


/* =========================================================
   W18.72 — MOBILE POUR CAFÉ SEARCH POLISH
   Keep the focused café picker below the sheet header while iOS keyboard is open.
   ========================================================= */
@media (max-width:820px){
  .launch-v5 .create-card{
    scroll-padding-top:78px;
  }
  .launch-v5 .create-card .sheet-header{
    position:sticky;
    top:0;
    z-index:80;
    background:rgba(255,255,255,.985);
    border-bottom:1px solid var(--line);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
  }
  .launch-v5 .cafe-autocomplete-field{
    position:relative;
    z-index:2;
    scroll-margin-top:78px;
  }
  body.cafe-search-active .launch-v5 .cafe-autocomplete-field{
    z-index:35;
    background:#fff;
  }
  body.cafe-search-active .launch-v5 .cafe-autocomplete-field>span{
    margin-bottom:7px;
  }
  .launch-v5 .cafe-autocomplete input[name="cafe"]{
    min-height:52px;
    font-size:16px;
  }
  .launch-v5 .cafe-autocomplete-results{
    max-height:min(31dvh,260px);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .launch-v5 .cafe-link-status{
    line-height:1.38;
  }
}

/* =========================================================
   W18.73 — POST MEDIA COMPOSER
   Photo + social video stay together as media options.
   Regular Posts no longer ask for a generic location.
   Recognized social links confirm immediately before posting.
   ========================================================= */
.launch-v5 .create-panel[data-create-panel="post"] .post-photo-upload{
  margin-bottom:0;
}
.launch-v5 .create-panel[data-create-panel="post"] .social-video-composer{
  margin-top:10px;
}
.launch-v5 .social-video-composer.is-added{
  border-color:#dce7d5;
  background:#fbfcf9;
}
.launch-v5 .social-video-composer.is-added .social-video-heading{
  margin-bottom:9px;
}
.launch-v5 .social-video-composer.is-added #social-video-label{
  color:#6BB346;
}
.launch-v5 .social-video-composer.is-added .social-video-platforms{
  display:none;
}
.launch-v5 .social-video-input-wrap[hidden]{
  display:none!important;
}
.launch-v5 .social-video-compose-preview{
  margin-top:8px;
}
.launch-v5 .social-video-compose-preview .mmc-social-video-card.is-composer{
  margin:0;
  padding-right:12px;
}
.launch-v5 .social-video-compose-actions{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:9px;
  padding:0 2px;
  color:#aaa69e;
  font-size:10px;
}
.launch-v5 .social-video-compose-actions button{
  min-height:32px;
  padding:0;
  border:0;
  background:transparent;
  color:#67635c;
  font:750 10px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
}
.launch-v5 .social-video-compose-actions button:hover{
  color:#171714;
}
.launch-v5 .social-video-compose-actions [data-social-remove]{
  color:#8a625c;
}
.launch-v5 .social-video-composer.has-error{
  border-color:#ead8d4;
}
.launch-v5 .social-video-composer.has-error #social-video-status{
  color:#a44a40;
}
@media(max-width:640px){
  .launch-v5 .create-panel[data-create-panel="post"] .social-video-composer{
    margin-top:9px;
  }
  .launch-v5 .social-video-compose-preview .mmc-social-video-card.is-composer{
    min-height:80px;
  }
  .launch-v5 .social-video-compose-actions{
    margin-top:7px;
  }
  .launch-v5 .social-video-compose-actions button{
    min-height:36px;
    font-size:11px;
  }
}

/* =========================================================
   W18.80 — POUR ACTION POLISH
   Consistent bookmark language + natural mobile sheet height.
   Scoped to Pour/Journal save actions and the Pour detail sheet.
   ========================================================= */
.launch-v5 .save-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
.launch-v5 .save-bookmark-icon{
  width:15px;
  height:15px;
  display:inline-grid;
  place-items:center;
  flex:0 0 15px;
}
.launch-v5 .save-bookmark-icon svg{
  width:15px!important;
  height:15px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.launch-v5 .save-action.is-on{
  color:var(--green-dark)!important;
}
.launch-v5 .save-action.is-on .save-bookmark-icon svg{
  fill:currentColor!important;
}

@media(max-width:820px){
  /* Let short Pour details end naturally instead of stretching into empty space. */
  .launch-v5 #pour-sheet .sheet-card--pour{
    height:auto!important;
    min-height:0!important;
    max-height:calc(96dvh - var(--safe-top))!important;
  }
  .launch-v5 #pour-sheet .sheet-body{
    min-height:0!important;
  }
  .launch-v5 #pour-sheet .pour-sheet-actions{
    position:static!important;
    inset:auto!important;
    margin-top:24px!important;
    padding-top:0!important;
  }
}


/* =========================================================
   W18.90 — BRAND GREEN CONSISTENCY
   One public MR MATCHA accent green across Club surfaces.
   Keeps neutral text/background colors unchanged.
   ========================================================= */
.launch-v5{
  --green:#6BB346;
  --green-dark:#6BB346;
  --forest:#6BB346;
}
.launch-v5 [data-view-panel="journal"] .journal-hero h1 em,
.launch-v5 [data-view-panel="journal"] .eyebrow,
.launch-v5 [data-view-panel="journal"] .story-card>div>span,
.launch-v5 [data-view-panel="journal"] .real-story-card>div>span,
.launch-v5 .context-editorial .context-kicker{
  color:#6BB346!important;
}


/* =========================================================
   W18.92 — JOURNAL EDITORIAL FOREST REVERT
   Restore the original dark editorial green to Journal only.
   Main Club interactions keep MR MATCHA green #6BB346.
   ========================================================= */
.launch-v5 [data-view-panel="journal"]{
  --forest:#4D7F32;
  --green-dark:#4D7F32;
}
.launch-v5 [data-view-panel="journal"] .journal-hero h1 em,
.launch-v5 [data-view-panel="journal"] .eyebrow,
.launch-v5 [data-view-panel="journal"] .story-card>div>span,
.launch-v5 [data-view-panel="journal"] .real-story-card>div>span,
.launch-v5 [data-view-panel="journal"] .context-editorial .context-kicker{
  color:#4D7F32!important;
}


/* =========================================================
   W18.93 — JOURNAL KICKER NEUTRAL
   Keep the editorial forest accent on “Our journal.” and
   story categories, but return THE COMMUNITY JOURNAL to
   the muted gray editorial kicker used in the original look.
   ========================================================= */
.launch-v5 [data-view-panel="journal"] .journal-hero .eyebrow{
  color:#8A8881!important;
}

/* =========================================================
   W18.116 — GEN Z CAFÉ SCROLL
   Café discovery now follows the same visual rhythm as Drinks:
   image-first, quick scan, easy Save, continuous scroll.
   No backend/data behavior changes.
   ========================================================= */
.launch-v5 .explore-cafe-list-v2{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px 12px!important;
  border:0!important;
  align-items:start;
}
.launch-v5 .explore-cafe-card-v3{
  position:relative;
  min-width:0;
  margin:0;
}
.launch-v5 .explore-cafe-open-v3{
  display:block;
  width:100%;
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
  font:inherit;
}
.launch-v5 .explore-cafe-open-v3:focus-visible,
.launch-v5 .explore-cafe-save-v3:focus-visible{
  outline:2px solid rgba(107,179,70,.42);
  outline-offset:3px;
}
.launch-v5 .explore-cafe-media-v3{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:1/1.08;
  overflow:hidden;
  border-radius:18px;
  background:#eef1e9;
}
.launch-v5 .explore-cafe-media-v3>img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .3s cubic-bezier(.2,.7,.2,1),filter .2s ease;
}
@media(hover:hover){
  .launch-v5 .explore-cafe-open-v3:hover .explore-cafe-media-v3>img{
    transform:scale(1.018);
    filter:brightness(.985);
  }
}
.launch-v5 .explore-cafe-fallback-v3{
  width:100%;
  height:100%;
  display:grid;
  place-content:center;
  gap:8px;
  text-align:center;
  background:
    radial-gradient(circle at 75% 18%,rgba(107,179,70,.15),transparent 30%),
    linear-gradient(145deg,#edf4e8 0%,#f5f2e9 58%,#eef0e8 100%);
}
.launch-v5 .explore-cafe-fallback-v3>b{
  display:block;
  color:#426d31;
  font-size:42px;
  line-height:1;
  letter-spacing:-.05em;
}
.launch-v5 .explore-cafe-fallback-v3>small{
  color:#7c8276;
  font-size:7px;
  font-weight:800;
  letter-spacing:.16em;
}
.launch-v5 .explore-cafe-location-v3{
  position:absolute;
  left:9px;
  top:9px;
  max-width:calc(100% - 60px);
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:999px;
  background:rgba(17,17,15,.72);
  color:#fff;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  backdrop-filter:blur(10px);
}
.launch-v5 .explore-cafe-verified-v3{
  position:absolute;
  right:9px;
  top:9px;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#6BB346;
  color:#fff;
  font-size:12px;
  font-weight:900;
  box-shadow:0 4px 12px rgba(32,55,25,.16);
}
.launch-v5 .explore-cafe-copy-v3{
  display:block;
  min-width:0;
  padding:9px 2px 0;
}
.launch-v5 .explore-cafe-copy-v3>strong{
  display:block;
  color:#11110f;
  font-size:14px;
  line-height:1.25;
  letter-spacing:-.025em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.launch-v5 .explore-cafe-popular-v3{
  display:block;
  min-height:14px;
  margin-top:4px;
  color:#66635e;
  font-size:10px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.launch-v5 .explore-cafe-popular-v3.is-muted{color:#8c8983}
.launch-v5 .explore-cafe-meta-v3{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:5px;
  color:#918f89;
  font-size:9px;
  line-height:1.25;
}
.launch-v5 .explore-cafe-meta-v3 i{
  color:#4f7d3c;
  font-size:11px;
  font-style:normal;
}
.launch-v5 .explore-cafe-save-v3{
  position:absolute;
  right:8px;
  bottom:50px;
  z-index:2;
  min-height:30px;
  display:flex;
  align-items:center;
  gap:4px;
  padding:6px 8px;
  border:1px solid rgba(229,227,220,.92);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#55534f;
  cursor:pointer;
  font:inherit;
  box-shadow:0 4px 14px rgba(20,20,16,.07);
  backdrop-filter:blur(10px);
}
.launch-v5 .explore-cafe-save-v3>span{
  font-size:13px;
  line-height:1;
}
.launch-v5 .explore-cafe-save-v3>b{
  font-size:8px;
  line-height:1;
  font-weight:800;
}
.launch-v5 .explore-cafe-save-v3.is-on{
  border-color:rgba(107,179,70,.24);
  background:#eef6e9;
  color:#426d31;
}

@media(max-width:520px){
  .launch-v5 .explore-cafe-list-v2{gap:18px 9px!important}
  .launch-v5 .explore-cafe-media-v3{border-radius:16px}
  .launch-v5 .explore-cafe-copy-v3{padding-top:8px}
  .launch-v5 .explore-cafe-copy-v3>strong{font-size:13px}
  .launch-v5 .explore-cafe-save-v3{
    right:7px;
    bottom:48px;
    min-height:28px;
    padding:5px 7px;
  }
  .launch-v5 .explore-cafe-save-v3>b{display:none}
}
@media(min-width:821px){
  .launch-v5 .explore-cafe-list-v2{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px 14px!important;
  }
}



/* =========================================================
   W18.120 — CAFÉ UX MICRO-POLISH
   Preserve the W18.116 Worth a stop layout. Improve tap feel,
   save-state clarity, scan density, and arrow affordance only.
   ========================================================= */
.launch-v5 .explore-cafe-list-v2{
  gap:18px 10px!important;
}
.launch-v5 .explore-cafe-card-v3{
  border-radius:18px;
}
.launch-v5 .explore-cafe-open-v3{
  border-radius:18px;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  transition:transform .12s ease;
}
.launch-v5 .explore-cafe-open-v3:active{
  transform:scale(.988);
}
.launch-v5 .explore-cafe-media-v3{
  aspect-ratio:1/1.05;
}
.launch-v5 .explore-cafe-copy-v3{
  padding-top:8px;
}
.launch-v5 .explore-cafe-copy-v3>strong{
  line-height:1.2;
}
.launch-v5 .explore-cafe-popular-v3{
  margin-top:3px;
}
.launch-v5 .explore-cafe-meta-v3{
  margin-top:4px;
  min-height:15px;
  font-weight:650;
}
.launch-v5 .explore-cafe-meta-v3 i{
  display:inline-grid;
  place-items:center;
  width:15px;
  height:15px;
  margin-left:1px;
  color:#4f7d3c;
  font-size:12px;
  line-height:1;
  transition:transform .14s ease;
}
@media(hover:hover){
  .launch-v5 .explore-cafe-open-v3:hover .explore-cafe-meta-v3 i{
    transform:translateX(2px);
  }
}
.launch-v5 .explore-cafe-save-v3{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  transition:transform .12s ease,background .14s ease,border-color .14s ease,color .14s ease;
}
.launch-v5 .explore-cafe-save-v3:active{
  transform:scale(.94);
}
.launch-v5 .explore-cafe-save-icon-v3{
  display:inline-grid;
  place-items:center;
  width:15px;
  min-width:15px;
  font-size:14px!important;
  line-height:1!important;
}
.launch-v5 .explore-cafe-save-v3.is-on{
  border-color:rgba(107,179,70,.30);
  background:#eef6e9;
  color:#4f7d3c;
}
.launch-v5 .explore-cafe-save-v3.is-on .explore-cafe-save-icon-v3{
  color:#6BB346;
}
@media(max-width:520px){
  .launch-v5 .explore-cafe-list-v2{
    gap:16px 9px!important;
  }
  .launch-v5 .explore-cafe-card-v3,
  .launch-v5 .explore-cafe-open-v3{
    border-radius:16px;
  }
  .launch-v5 .explore-cafe-media-v3{
    aspect-ratio:1/1.04;
  }
}
@media(min-width:821px){
  .launch-v5 .explore-cafe-list-v2{
    gap:22px 14px!important;
  }
}



/* =========================================================
   W18.122 — WORTH A STOP = 8 CURATED CAFÉS
   Full directory stays on Map; this tab remains a fast discovery shelf.
   ========================================================= */


/* =========================================================
   W18.127 — SAVED FINAL UI/UX POLISH
   Keep the existing Saved design. Improve rhythm, touch targets,
   real café imagery, metadata density, and safe remove feedback.
   ========================================================= */
.launch-v5 [data-view-panel="saved"] .saved-tabs{
  margin-bottom:8px;
}
.launch-v5 [data-view-panel="saved"] .saved-tabs>button{
  min-height:48px;
}
.launch-v5 [data-view-panel="saved"] .saved-item{
  position:relative;
  align-items:center;
  grid-template-columns:64px minmax(0,1fr) 44px;
  gap:11px;
  min-height:84px;
  padding:10px 0;
}
.launch-v5 [data-view-panel="saved"] .saved-item img,
.launch-v5 [data-view-panel="saved"] .saved-thumb{
  width:64px;
  height:64px;
  border-radius:13px;
}
.launch-v5 [data-view-panel="saved"] .saved-item img{
  object-fit:cover;
}
.launch-v5 [data-view-panel="saved"] .saved-thumb{
  display:grid;
  place-items:center;
}
.launch-v5 [data-view-panel="saved"] .saved-main{
  display:grid!important;
  align-content:center;
  gap:2px!important;
  min-width:0;
  min-height:64px;
  padding:4px 2px!important;
  border-radius:10px;
  -webkit-tap-highlight-color:transparent;
}
.launch-v5 [data-view-panel="saved"] .saved-main strong{
  font-size:14px;
  line-height:1.24;
  letter-spacing:-.018em;
}
.launch-v5 [data-view-panel="saved"] .saved-main span{
  font-size:11px!important;
  line-height:1.32;
}
.launch-v5 [data-view-panel="saved"] .saved-main small{
  font-size:10px!important;
  line-height:1.32;
}
.launch-v5 [data-view-panel="saved"] .saved-item>[data-remove-saved]{
  width:44px!important;
  height:44px!important;
  min-width:44px;
  min-height:44px;
  display:grid;
  place-items:center;
  justify-self:end;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#8b8881;
  font-size:18px!important;
  line-height:1;
  -webkit-tap-highlight-color:transparent;
}
.launch-v5 [data-view-panel="saved"] .saved-item>[data-remove-saved]:active{
  background:#f1f1ed;
  color:#44423e;
}
.launch-v5 [data-view-panel="saved"] .saved-item-text-only{
  grid-template-columns:minmax(0,1fr) 44px!important;
}
.launch-v5 [data-view-panel="saved"] .saved-cafe-photo{
  background:#eef2e9;
}
.launch-v5 [data-view-panel="saved"] .empty-state{
  padding-top:48px;
}
.launch-v5 .saved-undo-bar{
  position:fixed;
  left:50%;
  bottom:calc(92px + env(safe-area-inset-bottom));
  z-index:220;
  width:min(360px,calc(100vw - 30px));
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:50px;
  padding:10px 12px 10px 15px;
  border:1px solid #dfddd6;
  border-radius:15px;
  background:rgba(255,255,253,.97);
  box-shadow:0 14px 34px rgba(17,17,15,.14);
  color:#282724;
  font-size:11px;
  font-weight:700;
  backdrop-filter:blur(14px);
  animation:mmcSavedUndoIn .18s ease-out;
}
.launch-v5 .saved-undo-bar button{
  min-height:34px;
  padding:7px 11px;
  border:0;
  border-radius:999px;
  background:#eef5e9;
  color:#4f7d3c;
  font:inherit;
  font-weight:800;
}
@keyframes mmcSavedUndoIn{
  from{opacity:0;transform:translate(-50%,8px)}
  to{opacity:1;transform:translate(-50%,0)}
}
@media(hover:hover){
  .launch-v5 [data-view-panel="saved"] .saved-main:hover{
    background:#fafaf7;
  }
  .launch-v5 [data-view-panel="saved"] .saved-item>[data-remove-saved]:hover{
    background:#f4f4f0;
    color:#4b4944;
  }
}
@media(min-width:821px){
  .launch-v5 .saved-undo-bar{
    bottom:24px;
  }
}
@media(max-width:430px){
  .launch-v5 [data-view-panel="saved"] .saved-item{
    gap:10px;
  }
  .launch-v5 [data-view-panel="saved"] .saved-main strong{
    font-size:13px;
  }
}
@media(prefers-reduced-motion:reduce){
  .launch-v5 .saved-undo-bar{
    animation:none;
  }
}

/* =========================================================
   W18.128 — CAFÉ PROFILE IDENTITY POLISH
   Familiar profile hierarchy without copying a social app:
   hero + avatar + official identity + clean social links +
   community stats. Existing café content/actions stay intact.
   ========================================================= */
.launch-v5 .cafe-profile-v2 .cafe-profile-hero{
  position:relative;
  overflow:hidden;
  min-height:330px;
  border-radius:24px;
  isolation:isolate;
}
.launch-v5 .cafe-profile-v2 .cafe-profile-scrim{
  background:linear-gradient(180deg,rgba(10,10,9,.04) 42%,rgba(10,10,9,.46) 100%);
}
.launch-v5 .cafe-profile-hero-label{
  position:absolute;
  left:20px;
  bottom:18px;
  z-index:3;
  display:flex;
  align-items:center;
  gap:7px;
  max-width:calc(100% - 40px);
}
.launch-v5 .cafe-profile-hero-label>span{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  max-width:100%;
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:999px;
  background:rgba(17,17,15,.34);
  color:#fff;
  font-size:9px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.launch-v5 .cafe-profile-share{
  position:absolute;
  top:15px;
  right:15px;
  z-index:4;
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:999px;
  background:rgba(17,17,15,.32);
  color:#fff;
  font:inherit;
  font-size:10px;
  font-weight:750;
  cursor:pointer;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 8px 26px rgba(0,0,0,.12);
}
.launch-v5 .cafe-profile-share svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.launch-v5 .cafe-profile-share:active{transform:scale(.97)}
.launch-v5 .cafe-profile-intro{
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:17px;
  align-items:start;
  margin:-10px 10px 0;
  padding:0 10px 2px;
}
.launch-v5 .cafe-profile-avatar{
  width:92px;
  height:92px;
  margin-top:-34px;
  border:4px solid #f7f6f2;
  border-radius:50%;
  background:#11110f;
  color:#fff;
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow:0 8px 28px rgba(17,17,15,.13);
}
.launch-v5 .cafe-profile-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.launch-v5 .cafe-profile-avatar>span{
  font-size:36px;
  line-height:1;
  font-weight:850;
  letter-spacing:-.06em;
}
.launch-v5 .cafe-profile-copy{
  min-width:0;
  padding-top:14px;
}
.launch-v5 .cafe-profile-name-row{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.launch-v5 .cafe-profile-name-row h1{
  margin:0;
  min-width:0;
  color:#11110f;
  font-size:31px;
  line-height:.98;
  font-weight:850;
  letter-spacing:-.055em;
  overflow-wrap:anywhere;
}
.launch-v5 .cafe-official-badge{
  width:20px;
  height:20px;
  flex:0 0 20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#6BB346;
  color:#fff;
  font-size:12px;
  font-weight:900;
  line-height:1;
  box-shadow:0 0 0 2px #f7f6f2;
}
.launch-v5 .cafe-official-line{
  display:flex;
  align-items:center;
  margin-top:6px;
}
.launch-v5 .cafe-official-line>span{
  color:#6BB346;
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.launch-v5 .cafe-profile-v2 .cafe-profile-address{
  margin:8px 0 0;
  color:#77746e;
  font-size:11px;
  line-height:1.42;
  font-weight:540;
}
.launch-v5 .cafe-profile-socials{
  display:flex;
  flex-wrap:wrap;
  gap:7px 13px;
  margin-top:8px;
}
.launch-v5 .cafe-profile-socials a{
  color:#11110f;
  font-size:11px;
  line-height:1.2;
  font-weight:750;
  text-decoration:none;
}
.launch-v5 .cafe-profile-socials a:hover{text-decoration:underline}
.launch-v5 .cafe-profile-v2 .cafe-profile-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:11px;
}
.launch-v5 .cafe-profile-v2 .cafe-profile-tags>span{
  min-height:26px;
  padding:5px 9px;
  border:1px solid #e8e6df;
  border-radius:999px;
  background:#fff;
  color:#4d4b46;
  display:inline-flex;
  align-items:center;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.launch-v5 .cafe-profile-v2 .cafe-community-snapshot--profile{
  margin-top:18px;
  border:1px solid #e8e6df;
  border-radius:18px;
  background:#fff;
  box-shadow:none;
}
.launch-v5 .cafe-profile-v2 .cafe-community-snapshot--profile>div{
  padding:14px 10px;
}
.launch-v5 .cafe-profile-v2 .cafe-primary-actions{
  margin-top:10px;
}
.launch-v5 .cafe-profile-owner-row{
  min-height:36px;
  padding:9px 3px 0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  color:#8a8780;
  font-size:9.5px;
  font-weight:650;
}
.launch-v5 .cafe-profile-owner-row a{
  color:#77746e;
  text-decoration:none;
}
.launch-v5 .cafe-profile-owner-row a b{
  color:#11110f;
  font-weight:800;
}
.launch-v5 .cafe-profile-owner-row.is-verified{
  color:#7b7973;
}
.launch-v5 .cafe-profile-owner-row.is-verified span{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.launch-v5 .cafe-profile-owner-row.is-verified i{
  width:15px;
  height:15px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#6BB346;
  color:#fff;
  font-size:9px;
  font-style:normal;
  font-weight:900;
}

@media(max-width:820px){
  .launch-v5 .cafe-profile-v2 .cafe-profile-hero{
    min-height:238px!important;
    border-radius:19px!important;
  }
  .launch-v5 .cafe-profile-hero-label{
    left:14px;
    bottom:13px;
    max-width:calc(100% - 28px);
  }
  .launch-v5 .cafe-profile-hero-label>span{
    min-height:24px;
    padding:4px 8px;
    font-size:7px;
  }
  .launch-v5 .cafe-profile-share{
    top:11px;
    right:11px;
    min-height:34px;
    padding:0 10px;
    font-size:8px;
  }
  .launch-v5 .cafe-profile-share svg{width:13px;height:13px}
  .launch-v5 .cafe-profile-intro{
    grid-template-columns:74px minmax(0,1fr);
    gap:12px;
    margin:-6px 3px 0;
    padding:0 8px 1px;
  }
  .launch-v5 .cafe-profile-avatar{
    width:74px;
    height:74px;
    margin-top:-28px;
    border-width:3px;
  }
  .launch-v5 .cafe-profile-avatar>span{font-size:29px}
  .launch-v5 .cafe-profile-copy{padding-top:10px}
  .launch-v5 .cafe-profile-name-row{gap:5px}
  .launch-v5 .cafe-profile-name-row h1{
    font-size:25px!important;
    line-height:.98!important;
  }
  .launch-v5 .cafe-official-badge{
    width:18px;
    height:18px;
    flex-basis:18px;
    font-size:10px;
  }
  .launch-v5 .cafe-official-line{margin-top:5px}
  .launch-v5 .cafe-official-line>span{font-size:7.5px}
  .launch-v5 .cafe-profile-v2 .cafe-profile-address{
    margin-top:6px!important;
    font-size:9px!important;
    line-height:1.35!important;
  }
  .launch-v5 .cafe-profile-socials{
    gap:5px 10px;
    margin-top:6px;
  }
  .launch-v5 .cafe-profile-socials a{font-size:9px}
  .launch-v5 .cafe-profile-v2 .cafe-profile-tags{
    margin-top:8px!important;
    gap:4px!important;
  }
  .launch-v5 .cafe-profile-v2 .cafe-profile-tags>span{
    min-height:23px!important;
    padding:4px 7px!important;
    font-size:6.8px!important;
  }
  .launch-v5 .cafe-profile-v2 .cafe-community-snapshot--profile{
    margin-top:12px!important;
    border-radius:16px!important;
  }
  .launch-v5 .cafe-profile-v2 .cafe-community-snapshot--profile>div{
    padding:11px 7px!important;
  }
  .launch-v5 .cafe-profile-v2 .cafe-primary-actions{
    margin-top:8px!important;
  }
  .launch-v5 .cafe-profile-owner-row{
    min-height:30px;
    padding:7px 2px 0;
    font-size:8px;
  }
  .launch-v5 .cafe-profile-owner-row.is-verified i{
    width:13px;
    height:13px;
    font-size:7px;
  }
}

@media(max-width:430px){
  .launch-v5 .cafe-profile-v2 .cafe-profile-hero{min-height:220px!important}
  .launch-v5 .cafe-profile-name-row h1{font-size:23px!important}
  .launch-v5 .cafe-profile-intro{grid-template-columns:70px minmax(0,1fr)}
  .launch-v5 .cafe-profile-avatar{width:70px;height:70px}
}


/* =========================================================
   W18.129 — CAFÉ PROFILE FINAL READABILITY POLISH
   Keep the W18.128 identity direction; remove redundant
   verification/location clutter and make Basics mobile-safe.
   ========================================================= */
.launch-v5 .cafe-profile-v2 .cafe-profile-hero-label{display:none!important}
.launch-v5 .cafe-profile-v2 .cafe-profile-place{
  margin:7px 0 0;
  color:#77746e;
  font-size:11px;
  line-height:1.35;
  font-weight:600;
  overflow-wrap:anywhere;
}
.launch-v5 .cafe-profile-v2 .cafe-profile-socials + .cafe-profile-place{margin-top:6px}
.launch-v5 .cafe-profile-v2 .cafe-profile-place + .cafe-profile-tags{margin-top:9px!important}
.launch-v5 .cafe-profile-v2 .cafe-profile-owner-row{
  min-height:30px;
  padding-top:7px;
}
.launch-v5 .cafe-info-v15 .cafe-info-list>div{
  display:grid;
  grid-template-columns:minmax(92px,.34fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.launch-v5 .cafe-info-v15 .cafe-info-list>div>span{
  min-width:0;
}
.launch-v5 .cafe-info-v15 .cafe-info-list>div>strong{
  min-width:0;
  max-width:100%;
  text-align:right;
  overflow-wrap:anywhere;
  word-break:normal;
}
.launch-v5 .cafe-info-v15 .cafe-info-note{
  color:#8a8780;
  line-height:1.5;
}

@media(max-width:820px){
  .launch-v5 .cafe-profile-v2 .cafe-profile-place{
    margin-top:5px;
    font-size:9px;
    line-height:1.35;
  }
  .launch-v5 .cafe-profile-v2 .cafe-profile-socials + .cafe-profile-place{margin-top:5px}
  .launch-v5 .cafe-profile-v2 .cafe-profile-place + .cafe-profile-tags{margin-top:7px!important}
  .launch-v5 .cafe-info-v15 .cafe-info-list>div{
    grid-template-columns:1fr!important;
    gap:5px!important;
    padding:11px 0!important;
  }
  .launch-v5 .cafe-info-v15 .cafe-info-list>div>strong{
    text-align:left!important;
    font-size:11px!important;
    line-height:1.45!important;
  }
  .launch-v5 .cafe-info-v15 .cafe-info-note{
    font-size:8.5px!important;
    line-height:1.5!important;
  }
}

/* W18.132 · Today's Drop consumer reader — forced asset refresh */
.offer-reader-layer{
  position:fixed;inset:0;z-index:12000;display:grid;place-items:end center;
  opacity:0;pointer-events:none;transition:opacity .18s ease;
}
.offer-reader-layer.is-open{opacity:1;pointer-events:auto}
.offer-reader-backdrop{
  position:absolute;inset:0;border:0;background:rgba(17,17,17,.44);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;
}
.offer-reader-panel{
  position:relative;z-index:1;width:min(760px,100%);height:min(94dvh,920px);
  overflow:hidden;background:#fbfaf7;border-radius:26px 26px 0 0;
  box-shadow:0 -22px 70px rgba(17,17,17,.20);transform:translateY(18px);
  transition:transform .22s cubic-bezier(.2,.75,.2,1);
}
.offer-reader-layer.is-open .offer-reader-panel{transform:translateY(0)}
.offer-reader-panel:focus{outline:none}
.offer-reader-chrome{position:absolute;z-index:3;left:0;right:0;top:0;height:44px;pointer-events:none;background:linear-gradient(#fbfaf7 35%,rgba(251,250,247,.92) 70%,rgba(251,250,247,0))}
.offer-reader-handle{position:absolute;top:8px;left:50%;width:38px;height:4px;margin-left:-19px;border-radius:999px;background:#d8d6d0}
.offer-reader-close{
  position:absolute;z-index:5;top:10px;right:max(12px,env(safe-area-inset-right));display:grid;place-items:center;
  width:38px;height:38px;padding:0;border:0;border-radius:0;background:transparent;
  color:#11110f;font:700 27px/1 Arial,sans-serif;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.offer-reader-close:active{transform:scale(.94)}
.offer-reader-close:focus-visible{outline:2px solid rgba(17,17,15,.28);outline-offset:2px;border-radius:8px}
@media(max-width:820px){
  .offer-reader-close{
    top:7px;
    right:max(9px,env(safe-area-inset-right));
    width:44px;
    height:44px;
  }
}
@media(hover:none) and (pointer:coarse){
  .offer-reader-close:focus,
  .offer-reader-close:focus-visible{outline:none;box-shadow:none}
}
.offer-reader-frame{display:block;width:100%;height:100%;border:0;background:#fbfaf7;opacity:0;transition:opacity .15s ease}
.offer-reader-layer.is-loaded .offer-reader-frame{opacity:1}
.offer-reader-loading{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#7f7d78;font-size:13px;font-weight:700;letter-spacing:.02em;background:#fbfaf7}
.offer-reader-layer.is-loaded .offer-reader-loading{display:none}
@media(min-width:821px){
  .offer-reader-layer{place-items:center}
  .offer-reader-panel{width:min(760px,calc(100% - 48px));height:min(88dvh,900px);border-radius:28px}
}
@media(prefers-reduced-motion:reduce){.offer-reader-layer,.offer-reader-panel,.offer-reader-frame{transition:none}}


/* W18.144 · Explore drink cards — intentional no-photo state */
.launch-v5 .explore-drink-card-v2.is-no-photo .explore-drink-media-v2{
  background:#f1f3ee;
  border-color:rgba(17,17,17,.06);
}
.launch-v5 .explore-drink-fallback-v2{
  position:relative;
  display:grid!important;
  grid-template-rows:auto 1fr auto;
  align-items:center;
  width:100%;
  height:100%;
  box-sizing:border-box;
  overflow:hidden;
  padding:16px;
  color:#151515;
  background:
    radial-gradient(circle at 77% 18%,rgba(107,179,70,.16),transparent 30%),
    linear-gradient(145deg,#f6f6f2 0%,#edf3e9 100%)!important;
  text-align:left;
}
.launch-v5 .explore-drink-fallback-v2::after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:-54px;
  bottom:-48px;
  border:1px solid rgba(107,179,70,.18);
  border-radius:50%;
}
.launch-v5 .explore-drink-fallback-label-v2{
  position:relative;
  z-index:1;
  align-self:start;
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:.16em;
  color:#777b73;
}
.launch-v5 .explore-drink-fallback-mark-v2{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  justify-self:center;
  width:70px;
  height:70px;
  border:1px solid rgba(107,179,70,.22);
  border-radius:50%;
  background:rgba(255,255,255,.62);
  box-shadow:0 12px 32px rgba(53,75,43,.07);
}
.launch-v5 .explore-drink-fallback-mark-v2 b{
  font-family:Georgia,'Times New Roman',serif;
  font-size:34px;
  line-height:1;
  font-weight:500;
  color:#5fa83f;
}
.launch-v5 .explore-drink-fallback-brand-v2{
  position:relative;
  z-index:1;
  align-self:end;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.11em;
  color:#777b73;
}
.launch-v5 .explore-drink-fallback-brand-v2 i{
  margin-left:2px;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:500;
  font-style:italic;
  color:#6bb346;
}
@media(max-width:560px){
  .launch-v5 .explore-drink-fallback-v2{padding:12px}
  .launch-v5 .explore-drink-fallback-mark-v2{width:54px;height:54px}
  .launch-v5 .explore-drink-fallback-mark-v2 b{font-size:27px}
  .launch-v5 .explore-drink-fallback-label-v2{font-size:8.5px}
  .launch-v5 .explore-drink-fallback-brand-v2{font-size:6.8px;letter-spacing:.08em}
}

/* =========================================================
   W18.152 — EXPLORE DRINK COVER + CARD UX REFINEMENT
   Intent: make no-photo drink cards feel designed, not missing.
   Keeps real photos first and preserves existing ranking/data logic.
   ========================================================= */
.launch-v5 .explore-drink-media-v2{
  aspect-ratio:1/1!important;
}

.launch-v5 .explore-drink-card-v2{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.launch-v5 .explore-drink-card-v2:focus-visible{
  outline:3px solid rgba(107,179,70,.30);
  outline-offset:5px;
  border-radius:20px;
}
@media (hover:hover){
  .launch-v5 .explore-drink-card-v2:hover .explore-drink-media-v2{
    box-shadow:0 10px 28px rgba(31,48,25,.07);
  }
}
.launch-v5 .explore-drink-card-v2:active .explore-drink-media-v2{
  transform:scale(.992);
}
.launch-v5 .explore-drink-media-v2{
  transition:box-shadow .2s ease,transform .16s ease;
}

/* Keep ranking useful without letting it dominate the artwork. */
.launch-v5 .explore-rank-v2{
  right:10px!important;
  top:10px!important;
  min-width:29px!important;
  height:29px!important;
  padding:0 7px!important;
  font-size:8.5px!important;
  background:rgba(24,25,22,.80)!important;
  box-shadow:0 4px 14px rgba(17,17,15,.08);
}

/* Intentional editorial fallback — no avatar-style circle. */
.launch-v5 .explore-drink-card-v2.is-no-photo .explore-drink-media-v2{
  border:1px solid rgba(31,48,25,.055)!important;
  background:#f1f4ed!important;
}
.launch-v5 .explore-drink-fallback-v2{
  position:relative;
  display:grid!important;
  grid-template-rows:auto 1fr auto;
  align-items:stretch;
  justify-items:stretch;
  width:100%;
  height:100%;
  box-sizing:border-box;
  overflow:hidden;
  padding:14px 14px 13px!important;
  color:#151515;
  background:
    radial-gradient(circle at 84% 14%,rgba(107,179,70,.15),transparent 30%),
    radial-gradient(circle at 16% 88%,rgba(255,255,255,.72),transparent 35%),
    linear-gradient(145deg,#f6f6f2 0%,#edf3e9 100%)!important;
  text-align:left!important;
}
.launch-v5 .explore-drink-fallback-v2::before{
  content:"";
  position:absolute;
  width:138px;
  height:138px;
  left:-82px;
  top:42%;
  border-radius:50%;
  background:rgba(255,255,255,.27);
  filter:blur(1px);
}
.launch-v5 .explore-drink-fallback-v2::after{
  content:"";
  position:absolute;
  width:126px;
  height:126px;
  right:-68px;
  bottom:-62px;
  border:1px solid rgba(107,179,70,.20);
  border-radius:50%;
}
.launch-v5 .explore-drink-fallback-label-v2{
  position:relative;
  z-index:2;
  align-self:start;
  justify-self:start!important;
  padding-right:42px;
  font-size:8.5px!important;
  line-height:1;
  font-weight:850;
  letter-spacing:.18em!important;
  color:#747971!important;
  text-align:left!important;
}
.launch-v5 .explore-drink-fallback-mark-v2{
  position:relative;
  z-index:1;
  align-self:center;
  justify-self:start!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:-2px 0 0 7px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.launch-v5 .explore-drink-fallback-mark-v2 b{
  display:block;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(62px,16vw,92px)!important;
  line-height:.82!important;
  font-weight:400!important;
  letter-spacing:-.07em;
  color:rgba(76,137,52,.88)!important;
  text-shadow:0 8px 28px rgba(65,111,48,.06);
}
.launch-v5 .explore-drink-fallback-brand-v2{
  position:relative;
  z-index:2;
  align-self:end;
  justify-self:start!important;
  font-size:6.6px!important;
  line-height:1;
  font-weight:800;
  letter-spacing:.12em!important;
  color:#858980!important;
  white-space:nowrap;
}
.launch-v5 .explore-drink-fallback-brand-v2 i{
  margin-left:2px;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:500;
  font-style:italic;
  color:#6bb346;
}

/* Better scanability: drink first, café second, social proof third. */
.launch-v5 .explore-drink-copy-v2{
  padding:10px 2px 0!important;
}
.launch-v5 .explore-drink-copy-v2>strong{
  display:-webkit-box!important;
  min-height:2.45em;
  white-space:normal!important;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:14px!important;
  line-height:1.22!important;
}
.launch-v5 .explore-drink-copy-v2 .find-drink-cafe{
  display:block;
  margin-top:3px!important;
  color:#77746e!important;
  font-size:10.5px!important;
  line-height:1.3!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.launch-v5 .explore-drink-stat-v2{
  margin-top:6px!important;
  font-size:10px!important;
  line-height:1.2!important;
}

@media(max-width:560px){
  .launch-v5 .explore-drink-grid-v2{gap:22px 12px!important}
  .launch-v5 .explore-drink-fallback-v2{padding:13px 12px 12px!important}
  .launch-v5 .explore-drink-fallback-mark-v2{margin-left:5px}
  .launch-v5 .explore-drink-fallback-mark-v2 b{font-size:clamp(58px,18vw,76px)!important}
  .launch-v5 .explore-drink-fallback-label-v2{font-size:8px!important}
  .launch-v5 .explore-drink-fallback-brand-v2{font-size:6.2px!important}
}

@media(prefers-reduced-motion:reduce){
  .launch-v5 .explore-drink-card-v2:active .explore-drink-media-v2{transform:none}
  .launch-v5 .explore-drink-media-v2{transition:none}
}


/* =========================================================
   W18.153 — ORIGINAL MR MATCHA CLUB WORDMARK ON FALLBACK COVERS
   Shared brand signature for Drink + Café no-photo artwork.
   Real photos remain first priority.
   ========================================================= */
.launch-v5 .explore-drink-fallback-brand-v2,
.launch-v5 .explore-cafe-fallback-brand-v3,
.launch-v5 .cafe-profile-fallback-brand-v3{
  display:inline-flex!important;
  align-items:baseline;
  justify-content:center;
  gap:2px;
  white-space:nowrap;
  text-transform:none!important;
  font-style:normal;
}
.launch-v5 .explore-drink-fallback-brand-v2>span,
.launch-v5 .explore-cafe-fallback-brand-v3>span,
.launch-v5 .cafe-profile-fallback-brand-v3>span{
  color:#191916!important;
  font-family:inherit;
  font-weight:900!important;
  font-style:normal;
  letter-spacing:-.025em!important;
}
.launch-v5 .explore-drink-fallback-brand-v2>i,
.launch-v5 .explore-cafe-fallback-brand-v3>i,
.launch-v5 .cafe-profile-fallback-brand-v3>i{
  color:#6bb346!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:500!important;
  font-style:italic!important;
  letter-spacing:-.03em!important;
}

/* Drink signature: quiet but unmistakably the real wordmark. */
.launch-v5 .explore-drink-fallback-brand-v2{
  gap:1.8px!important;
  font-size:6.7px!important;
  letter-spacing:0!important;
  color:inherit!important;
}
.launch-v5 .explore-drink-fallback-brand-v2>i{font-size:1.08em!important}

/* Café cards: keep the location-first identity, then sign the artwork. */
.launch-v5 .explore-cafe-fallback-brand-v3{
  margin-top:1px;
  color:inherit!important;
  font-size:7.1px!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.launch-v5 .explore-cafe-fallback-brand-v3>i{font-size:1.10em!important}

/* Café profile hero fallback uses the same identity system. */
.launch-v5 .cafe-profile-fallback-brand-v3{
  position:relative;
  z-index:1;
  color:inherit!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.launch-v5 .cafe-profile-fallback-brand-v3>i{font-size:1.10em!important}

@media(max-width:560px){
  .launch-v5 .explore-drink-fallback-brand-v2{font-size:6.4px!important}
  .launch-v5 .explore-cafe-fallback-brand-v3{font-size:6.8px!important}
  .launch-v5 .cafe-profile-fallback-brand-v3{font-size:8px!important}
}


/* =========================================================
   W18.224 — RETIRED STALE RECENT / TRENDING RESTORE
   The current index.php intentionally keeps the internal feed
   state controls hidden. Removing the old forced display rule
   prevents the retired Recent / Trending row from reappearing.
   ========================================================= */

/* =========================================================
   W18.164 — DRINK NO-PHOTO COVER = CAFÉ COVER FAMILY
   Use the cleaner café placeholder language for drink cards:
   category pill, centered initial, MR MATCHA CLUB signature.
   Real drink photos remain untouched and always take priority.
   ========================================================= */
.launch-v5 .explore-drink-card-v2.is-no-photo .explore-drink-media-v2{
  border:1px solid rgba(31,48,25,.055)!important;
  background:#eef1e9!important;
}
.launch-v5 .explore-drink-fallback-v2{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding:0!important;
  text-align:center!important;
  color:#151515!important;
  background:
    radial-gradient(circle at 75% 18%,rgba(107,179,70,.15),transparent 30%),
    linear-gradient(145deg,#edf4e8 0%,#f5f2e9 58%,#eef0e8 100%)!important;
}
.launch-v5 .explore-drink-fallback-v2::before,
.launch-v5 .explore-drink-fallback-v2::after{
  content:none!important;
  display:none!important;
}
/* Match the café card's dark location pill, using drink category instead. */
.launch-v5 .explore-drink-fallback-label-v2{
  position:absolute!important;
  left:10px!important;
  top:10px!important;
  z-index:3!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:27px!important;
  max-width:calc(100% - 56px)!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.48)!important;
  border-radius:999px!important;
  background:rgba(42,43,40,.82)!important;
  box-shadow:0 3px 12px rgba(17,17,15,.08)!important;
  color:#fff!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
/* W18.225 — match the café fallback composition exactly:
   centered initial with the MR MATCHA CLUB signature directly underneath. */
.launch-v5 .explore-drink-fallback-v2{
  display:grid!important;
  place-content:center!important;
  justify-items:center!important;
  align-content:center!important;
  gap:8px!important;
}
.launch-v5 .explore-drink-fallback-mark-v2{
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.launch-v5 .explore-drink-fallback-mark-v2 b{
  display:block!important;
  margin:0!important;
  font-family:inherit!important;
  font-size:42px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.05em!important;
  color:#426d31!important;
  text-shadow:none!important;
}
/* Same café-style signature directly below the initial. */
.launch-v5 .explore-drink-fallback-brand-v2{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  z-index:2!important;
  transform:none!important;
  display:inline-flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:2px!important;
  margin:0!important;
  color:inherit!important;
  font-size:7.1px!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
.launch-v5 .explore-drink-fallback-brand-v2>span{
  color:#191916!important;
  font-family:inherit!important;
  font-weight:900!important;
  font-style:normal!important;
  letter-spacing:-.025em!important;
}
.launch-v5 .explore-drink-fallback-brand-v2>i{
  color:#6bb346!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:1.10em!important;
  font-weight:500!important;
  font-style:italic!important;
  letter-spacing:-.03em!important;
}
@media(max-width:560px){
  .launch-v5 .explore-drink-fallback-label-v2{
    left:9px!important;
    top:9px!important;
    min-height:25px!important;
    padding:0 9px!important;
    font-size:7.5px!important;
  }
  .launch-v5 .explore-drink-fallback-mark-v2 b{font-size:42px!important}
  .launch-v5 .explore-drink-fallback-brand-v2{font-size:6.8px!important}
}

/* =========================================================
   W18.74 — SHARE A POUR OPTIONAL CAFÉ + MOBILE SEARCH FIX
   Keep posting fast: café is optional, search stays usable above
   the iOS keyboard, and visit code appears only for a linked café.
   ========================================================= */
.launch-v5 .cafe-optional-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 12px;
  margin-top:8px;
}
.launch-v5 .cafe-no-shop,
.launch-v5 .cafe-optional-actions .cafe-request-link{
  appearance:none;
  -webkit-appearance:none;
  min-height:36px;
  padding:0;
  border:0;
  background:transparent;
  font:700 10px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
}
.launch-v5 .cafe-no-shop{color:#6d6a64}
.launch-v5 .cafe-no-shop.is-active{color:#4f8d36}
.launch-v5 .cafe-no-shop.is-active::before{content:"✓ ";font-weight:900}
.launch-v5 .cafe-optional-actions .cafe-request-link{color:#77746e}
.launch-v5 .cafe-link-status.is-no-cafe{color:#6e8c61}
.launch-v5 .visit-code-field[hidden]{display:none!important}

@media(max-width:820px){
  body.cafe-search-active .launch-v5 .create-card{
    scroll-padding-top:78px;
    scroll-padding-bottom:18px;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  body.cafe-search-active .launch-v5 .cafe-autocomplete-field{
    position:relative!important;
    z-index:95!important;
    isolation:isolate;
    padding-bottom:2px;
  }
  body.cafe-search-active .launch-v5 .cafe-autocomplete-results:not([hidden]){
    position:relative!important;
    inset:auto!important;
    z-index:120!important;
    width:100%!important;
    margin-top:7px!important;
    max-height:min(250px,calc(var(--mm-cafe-vvh,520px) * .40))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.cafe-search-active .launch-v5 .cafe-autocomplete-option{
    min-height:54px;
    touch-action:manipulation;
  }
  .launch-v5 .cafe-optional-actions{
    gap:6px 12px;
    margin-top:6px;
  }
  .launch-v5 .cafe-no-shop,
  .launch-v5 .cafe-optional-actions .cafe-request-link{
    min-height:38px;
    font-size:10px;
  }
}

/* =========================================================
   W18.168 — VERIFIED CAFÉ BADGE ON EXPLORE CARDS
   Styling only: preserves existing verification logic/markup.
   ========================================================= */
.launch-v5 .explore-cafe-name-row-v3{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
}
.launch-v5 .explore-cafe-name-row-v3>strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.launch-v5 .explore-cafe-name-verified-v3{
  display:inline-grid;
  place-items:center;
  flex:0 0 16px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#6BB346;
  color:#fff;
  font-size:10px;
  line-height:1;
  font-weight:900;
  vertical-align:middle;
}
@media(max-width:520px){
  .launch-v5 .explore-cafe-name-verified-v3{
    flex-basis:15px;
    width:15px;
    height:15px;
    font-size:9px;
  }
}

/* =========================================================
   W18.226 — CAFÉ SAVE HEART LOCK TO COVER EDGE
   Keep every café Save heart on the same lower-right edge of
   the cover, independent of café-name/copy height.
   Saved behavior and card content remain unchanged.
   ========================================================= */
.launch-v5 .explore-cafe-card-v3{
  container-type:inline-size;
}
.launch-v5 .explore-cafe-save-v3{
  right:8px!important;
  top:calc((100cqw / 1.05) - 15px)!important;
  bottom:auto!important;
}
@media(max-width:520px){
  .launch-v5 .explore-cafe-save-v3{
    right:7px!important;
    top:calc((100cqw / 1.04) - 14px)!important;
    bottom:auto!important;
  }
}

/* =========================================================
   W18.227 — POUR ACTION AREA FLATTEN
   Remove the leftover sticky-footer surface so the final Pour
   actions feel like one continuous sheet instead of a white box.
   Button layout/behavior stays unchanged.
   ========================================================= */
@media(max-width:820px){
  .launch-v5 #pour-sheet .pour-sheet-actions{
    background:transparent!important;
    border-top:0!important;
    box-shadow:none!important;
  }
}


/* =========================================================
   W18.242 — DESKTOP FLOATING CREATE GUARD
   The floating + is a mobile-only control. Because the FAB sits
   outside the mobile bottom nav in the DOM, keep it out of normal
   desktop document flow so it cannot render as a stray green block.
   ========================================================= */
@media (min-width:821px){
  .launch-v5 .fab.js-open-create{
    display:none!important;
  }
}

/* =========================================================
   W18.242 — CAFÉ OWNER NEW ITEM MEDIA + COPY LOCK
   One 4:5 portrait frame across mobile/desktop, with the same
   New Item description visible on every breakpoint.
   ========================================================= */
.launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-media{
  width:min(calc(100% - 32px),500px);
  aspect-ratio:4/5;
  margin:12px auto 0;
  overflow:hidden;
  border-radius:20px;
  background:#f2f2ee;
}
.launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-media>.mmc-cafe-new-item-photo{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border-radius:0!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
}
.launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-info{
  width:min(calc(100% - 32px),500px);
  margin:9px auto 0;
  padding:13px 2px 5px;
  border:0;
  background:transparent;
  color:#11110f;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:18px;
  row-gap:8px;
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-info:focus-visible{
  outline:2px solid rgba(107,179,70,.34);
  outline-offset:5px;
  border-radius:10px;
}
.launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-kicker{
  grid-column:1/-1;
  display:flex!important;
  align-items:center;
  gap:8px;
  min-width:0;
}
.launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-kicker>span:first-child{
  color:#67a84d;
  font-size:9px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.14em;
}
.launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-copy{
  min-width:0;
  display:block!important;
}
.launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-copy>strong{
  display:block!important;
  margin:0;
  color:#11110f;
  font-size:16px;
  line-height:1.25;
  font-weight:760;
  letter-spacing:-.018em;
}
.launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-copy>p{
  display:block!important;
  visibility:visible!important;
  max-height:none!important;
  margin:4px 0 0!important;
  overflow:visible!important;
  color:#55524d;
  font-size:13px;
  line-height:1.42;
  font-weight:400;
  white-space:normal;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
.launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-copy>p.is-muted{color:#85817a}
.launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-copy>span{
  display:block!important;
  margin-top:5px;
  color:#8a8780;
  font-size:10px;
  line-height:1.3;
}
.launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-link{
  align-self:end;
  justify-self:end;
  color:#11110f;
  font-size:11px;
  line-height:1.2;
  font-weight:700;
  white-space:nowrap;
}
.launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-link b{color:#6BB346}

@media(max-width:820px){
  /* W18.245 — balanced New Item mobile card: strong visual, but not a full-screen wall. */
  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-media{
    width:min(calc(100% - 40px),330px);
    margin-top:10px;
    border-radius:18px;
    background:#F5F5F5;
  }
  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-media>.mmc-cafe-new-item-photo{
    object-fit:contain!important;
    background:#F5F5F5!important;
  }
  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-info{
    width:min(calc(100% - 40px),330px);
    margin-top:8px;
    padding:11px 0 7px;
    grid-template-columns:minmax(0,1fr);
    column-gap:0;
    row-gap:7px;
  }
  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-copy>strong{font-size:15px}
  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-copy>p{font-size:12.5px!important;line-height:1.4!important}
  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-link{
    justify-self:start;
    align-self:auto;
    margin-top:1px;
    font-size:10.5px;
  }
}

/* =========================================================
   W18.247 — SOCIAL FEED IMAGE PREVIEW + JOURNAL-STYLE VIEWER
   Posts, Pours, Today's Drop and New Item use restrained feed
   previews. Tap/keyboard opens the full original inside the same
   rounded-sheet interaction language used by the Journal reader.
   ========================================================= */
.launch-v5 .real-community-post > .user-post-photo[data-feed-image-viewer]{
  display:block!important;
  width:min(calc(100% - 32px),520px)!important;
  height:auto!important;
  max-width:520px!important;
  max-height:none!important;
  margin:12px auto 0!important;
  border-radius:18px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#F5F5F5!important;
  cursor:zoom-in;
}
.launch-v5 .real-community-post .user-post-photo[data-feed-image-viewer]{
  cursor:zoom-in;
  -webkit-tap-highlight-color:transparent;
}
.launch-v5 .real-community-post .user-post-photo[data-feed-image-viewer]:focus-visible{
  outline:2px solid rgba(17,17,15,.34);
  outline-offset:3px;
}
@media(max-width:820px){
  .launch-v5 .real-community-post > .user-post-photo[data-feed-image-viewer]{
    width:min(calc(100% - 40px),340px)!important;
    max-width:340px!important;
    margin-top:10px!important;
    border-radius:17px!important;
  }
}

/* Journal-style reader shell for feed photos. */
.feed-image-viewer{
  z-index:13000;
}
.feed-image-viewer .feed-image-viewer-backdrop{
  background:rgba(17,17,15,.35);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  cursor:zoom-out;
}
.feed-image-viewer .feed-image-viewer-card{
  width:min(720px,calc(100% - 28px));
  height:min(88dvh,900px);
  max-height:min(88dvh,900px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:#fff;
}
.feed-image-viewer .feed-image-viewer-handle{
  flex:0 0 auto;
}
.feed-image-viewer .feed-image-viewer-close{
  color:#11110f;
  background:rgba(255,255,255,.94);
  -webkit-tap-highlight-color:transparent;
}
.feed-image-viewer .feed-image-viewer-body{
  min-width:0;
  min-height:0;
  flex:1 1 auto;
  display:grid;
  place-items:center;
  padding:54px 18px 20px;
  box-sizing:border-box;
  overflow:hidden;
  background:#fff;
}
.feed-image-viewer .feed-image-viewer-image{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
  opacity:0;
  transform:scale(.992);
  transition:opacity .16s ease,transform .2s cubic-bezier(.2,.75,.2,1);
  touch-action:pinch-zoom;
  -webkit-user-select:none;
  user-select:none;
}
.feed-image-viewer.is-loaded .feed-image-viewer-image{
  opacity:1;
  transform:scale(1);
}
.feed-image-viewer .feed-image-viewer-close:active{transform:scale(.94)}
.feed-image-viewer .feed-image-viewer-close:focus-visible{outline:2px solid #11110f;outline-offset:2px}

@media(max-width:820px){
  .feed-image-viewer .feed-image-viewer-card{
    left:0;
    right:0;
    bottom:0;
    top:auto;
    width:100%;
    height:min(84dvh,840px);
    max-height:calc(94dvh - var(--safe-top));
    border-radius:26px 26px 0 0;
    padding-bottom:var(--safe-bottom);
    overflow:hidden;
  }
  .feed-image-viewer .feed-image-viewer-body{
    padding:46px 14px calc(16px + var(--safe-bottom));
  }
  .feed-image-viewer .feed-image-viewer-close{
    top:14px;
    right:14px;
  }
}
@media(min-width:821px){
  .feed-image-viewer .feed-image-viewer-card{
    width:min(760px,calc(100% - 48px));
    height:min(88dvh,900px);
    max-height:min(88dvh,900px);
    border-radius:28px;
  }
  .feed-image-viewer .feed-image-viewer-body{
    padding:58px 28px 28px;
  }
}
@media(prefers-reduced-motion:reduce){
  .feed-image-viewer .feed-image-viewer-image{transition:none!important}
}


/* =========================================================
   W18.248 — MOBILE FEED ALIGNMENT + NATURAL MEDIA POLISH
   Keep the existing feed behavior and Journal-style viewer.
   One clean content rail below the identity row, with photos
   large enough to read without becoming a full-screen wall.
   ========================================================= */
@media(max-width:820px){
  /* Below the identity row, keep the pinned label on the same content rail as copy/media. */
  .launch-v5 .real-community-post > .mmc-official-pin{
    margin-left:0!important;
  }

  /* Regular Post / Pour / Today's Drop photos: preserve the original ratio.
     Common landscape, square, 4:5 and 3:4 uploads naturally use the available
     post width; very tall uploads stay restrained instead of taking over the screen. */
  .launch-v5 .real-community-post > .user-post-photo[data-feed-image-viewer]{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:min(68dvh,560px)!important;
    margin:10px auto 0!important;
    border-radius:17px!important;
    object-fit:contain!important;
    object-position:center!important;
    background:transparent!important;
  }

  /* Café New Item uses the same readable content width and natural-ratio behavior.
     The info block tracks the media width so the card reads as one aligned unit. */
  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-media{
    width:min(100%,380px)!important;
    max-width:380px!important;
    height:auto!important;
    aspect-ratio:auto!important;
    margin:10px auto 0!important;
    overflow:hidden;
    border-radius:18px;
    background:transparent!important;
    display:grid;
    place-items:center;
  }
  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-media > .mmc-cafe-new-item-photo{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:min(68dvh,560px)!important;
    margin:0 auto!important;
    border-radius:0!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    background:transparent!important;
  }
  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-info{
    width:min(100%,380px)!important;
    max-width:380px!important;
    margin:8px auto 0!important;
  }
}

/* =========================================================
   W18.253 — CONVERSATION STABILITY + SOCIAL REPLY POLISH
   No feature changes. Clear social hierarchy:
   avatar → identity/time/options → message → Reply action.
   ========================================================= */
.launch-v5 #reply-thread .reply-row{
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  padding:14px 16px!important;
  background:#fff!important;
}
.launch-v5 #reply-thread .reply-row>.reply-content{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  align-items:initial!important;
  min-width:0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.launch-v5 #reply-thread .reply-meta{
  min-width:0!important;
  min-height:26px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}
.launch-v5 #reply-thread .reply-meta>.mmc-author-name{
  flex:0 1 auto!important;
  max-width:calc(100% - 76px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:13px!important;
  line-height:1.25!important;
}
.launch-v5 #reply-thread .reply-meta>span{
  flex:0 0 auto;
  white-space:nowrap;
  font-size:10px!important;
  color:#8a8780!important;
}
.launch-v5 #reply-thread .reply-overflow{
  margin-left:auto!important;
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  color:#8b8983!important;
}
.launch-v5 #reply-thread .reply-row p{
  display:block!important;
  width:100%!important;
  margin:3px 0 2px!important;
  color:#22211f!important;
  font-size:14.5px!important;
  line-height:1.5!important;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.launch-v5 #reply-thread .reply-inline-action{
  justify-self:start;
  width:max-content;
  min-height:28px;
  margin:1px 0 0;
  padding:3px 10px 3px 0!important;
  color:#77746d;
  font-size:10.5px;
  line-height:1;
}
.launch-v5 #reply-thread .reply-inline-action:active{color:var(--green-dark)}
.launch-v5 #reply-thread .reply-row.is-cafe-owner-reply>.reply-content{
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.launch-v5 #reply-thread .reply-row.is-cafe-owner-reply .mmc-cafe-avatar{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  border-radius:50%!important;
}
.launch-v5 #reply-thread .reply-row.is-cafe-owner-reply .mmc-cafe-verified{
  margin-left:3px!important;
  top:-1px!important;
}

@media(max-width:430px){
  .launch-v5 #reply-thread .reply-row{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:10px!important;
    padding:13px 14px!important;
  }
  .launch-v5 #reply-thread .reply-row .thread-avatar,
  .launch-v5 #reply-thread .reply-row.is-cafe-owner-reply .mmc-cafe-avatar{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
  }
  .launch-v5 #reply-thread .reply-meta>.mmc-author-name{
    max-width:calc(100% - 70px);
    font-size:12.5px!important;
  }
  .launch-v5 #reply-thread .reply-overflow{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
  }
  .launch-v5 #reply-thread .reply-row p{
    font-size:14px!important;
    line-height:1.48!important;
  }
}

/* =========================================================
   W18.254 — X-STYLE FLAT / STEADY FEED MEDIA
   Feed images do not animate, scale or transition while scrolling.
   The separate tap-to-open image viewer keeps its existing subtle transition.
   ========================================================= */
.launch-v5 .real-community-post .user-post-photo[data-feed-image-viewer],
.launch-v5 .real-community-post .mmc-cafe-new-item-photo[data-feed-image-viewer]{
  animation:none!important;
  transition:none!important;
  transform:none!important;
  will-change:auto!important;
}


/* =========================================================
   W18.255 — CAFÉ NEW ITEM DETAIL SHEET
   "Just dropped" cards open a lightweight Journal-style detail
   layer. No new page; closing returns to the same café position.
   ========================================================= */
.launch-v5 button.new-pour-card.new-item-detail-trigger{
  position:relative;
  width:100%;
  padding-right:48px;
  color:inherit;
  font:inherit;
  text-align:left;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.launch-v5 button.new-pour-card.new-item-detail-trigger:hover{
  border-color:#dddcd6;
  background:#fcfcfa;
}
.launch-v5 button.new-pour-card.new-item-detail-trigger:active{
  background:#f8f8f5;
}
.launch-v5 button.new-pour-card.new-item-detail-trigger:focus-visible{
  outline:2px solid rgba(107,179,70,.34);
  outline-offset:3px;
}
.launch-v5 .new-pour-card-arrow{
  position:absolute;
  right:17px;
  top:50%;
  transform:translateY(-50%);
  color:#77746e;
  font-size:18px;
  line-height:1;
  font-weight:500;
}

.launch-v5 .new-item-detail-card{
  overflow:hidden;
}
.launch-v5 .new-item-detail-body{
  overflow:auto;
  overscroll-behavior:contain;
}
.launch-v5 .new-item-detail-body>.eyebrow{
  color:#5d9845;
  letter-spacing:.14em;
}
.launch-v5 .new-item-detail-media{
  width:100%;
  margin:9px 0 20px;
  overflow:hidden;
  border-radius:20px;
  background:#F5F5F5;
  display:grid;
  place-items:center;
}
.launch-v5 .new-item-detail-media img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:min(58dvh,620px);
  object-fit:contain;
  object-position:center;
}
.launch-v5 .new-item-detail-body h2{
  margin:0;
  color:#11110f;
  font-size:32px;
  line-height:1.02;
  letter-spacing:-.045em;
}
.launch-v5 .new-item-detail-description{
  margin:10px 0 0;
  color:#55524d;
  font-size:15px;
  line-height:1.5;
}
.launch-v5 .new-item-detail-cafe{
  margin-top:22px;
  padding-top:16px;
  border-top:1px solid #ebe9e3;
}
.launch-v5 .new-item-detail-cafe>div{
  display:grid;
  gap:4px;
}
.launch-v5 .new-item-detail-cafe .mmc-author-name{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  gap:2px;
  color:#11110f;
  font-size:13px;
  line-height:1.25;
}
.launch-v5 .new-item-detail-cafe small{
  color:#89867f;
  font-size:10px;
  line-height:1.35;
}

@media(max-width:820px){
  .launch-v5 button.new-pour-card.new-item-detail-trigger{
    padding-right:44px;
  }
  .launch-v5 .new-pour-card-arrow{
    right:15px;
    font-size:17px;
  }
  .launch-v5 .new-item-detail-card{
    height:min(86dvh,860px);
    max-height:calc(94dvh - var(--safe-top));
  }
  .launch-v5 .new-item-detail-body{
    padding-bottom:calc(26px + var(--safe-bottom));
  }
  .launch-v5 .new-item-detail-media{
    margin-top:7px;
    border-radius:18px;
  }
  .launch-v5 .new-item-detail-media img{
    max-height:min(54dvh,560px);
  }
  .launch-v5 .new-item-detail-body h2{
    font-size:29px;
  }
}

/* =========================================================
   W18.259 — NATIVE SHARE RELIABILITY + ICON CONSISTENCY
   Keep Apple's/Android's native share sheet. Normalize the familiar
   square-up-arrow glyph and make every share target comfortable to tap.
   ========================================================= */
.launch-v5 [data-share-post],
.launch-v5 [data-share-thread],
.launch-v5 .share-with-icon,
.launch-v5 .trending-share-btn,
.launch-v5 .cafe-profile-share{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

.launch-v5 [data-share-post] .action-ico,
.launch-v5 [data-share-thread] .action-ico{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  display:grid!important;
  place-items:center!important;
}

.launch-v5 [data-share-post] .action-ico svg,
.launch-v5 [data-share-thread] .action-ico svg,
.launch-v5 .share-with-icon svg,
.launch-v5 .trending-share-btn svg,
.launch-v5 .cafe-profile-share svg{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.launch-v5 [data-share-post]{
  min-height:44px!important;
}

.launch-v5 [data-share-post]:active .action-ico,
.launch-v5 [data-share-thread]:active .action-ico,
.launch-v5 .share-with-icon:active svg,
.launch-v5 .trending-share-btn:active svg,
.launch-v5 .cafe-profile-share:active svg{
  transform:scale(.92);
}

@media(prefers-reduced-motion:reduce){
  .launch-v5 [data-share-post] .action-ico,
  .launch-v5 [data-share-thread] .action-ico,
  .launch-v5 .share-with-icon svg,
  .launch-v5 .trending-share-btn svg,
  .launch-v5 .cafe-profile-share svg{
    transition:none!important;
    transform:none!important;
  }
}


/* =========================================================
   W18.260 — DESKTOP STRICT ALIGNMENT
   Desktop/laptop only. Mobile <=820px is intentionally untouched.
   One invisible grid across Club, Explore, Saved, Journal, Café,
   and the desktop context rail.
   ========================================================= */
@media (min-width:821px){
  .launch-v5{
    --mmc-desktop-gutter:22px;
    --mmc-context-gutter:16px;
  }

  /* CLUB — one exact left/right content edge. */
  .launch-v5 .view[data-view-panel="club"] .section-head,
  .launch-v5 .desktop-feed-create,
  .launch-v5 .post-card,
  .launch-v5 .compact-post,
  .launch-v5 .journal-teaser{
    padding-left:var(--mmc-desktop-gutter)!important;
    padding-right:var(--mmc-desktop-gutter)!important;
  }

  .launch-v5 .club-welcome{
    padding-left:var(--mmc-desktop-gutter)!important;
  }

  .launch-v5 .trending-simple-section,
  .launch-v5 .live-room-head,
  .launch-v5 .chat-list,
  .launch-v5 .chat-form{
    padding-left:var(--mmc-desktop-gutter)!important;
    padding-right:var(--mmc-desktop-gutter)!important;
  }

  .launch-v5 .live-room>.fine-print{
    padding-left:var(--mmc-desktop-gutter)!important;
    padding-right:var(--mmc-desktop-gutter)!important;
  }

  /* EXPLORE / SAVED / JOURNAL / CAFÉ — same page gutter as Club. */
  .launch-v5 [data-view-panel="explore"],
  .launch-v5 [data-view-panel="saved"],
  .launch-v5 [data-view-panel="journal"],
  .launch-v5 [data-view-panel="cafe"]{
    padding-left:var(--mmc-desktop-gutter)!important;
    padding-right:var(--mmc-desktop-gutter)!important;
  }

  /* Saved uses a full-width header rule; keep its content on the 22px grid. */
  .launch-v5 [data-view-panel="saved"]>.section-head{
    margin-left:calc(-1 * var(--mmc-desktop-gutter))!important;
    margin-right:calc(-1 * var(--mmc-desktop-gutter))!important;
    padding-left:var(--mmc-desktop-gutter)!important;
    padding-right:var(--mmc-desktop-gutter)!important;
  }

  /* Keep major content blocks exactly within their parent content edge. */
  .launch-v5 .explore-hero-v2,
  .launch-v5 .explore-search-row-v2,
  .launch-v5 .explore-mode-v2,
  .launch-v5 .explore-panel,
  .launch-v5 [data-view-panel="saved"] .saved-tabs,
  .launch-v5 [data-view-panel="saved"] .saved-list,
  .launch-v5 [data-view-panel="journal"] .journal-hero,
  .launch-v5 [data-view-panel="journal"] .block-head,
  .launch-v5 [data-view-panel="journal"] .story-list,
  .launch-v5 [data-view-panel="journal"] .journal-footer-links,
  .launch-v5 [data-view-panel="cafe"]>#cafe-live{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
    box-sizing:border-box;
  }

  /* RIGHT RAIL — search, Pulse, editorial, footer share one text baseline. */
  .launch-v5 .desktop-context .context-search{
    padding-left:var(--mmc-context-gutter)!important;
    padding-right:var(--mmc-context-gutter)!important;
  }

  .launch-v5 .desktop-context .context-heading,
  .launch-v5 .desktop-context .trend-row,
  .launch-v5 .desktop-context .context-more{
    padding-left:var(--mmc-context-gutter)!important;
    padding-right:var(--mmc-context-gutter)!important;
  }

  .launch-v5 .desktop-context .context-empty{
    padding-left:var(--mmc-context-gutter)!important;
    padding-right:var(--mmc-context-gutter)!important;
  }

  .launch-v5 .desktop-context .context-panel.context-editorial{
    padding-left:var(--mmc-context-gutter)!important;
    padding-right:var(--mmc-context-gutter)!important;
  }

  .launch-v5 .desktop-context .context-footer{
    padding-left:var(--mmc-context-gutter)!important;
    padding-right:var(--mmc-context-gutter)!important;
  }
}


/* =========================================================
   W18.263 — FEED PHOTO FINAL UX POLISH
   Regular Post / Pour / Today's Drop media only.
   X-style restrained sizing + clearly rounded media on white UI.
   Full-image viewer behavior stays unchanged.
   ========================================================= */
.launch-v5 .real-community-post > .user-post-photo[data-feed-image-viewer]{
  height:auto!important;
  border:1px solid rgba(17,17,15,.075)!important;
  border-radius:22px!important;
  background:#F5F5F5!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Mobile: slightly inset, clearly rounded, never a full-screen wall. */
@media(max-width:820px){
  .launch-v5 .real-community-post > .user-post-photo[data-feed-image-viewer]{
    width:auto!important;
    max-width:min(calc(100% - 8px),360px)!important;
    max-height:min(60dvh,500px)!important;
    margin:10px auto 0!important;
    border-radius:22px!important;
  }
}

/* Desktop/laptop: restrained social-feed preview; tall images stay compact. */
@media(min-width:821px){
  .launch-v5 .real-community-post > .user-post-photo[data-feed-image-viewer]{
    width:auto!important;
    max-width:min(calc(100% - 24px),500px)!important;
    max-height:min(66vh,480px)!important;
    margin:12px auto 0!important;
    border-radius:22px!important;
  }
}


/* =========================================================
   W18.266 — CAFÉ OWNER FEED MEDIA SIZE + ALIGNMENT POLISH
   New Item / Launch and Today's Drop use one restrained social
   media rail: slightly smaller, natural-ratio, rounded, and
   visually aligned without changing feed behavior.
   ========================================================= */
.launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-media,
.launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-info,
.launch-v5 .mmc-cafe-drop-feed > .mmc-feed-drop-offer{
  box-sizing:border-box!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-media{
  height:auto!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border:1px solid rgba(17,17,15,.075)!important;
  border-radius:22px!important;
  background:#F5F5F5!important;
}

.launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-media > .mmc-cafe-new-item-photo{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  margin:0 auto!important;
  aspect-ratio:auto!important;
  border-radius:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#F5F5F5!important;
}

.launch-v5 .mmc-cafe-drop-feed > .mmc-feed-drop-offer{
  border-radius:22px!important;
  overflow:hidden!important;
}

/* Mobile: cute/balanced size — visually important without taking over the screen. */
@media(max-width:820px){
  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-media,
  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-info,
  .launch-v5 .mmc-cafe-drop-feed > .mmc-feed-drop-offer{
    width:min(calc(100% - 18px),350px)!important;
    max-width:350px!important;
  }

  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-media{
    margin-top:10px!important;
  }

  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-media > .mmc-cafe-new-item-photo{
    max-height:min(58dvh,470px)!important;
  }

  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-info{
    margin-top:8px!important;
  }

  .launch-v5 .mmc-cafe-drop-feed > .mmc-feed-drop-offer{
    margin-top:10px!important;
  }
}

/* Desktop/laptop: same proportions, just enough room to breathe. */
@media(min-width:821px){
  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-media,
  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-info,
  .launch-v5 .mmc-cafe-drop-feed > .mmc-feed-drop-offer{
    width:min(calc(100% - 32px),480px)!important;
    max-width:480px!important;
  }

  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-media{
    margin-top:12px!important;
  }

  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-media > .mmc-cafe-new-item-photo{
    max-height:min(64vh,500px)!important;
  }

  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-info{
    margin-top:9px!important;
  }

  .launch-v5 .mmc-cafe-drop-feed > .mmc-feed-drop-offer{
    margin-top:12px!important;
  }
}

/* =========================================================
   W18.270 — CAFÉ VERIFIED BADGE NAME-GAP ALIGNMENT
   Match the vendor verified seal to the same tight 4px identity
   rhythm used by the official MR MATCHA badge.
   ========================================================= */
.launch-v5 .post-meta .meta-copy .mmc-author-name .mmc-cafe-verified{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  top:0!important;
  vertical-align:middle!important;
  transform:none!important;
}
.launch-v5 .post-meta .meta-copy .mmc-author-name .mmc-cafe-verified svg{
  display:block!important;
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
}
@media(max-width:620px){
  .launch-v5 .post-meta .meta-copy .mmc-author-name .mmc-cafe-verified,
  .launch-v5 .post-meta .meta-copy .mmc-author-name .mmc-cafe-verified svg{
    width:16px!important;
    height:16px!important;
    flex-basis:16px!important;
  }
}

/* =========================================================
   W18.293 — MOBILE POUR CARD GRID ALIGNMENT
   Regular community Pours use the same centered content rail
   as Today’s Drop: order card, rating state, and reactions.
   Visual alignment only; no rating or feed behavior changes.
   ========================================================= */
@media(max-width:820px){
  .launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .live-pour-preview,
  .launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .cup-trust-line,
  .launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .cup-vote-trigger.is-compact,
  .launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .pour-action-row{
    width:min(calc(100% - 18px),350px)!important;
    max-width:350px!important;
    box-sizing:border-box!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .cup-trust-line{
    margin-top:13px!important;
  }
}

/* =========================================================
   W18.297 — X-STYLE CONTEXTUAL CAFÉ BACK BUTTON
   Icon-only circular Back control overlays the café cover like
   a native social profile. Navigation behavior lives in JS.
   ========================================================= */
.launch-v5 [data-view-panel="cafe"]{
  position:relative;
}
.launch-v5 [data-view-panel="cafe"] > .cafe-back-button{
  appearance:none;
  -webkit-appearance:none;
  position:absolute;
  top:16px;
  left:16px;
  z-index:24;
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  margin:0;
  padding:0;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(17,17,15,.88);
  color:#fff;
  box-shadow:0 5px 18px rgba(0,0,0,.14);
  backdrop-filter:blur(9px) saturate(1.08);
  -webkit-backdrop-filter:blur(9px) saturate(1.08);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:transform .12s ease,background .14s ease,box-shadow .14s ease;
}
.launch-v5 [data-view-panel="cafe"] > .cafe-back-button svg{
  display:block;
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.05;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
.launch-v5 [data-view-panel="cafe"] > .cafe-back-button:active{
  transform:scale(.94);
  background:rgba(17,17,15,.96);
  box-shadow:0 3px 12px rgba(0,0,0,.12);
}
.launch-v5 [data-view-panel="cafe"] > .cafe-back-button:focus-visible{
  outline:2px solid rgba(255,255,255,.96);
  outline-offset:2px;
}
@media(hover:hover){
  .launch-v5 [data-view-panel="cafe"] > .cafe-back-button:hover{
    background:rgba(17,17,15,.96);
  }
}
@media(max-width:820px){
  .launch-v5 [data-view-panel="cafe"] > .cafe-back-button{
    top:14px;
    left:14px;
  }
}
@media(prefers-reduced-motion:reduce){
  .launch-v5 [data-view-panel="cafe"] > .cafe-back-button{transition:none}
}

/* =========================================================
   W18.298 — EXPLORE DRINK CARD CONTENT RHYTHM
   Remove the forced two-line title reserve on mobile so a
   one-line drink name flows naturally into café + social proof.
   Data, ranking, photos, and card behavior remain unchanged.
   ========================================================= */
@media(max-width:820px){
  .launch-v5 .explore-drink-copy-v2{
    padding-top:9px!important;
  }
  .launch-v5 .explore-drink-copy-v2>strong{
    min-height:0!important;
    margin:0!important;
  }
  .launch-v5 .explore-drink-copy-v2 .find-drink-cafe{
    margin-top:4px!important;
    color:#6f6c66!important;
  }
  .launch-v5 .explore-drink-stat-v2{
    margin-top:5px!important;
  }
}

/* =========================================================
   W18.299 — CAFÉ BACK BUTTON CONFLICT FIX
   Remove inherited .back-link presentation and hard-lock the
   café control to a compact X-style overlay on the cover.
   Navigation behavior remains unchanged.
   ========================================================= */
.launch-v5 [data-view-panel="cafe"]{
  position:relative!important;
}
.launch-v5 [data-view-panel="cafe"] > .cafe-back-button{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:absolute!important;
  top:14px!important;
  left:14px!important;
  z-index:30!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(45,45,43,.76)!important;
  color:#fff!important;
  box-shadow:0 4px 16px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(10px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.08)!important;
  font-size:0!important;
  line-height:0!important;
  text-align:center!important;
  overflow:hidden!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}
.launch-v5 [data-view-panel="cafe"] > .cafe-back-button svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.05!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
.launch-v5 [data-view-panel="cafe"] > .cafe-back-button:active{
  transform:scale(.94)!important;
  background:rgba(35,35,33,.88)!important;
}
@media(hover:hover){
  .launch-v5 [data-view-panel="cafe"] > .cafe-back-button:hover{
    background:rgba(35,35,33,.88)!important;
  }
}
@media(max-width:430px){
  .launch-v5 [data-view-panel="cafe"] > .cafe-back-button{
    top:12px!important;
    left:12px!important;
  }
}

/* =========================================================
   W18.300 — EXPLORE DRINKS PROGRESSIVE REVEAL
   Keep the first Explore screen curated at 12 drink cards.
   Additional matching drinks reveal in 12-card batches without
   changing API depth, ranking, filters, or drink-card behavior.
   ========================================================= */
.launch-v5 .explore-drinks-more-v2{
  width:100%;
  display:flex;
  justify-content:center;
  padding:22px 0 4px;
}
.launch-v5 .explore-drinks-more-v2[hidden]{display:none!important}
.launch-v5 .explore-drinks-more-button-v2{
  appearance:none;
  -webkit-appearance:none;
  min-width:132px;
  min-height:44px;
  padding:0 20px;
  border:1px solid rgba(17,17,15,.11);
  border-radius:999px;
  background:#fff;
  color:#171714;
  box-shadow:0 2px 10px rgba(17,17,15,.035);
  font:750 12px/1 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.01em;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:background .14s ease,border-color .14s ease,transform .12s ease,box-shadow .14s ease;
}
@media(hover:hover){
  .launch-v5 .explore-drinks-more-button-v2:hover{
    background:#fafaf7;
    border-color:rgba(17,17,15,.16);
    box-shadow:0 4px 14px rgba(17,17,15,.05);
  }
}
.launch-v5 .explore-drinks-more-button-v2:active{transform:scale(.97)}
.launch-v5 .explore-drinks-more-button-v2:focus-visible{
  outline:2px solid rgba(107,179,70,.34);
  outline-offset:3px;
}
@media(max-width:820px){
  .launch-v5 .explore-drinks-more-v2{padding-top:20px}
  .launch-v5 .explore-drinks-more-button-v2{min-width:140px;min-height:46px}
}
@media(prefers-reduced-motion:reduce){
  .launch-v5 .explore-drinks-more-button-v2{transition:none}
}



/* =========================================================
   W18.307 — POUR DETAIL ACTION CLEANUP
   Rating stays in the Community rating block. Keep the bottom
   utility row focused on the two distinct actions: Save + Share.
   ========================================================= */
.launch-v5 #pour-sheet .pour-sheet-actions .secondary-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.launch-v5 #pour-sheet .pour-sheet-actions .secondary-actions>button{
  min-width:0!important;
}
@media(max-width:430px){
  .launch-v5 #pour-sheet .pour-sheet-actions .secondary-actions{gap:8px!important;}
}


/* =========================================================
   W18.308 — DESKTOP MODERNIZATION PASS
   Desktop/laptop only. Tighten the three-column social layout,
   align feed content to the author rail, compact the right rail,
   and remove the older boxed / stretched desktop feel.
   Mobile <=820px is intentionally unchanged.
   ========================================================= */
@media (min-width:821px){
  /* Keep desktop structure crisp while preserving the existing product surfaces. */
  .launch-v5-xwidth .app-shell{
    width:100%!important;
    margin:0 auto!important;
    align-items:start!important;
    justify-content:center!important;
  }

  .launch-v5 .main-column{
    min-width:0!important;
    background:#fff!important;
    border-left:1px solid #e8e7e2!important;
    border-right:1px solid #e8e7e2!important;
    box-shadow:none!important;
  }

  /* Club opens like a modern social feed: tabs are the desktop header. */
  .launch-v5 .view[data-view-panel="club"]>.section-head{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
  }

  .launch-v5 .club-feed-tab-state{
    position:sticky!important;
    top:0!important;
    z-index:24!important;
    min-height:54px!important;
    background:rgba(255,255,255,.94)!important;
    border-bottom:1px solid #e8e7e2!important;
    backdrop-filter:blur(16px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
  }
  .launch-v5 .club-feed-tab-state>button{
    min-height:54px!important;
    font-size:13.5px!important;
    font-weight:720!important;
    letter-spacing:-.012em!important;
  }
  .launch-v5 .club-feed-tab-state>button.is-active::after{
    left:calc(50% - 18px)!important;
    right:auto!important;
    width:36px!important;
    height:3px!important;
    bottom:-1px!important;
    border-radius:999px!important;
    background:#6BB346!important;
  }

  /* Composer is flatter and denser, closer to a current social product. */
  .launch-v5 .desktop-feed-create{
    min-height:64px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    background:#fff!important;
    border-bottom:1px solid #ecebe7!important;
    gap:12px!important;
  }
  .launch-v5 .desktop-feed-create-prompt{
    font-size:17px!important;
    line-height:1.2!important;
    color:#686660!important;
    letter-spacing:-.018em!important;
  }
  .launch-v5 .desktop-feed-create-action{
    min-width:66px!important;
    min-height:34px!important;
    padding:0 16px!important;
    font-size:12px!important;
    background:#11110f!important;
    box-shadow:none!important;
  }

  /* Feed density + one content rail below the identity row. */
  .launch-v5 .real-community-post.post-card{
    padding-top:15px!important;
    padding-bottom:10px!important;
    border-bottom-color:#e9e8e3!important;
    transition:background .14s ease!important;
  }
  .launch-v5 .real-community-post .post-meta{
    min-height:42px!important;
    gap:10px!important;
  }
  .launch-v5 .real-community-post .avatar,
  .launch-v5 .real-community-post .mmc-cafe-avatar{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
  }
  .launch-v5 .real-community-post .meta-copy strong,
  .launch-v5 .real-community-post .mmc-author-name{
    font-size:13.5px!important;
    line-height:1.2!important;
  }
  .launch-v5 .real-community-post .meta-copy>span{
    font-size:11px!important;
    line-height:1.25!important;
    color:#8b8983!important;
  }

  .launch-v5 .real-community-post>.mmc-post-copy-block{
    width:calc(100% - 52px)!important;
    margin:8px 0 10px 52px!important;
  }
  .launch-v5 .real-community-post>.mmc-official-pin{
    margin-left:52px!important;
  }

  /* Photography should feel attached to the post, not like a floating card. */
  .launch-v5 .real-community-post>.user-post-photo[data-feed-image-viewer]{
    width:calc(100% - 52px)!important;
    max-width:600px!important;
    max-height:min(70vh,540px)!important;
    margin:10px 0 0 52px!important;
    border-radius:18px!important;
    border-color:rgba(17,17,15,.09)!important;
    background:#f5f5f5!important;
  }

  .launch-v5 .real-community-post>.mmc-social-video-card:not(.is-composer),
  .launch-v5 .real-community-post:not(.mmc-cafe-drop-feed)>.live-pour-preview,
  .launch-v5 .real-community-post:not(.mmc-cafe-drop-feed)>.cup-trust-line,
  .launch-v5 .real-community-post:not(.mmc-cafe-drop-feed)>.cup-vote-trigger.is-compact,
  .launch-v5 .real-community-post:not(.mmc-cafe-drop-feed)>.pour-action-row,
  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-media,
  .launch-v5 .mmc-cafe-new-item-feed .mmc-cafe-new-item-info,
  .launch-v5 .mmc-cafe-drop-feed>.mmc-feed-drop-offer{
    width:calc(100% - 52px)!important;
    max-width:600px!important;
    margin-left:52px!important;
    margin-right:0!important;
  }

  .launch-v5 .real-community-post>.action-row{
    width:calc(100% - 52px)!important;
    max-width:520px!important;
    margin-left:52px!important;
    margin-right:0!important;
  }

  .launch-v5 .real-community-post .action{
    min-height:40px!important;
    color:#77756f!important;
  }
  .launch-v5 .real-community-post .action:hover{
    color:#11110f!important;
  }

  /* The desktop side rails should stop stretching empty cards to viewport height. */
  .launch-v5 .desktop-context{
    min-height:0!important;
    height:auto!important;
    max-height:100dvh!important;
    padding-top:14px!important;
    gap:14px!important;
    align-content:start!important;
    grid-auto-rows:max-content!important;
  }
  .launch-v5 .desktop-context .context-search{
    height:44px!important;
    min-height:44px!important;
    border:1px solid #e7e6e1!important;
    background:#f6f6f3!important;
    border-radius:999px!important;
    box-shadow:none!important;
  }
  .launch-v5 .desktop-context .context-search span{
    font-size:11.5px!important;
    font-weight:650!important;
    color:#77756f!important;
  }
  .launch-v5 .desktop-context .context-panel{
    margin:0!important;
    padding:0!important;
    border:1px solid #e8e7e2!important;
    border-radius:18px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  .launch-v5 .desktop-context .context-heading{
    padding-top:15px!important;
    padding-bottom:9px!important;
  }
  .launch-v5 .desktop-context .context-heading>span{
    font-size:18px!important;
    letter-spacing:-.035em!important;
  }
  .launch-v5 .desktop-context .trend-row{
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  .launch-v5 .desktop-context .context-more{
    padding-top:12px!important;
    padding-bottom:13px!important;
    border-top:1px solid #efeee9!important;
  }
  .launch-v5 .desktop-context .context-panel.context-editorial{
    padding-top:16px!important;
    padding-bottom:17px!important;
  }
  .launch-v5 .desktop-context .context-editorial>strong{
    font-size:22px!important;
    line-height:1.02!important;
  }
  .launch-v5 .desktop-context .context-editorial p{
    margin:7px 0 11px!important;
    font-size:11px!important;
    line-height:1.45!important;
  }
  .launch-v5 .desktop-context .context-footer{
    padding-top:2px!important;
    line-height:1.65!important;
    font-size:9px!important;
  }

  /* Left rail: slightly tighter, more product-like, still unmistakably MR MATCHA. */
  .launch-v5 .desktop-rail{
    min-height:100dvh!important;
    padding-top:0!important;
  }
  .launch-v5 .rail-inner{
    min-height:100dvh!important;
    padding-top:26px!important;
    padding-bottom:20px!important;
  }
  .launch-v5 .brand--desktop{
    padding-left:2px!important;
  }
  .launch-v5 .brand--desktop span{font-size:21px!important;}
  .launch-v5 .brand--desktop em{font-size:25px!important;}
  .launch-v5 .brand-sub{
    margin:7px 0 22px 2px!important;
    max-width:176px!important;
    font-size:7px!important;
    line-height:1.45!important;
  }
  .launch-v5 .rail-nav{gap:1px!important;}
  .launch-v5 .rail-link{
    min-height:48px!important;
    min-width:154px!important;
    padding-left:8px!important;
    font-size:16.5px!important;
  }
  .launch-v5 .nav-ico{
    width:36px!important;
    height:36px!important;
  }
  .launch-v5 .nav-ico svg{
    width:22px!important;
    height:22px!important;
  }
  .launch-v5 .rail-bottom{
    padding-top:22px!important;
  }
}

/* Three-column desktop: tighter proportions and a focused ~700px feed. */
@media (min-width:1280px){
  .launch-v5-xwidth .app-shell{
    max-width:1336px!important;
    grid-template-columns:236px minmax(0,700px) 320px!important;
    gap:0 24px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .launch-v5-xwidth .desktop-rail{
    padding-left:4px!important;
    padding-right:4px!important;
  }
  .launch-v5-xwidth .desktop-context{
    display:grid!important;
  }
}

/* Wide screens get a touch more room without turning the feed into a billboard. */
@media (min-width:1500px){
  .launch-v5-xwidth .app-shell{
    max-width:1396px!important;
    grid-template-columns:240px minmax(0,720px) 332px!important;
    gap:0 28px!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }
}

/* Laptop desktop: two focused columns instead of squeezing a weak third rail. */
@media (min-width:821px) and (max-width:1279px){
  .launch-v5-xwidth .app-shell{
    width:100%!important;
    max-width:940px!important;
    grid-template-columns:204px minmax(0,716px)!important;
    gap:0!important;
    padding:0 10px!important;
  }
  .launch-v5-xwidth .desktop-context{
    display:none!important;
  }
  .launch-v5-xwidth .desktop-rail{
    padding-left:4px!important;
    padding-right:14px!important;
  }
}

@media (hover:hover) and (min-width:821px){
  .launch-v5 .real-community-post.post-card:hover{
    background:#fdfdfb!important;
  }
}


/* =========================================================
   W18.309 — DESKTOP X-STYLE NATURAL FEED MEDIA
   Desktop/laptop only. Let single feed photos keep their real
   uploaded aspect ratio instead of forcing a wide card shape.
   Landscape stays landscape, square stays square, portrait stays
   portrait, with a restrained max height so tall photos do not
   take over the timeline. Mobile remains intentionally unchanged.
   ========================================================= */
@media (min-width:821px){
  .launch-v5 .real-community-post > .user-post-photo[data-feed-image-viewer]{
    display:block!important;
    width:auto!important;
    height:auto!important;
    aspect-ratio:auto!important;
    max-width:min(600px,calc(100% - 52px))!important;
    max-height:min(68vh,540px)!important;
    margin:10px auto 0 52px!important;
    object-fit:contain!important;
    object-position:center!important;
    border:1px solid rgba(17,17,15,.09)!important;
    border-radius:16px!important;
    background:#F5F5F5!important;
  }
}

/* =========================================================
   W18.311 — MOBILE VERIFIED CAFÉ META POLISH
   Mobile only. Keep the existing café identity format, but make
   location + age read as a quieter secondary line that sits
   closer to the verified café name. No feed behavior changes.
   ========================================================= */
@media (max-width:820px){
  .launch-v5 .real-community-post .post-meta .meta-copy:has(.mmc-author-name .mmc-cafe-verified){
    row-gap:1px!important;
  }

  .launch-v5 .real-community-post .post-meta .meta-copy:has(.mmc-author-name .mmc-cafe-verified) > .mmc-author-name{
    line-height:1.12!important;
  }

  .launch-v5 .real-community-post .post-meta .meta-copy:has(.mmc-author-name .mmc-cafe-verified) > span:not(.mmc-author-name){
    margin-top:-1px!important;
    color:#77756f!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    font-weight:500!important;
    letter-spacing:-.005em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* =========================================================
   W18.317 — DESKTOP PREMIUM POLISH
   Desktop/laptop only. Bring the desktop shell up to the visual
   standard of the approved mobile experience: white rails, one
   quiet surface system, exact mobile-style green tab underline,
   tighter navigation rhythm, and cleaner supporting context.
   Mobile <=820px is intentionally untouched.
   ========================================================= */
@media (min-width:821px){
  /* One clean white product canvas — no beige bands around the feed. */
  .launch-v5{
    background:#fff!important;
  }
  .launch-v5 .app-shell,
  .launch-v5 .desktop-rail,
  .launch-v5 .desktop-context{
    background:#fff!important;
  }

  /* Keep the feed as the visual anchor with hairline separators only. */
  .launch-v5 .main-column{
    background:#fff!important;
    border-left:1px solid #ecece8!important;
    border-right:1px solid #ecece8!important;
    box-shadow:none!important;
  }

  /* Recent / Trending now uses the exact mobile underline language. */
  .launch-v5 .club-feed-tab-state{
    min-height:56px!important;
    background:rgba(255,255,255,.97)!important;
    border-bottom:1px solid #ecece8!important;
    box-shadow:0 1px 0 rgba(17,17,15,.018)!important;
  }
  .launch-v5 .club-feed-tab-state>button{
    min-height:56px!important;
    color:#8b8983!important;
    font-size:13.5px!important;
    font-weight:680!important;
    letter-spacing:-.012em!important;
  }
  .launch-v5 .club-feed-tab-state>button.is-active{
    color:#11110f!important;
    font-weight:760!important;
  }
  .launch-v5 .club-feed-tab-state>button.is-active::after{
    left:50%!important;
    right:auto!important;
    bottom:-1px!important;
    width:42px!important;
    height:3px!important;
    border-radius:999px 999px 0 0!important;
    background:#6BB346!important;
    transform:translateX(-50%)!important;
  }

  /* Composer: calm and compact, with a slightly more premium control rhythm. */
  .launch-v5 .desktop-feed-create{
    min-height:66px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    border-bottom:1px solid #efefeb!important;
    background:#fff!important;
  }
  .launch-v5 .desktop-feed-create-prompt{
    color:#74716b!important;
    font-size:17px!important;
    font-weight:420!important;
  }
  .launch-v5 .desktop-feed-create-action{
    min-height:36px!important;
    padding:0 17px!important;
    border-radius:999px!important;
    background:#11110f!important;
    font-size:12.5px!important;
    font-weight:760!important;
  }

  /* Posts: slightly calmer separators and more deliberate interaction states. */
  .launch-v5 .real-community-post.post-card{
    border-bottom-color:#eeeeea!important;
  }
  .launch-v5 .real-community-post .meta-copy strong,
  .launch-v5 .real-community-post .mmc-author-name{
    color:#171714!important;
    font-weight:760!important;
  }
  .launch-v5 .real-community-post .meta-copy>span{
    color:#8d8a84!important;
  }
  .launch-v5 .real-community-post .action{
    color:#85827c!important;
  }

  /* Left rail: white, lighter, and aligned like a mature social product. */
  .launch-v5 .desktop-rail{
    min-height:100dvh!important;
  }
  .launch-v5 .rail-inner{
    min-height:100dvh!important;
    padding-top:28px!important;
    padding-bottom:22px!important;
  }
  .launch-v5 .brand--desktop{
    padding-left:4px!important;
  }
  .launch-v5 .brand-sub{
    margin-top:7px!important;
    margin-bottom:24px!important;
    color:#9a978f!important;
  }
  .launch-v5 .rail-nav{
    gap:2px!important;
  }
  .launch-v5 .rail-link{
    min-height:50px!important;
    padding:0 10px!important;
    border-radius:14px!important;
    color:#22221f!important;
    transition:background .14s ease,color .14s ease,transform .12s ease!important;
  }
  .launch-v5 .rail-link .nav-label{
    font-weight:690!important;
    letter-spacing:-.018em!important;
  }
  .launch-v5 .rail-link.is-active .nav-label{
    color:#11110f!important;
    font-weight:790!important;
  }
  .launch-v5 .nav-ico{
    color:#35342f!important;
  }
  .launch-v5 .rail-link.is-active .nav-ico{
    color:#11110f!important;
  }
  .launch-v5 .ask-panel-section--desktop{
    margin-top:22px!important;
    padding-top:18px!important;
    border-top:1px solid #efefeb!important;
  }
  .launch-v5 .rail-bottom{
    padding-top:24px!important;
  }
  .launch-v5 .open-community small,
  .launch-v5 .rail-copyright{
    color:#9a978f!important;
  }

  /* Right rail: white panel, quiet cards, less dashboard-like. */
  .launch-v5 .desktop-context{
    padding-top:16px!important;
    gap:14px!important;
  }
  .launch-v5 .desktop-context .context-search{
    height:46px!important;
    min-height:46px!important;
    border:1px solid #ebeae6!important;
    border-radius:999px!important;
    background:#f8f8f6!important;
    box-shadow:none!important;
    transition:background .14s ease,border-color .14s ease!important;
  }
  .launch-v5 .desktop-context .context-search svg{
    color:#8b8983!important;
  }
  .launch-v5 .desktop-context .context-search span{
    color:#6f6c66!important;
    font-size:11.5px!important;
    font-weight:650!important;
  }
  .launch-v5 .desktop-context .context-panel{
    border:1px solid #ebeae6!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 1px 2px rgba(17,17,15,.025)!important;
  }
  .launch-v5 .desktop-context .context-heading{
    padding-top:16px!important;
    padding-bottom:10px!important;
  }
  .launch-v5 .desktop-context .context-heading>span{
    color:#171714!important;
    font-size:18.5px!important;
    font-weight:790!important;
    letter-spacing:-.04em!important;
  }
  .launch-v5 .desktop-context .context-heading small{
    min-height:20px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    background:#f2f8ee!important;
    color:#6aa84d!important;
    font-size:8px!important;
    letter-spacing:.09em!important;
  }
  .launch-v5 .desktop-context .context-empty{
    color:#8d8a84!important;
    font-size:11px!important;
    line-height:1.45!important;
  }
  .launch-v5 .desktop-context .trend-row{
    border-top-color:#f0efeb!important;
  }
  .launch-v5 .desktop-context .context-more{
    color:#62a844!important;
    font-weight:740!important;
    border-top-color:#f0efeb!important;
  }
  .launch-v5 .desktop-context .context-panel.context-editorial{
    padding-top:17px!important;
    padding-bottom:18px!important;
  }
  .launch-v5 .desktop-context .context-kicker{
    color:#67a94a!important;
  }
  .launch-v5 .desktop-context .context-editorial>strong{
    color:#171714!important;
  }
  .launch-v5 .desktop-context .context-editorial p{
    color:#7e7b75!important;
  }
  .launch-v5 .desktop-context .context-editorial button{
    color:#62a844!important;
    font-weight:740!important;
  }
  .launch-v5 .desktop-context .context-footer{
    color:#aaa79f!important;
  }
  .launch-v5 .desktop-context .context-footer a,
  .launch-v5 .desktop-context .context-footer button{
    color:#8f8c85!important;
  }
}

@media (hover:hover) and (min-width:821px){
  .launch-v5 .rail-link:hover{
    background:#f7f7f5!important;
    color:#11110f!important;
  }
  .launch-v5 .rail-link:active{
    transform:scale(.985)!important;
  }
  .launch-v5 .desktop-context .context-search:hover{
    background:#f5f5f2!important;
    border-color:#dfded8!important;
  }
  .launch-v5 .real-community-post.post-card:hover{
    background:#fefefd!important;
  }
}

/* =========================================================
   W18.341 — EXPLORE FINAL LIGHT POLISH
   Desktop/laptop only. Preserve the established three-column shell,
   warm Explore center surface, navigation, right rail, data loading,
   filters, My Taste, cafés, and map behavior. This pass only tightens
   vertical rhythm and low-data / empty-state presentation.
   ========================================================= */
@media (min-width:821px){
  /* Keep the existing warm Explore surface; only tighten its rhythm. */
  .launch-v5 [data-view-panel="explore"] .explore-hero-v2{
    margin-bottom:14px!important;
  }
  .launch-v5 [data-view-panel="explore"] .explore-search-row-v2{
    align-items:center!important;
    gap:10px!important;
    margin-bottom:9px!important;
  }
  .launch-v5 [data-view-panel="explore"] .explore-mode-v2{
    margin-bottom:12px!important;
  }

  /* Ask MR MATCHA stays a feature, but gives Trending content more room above the fold. */
  .launch-v5 [data-view-panel="explore"] .ask-mr-matcha-teaser{
    margin:9px 0 18px!important;
    padding:14px 18px 13px!important;
    border-radius:20px!important;
    box-shadow:0 7px 22px rgba(17,17,15,.038)!important;
  }
  .launch-v5 [data-view-panel="explore"] .ask-mr-matcha-copy{
    gap:14px!important;
  }
  .launch-v5 [data-view-panel="explore"] .ask-mr-matcha-copy h2{
    font-size:28px!important;
  }
  .launch-v5 [data-view-panel="explore"] .ask-mr-matcha-copy p{
    margin-top:6px!important;
    font-size:13px!important;
    line-height:1.42!important;
  }
  .launch-v5 [data-view-panel="explore"] .ask-mr-matcha-orb{
    width:52px!important;
    height:52px!important;
    flex-basis:52px!important;
    border-radius:17px!important;
  }
  .launch-v5 [data-view-panel="explore"] .ask-mr-matcha-prompts{
    margin-top:10px!important;
    gap:6px!important;
  }
  .launch-v5 [data-view-panel="explore"] .ask-mr-matcha-prompts span{
    padding:7px 9px!important;
    font-size:9.5px!important;
  }
  .launch-v5 [data-view-panel="explore"] .ask-mr-matcha-note{
    margin-top:6px!important;
  }
  .launch-v5 [data-view-panel="explore"] .ask-mr-matcha-footer{
    margin-top:8px!important;
    padding-top:8px!important;
  }

  /* Trending / filters should read as one compact discovery block. */
  .launch-v5 [data-view-panel="explore"] .explore-panel-head-v2{
    margin-bottom:9px!important;
  }
  .launch-v5 [data-view-panel="explore"] .explore-filter-row-v2{
    margin-top:10px!important;
    margin-bottom:13px!important;
  }

  /* A single Just Dropped item should feel intentional instead of stranded. */
  .launch-v5 [data-view-panel="explore"] .explore-launch-strip:not([hidden]){
    margin-bottom:15px!important;
  }
  .launch-v5 [data-view-panel="explore"] .launch-strip-head{
    margin-bottom:8px!important;
  }
  .launch-v5 [data-view-panel="explore"] .launch-strip-list{
    gap:9px!important;
  }
  .launch-v5 [data-view-panel="explore"] .launch-strip-card{
    min-height:78px!important;
  }
  .launch-v5 [data-view-panel="explore"] .launch-strip-card:only-child{
    max-width:360px!important;
  }

  /* Empty search/category results stay useful without dominating the page. */
  .launch-v5 [data-view-panel="explore"] .explore-empty-v2{
    width:100%!important;
    min-height:142px!important;
    margin:4px 0 0!important;
    padding:26px 18px!important;
    border-radius:18px!important;
    align-content:center!important;
  }
  .launch-v5 [data-view-panel="explore"] .explore-empty-v2 strong{
    font-size:15px!important;
    line-height:1.25!important;
  }
  .launch-v5 [data-view-panel="explore"] .explore-empty-v2 p{
    margin-top:5px!important;
    font-size:11px!important;
    line-height:1.4!important;
  }
}



/* =========================================================
   W18.357 — MOBILE CREATE + SOCIAL PREVIEW SCROLL STABILITY
   iOS Safari: keep Create inside the visual viewport while the
   keyboard is open and avoid sticky/janky drags over a TikTok card.
   ========================================================= */
@media(max-width:820px){
  .launch-v5 #create-sheet .create-card{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    scroll-behavior:auto!important;
  }
  body.create-keyboard-open.launch-v5 #create-sheet .create-card,
  body.create-keyboard-open #create-sheet .create-card{
    top:var(--create-visual-top,0px)!important;
    bottom:auto!important;
    height:var(--create-visual-height,100dvh)!important;
    max-height:var(--create-visual-height,100dvh)!important;
  }
  .launch-v5 #create-sheet input:not([type="file"]):not([type="checkbox"]),
  .launch-v5 #create-sheet textarea{
    scroll-margin-top:78px;
    scroll-margin-bottom:18px;
  }
  .launch-v5 #create-sheet .social-video-composer,
  .launch-v5 #create-sheet .social-video-compose-preview,
  .launch-v5 #create-sheet .mmc-social-video-card.is-composer{
    touch-action:pan-y!important;
  }
  .launch-v5 #create-sheet .mmc-social-video-thumb{
    pointer-events:none;
  }
}


/* =========================================================
   W18.358 — HOME SCREEN INSTALL AFFORDANCE
   Distinct from Create: coded app-tile + green badge, visible in
   the mobile top bar with a simple platform-aware install sheet.
   ========================================================= */
.launch-v5 .home-install-trigger{
  position:relative;
  color:#11110f;
  background:transparent;
}
.launch-v5 .home-install-trigger .home-install-glyph{
  width:25px!important;
  height:25px!important;
  overflow:visible;
}
.launch-v5 .home-install-glyph .home-install-tile{
  fill:none!important;
  stroke:#11110f!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.launch-v5 .home-install-glyph .home-install-badge{
  fill:#6BB346!important;
  stroke:#fff!important;
  stroke-width:1.45!important;
}
.launch-v5 .home-install-glyph .home-install-plus{
  fill:none!important;
  stroke:#fff!important;
  stroke-width:1.65!important;
  stroke-linecap:round!important;
}
.launch-v5 .home-install-trigger:active{transform:scale(.93)!important}
.launch-v5 .drawer-home-install{color:#4f8d36!important;font-weight:750!important}

.launch-v5 .home-install-card{
  width:min(430px,calc(100% - 28px));
  overflow:hidden;
}
.launch-v5 .home-install-body{
  padding:31px 25px 23px;
  text-align:left;
}
.launch-v5 .home-install-hero{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  margin:0 0 19px;
  border:1px solid #e8e7e2;
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 24px rgba(17,17,15,.07);
}
.launch-v5 .home-install-hero .home-install-glyph{width:38px;height:38px;overflow:visible}
.launch-v5 .home-install-kicker{
  margin:0 0 7px;
  color:#5f9f43;
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:.16em;
}
.launch-v5 .home-install-body h2{
  margin:0;
  color:#11110f;
  font-size:28px;
  line-height:1.02;
  font-weight:800;
  letter-spacing:-.05em;
}
.launch-v5 .home-install-intro{
  margin:10px 0 20px;
  color:#77746e;
  font-size:13px;
  line-height:1.45;
}
.launch-v5 .home-install-browser-note{
  margin:0 0 11px;
  padding:11px 12px;
  border:1px solid #e5eadf;
  border-radius:13px;
  background:#fafcf8;
  color:#6b6963;
  font-size:11px;
  line-height:1.4;
}
.launch-v5 .home-install-browser-note strong{color:#355f29}
.launch-v5 .home-install-steps{
  border-top:1px solid #eceae5;
}
.launch-v5 .home-install-step{
  min-height:72px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 38px;
  gap:11px;
  align-items:center;
  border-bottom:1px solid #eceae5;
}
.launch-v5 .home-install-step>b{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f2f2ee;
  color:#67645e;
  font-size:11px;
  font-weight:800;
}
.launch-v5 .home-install-step>span:nth-child(2){display:grid;gap:3px;min-width:0}
.launch-v5 .home-install-step strong{font-size:12px;line-height:1.2;color:#171714}
.launch-v5 .home-install-step small{font-size:10px;line-height:1.35;color:#8d8a84}
.launch-v5 .home-install-step-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  justify-self:end;
  color:#11110f;
}
.launch-v5 .home-install-step-icon .home-install-glyph{width:27px;height:27px;overflow:visible}
.launch-v5 .home-install-share-icon svg{width:25px;height:25px;stroke:#11110f;stroke-width:1.7}
.launch-v5 .home-install-step-word{
  justify-self:end;
  color:#5d9e42;
  font-size:12px;
  font-weight:800;
}
.launch-v5 .home-install-step-dots{
  justify-self:end;
  color:#11110f;
  font-size:25px;
  line-height:1;
}
.launch-v5 .home-install-native,
.launch-v5 .home-install-done{
  width:100%;
  min-height:50px;
  margin-top:18px;
  border:0;
  border-radius:999px;
  font:800 13px/1 Gotham,-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;
  cursor:pointer;
}
.launch-v5 .home-install-native{background:#11110f;color:#fff;margin-bottom:3px}
.launch-v5 .home-install-native:disabled{opacity:.5}
.launch-v5 .home-install-done{background:#f1f1ed;color:#11110f}
.launch-v5 .home-install-native:active,
.launch-v5 .home-install-done:active{transform:scale(.985)}
.launch-v5 .home-install-foot{
  display:block;
  margin-top:10px;
  color:#a09d97;
  font-size:9px;
  line-height:1.4;
  text-align:center;
}
@media(max-width:820px){
  .launch-v5 .mobile-topbar .home-install-trigger{width:38px;height:38px}
  .launch-v5 .home-install-card{
    width:100%;
    max-height:calc(94dvh - var(--safe-top));
    border-radius:22px 22px 0 0;
  }
  .launch-v5 .home-install-body{
    padding:24px 20px calc(20px + var(--safe-bottom));
  }
  .launch-v5 .home-install-hero{width:60px;height:60px;margin-bottom:17px;border-radius:19px}
  .launch-v5 .home-install-hero .home-install-glyph{width:36px;height:36px}
  .launch-v5 .home-install-body h2{font-size:26px}
  .launch-v5 .home-install-intro{font-size:12px;margin-bottom:17px}
  .launch-v5 .home-install-step{min-height:68px}
}
@media(display-mode:standalone){
  .launch-v5 .home-install-trigger,
  .launch-v5 .drawer-home-install{display:none!important}
}

/* =========================================================
   W18.359 — IPHONE HOME SCREEN INSTALL CLARITY
   Match the Safari flow the user actually sees: open the Page
   Menu beside the domain, then Share -> Add to Home Screen.
   Keep the guide visual without making instruction icons look
   like tappable controls inside MR MATCHA CLUB.
   ========================================================= */
.launch-v5 .home-install-steps--ios .home-install-step{
  grid-template-columns:30px minmax(0,1fr);
}
.launch-v5 .home-install-steps--ios .home-install-step-domain{
  color:#56534e;
  font-weight:700;
}
.launch-v5 .home-install-safari-cue{
  position:relative;
  margin:8px 0 9px 41px;
  padding-top:25px;
  max-width:260px;
}
.launch-v5 .home-install-safari-tap{
  position:absolute;
  top:0;
  left:1px;
  color:#5b9f3f;
  font-size:8px;
  line-height:1;
  font-weight:850;
  letter-spacing:.13em;
}
.launch-v5 .home-install-safari-arrow{
  position:absolute;
  top:9px;
  left:18px;
  color:#5b9f3f;
  font-size:15px;
  line-height:1;
  font-weight:800;
}
.launch-v5 .home-install-safari-bar{
  min-height:44px;
  display:grid;
  grid-template-columns:39px minmax(0,1fr) 39px;
  align-items:center;
  padding:4px;
  border-radius:15px;
  background:#81827f;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 5px 14px rgba(17,17,15,.08);
}
.launch-v5 .home-install-safari-menu{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:#fff;
  background:rgba(255,255,255,.10);
  box-shadow:0 0 0 2px #6BB346,0 0 0 5px rgba(107,179,70,.18);
}
.launch-v5 .home-install-safari-menu svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.launch-v5 .home-install-safari-domain{
  justify-self:center;
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.01em;
}
.launch-v5 .home-install-share-label{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.launch-v5 .home-install-share-label svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:380px){
  .launch-v5 .home-install-safari-cue{max-width:230px}
}


/* =========================================================
   W18.383 — SHARE A POUR MOBILE INPUT / KEYBOARD STABILITY
   One scroll owner, no surprise keyboard on Manual, and enough
   breathing room to keep the active field clear of iOS keyboard.
   ========================================================= */
@media(max-width:820px){
  .launch-v5 #create-sheet .create-card{
    scroll-padding-top:78px!important;
    scroll-padding-bottom:28px!important;
  }
  body.create-keyboard-open .launch-v5 #create-sheet .create-form,
  body.create-keyboard-open #create-sheet .create-form{
    padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))!important;
  }
  .launch-v5 #create-sheet .pour-manual-fields label,
  .launch-v5 #create-sheet .cafe-request-panel label{
    scroll-margin-top:78px;
    scroll-margin-bottom:24px;
  }
  .launch-v5 #create-sheet textarea[name="caption"]{
    min-height:96px;
    resize:none;
  }
}


/* =========================================================
   W18.411 — QR CAFÉ ACTION ROW ALIGNMENT POLISH
   Mobile café profiles are a QR landing surface. Keep the
   three primary actions on one strict grid, give every tap
   target the same geometry, and let Ask MR MATCHA lead with
   brand color without becoming visually oversized.
   ========================================================= */
@media (max-width:820px){
  .launch-v5 .cafe-profile-v2 .cafe-primary-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:8px!important;
    margin:10px 0 0!important;
  }

  .launch-v5 .cafe-profile-v2 .cafe-primary-actions .cafe-action{
    width:100%!important;
    min-width:0!important;
    height:64px!important;
    min-height:64px!important;
    margin:0!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border:1px solid #e5e3dc!important;
    border-radius:18px!important;
    background:#fff!important;
    color:#11110f!important;
    box-shadow:0 1px 0 rgba(17,17,15,.025)!important;
    text-align:center!important;
    text-decoration:none!important;
    line-height:1!important;
    -webkit-tap-highlight-color:transparent;
    transition:transform .12s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease!important;
  }

  .launch-v5 .cafe-profile-v2 .cafe-primary-actions .cafe-action svg{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    flex:0 0 20px!important;
    display:block!important;
    margin:0!important;
    stroke-width:1.8!important;
  }

  .launch-v5 .cafe-profile-v2 .cafe-primary-actions .cafe-action b{
    display:block!important;
    min-width:0!important;
    margin:0!important;
    color:inherit!important;
    font-size:clamp(9.5px,2.75vw,11px)!important;
    line-height:1!important;
    font-weight:780!important;
    letter-spacing:-.015em!important;
    white-space:nowrap!important;
  }

  .launch-v5 .cafe-profile-v2 .cafe-primary-actions .cafe-action small{
    display:none!important;
  }

  .launch-v5 .cafe-profile-v2 .cafe-primary-actions .cafe-action--primary{
    border-color:#6BB346!important;
    background:#6BB346!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(82,145,54,.15)!important;
  }

  .launch-v5 .cafe-profile-v2 .cafe-primary-actions .cafe-action--primary .ask-ai-mark--cafe{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    flex:0 0 20px!important;
    margin:0!important;
    color:#fff!important;
    -webkit-mask-size:136% 136%!important;
    mask-size:136% 136%!important;
    -webkit-mask-position:center!important;
    mask-position:center!important;
    transform:translateY(-1px)!important;
  }

  .launch-v5 .cafe-profile-v2 .cafe-primary-actions .cafe-action:active{
    transform:scale(.985)!important;
  }
  .launch-v5 .cafe-profile-v2 .cafe-primary-actions .cafe-action--primary:active{
    background:#5fa93f!important;
    border-color:#5fa93f!important;
    box-shadow:0 4px 12px rgba(82,145,54,.12)!important;
  }
  .launch-v5 .cafe-profile-v2 .cafe-primary-actions .cafe-action:focus-visible{
    outline:2px solid rgba(17,17,15,.72)!important;
    outline-offset:2px!important;
  }
  .launch-v5 .cafe-profile-v2 .cafe-primary-actions .cafe-action--primary:focus-visible{
    outline-color:#4f9634!important;
  }
}

@media (max-width:370px){
  .launch-v5 .cafe-profile-v2 .cafe-primary-actions{
    gap:6px!important;
  }
  .launch-v5 .cafe-profile-v2 .cafe-primary-actions .cafe-action{
    height:60px!important;
    min-height:60px!important;
    padding:0 7px!important;
    gap:6px!important;
    border-radius:16px!important;
  }
  .launch-v5 .cafe-profile-v2 .cafe-primary-actions .cafe-action svg,
  .launch-v5 .cafe-profile-v2 .cafe-primary-actions .cafe-action--primary .ask-ai-mark--cafe{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    flex-basis:18px!important;
  }
  .launch-v5 .cafe-profile-v2 .cafe-primary-actions .cafe-action b{
    font-size:9.2px!important;
  }
}

/* =========================================================
   W18.412 — MOBILE QR ASK CTA TEXT-ONLY ALIGNMENT
   QR café landing pages: remove the Ask identity mark only
   inside the green primary action on mobile so the longer
   label can sit optically centered. Desktop stays unchanged.
   ========================================================= */
@media (max-width:820px){
  .launch-v5 .cafe-profile-v2 .cafe-primary-actions .cafe-action--primary{
    gap:0!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .launch-v5 .cafe-profile-v2 .cafe-primary-actions .cafe-action--primary .ask-ai-mark--cafe{
    display:none!important;
  }
  .launch-v5 .cafe-profile-v2 .cafe-primary-actions .cafe-action--primary b{
    width:100%!important;
    text-align:center!important;
  }
}

/* =========================================================
   W18.417 — JUST DROPPED COVER FALLBACK CONSISTENCY
   Real café post photo remains the cover when supplied.
   No-photo fallback uses one quiet MR MATCHA light "NEW" tile
   across Explore + café profile instead of a black block.
   ========================================================= */
.launch-v5 .launch-strip-mark,
.launch-v5 .new-pour-mark{
  display:grid!important;
  place-items:center!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:#F5F5F5!important;
  color:#11110f!important;
  border:0!important;
  box-shadow:none!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

/* Match the same soft card language on both discovery surfaces. */
.launch-v5 .launch-strip-mark{
  border-radius:15px!important;
}
.launch-v5 .new-pour-mark{
  border-radius:16px!important;
}

@media(max-width:820px){
  .launch-v5 .launch-strip-mark,
  .launch-v5 .new-pour-mark{
    font-size:10.5px!important;
    letter-spacing:.13em!important;
  }
}

/* =========================================================
   W18.425 — COMMUNITY POUR FEED MICRO-POLISH
   Regular Pour card only: clearer order/café hierarchy and a
   compact rating invitation. The actual rating, pending-café,
   and open-sheet behaviors are unchanged.
   ========================================================= */
.launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .live-pour-preview{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-height:0!important;
  margin-top:12px!important;
  padding:15px 16px 13px!important;
  border:1px solid #e8e7e2!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
  text-align:left!important;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease;
}
.launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .live-pour-preview:focus-visible{
  outline:2px solid #6BB346!important;
  outline-offset:3px!important;
}
@media(hover:hover){
  .launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .live-pour-preview:hover{
    border-color:#cdddc5!important;
    background:#fdfefd!important;
  }
}
.launch-v5 .real-community-post .live-pour-preview .pour-kicker-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 9px!important;
}
.launch-v5 .real-community-post .live-pour-preview .pour-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:5px!important;
  min-width:0;
  margin:0!important;
}
.launch-v5 .real-community-post .live-pour-preview .pour-copy > strong{
  display:block;
  margin:0!important;
  color:#161614!important;
  font-size:clamp(17px,2vw,20px)!important;
  line-height:1.22!important;
  font-weight:800!important;
  letter-spacing:-.032em!important;
  overflow-wrap:anywhere;
}
.launch-v5 .real-community-post .live-pour-preview .pour-order-summary{
  display:block;
  margin:0!important;
  color:#6f6d68!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:500!important;
  overflow-wrap:anywhere;
}
.launch-v5 .real-community-post .live-pour-preview .pour-cafe-line{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  column-gap:8px!important;
  row-gap:5px!important;
  min-width:0;
  margin:0!important;
  line-height:1.4!important;
}
.launch-v5 .real-community-post .live-pour-preview .pour-cafe-name{
  min-width:0;
  color:#6a6862!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:650!important;
  overflow-wrap:anywhere;
}
.launch-v5 .real-community-post .live-pour-preview .pour-cafe-pending{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content;
  max-width:100%;
  min-height:20px;
  padding:3px 8px!important;
  border:1px solid #e6e5df;
  border-radius:999px;
  background:#f5f5f5!important;
  color:#7b7973!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:650!important;
  letter-spacing:0!important;
  white-space:nowrap;
}
.launch-v5 .real-community-post .live-pour-preview .view-order{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%;
  min-height:29px;
  margin:11px 0 0!important;
  padding:11px 0 0!important;
  border-top:1px solid #efefeb!important;
  color:#5fa43b!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  font-weight:750!important;
  letter-spacing:-.01em!important;
}
.launch-v5 .real-community-post .live-pour-preview .view-order b{
  flex:0 0 auto;
  margin:0 0 0 10px!important;
  font-size:16px!important;
  line-height:1!important;
}
.launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .cup-trust-line{
  min-height:0!important;
  margin-top:10px!important;
  margin-bottom:0!important;
  padding:0 2px!important;
  color:#85817a!important;
  font-size:11px!important;
  line-height:1.4!important;
}
.launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .cup-trust-line .cup-stat-trigger{
  min-height:27px;
  color:#77746e!important;
  text-align:left;
}
.launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .cup-vote-trigger.is-compact{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:48px!important;
  margin-top:5px!important;
  margin-bottom:4px!important;
  padding:10px 13px!important;
  border:1px solid #e7e6e1!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  text-align:left!important;
}
.launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .cup-vote-trigger.is-compact span{
  min-width:0;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:750!important;
  letter-spacing:-.015em!important;
}
.launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .cup-vote-trigger.is-compact b{
  flex:0 0 auto;
  color:#5fa43b!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:800!important;
  white-space:nowrap;
}
.launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .cup-vote-trigger.is-compact:focus-visible{
  outline:2px solid #6BB346!important;
  outline-offset:2px!important;
}
@media(max-width:620px){
  .launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .live-pour-preview{
    padding:13px 14px 11px!important;
    border-radius:16px!important;
  }
  .launch-v5 .real-community-post .live-pour-preview .pour-copy > strong{font-size:17px!important}
  .launch-v5 .real-community-post .live-pour-preview .pour-cafe-name{font-size:11.5px!important}
  .launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .cup-vote-trigger.is-compact{
    padding:10px 12px!important;
    border-radius:13px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .live-pour-preview{transition:none!important}
}


/* =========================================================
   W18.429 — POUR VIDEO THUMBNAIL / MR MATCHA CLUB
   Reuse the established thumbnail proxy + fallback. Keep the
   original Pour photo and exact-order card primary, then a
   compact video preview underneath on the same content rail.
   ========================================================= */
.launch-v5 .real-community-post > .mmc-social-video-card.mmc-pour-video-card{
  display:flex;
  align-items:center;
  gap:13px;
  width:calc(100% - 52px)!important;
  max-width:600px!important;
  min-height:108px;
  margin:8px 0 10px 52px!important;
  padding:9px 12px;
  border:1px solid #e9e9e5;
  border-radius:17px;
  background:#fbfbfa;
  box-shadow:none;
  text-decoration:none;
}
.launch-v5 .real-community-post > .mmc-pour-video-card .mmc-social-video-media{
  flex:0 0 100px;
  width:100px;
  height:90px;
  border-radius:12px;
}
.launch-v5 .real-community-post > .mmc-pour-video-card .mmc-social-video-copy{
  min-width:0;
  gap:4px;
}
.launch-v5 .real-community-post > .mmc-pour-video-card .mmc-social-video-copy small{
  color:#777670;
  font-size:9px;
  line-height:1.2;
  letter-spacing:.08em;
}
.launch-v5 .real-community-post > .mmc-pour-video-card .mmc-social-video-copy strong{
  color:#151513;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.02em;
  white-space:normal;
}
.launch-v5 .real-community-post > .mmc-pour-video-card .mmc-social-video-copy span{
  color:#827f77;
  font-size:10px;
  line-height:1.25;
}
.launch-v5 .real-community-post > .mmc-pour-video-card > b{
  margin-left:auto;
  color:#6BB346;
  font-size:18px;
}
.launch-v5 .mmc-pour-video-card:focus-visible{
  outline:2px solid #6BB346;
  outline-offset:2px;
}
@media(hover:hover){
  .launch-v5 .mmc-social-video-card.mmc-pour-video-card:hover{
    background:#f7f9f5;
    border-color:#cdddc5;
  }
}
@media(max-width:820px){
  .launch-v5 .real-community-post > .mmc-social-video-card.mmc-pour-video-card{
    width:min(calc(100% - 18px),350px)!important;
    max-width:350px!important;
    box-sizing:border-box!important;
    margin:8px auto 10px!important;
    gap:11px;
    padding:9px;
    border-radius:16px;
  }
  .launch-v5 .real-community-post > .mmc-pour-video-card .mmc-social-video-media{
    flex:0 0 96px;
    width:96px;
    height:88px;
  }
  .launch-v5 .real-community-post > .mmc-pour-video-card .mmc-social-video-copy strong{
    font-size:13px;
  }
}
/* The same link is used in the Pour sheet and the reply thread. */
.launch-v5 .pour-sheet-social .mmc-social-video-card.mmc-pour-video-card,
.launch-v5 .thread-root-post .mmc-social-video-card.mmc-pour-video-card{
  max-width:100%;
  margin-top:10px;
  margin-bottom:10px;
}
@media(prefers-reduced-motion:reduce){
  .mmc-social-video-card.mmc-pour-video-card,
  .mmc-social-video-card.mmc-pour-video-card .mmc-social-video-thumb{
    transition:none!important;
  }
}


/* W18.430 — Share form: explicit, persistent submission feedback. */
.launch-v5 .share-submit-status{
  display:block; margin:0 0 8px; padding:11px 13px;
  border:1px solid #ebc6c0; border-radius:12px;
  background:#fff7f5; color:#94453b;
  font-size:12px; font-weight:650; line-height:1.4;
}
.launch-v5 .share-submit-status[hidden]{display:none!important}
.launch-v5 #share-form .share-field-error{
  border-color:#bf695b!important; box-shadow:0 0 0 2px rgba(191,105,91,.10)!important;
}


/* =========================================================
   W18.440 — CAFÉ PROFILE TEXT-ONLY ASK ROW
   Two familiar utility actions, then one quiet, full-width AI
   entry point. Reuses the existing café-context Ask URL.
   ========================================================= */
.launch-v5 .cafe-profile-v2 .cafe-primary-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch;
}
.launch-v5 .cafe-profile-v2 .cafe-ask-row{
  display:flex;
  box-sizing:border-box;
  width:100%;
  min-height:62px;
  margin:9px 0 0;
  padding:12px 16px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:3px;
  border:1px solid #e8e7e1;
  border-radius:16px;
  background:#fff;
  color:#11110f;
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
  transition:border-color .16s ease,background .16s ease;
}
.launch-v5 .cafe-profile-v2 .cafe-ask-row strong{
  display:block;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.02em;
}
.launch-v5 .cafe-profile-v2 .cafe-ask-row span{
  display:block;
  color:#77746e;
  font-size:11px;
  line-height:1.35;
  font-weight:450;
}
@media(hover:hover){
  .launch-v5 .cafe-profile-v2 .cafe-ask-row:hover{
    border-color:#cfdac9;
    background:#fbfcfa;
  }
}
.launch-v5 .cafe-profile-v2 .cafe-ask-row:active{background:#f7f9f5}
.launch-v5 .cafe-profile-v2 .cafe-ask-row:focus-visible{
  outline:2px solid #6BB346;
  outline-offset:2px;
}
@media(max-width:820px){
  .launch-v5 .cafe-profile-v2 .cafe-ask-row{
    min-height:58px;
    margin-top:8px;
    padding:11px 14px;
    border-radius:15px;
  }
  .launch-v5 .cafe-profile-v2 .cafe-ask-row strong{font-size:12px}
  .launch-v5 .cafe-profile-v2 .cafe-ask-row span{font-size:10.5px}
}
@media(prefers-reduced-motion:reduce){
  .launch-v5 .cafe-profile-v2 .cafe-ask-row{transition:none}
}


/* =========================================================
   W18.441 — QUIET EXPLORE CAFÉ SUGGESTION
   One small link after the café shelves; the request form stays
   hidden until invited. No card, icon, new navigation, or Pour.
   ========================================================= */
.launch-v5 .explore-cafe-suggest{
  width:100%;
  box-sizing:border-box;
  margin:26px 0 18px;
  padding:22px 0 4px;
  border-top:1px solid #ecebe7;
  text-align:center;
}
.launch-v5 .explore-cafe-suggest.is-empty{margin-top:12px;padding-top:15px}
.launch-v5 .explore-cafe-suggest-prompt{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:5px 10px;
  line-height:1.5;
}
.launch-v5 .explore-cafe-suggest-prompt span{
  color:#77746e;
  font-size:12px;
  font-weight:450;
}
.launch-v5 .explore-cafe-suggest-prompt button{
  border:0;
  padding:5px 2px;
  background:transparent;
  color:#4d902f;
  font-family:inherit;
  font-size:12px;
  font-weight:700;
  line-height:1.4;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.launch-v5 .explore-cafe-suggest-prompt button:hover{text-decoration:underline}
.launch-v5 .explore-cafe-suggest-prompt button:focus-visible,
.launch-v5 .explore-cafe-suggest-form button:focus-visible,
.launch-v5 .explore-cafe-suggest-form input:focus-visible{
  outline:2px solid #6BB346;
  outline-offset:2px;
}
.launch-v5 .explore-cafe-suggest-form{
  display:grid;
  gap:11px;
  width:min(100%,420px);
  margin:14px auto 0;
  padding:18px;
  border:1px solid #e8e7e1;
  border-radius:17px;
  background:#fff;
  text-align:left;
  box-sizing:border-box;
}
.launch-v5 .explore-cafe-suggest-form[hidden]{display:none!important}
.launch-v5 .explore-cafe-suggest-form label{
  display:grid;
  gap:5px;
  color:#56544f;
  font-size:11px;
  font-weight:700;
}
.launch-v5 .explore-cafe-suggest-form input{
  box-sizing:border-box;
  display:block;
  width:100%;
  min-height:44px;
  border:1px solid #deddd8;
  border-radius:11px;
  padding:0 12px;
  color:#171714;
  background:#fff;
  font:500 16px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;
}
.launch-v5 .explore-cafe-suggest-actions{display:flex;gap:9px;align-items:center}
.launch-v5 .explore-cafe-suggest-actions button{
  min-height:42px;
  padding:0 14px;
  border:1px solid #171714;
  border-radius:11px;
  background:#171714;
  color:#fff;
  font:700 12px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;
  cursor:pointer;
}
.launch-v5 .explore-cafe-suggest-actions button:disabled{opacity:.55;cursor:wait}
.launch-v5 .explore-cafe-suggest-actions [data-cafe-suggest-cancel]{
  background:transparent;
  border-color:transparent;
  color:#77746e;
}
.launch-v5 .explore-cafe-suggest-status{
  min-height:0;
  margin:8px 0 0;
  color:#66645e;
  font-size:11px;
  line-height:1.4;
}
.launch-v5 .explore-cafe-suggest-status:empty{display:none}
@media(max-width:620px){
  .launch-v5 .explore-cafe-suggest{margin-top:23px;padding-top:17px}
  .launch-v5 .explore-cafe-suggest-prompt{flex-direction:column;gap:0}
  .launch-v5 .explore-cafe-suggest-form{padding:15px;border-radius:15px}
}

/* W18.466 — THE PICK: premium neutral editorial card, café-profile type rhythm.
   Scoped strictly to THE PICK inside community posts. The index.php page has
   later inline rules for the same card, so explicit overrides are intentional.
   Do not affect owner Drops, user Posts, ordinary café profiles, or the link. */
.launch-v5 .real-community-post > .mmc-the-pick-card{
  background:#F5F5F5!important;
  border:1px solid #E7E7E7!important;
  border-radius:18px!important;
  box-shadow:none!important;
  padding:18px 19px 16px!important;
  margin-top:10px!important;
  margin-bottom:12px!important;
  color:#111111!important;
}
.launch-v5 .real-community-post > .mmc-the-pick-card .mmc-the-pick-kicker{
  color:#4E8E37!important;
  font-family:Gotham,Arial,sans-serif!important;
  font-weight:700!important;
  font-size:10px!important;
  line-height:1.3!important;
  letter-spacing:.09em!important;
}
.launch-v5 .real-community-post > .mmc-the-pick-card .mmc-the-pick-headline{
  color:#111111!important;
  font-family:Gotham,Arial,sans-serif!important;
  font-size:25px!important;
  font-weight:700!important;
  line-height:1.11!important;
  letter-spacing:-.038em!important;
  margin:7px 0 10px!important;
}
.launch-v5 .real-community-post > .mmc-the-pick-card .mmc-the-pick-drink{
  color:#111111!important;
  font-family:Gotham,Arial,sans-serif!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.29!important;
  letter-spacing:-.02em!important;
}
.launch-v5 .real-community-post > .mmc-the-pick-card .mmc-the-pick-cafe{
  color:#477E34!important;
  font-family:Gotham,Arial,sans-serif!important;
  font-size:12.5px!important;
  font-weight:700!important;
  line-height:1.4!important;
  min-height:44px!important;
  margin:3px 0 0!important;
}
.launch-v5 .real-community-post > .mmc-the-pick-card .mmc-the-pick-city{
  color:#777777!important;
  font-weight:400!important;
}
.launch-v5 .real-community-post > .mmc-the-pick-card .mmc-the-pick-reason{
  color:#454545!important;
  font-family:Gotham,Arial,sans-serif!important;
  font-size:12.8px!important;
  font-weight:400!important;
  line-height:1.5!important;
  margin:7px 0 10px!important;
}
.launch-v5 .real-community-post > .mmc-the-pick-card .mmc-the-pick-disclosure{
  color:#777777!important;
  font-family:Gotham,Arial,sans-serif!important;
  font-size:10.5px!important;
  font-weight:400!important;
  line-height:1.45!important;
}
@media(min-width:821px){
  .launch-v5 .real-community-post > .mmc-the-pick-card{
    padding:20px 22px 18px!important;
  }
  .launch-v5 .real-community-post > .mmc-the-pick-card .mmc-the-pick-headline{
    font-size:26px!important;
  }
  .launch-v5 .real-community-post > .mmc-the-pick-card .mmc-the-pick-drink{
    font-size:19px!important;
  }
  .launch-v5 .real-community-post > .mmc-the-pick-card .mmc-the-pick-reason{
    font-size:13px!important;
  }
}
@media(max-width:620px){
  .launch-v5 .real-community-post > .mmc-the-pick-card{
    padding:16px!important;
    border-radius:17px!important;
  }
  .launch-v5 .real-community-post > .mmc-the-pick-card .mmc-the-pick-headline{
    font-size:23px!important;
  }
  .launch-v5 .real-community-post > .mmc-the-pick-card .mmc-the-pick-drink{
    font-size:17px!important;
  }
}


/* =========================================================
   W18.467 — EXPLORE / ASK MR MATCHA VISUAL CONSISTENCY
   Match the approved N7 café-profile design language: neutral
   #F5F5F5 surface, Gotham text, matte-black CTA, quiet green accent.
   Explore-only. No HTML, JS, navigation, searches or data changes.
   ========================================================= */
.launch-v5 [data-view-panel="explore"] .ask-mr-matcha-teaser{
  background:#F5F5F5!important;
  background-image:none!important;
  border:1px solid #E7E7E7!important;
  border-radius:19px!important;
  box-shadow:none!important;
  margin:10px 0 20px!important;
  padding:16px 18px 15px!important;
  color:#111111!important;
}
.launch-v5 [data-view-panel="explore"] .ask-mr-matcha-glow{
  display:none!important;
}
.launch-v5 [data-view-panel="explore"] .ask-mr-matcha-copy{
  gap:13px!important;
}
.launch-v5 [data-view-panel="explore"] .ask-mr-matcha-copy h2{
  color:#111111!important;
  font-family:Gotham,Arial,sans-serif!important;
  font-size:27px!important;
  font-weight:700!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
}
.launch-v5 [data-view-panel="explore"] .ask-mr-matcha-copy p{
  margin-top:7px!important;
  color:#555555!important;
  font-family:Gotham,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.48!important;
}
.launch-v5 [data-view-panel="explore"] .ask-mr-matcha-prompts{
  gap:8px!important;
  margin-top:12px!important;
  padding:2px 1px 5px!important;
  scroll-snap-type:x proximity;
}
.launch-v5 [data-view-panel="explore"] .ask-mr-matcha-prompts span{
  flex:0 0 auto!important;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  max-width:min(310px,80vw);
  padding:8px 12px!important;
  border:1px solid #DEDEDE!important;
  border-radius:999px!important;
  background:#FFFFFF!important;
  color:#454545!important;
  box-shadow:none!important;
  font-family:Gotham,Arial,sans-serif!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.25!important;
  scroll-snap-align:start;
}
.launch-v5 [data-view-panel="explore"] .ask-mr-matcha-note{
  margin-top:7px!important;
  color:#777777!important;
  font-size:10px!important;
  line-height:1.4!important;
}
.launch-v5 [data-view-panel="explore"] .ask-mr-matcha-footer{
  margin-top:10px!important;
  padding-top:10px!important;
  border-top-color:#E1E1E1!important;
}
.launch-v5 [data-view-panel="explore"] .ask-mr-matcha-powered{
  color:#777777!important;
  font-size:9.5px!important;
}
.launch-v5 [data-view-panel="explore"] .ask-mr-matcha-open{
  min-height:37px!important;
  background:#111111!important;
  font-size:10.5px!important;
}
.launch-v5 [data-view-panel="explore"] .explore-search-row-v2{
  gap:10px!important;
}
@media(max-width:620px){
  .launch-v5 [data-view-panel="explore"] .ask-mr-matcha-teaser{
    margin:10px 0 19px!important;
    padding:15px 15px 13px!important;
    border-radius:18px!important;
  }
  .launch-v5 [data-view-panel="explore"] .ask-mr-matcha-copy{
    gap:10px!important;
  }
  .launch-v5 [data-view-panel="explore"] .ask-mr-matcha-copy h2{
    font-size:22px!important;
    line-height:1.1!important;
  }
  .launch-v5 [data-view-panel="explore"] .ask-mr-matcha-copy p{
    font-size:11.5px!important;
    line-height:1.44!important;
  }
  .launch-v5 [data-view-panel="explore"] .ask-mr-matcha-prompts{
    gap:8px!important;
    margin-top:12px!important;
  }
  .launch-v5 [data-view-panel="explore"] .ask-mr-matcha-prompts span{
    font-size:10px!important;
    padding:8px 11px!important;
    min-height:34px;
  }
  .launch-v5 [data-view-panel="explore"] .ask-mr-matcha-note{
    font-size:9.5px!important;
  }
  .launch-v5 [data-view-panel="explore"] .ask-mr-matcha-open{
    font-size:10px!important;
    min-height:36px!important;
  }
}


/* =========================================================
   W18.468 — SAVED / N7 CAFÉ-PROFILE VISUAL CONSISTENCY
   Visual-only Saved polish. Keep the established list layout,
   Save/Remove/Undo actions, image URLs and 44px touch targets.
   Matte black is for CAFÉ initial placeholders only.
   ========================================================= */
.launch-v5 [data-view-panel="saved"] > .section-head .eyebrow{
  color:#777777;
  font-family:Gotham,Arial,sans-serif;
  font-size:9px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.13em;
}
.launch-v5 [data-view-panel="saved"] > .section-head h1{
  color:#111111;
  font-family:Gotham,Arial,sans-serif;
  font-size:33px;
  font-weight:700;
  line-height:1.05;
  letter-spacing:-.055em;
}
.launch-v5 [data-view-panel="saved"] .saved-tabs{
  border-bottom:1px solid #E7E7E7;
  margin-bottom:8px;
}
.launch-v5 [data-view-panel="saved"] .saved-tabs > button{
  min-height:48px;
  color:#777777;
  font-family:Gotham,Arial,sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:-.015em;
}
.launch-v5 [data-view-panel="saved"] .saved-tabs > button.is-active{
  color:#111111;
}
.launch-v5 [data-view-panel="saved"] .saved-tabs > button.is-active::after{
  background:#111111;
}
.launch-v5 [data-view-panel="saved"] .saved-item{
  min-height:88px;
  padding:12px 0;
  gap:12px;
  border-bottom:1px solid #EBEBEB;
}
.launch-v5 [data-view-panel="saved"] .saved-item > img,
.launch-v5 [data-view-panel="saved"] .saved-item > .saved-thumb{
  width:64px;
  height:64px;
  border-radius:14px;
}
.launch-v5 [data-view-panel="saved"] .saved-item-cafe > .saved-thumb{
  background:#111111;
  background-image:none;
  color:#FFFFFF;
  font-family:Gotham,Arial,sans-serif;
  font-size:27px;
  font-weight:700;
  letter-spacing:-.045em;
  text-shadow:none;
}
/* Non-café missing-media initials remain neutral, not green.
   Inline social video thumbnail styles are deliberately excluded. */
.launch-v5 [data-view-panel="saved"] .saved-item:not(.saved-item-cafe) > .saved-thumb:not([style]){
  background:#F5F5F5;
  color:#111111;
  font-family:Gotham,Arial,sans-serif;
  font-size:19px;
  font-weight:700;
  letter-spacing:0;
}
.launch-v5 [data-view-panel="saved"] .saved-main{
  gap:4px!important;
  min-width:0;
}
.launch-v5 [data-view-panel="saved"] .saved-main strong{
  color:#111111;
  font-family:Gotham,Arial,sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.025em;
}
.launch-v5 [data-view-panel="saved"] .saved-main span{
  color:#666666;
  font-size:11.5px!important;
  line-height:1.4;
}
.launch-v5 [data-view-panel="saved"] .saved-main small{
  color:#777777;
  font-size:10.5px!important;
  line-height:1.4;
}
.launch-v5 [data-view-panel="saved"] .saved-item > [data-remove-saved]{
  color:#777777;
}
.launch-v5 [data-view-panel="saved"] .saved-list .empty-state{
  margin:18px auto 0;
  padding:35px 21px 32px;
  border:1px solid #E7E7E7;
  border-radius:19px;
  background:#F5F5F5;
}
.launch-v5 [data-view-panel="saved"] .saved-list .empty-state h2{
  margin:0 0 9px;
  color:#111111;
  font-family:Gotham,Arial,sans-serif;
  font-size:21px;
  font-weight:700;
  line-height:1.17;
  letter-spacing:-.04em;
}
.launch-v5 [data-view-panel="saved"] .saved-list .empty-state p{
  margin:0 auto 19px;
  max-width:300px;
  color:#666666;
  font-size:12.5px;
  line-height:1.5;
}
.launch-v5 [data-view-panel="saved"] .saved-list .empty-state .primary{
  min-height:44px;
  border-radius:999px;
  background:#111111;
  color:#FFFFFF;
  font-family:Gotham,Arial,sans-serif;
  font-size:12px;
  font-weight:700;
}
@media(max-width:430px){
  .launch-v5 [data-view-panel="saved"] > .section-head h1{
    font-size:30px;
  }
  .launch-v5 [data-view-panel="saved"] .saved-item{
    gap:10px;
  }
  .launch-v5 [data-view-panel="saved"] .saved-main strong{
    font-size:14px;
  }
  .launch-v5 [data-view-panel="saved"] .saved-tabs > button{
    font-size:11.5px;
  }
  .launch-v5 [data-view-panel="saved"] .saved-list .empty-state{
    padding:30px 18px 28px;
  }
}


/* =========================================================
   W18.469 — JOURNAL / N7 VISUAL CONSISTENCY
   Scope: Journal landing, story cards, and Journal reader only.
   Preserve cover crop, editorial italic, saved/like/share,
   submissions, moderation, and all story/navigation behavior.
   ========================================================= */
.launch-v5 [data-view-panel="journal"] .journal-hero{
  border:1px solid #E7E7E7;
  border-radius:19px;
  background:#F5F5F5;
  box-shadow:none;
}
.launch-v5 [data-view-panel="journal"] .journal-hero>div{
  background:#F5F5F5;
  padding:29px 26px 25px;
}
.launch-v5 [data-view-panel="journal"] .journal-hero .eyebrow{
  font-family:Gotham,Arial,sans-serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:.15em;
}
.launch-v5 [data-view-panel="journal"] .journal-hero h1{
  color:#111111;
  font-family:Gotham,Arial,sans-serif;
  font-size:clamp(35px,3.6vw,44px);
  font-weight:700;
  line-height:1.05;
  letter-spacing:-.055em;
  margin:10px 0 13px;
}
/* Keep Noe Display Italic as Journal's existing editorial accent. */
.launch-v5 [data-view-panel="journal"] .journal-hero h1 em{
  font-family:"Noe Display",Georgia,serif;
  font-style:italic;
  font-weight:400;
  letter-spacing:-.04em;
}
.launch-v5 [data-view-panel="journal"] .journal-hero>div>p:not(.eyebrow){
  color:#545454;
  font-size:13px;
  line-height:1.5;
}
.launch-v5 [data-view-panel="journal"] .journal-hero .primary{
  min-height:44px;
  background:#111111;
  color:#FFFFFF;
  font-family:Gotham,Arial,sans-serif;
  font-size:12px;
  font-weight:700;
}
.launch-v5 [data-view-panel="journal"] .journal-hero>div>small{
  color:#777777;
  font-size:10px;
  line-height:1.4;
}
.launch-v5 [data-view-panel="journal"] .block-head{
  gap:10px;
  align-items:baseline;
  margin-top:26px;
  margin-bottom:12px;
}
.launch-v5 [data-view-panel="journal"] .block-head h2{
  color:#111111;
  font-family:Gotham,Arial,sans-serif;
  font-size:22px;
  font-weight:700;
  line-height:1.15;
  letter-spacing:-.045em;
}
.launch-v5 [data-view-panel="journal"] .block-head .block-note{
  color:#777777;
  font-size:10.5px;
  line-height:1.35;
  letter-spacing:0;
  text-align:right;
}
.launch-v5 [data-view-panel="journal"] .story-list{
  border-top-color:#E7E7E7;
}
.launch-v5 [data-view-panel="journal"] .real-story-card{
  padding-top:16px;
  padding-bottom:16px;
  border-bottom:1px solid #E7E7E7;
}
.launch-v5 [data-view-panel="journal"] .story-open>div{
  min-width:0;
  gap:5px;
}
.launch-v5 [data-view-panel="journal"] .story-open>div>span{
  font-family:Gotham,Arial,sans-serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:.11em;
}
.launch-v5 [data-view-panel="journal"] .story-open>div>strong{
  color:#111111;
  font-family:Gotham,Arial,sans-serif;
  font-size:16px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.03em;
  overflow-wrap:anywhere;
}
.launch-v5 [data-view-panel="journal"] .story-open>div>p{
  color:#5D5D5D;
  font-size:12px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.launch-v5 [data-view-panel="journal"] .story-open>div>small{
  color:#777777;
  font-size:10.5px;
  line-height:1.4;
  letter-spacing:0;
}
.launch-v5 [data-view-panel="journal"] .story-open>div>small .mmc-author-name{
  color:#666666;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:0;
}
/* Journal fallback is neutral. Actual cover images retain their crop. */
.launch-v5 [data-view-panel="journal"] .story-open>.story-thumb:not(img){
  background:#F5F5F5;
  color:#111111;
  font-family:Gotham,Arial,sans-serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:.09em;
}
/* Reader matches typography without altering paragraphs or photo placement. */
.launch-v5 #story-reader-sheet .sheet-body #story-reader-title{
  font-family:Gotham,Arial,sans-serif;
  font-size:clamp(26px,4.5vw,35px);
  font-weight:700;
  line-height:1.12;
  letter-spacing:-.045em;
  color:#111111;
}
.launch-v5 #story-reader-sheet .story-reader-excerpt{
  color:#555555;
  line-height:1.6;
}
.launch-v5 #story-reader-sheet .story-reader-copy{
  color:#2A2A2A;
  line-height:1.78;
}
@media(max-width:820px){
  .launch-v5 [data-view-panel="journal"] .journal-hero>div{
    padding:24px 21px 22px;
  }
  .launch-v5 [data-view-panel="journal"] .journal-hero h1{
    font-size:37px;
  }
}
@media(max-width:430px){
  .launch-v5 [data-view-panel="journal"] .journal-hero h1{
    font-size:34px;
  }
  .launch-v5 [data-view-panel="journal"] .block-head{
    align-items:flex-start;
  }
  .launch-v5 [data-view-panel="journal"] .block-head h2{
    font-size:20px;
  }
  .launch-v5 [data-view-panel="journal"] .block-head .block-note{
    font-size:9.5px;
    max-width:115px;
  }
  .launch-v5 [data-view-panel="journal"] .story-open>div>strong{
    font-size:14.5px;
  }
  .launch-v5 [data-view-panel="journal"] .story-open>div>p{
    font-size:11px;
  }
}

/* =========================================================
   W18.470 — RECENT + TRENDING / N7 VISUAL CONSISTENCY
   No changes to card templates, feed logic, photo geometry,
   verified badges, THE PICK, offers, or user interactions.
   ========================================================= */
/* Keep public social copy crisp while preserving the existing
   natural-ratio photo handling and desktop post alignment. */
.launch-v5 #community-feed-live .real-community-post .post-copy,
.launch-v5 #trending-feed-live .real-community-post .post-copy{
  color:#242424;
  line-height:1.54;
}
.launch-v5 #community-feed-live .real-community-post .meta-copy>span,
.launch-v5 #trending-feed-live .real-community-post .meta-copy>span{
  color:#747474!important;
}

/* Trending drinks and posts share one editorial heading rhythm. */
.launch-v5 [data-feed-panel="trending"] .trending-simple-head{
  align-items:center;
  gap:12px;
  padding-top:21px;
  padding-bottom:13px;
}
.launch-v5 [data-feed-panel="trending"] .trending-simple-head strong{
  font-family:Gotham,Arial,sans-serif;
  font-size:20px;
  font-weight:700;
  line-height:1.18;
  letter-spacing:-.045em;
  color:#111111;
}
.launch-v5 [data-feed-panel="trending"] .trending-simple-head small{
  color:#777777;
  font-size:10.5px;
  line-height:1.35;
}
.launch-v5 [data-feed-panel="trending"] .trending-share-btn{
  min-height:40px!important;
  background:#FFFFFF!important;
  color:#111111!important;
  border-color:#E7E7E7!important;
}

/* The list already lives in an inset section: avoid adding a second
   left/right gutter to each trending drink row. */
.launch-v5 #trending-drinks-live .trend-feature-row{
  min-width:0;
  min-height:92px;
  padding:11px 0;
  grid-template-columns:26px 70px minmax(0,1fr) 18px;
  column-gap:11px;
  border-bottom-color:#E7E7E7;
  background:#FFFFFF;
}
.launch-v5 #trending-drinks-live .trend-feature-row img,
.launch-v5 #trending-drinks-live .trend-feature-row .trend-thumb{
  width:70px;
  height:70px;
  border-radius:14px;
}
/* A drink without a photo uses a neutral label. Not a café avatar. */
.launch-v5 #trending-drinks-live .trend-feature-row .trend-thumb{
  background:#F5F5F5;
  color:#111111;
}
.launch-v5 #trending-drinks-live .trend-feature-row strong{
  font-family:Gotham,Arial,sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1.26;
  letter-spacing:-.025em;
}
.launch-v5 #trending-drinks-live .trend-feature-row span:not(.trend-rank),
.launch-v5 #trending-drinks-live .trend-feature-row small{
  color:#6D6D6D;
  font-size:10.5px;
  line-height:1.3;
}
.launch-v5 #trending-drinks-live .trend-feature-row>b{
  color:#111111;
}
.launch-v5 #trending-drinks-live .trend-feature-row:focus-visible{
  outline:2px solid #6BB346;
  outline-offset:-2px;
  border-radius:12px;
}
@media(hover:hover){
  .launch-v5 #trending-drinks-live .trend-feature-row:hover{
    background:#FAFAFA;
  }
}

/* Trending posts are already padded individually like Recent posts.
   Extend their wrapper back to the native feed edges, avoiding a
   double-inset gutter; no card internals or photo rules change. */
.launch-v5 #trending-feed-live{
  margin-left:-20px;
  margin-right:-20px;
}
@media(min-width:821px){
  .launch-v5 #trending-feed-live{
    margin-left:-22px;
    margin-right:-22px;
  }
}
@media(max-width:820px){
  .launch-v5 [data-feed-panel="trending"] .trending-simple-head{
    padding-top:17px;
    padding-bottom:11px;
  }
  .launch-v5 [data-feed-panel="trending"] .trending-simple-head strong{
    font-size:19px;
  }
  .launch-v5 [data-feed-panel="trending"] .trending-share-btn{
    min-height:40px!important;
  }
  .launch-v5 #trending-feed-live{
    margin-left:-14px;
    margin-right:-14px;
  }
}
@media(max-width:390px){
  .launch-v5 #trending-drinks-live .trend-feature-row{
    grid-template-columns:23px 64px minmax(0,1fr) 15px;
    column-gap:9px;
  }
  .launch-v5 #trending-drinks-live .trend-feature-row img,
  .launch-v5 #trending-drinks-live .trend-feature-row .trend-thumb{
    width:64px;
    height:64px;
  }
}

/* =========================================================
   W18.471 — EXPLORE CAFÉ NO-PHOTO COVER / N7 STANDARD
   Matte black + a single white initial, matching the approved
   café profile no-photo hero. Real café images, save controls,
   location pills, card geometry, and behavior stay untouched.
   ========================================================= */
.launch-v5 [data-view-panel="explore"] .explore-cafe-fallback-v3{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  background:#111111!important;
  background-image:none!important;
  box-shadow:none!important;
}
.launch-v5 [data-view-panel="explore"] .explore-cafe-fallback-v3>b{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#FFFFFF!important;
  font-family:Gotham,Arial,sans-serif!important;
  font-size:clamp(64px,7vw,92px)!important;
  font-weight:900!important;
  font-style:normal!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
}
/* The fallback is brand-neutral: the MR MATCHA CLUB identity
   already lives in the persistent app header. */
.launch-v5 [data-view-panel="explore"] .explore-cafe-fallback-v3>.explore-cafe-fallback-brand-v3{
  display:none!important;
}

/* =========================================================
   W18.472 — N7-STYLE USER AVATARS + MOBILE POST COPY RAIL
   Appearance only. Do not touch café/official identity, photos,
   offer cards, THE PICK, media crop, or feed interactions.
   ========================================================= */
/* Only ordinary user placeholder avatars (Post/Pour) become
   matte black with a bold white initial. Café avatars with or
   without real images and the official MR MATCHA image are safe. */
.launch-v5 #community-feed-live .real-community-post:not(.mmc-cafe-drop-feed):not(.mmc-cafe-new-item-feed) .post-meta > .avatar.avatar--earth:not(.mmc-official-profile-avatar),
.launch-v5 #community-feed-live .real-community-post:not(.mmc-cafe-drop-feed):not(.mmc-cafe-new-item-feed) .post-meta > .avatar.avatar--green:not(.mmc-official-profile-avatar),
.launch-v5 #trending-feed-live .real-community-post:not(.mmc-cafe-drop-feed):not(.mmc-cafe-new-item-feed) .post-meta > .avatar.avatar--earth:not(.mmc-official-profile-avatar),
.launch-v5 #trending-feed-live .real-community-post:not(.mmc-cafe-drop-feed):not(.mmc-cafe-new-item-feed) .post-meta > .avatar.avatar--green:not(.mmc-official-profile-avatar){
  background:#111111!important;
  background-image:none!important;
  color:#FFFFFF!important;
  font-family:Gotham,Arial,sans-serif;
  font-size:14px;
  font-weight:700;
  letter-spacing:-.025em;
  text-shadow:none;
}

/* On mobile only, make ordinary user Post/Pour text start at the
   same column as the author's name and its existing photo. This
   deliberately excludes pinned official/editorial posts and
   owner offers. The photo and action row are not modified. */
@media(max-width:820px){
  .launch-v5 #community-feed-live .real-community-post:has(> .post-meta > .avatar.avatar--earth:not(.mmc-official-profile-avatar)) > .mmc-post-copy-block,
  .launch-v5 #community-feed-live .real-community-post:has(> .post-meta > .avatar.avatar--green:not(.mmc-official-profile-avatar)) > .mmc-post-copy-block,
  .launch-v5 #trending-feed-live .real-community-post:has(> .post-meta > .avatar.avatar--earth:not(.mmc-official-profile-avatar)) > .mmc-post-copy-block,
  .launch-v5 #trending-feed-live .real-community-post:has(> .post-meta > .avatar.avatar--green:not(.mmc-official-profile-avatar)) > .mmc-post-copy-block{
    width:calc(100% - 52px)!important;
    max-width:calc(100% - 52px)!important;
    margin:10px 0 12px 52px!important;
  }
}


/* =========================================================
   W18.482 — MOBILE QUICK POUR, GEN Z / GEN ALPHA UX
   Composer only: no API, menu matching, moderation, or ordering changes.
   ========================================================= */
/* Outside mobile Quick Pour, keep the established label flow and Post composer. */
.launch-v5 #create-sheet .create-identity-row{display:contents}
.launch-v5 #create-sheet .create-video-extra > summary{list-style:none}
.launch-v5 #create-sheet .create-video-extra > summary::-webkit-details-marker{display:none}
@media(min-width:821px){
  /* Desktop preserves the previous expanded video editor, without a second title. */
  .launch-v5 #create-sheet .create-video-extra > summary{display:none}
}
@media(max-width:820px){
  /* Keep Create a Post visually unchanged even though video now has a wrapper. */
  .launch-v5 #create-sheet .create-form:not(.is-quick-pour) > .create-video-extra{
    border:0!important;background:transparent!important;margin:0!important;
  }
  .launch-v5 #create-sheet .create-form:not(.is-quick-pour) > .create-video-extra > summary{display:none!important}
  .launch-v5 #create-sheet .create-form:not(.is-quick-pour) > .create-video-extra .social-video-composer{
    margin:14px 0 16px!important;padding:13px!important;
  }
  /* Reduce the vertical distance to a first Pour, not the available features. */
  .launch-v5 #create-sheet .create-form.is-quick-pour{gap:10px!important}
  .launch-v5 #create-sheet #pour-manual-fields .photo-upload{
    min-height:142px!important;height:142px!important;
    max-height:none!important;aspect-ratio:auto!important;
    margin-bottom:2px!important;border-radius:18px!important;
  }
  /* Once selected, give the actual drink photo room without cropping the whole form. */
  .launch-v5 #create-sheet #pour-manual-fields .photo-upload:has(img:not([hidden])){
    height:214px!important;min-height:214px!important;
  }
  .launch-v5 #create-sheet #pour-manual-fields .photo-upload > span{
    font-size:13px!important;line-height:1.35!important;
  }
  .launch-v5 #create-sheet .create-panel[data-create-panel="pour"] textarea[name="caption"]{
    min-height:68px!important;height:68px;max-height:170px;
    font-size:16px!important;line-height:1.45;
    resize:vertical;
    transition:min-height .15s ease;
  }
  .launch-v5 #create-sheet .create-panel[data-create-panel="pour"] textarea[name="caption"]:focus{
    min-height:104px!important;height:104px;
  }
  /* Hide the large empty video panel behind an accessible native disclosure. */
  .launch-v5 #create-sheet .create-video-extra{
    min-width:0;margin:3px 0 2px;border:1px solid #e7e6e0;
    border-radius:16px;background:#fff;overflow:visible;
  }
  .launch-v5 #create-sheet .create-video-extra > summary{
    display:flex;align-items:center;gap:8px;position:relative;
    min-height:52px;padding:10px 41px 10px 14px;cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .launch-v5 #create-sheet .create-video-extra > summary span{
    color:#171714;font-weight:750;font-size:13px;line-height:1.25;
  }
  .launch-v5 #create-sheet .create-video-extra > summary small{
    color:#898780;font-size:10px;font-weight:500;line-height:1.2;
  }
  .launch-v5 #create-sheet .create-video-extra > summary::after{
    content:'+';position:absolute;right:15px;top:50%;transform:translateY(-50%);
    color:#57554f;font-size:21px;font-weight:400;line-height:1;
  }
  .launch-v5 #create-sheet .create-video-extra[open] > summary::after{content:'−'}
  .launch-v5 #create-sheet .create-video-extra > summary:focus-visible{
    outline:2px solid #6BB346;outline-offset:2px;border-radius:14px;
  }
  .launch-v5 #create-sheet .create-video-extra .social-video-composer{
    margin:0 10px 10px!important;padding:12px!important;border-radius:13px!important;
  }
  /* Keep posting identity visible, but use one compact line rather than two cards. */
  .launch-v5 #create-sheet .create-form.is-quick-pour > .create-identity-row{
    display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
    align-items:end;gap:8px;min-width:0;margin-top:2px;
  }
  .launch-v5 #create-sheet .create-form.is-quick-pour .create-identity-row > label{
    min-width:0;margin:0;
  }
  .launch-v5 #create-sheet .create-form.is-quick-pour .create-identity-row .display-name-field input{
    width:100%;min-width:0;min-height:48px;font-size:16px;
  }
  .launch-v5 #create-sheet .create-form.is-quick-pour .create-identity-row .switch-row{
    min-width:0;min-height:48px;padding:7px 8px!important;gap:5px;
    border-radius:12px;
  }
  .launch-v5 #create-sheet .create-form.is-quick-pour .create-identity-row .switch-row strong{
    font-size:11px;line-height:1.2;
  }
  .launch-v5 #create-sheet .create-form.is-quick-pour .create-identity-row .switch-row small{display:none}
  .launch-v5 #create-sheet #mobile-share-submit{min-height:54px!important;border-radius:999px}
  body:not(.create-keyboard-open) .launch-v5 #create-sheet #mobile-share-submit,
  body.launch-v5:not(.create-keyboard-open) #create-sheet #mobile-share-submit{
    position:sticky;bottom:calc(8px + env(safe-area-inset-bottom,0px));
    z-index:8;box-shadow:0 8px 20px rgba(17,17,15,.13);
  }
  body.create-keyboard-open .launch-v5 #create-sheet #mobile-share-submit,
  body.create-keyboard-open #create-sheet #mobile-share-submit{
    position:static!important;box-shadow:none!important;
  }
}
@media(max-width:360px){
  .launch-v5 #create-sheet .create-video-extra > summary{flex-wrap:wrap;row-gap:1px}
  .launch-v5 #create-sheet .create-form.is-quick-pour > .create-identity-row{
    grid-template-columns:minmax(0,1fr);
  }
}
@media(prefers-reduced-motion:reduce){
  .launch-v5 #create-sheet .create-panel[data-create-panel="pour"] textarea[name="caption"]{transition:none}
}


/* =========================================================
   W18.489 — COMPACT FEED POUR RATING (INVESTOR DEMO)
   A separate sibling rating button sits visually inside the
   order card. Never nest interactive buttons; preserve Pour
   detail, existing rating sheet, and merchant-order links.
   ========================================================= */
.launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .mmc-feed-pour-card{
  position:relative;
  width:calc(100% - 52px)!important;
  max-width:600px!important;
  margin:12px 0 0 52px!important;
  box-sizing:border-box;
  min-width:0;
}
.launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .mmc-feed-pour-card > .live-pour-preview{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:15px 16px 13px!important;
  box-sizing:border-box!important;
  border:1px solid #e8e7e2!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
  text-align:left!important;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease;
}
.launch-v5 .real-community-post .mmc-feed-pour-card > .live-pour-preview .pour-kicker-row{
  padding-right:0!important;
  box-sizing:border-box;
  min-height:38px;
  align-content:center;
}
.launch-v5 .real-community-post .mmc-feed-pour-card.has-rating-action > .live-pour-preview .pour-kicker-row{
  padding-right:104px!important;
  box-sizing:border-box;
  min-height:38px;
  align-content:center;
}
.launch-v5 .real-community-post .mmc-feed-pour-card > .mmc-feed-pour-rate{
  appearance:none;
  -webkit-appearance:none;
  position:absolute;
  z-index:2;
  top:11px;
  right:11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:91px;
  min-height:42px;
  max-width:calc(100% - 110px);
  margin:0;
  padding:8px 11px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#5b9e38;
  font:800 12px/1.15 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.01em;
  white-space:nowrap;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.launch-v5 .real-community-post .mmc-feed-pour-card > .mmc-feed-pour-rate:focus-visible{
  outline:2px solid #6BB346!important;
  outline-offset:-2px;
}
@media(hover:hover){
  .launch-v5 .real-community-post .mmc-feed-pour-card > .live-pour-preview:hover{
    border-color:#cdddc5!important;
    background:#fdfefd!important;
  }
  .launch-v5 .real-community-post .mmc-feed-pour-card > .mmc-feed-pour-rate:hover{
    background:#f2f8ed;
  }
}
.launch-v5 .real-community-post .mmc-feed-pour-card > .live-pour-preview:focus-visible{
  outline:2px solid #6BB346!important;
  outline-offset:3px!important;
}
.launch-v5 .real-community-post .mmc-feed-pour-card .mmc-feed-pour-rating-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  column-gap:9px;
  row-gap:4px;
  margin-top:10px;
  color:#85817a;
  font-size:11.5px;
  line-height:1.35;
  font-weight:650;
  overflow-wrap:anywhere;
}
.launch-v5 .real-community-post .mmc-feed-pour-card .mmc-feed-pour-rating-line em{
  color:#8a8580;
  font-size:10px;
  font-style:normal;
  font-weight:600;
}
.launch-v5 .real-community-post .mmc-feed-pour-card .mmc-feed-pour-rating-line em.is-sponsored{color:#95653a}
@media(max-width:820px){
  .launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .mmc-feed-pour-card{
    width:min(calc(100% - 18px),350px)!important;
    max-width:350px!important;
    margin:12px auto 0!important;
  }
}
@media(max-width:620px){
  .launch-v5 .real-community-post:not(.mmc-cafe-drop-feed) > .mmc-feed-pour-card > .live-pour-preview{
    padding:13px 14px 11px!important;
    border-radius:16px!important;
  }
  .launch-v5 .real-community-post .mmc-feed-pour-card > .mmc-feed-pour-rate{top:8px;right:8px}
  .launch-v5 .real-community-post .mmc-feed-pour-card.has-rating-action > .live-pour-preview .pour-kicker-row{padding-right:100px!important}
}
@media(prefers-reduced-motion:reduce){
  .launch-v5 .real-community-post .mmc-feed-pour-card > .live-pour-preview{transition:none!important}
}