/* =========================================================
   DEETS shared component behavior and polish
   ========================================================= */

:root{
  --focus-ring:rgba(244,122,31,.32);
  --shadow-soft:0 1px 2px rgba(21,21,21,.04),0 8px 24px rgba(21,21,21,.055);
  --shadow-lift:0 2px 4px rgba(21,21,21,.05),0 12px 30px rgba(21,21,21,.09);
}

html{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body{
  line-height:1.45;
}

h1,h2,h3{
  text-wrap:balance;
}

p,.meta,.map-note,.profile-bio{
  text-wrap:pretty;
}

button,
[role="button"],
.restaurant-card,
.review-history[data-review-restaurant],
.profile-photo-card,
.public-review-card,
.person-result{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[role="button"]:focus-visible{
  outline:3px solid var(--focus-ring);
  outline-offset:2px;
}

/* Core controls: comfortable mobile hit areas without enlarging dense badges. */
.chip,
.settings-btn,
.filter-btn,
.clear-filter,
.primary-wide,
.secondary,
.signed-out-login,
.signed-out-create,
.hero-actions button,
.map-pop-actions button,
.library-link,
.reference-actions button,
.profile-wide-btn,
.follow-btn,
.mini-follow,
.social-open{
  min-height:44px;
}

.settings-btn{
  width:44px;
  height:44px;
}

.search,
.mini-search{
  min-height:44px;
}

.filter-chips button,
.social-pill,
.map-focuses button,
.subnav button{
  min-height:40px;
}

/* Precise, interruptible interaction transitions. */
button{
  transition-property:transform,background-color,border-color,color,opacity,box-shadow;
  transition-duration:140ms;
  transition-timing-function:cubic-bezier(.2,0,0,1);
}

button:not(:disabled):active{
  transform:scale(.96);
}

button:disabled{
  cursor:not-allowed;
  opacity:.55;
}

.restaurant-card,
.community-post,
.dish-card,
.utility,
.review-box,
.work-panel,
.foodprint-card,
.status-card,
.profile-photo-card,
.contribution-card,
.public-review-card,
.person-result,
.my-photo-item,
.map-pop{
  box-shadow:var(--shadow-soft);
}

.restaurant-card,
.review-history[data-review-restaurant],
.profile-photo-card,
.public-review-card,
.person-result{
  transition-property:transform,box-shadow,border-color,background-color;
  transition-duration:150ms;
  transition-timing-function:cubic-bezier(.2,0,0,1);
}

@media (hover:hover){
  .restaurant-card:hover,
  .review-history[data-review-restaurant]:hover,
  .profile-photo-card:hover,
  .public-review-card:hover,
  .person-result:hover{
    transform:translateY(-1px);
    box-shadow:var(--shadow-lift);
  }

  .chip:hover,
  .settings-btn:hover,
  .filter-btn:hover,
  .clear-filter:hover,
  .secondary:hover{
    border-color:#d7d7cf;
    background:#fafaf7;
  }
}

.restaurant-card:active,
.review-history[data-review-restaurant]:active,
.profile-photo-card:active,
.public-review-card:active,
.person-result:active{
  transform:scale(.985);
}

/* Keep nested corners visually concentric. */
.filters{
  border-radius:18px;
}

.filters .clear-filter{
  border-radius:11px;
}

.hero{
  border-radius:21px;
}

.hero-actions button{
  border-radius:12px;
}

.profile-top,
.social-card{
  box-shadow:0 10px 30px rgba(0,0,0,.12);
}

/* Dynamic values should not jitter when digits change. */
.scorebox b,
.stat b,
.public-profile-stats b,
.profile-overview b,
.sync-badge,
.tiny-visit-badge,
.restaurant-status-badge{
  font-variant-numeric:tabular-nums;
}

/* Consistent image edge treatment. */
.photo-thumb,
.my-photo-item img,
.profile-avatar img{
  outline:1px solid oklch(0 0 0 / .10);
  outline-offset:-1px;
}

/* Bottom navigation is a primary touch surface. */
.nav button{
  min-height:56px;
}

.nav button img{
  display:block;
}

/* Slightly clearer selected states without adding extra motion. */
.filter-chips button.active,
.social-pill.active,
.map-focuses button.active,
.subnav button.active,
.choice-row button.active,
.rate-row button.active{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}

/* Respect reduced-motion users. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}


/* =========================================================
   DEETS interface polish pass 2 — focused surfaces
   Restaurant cards, You/profile, map popup, bottom navigation
   ========================================================= */

/* Compact restaurant notes: one reading column, one food score. */
.restaurant-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 48px;
  gap:7px 12px;
  padding:12px 12px 8px;
  margin-bottom:9px;
  border:1px solid #e4dfd3;
  border-left:3px solid var(--food);
  border-radius:15px;
  background:#fffefa;
  box-shadow:0 2px 3px rgba(45,35,15,.025);
}
.restaurant-card-copy{min-width:0;align-self:center}
.restaurant-card h3{margin:0 0 5px;font-size:16px;line-height:1.2;letter-spacing:-.025em}
.restaurant-open{
  display:block;width:100%;padding:0;border:0;background:none;
  color:inherit;font:inherit;font-weight:850;text-align:left;cursor:pointer;
  overflow-wrap:anywhere;
}
.restaurant-card-meta{display:flex;flex-wrap:wrap;gap:2px 6px;font-size:10px;line-height:1.45}
.restaurant-card-meta>span+span::before{content:'·';margin-right:6px;color:#8a8072}
.restaurant-card-meta .restaurant-price{color:var(--price);font-weight:850}
.restaurant-card .scorebox{
  min-width:0;width:48px;height:48px;padding:0;border-radius:50%;
  display:grid;align-content:center;justify-items:center;gap:2px;
  background:#ffedda;color:#93420c;border:1px solid #f4d3b1;
}
.restaurant-card .scorebox b{font-size:20px;line-height:1;font-weight:900;letter-spacing:-.06em}
.restaurant-card .scorebox span{font-size:7px;line-height:1;letter-spacing:.1em}
.restaurant-card .card-foot{
  grid-column:1/-1;min-width:0;gap:8px;margin:0;padding-top:5px;
  border-top:1px dashed #e5e0d6;font-size:9px;color:#777065;
}
.restaurant-card-address{
  display:block;min-width:0;min-height:24px;max-width:100%;
  padding:4px 0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:10px;line-height:1.4;text-decoration:none;
}
.restaurant-orders:only-child{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:24px}
.restaurant-orders{flex:0 0 auto;white-space:nowrap;font-size:9px;font-variant-numeric:tabular-nums}
.restaurant-orders>span{margin-left:7px;color:#93420c;font-size:15px}
.restaurant-card .card-foot-right{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}
.restaurant-card .card-foot-spacer{flex:1 1 auto;min-width:0}
.restaurant-card .restaurant-card-want{
  display:inline-flex;align-items:center;gap:4px;
  min-height:28px;padding:3px 8px;border-radius:999px;
  border:1px solid #dcd5c7;background:#f9f6f0;color:#6b6255;
  font-size:10px;font-weight:750;line-height:1;cursor:pointer;
  position:relative;touch-action:manipulation;transition:all 160ms ease;
}
.restaurant-card .restaurant-card-want::after{content:'';position:absolute;inset:-8px -6px}
.restaurant-card .restaurant-card-want:hover{border-color:#b5aa96;color:#2d230f;background:#f0ebe0}
.restaurant-card .restaurant-card-want.active{border-color:#e07e3c;background:#fff0e6;color:#b84e10}
.restaurant-card .restaurant-card-want .want-icon{pointer-events:none;flex-shrink:0}
.restaurant-card .restaurant-card-want .want-text{pointer-events:none}
.restaurant-card .quick-badges{grid-column:1/-1;gap:5px}
.restaurant-card .quick-badge{min-height:28px;display:inline-flex;align-items:center;padding:4px 8px}

/* YOU/profile: preserve the dark header, improve hierarchy and touch comfort. */
.profile-top{
  border-radius:24px!important;
  padding:18px!important;
  margin-bottom:16px!important;
}

.profile-identity-row{
  align-items:flex-start!important;
}

.profile-identity{
  min-width:0;
  flex:1;
}

.profile-identity>div:last-child{
  min-width:0;
}

.profile-identity h1{
  line-height:1.05!important;
  text-wrap:balance;
}

.profile-handle{
  line-height:1.35;
}

.profile-bio{
  margin-top:6px;
  line-height:1.45;
}

.profile-message{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px;
}

.reference-actions{
  gap:8px!important;
}

.reference-actions button,
.profile-wide-btn{
  border-radius:12px!important;
  min-height:44px!important;
}

.profile-overview{
  gap:8px!important;
  margin-bottom:20px!important;
}

.profile-overview div{
  border-radius:15px!important;
  min-height:82px!important;
  padding:13px!important;
  box-shadow:inset 0 0 0 1px rgba(21,21,21,.025);
}

.profile-overview b{
  font-size:16px!important;
  line-height:1.1;
}

.profile-overview span{
  display:block;
  margin-top:4px;
  line-height:1.25;
}

.foodprint-card,
.status-card,
.profile-photo-card,
.contribution-card{
  border-color:rgba(21,21,21,.08)!important;
}

.status-card,
.profile-photo-card,
.contribution-card{
  border-radius:17px!important;
  padding:13px!important;
  margin-bottom:9px!important;
  min-height:58px;
}

.profile-links{
  margin-top:16px!important;
  margin-bottom:8px!important;
}

.profile-links button{
  min-height:40px;
  padding:8px 4px!important;
  text-underline-offset:3px;
}

/* Map popup: more legible card, larger invisible hit target for close. */
.map-pop{
  left:10px;
  right:10px;
  bottom:10px;
  padding:14px 42px 14px 14px!important;
  border-radius:18px;
  border-color:rgba(21,21,21,.09);
  box-shadow:0 14px 34px rgba(21,21,21,.16);
  backdrop-filter:blur(16px);
}

.map-pop h3{
  font-size:16px;
  line-height:1.15;
  letter-spacing:-.018em;
}

.map-pop-score b{
  font-variant-numeric:tabular-nums;
}

.map-pop-close{
  width:28px!important;
  height:28px!important;
  right:10px!important;
  top:10px!important;
  transition-property:background-color,color,transform;
  transition-duration:140ms;
  transition-timing-function:cubic-bezier(.2,0,0,1);
}

.map-pop-close::after{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
}

.map-pop-close:active{
  transform:scale(.96);
}

.map-pop-actions{
  gap:8px;
  margin-top:11px;
}

.map-pop-actions button{
  min-height:44px;
  border-radius:11px;
}

.map-focuses{
  scrollbar-width:none;
}

.map-focuses::-webkit-scrollbar{
  display:none;
}

/* Bottom navigation: one highlight slides under the selected icon. */
.nav{
  bottom:max(12px,env(safe-area-inset-bottom))!important;
  background:rgba(255,255,255,.9)!important;
  border-color:rgba(21,21,21,.09)!important;
  box-shadow:0 10px 30px rgba(21,21,21,.14)!important;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}

.nav-orb{
  display:block;position:absolute;z-index:0;pointer-events:none;
  left:11px;top:12px;width:52px;height:34px;border-radius:999px;
  background:linear-gradient(135deg,#ffe98a,#ffc94d);
  transform:translateX(calc(var(--nav-index,0) * 58px));
  transition:transform 320ms cubic-bezier(.22,.68,0,1);
  box-shadow:inset 0 0 0 1px rgba(123,91,0,.08),0 3px 10px rgba(225,164,38,.20)!important;
}

.nav button{
  min-height:44px;
  border-radius:999px;
  font-size:9px;
  line-height:1.05;
}

.nav button span{
  display:grid;
  place-items:center;
  margin-bottom:2px;
}

.nav button img{
  opacity:.72;
  transition-property:opacity;
  transition-duration:120ms;
}

.nav button.active img{
  opacity:1;
}

.nav button.active{
  font-weight:900;
}

.nav button:focus-visible{
  outline-offset:-2px;
}

@media(max-width:360px){
  .profile-overview{
    gap:6px!important;
  }
  .profile-overview div{
    padding:11px!important;
  }
}


/* =========================================================
   DEETS sign-in and account flow polish
   ========================================================= */

.auth-shell{
  padding-top:2px;
}

.auth-shell .eyebrow{
  margin-bottom:4px;
}

.auth-shell h2{
  margin-bottom:6px;
}

.auth-intro{
  margin:0 0 14px!important;
  color:var(--muted)!important;
}

.auth-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  padding:4px;
  margin:14px 0 16px;
  border-radius:14px;
  background:#f0f0eb;
}

.auth-tabs button{
  min-height:42px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#66645f;
  font-size:11px;
  font-weight:850;
  padding:10px 12px;
  box-shadow:none;
}

.auth-tabs button.active{
  background:#fff;
  color:#151515;
  box-shadow:0 1px 2px rgba(21,21,21,.06),0 5px 14px rgba(21,21,21,.07);
}

.auth-form{
  display:grid;
  gap:11px;
}

.auth-field{
  display:grid;
  gap:6px;
}

.auth-field>span{
  color:#3d3d39;
  font-size:10px;
  font-weight:850;
  letter-spacing:.01em;
}

.auth-form .auth-field input{
  width:100%;
  min-height:48px;
  margin:0;
  border:1px solid #deded7;
  border-radius:13px;
  padding:12px 13px;
  background:#fbfbf8;
  color:var(--text);
  font-size:16px;
  line-height:1.2;
  box-shadow:inset 0 1px 0 rgba(21,21,21,.015);
  transition-property:border-color,background-color,box-shadow;
  transition-duration:140ms;
  transition-timing-function:cubic-bezier(.2,0,0,1);
}

.auth-form .auth-field input::placeholder{
  color:#aaa9a2;
}

.auth-form .auth-field input:focus{
  border-color:#bfbeb5;
  background:#fff;
  box-shadow:0 0 0 3px rgba(244,122,31,.10);
}

.auth-submit{
  width:100%;
  min-height:48px;
  margin-top:3px;
  border-radius:13px;
  padding:12px 14px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 7px 18px rgba(21,21,21,.12);
}

.auth-submit:active{
  box-shadow:inset 0 2px 8px rgba(0,0,0,.18);
}

.forgot-password-link{
  min-height:40px;
  width:auto;
  justify-self:center;
  padding:8px 10px;
  color:#5f5f5a;
  font-size:10px;
  font-weight:750;
  text-underline-offset:3px;
}

.auth-note{
  margin-top:13px;
  padding:10px 11px;
  border-radius:11px;
  background:#f5f5f1;
  color:#77756f;
  font-size:9px;
  line-height:1.45;
}

.auth-form .error{
  min-height:0;
  margin-top:0;
}

.auth-form .error:empty{
  display:none;
}

.auth-form .error:not(:empty){
  display:block;
  border:1px solid #edc8cf;
  border-radius:11px;
  padding:9px 10px;
  background:#fff5f6;
  color:#842b3c;
  font-size:10px;
  font-weight:800;
  line-height:1.35;
}

.password-recovery-form{
  margin-top:14px;
}

/* Signed-out landing: same identity, stronger composition. */
.signed-out-landing{
  padding-left:28px;
  padding-right:28px;
  text-align:center;
}

.signed-out-mark{
  text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}

.signed-out-landing p{
  max-width:260px;
  margin-bottom:28px;
  text-wrap:pretty;
}

.signed-out-landing button{
  min-height:50px;
  border-radius:15px;
  font-size:11px;
}

.signed-out-login{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 24px rgba(244,122,31,.20);
}

.signed-out-create{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 9px 22px rgba(21,21,21,.13);
}

@media(min-width:700px){
  .modal{
    align-items:center;
    padding:24px;
  }

  .sheet{
    width:min(430px,100%);
    border-radius:24px;
    padding-bottom:20px;
    box-shadow:0 22px 70px rgba(21,21,21,.22);
  }
}


/* =========================================================
   DEETS animation-principles pass
   Restrained, consistent motion with clear staging
   ========================================================= */

/* User-triggered entrances: fast arrival + gentle settle. */
.screen.screen-enter{
  animation-duration:180ms!important;
  animation-timing-function:cubic-bezier(.2,0,0,1)!important;
}

.modal.show .sheet{
  animation-duration:180ms!important;
  animation-timing-function:cubic-bezier(.2,0,0,1)!important;
}

.error.show{
  animation-duration:160ms!important;
  animation-timing-function:cubic-bezier(.2,0,0,1)!important;
}

/* Keep related interactive transitions on one rhythm. */
.social-pill,
.restaurant-search-add,
.restaurant-search-add button,
.map-focuses button,
.featured-restaurant-card,
.post-actions button,
.sheet-actions button,
.signed-out-landing button{
  transition-duration:160ms!important;
  transition-timing-function:cubic-bezier(.2,0,0,1)!important;
}

/* Social-card collapse is one staged interaction, not five competing timings. */
#socialCard{
  transition:
    max-height 180ms cubic-bezier(.4,0,1,1),
    opacity 180ms cubic-bezier(.4,0,1,1),
    transform 180ms cubic-bezier(.4,0,1,1),
    margin 180ms cubic-bezier(.4,0,1,1),
    padding 180ms cubic-bezier(.4,0,1,1)!important;
}

/* High-frequency map browsing should not make every marker float forever. */
.map-marker,
.map-marker::after,
.map-marker.shape-2{
  animation:none!important;
  will-change:auto!important;
}

/* Preserve a static shadow so markers still feel grounded. */
.map-marker::after{
  transform:translateX(-50%)!important;
  opacity:.14!important;
}

/* Rank motion stays special, but avoid linear timing for the lightning cue. */
.eater-title.supreme-ultimate .eater-lightning{
  animation-timing-function:ease-in-out!important;
}

/* Subtle deformation only. */
.map-marker:active,
.map-marker.recommendation:active{
  scale:.96!important;
}

/* Modal overlay already provides staging; reinforce focal hierarchy. */
.modal{
  background:rgba(0,0,0,.58);
}

.sheet{
  z-index:101;
}

/* Reduced motion remains authoritative. */
@media(prefers-reduced-motion:reduce){
  .screen.screen-enter,
  .modal.show .sheet,
  .error.show,
  #socialCard,
  .eater-title.supreme::before,
  .eater-title.supreme::after,
  .eater-title.supreme-ultimate .eater-lightning{
    animation:none!important;
    transition:none!important;
  }
}


/* =========================================================
   Static floating map-pin treatment
   Depth without continuous animation
   ========================================================= */

.map-marker{
  transform:translate(-50%,-50%) translateY(-3px)!important;
  box-shadow:
    0 2px 3px rgba(21,21,21,.10),
    0 9px 18px rgba(21,21,21,.14)!important;
}

.map-marker::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:calc(100% + 7px)!important;
  width:20px!important;
  height:6px!important;
  border-radius:50%!important;
  background:rgba(21,21,21,.18)!important;
  filter:blur(2px)!important;
  transform:translateX(-50%) scaleX(.9)!important;
  opacity:.8!important;
  pointer-events:none!important;
}

/* Recommendation pins keep their distinct shape but share the same elevation. */
.map-marker.recommendation{
  box-shadow:
    0 0 0 4px rgba(108,196,212,.13),
    0 2px 3px rgba(21,21,21,.10),
    0 10px 20px rgba(21,21,21,.15)!important;
}

/* Selected pin appears one layer higher without needing motion. */
.map-marker.selected{
  transform:translate(-50%,-50%) translateY(-5px)!important;
  box-shadow:
    0 3px 5px rgba(21,21,21,.12),
    0 14px 26px rgba(21,21,21,.20)!important;
}

.map-marker.selected::after{
  width:22px!important;
  opacity:.65!important;
  filter:blur(2.5px)!important;
}

/* Keep diamond-shaped markers lifted while preserving rotation. */
.map-marker.shape-2{
  transform:translate(-50%,-50%) translateY(-3px) rotate(45deg)!important;
}

.map-marker.shape-2.selected{
  transform:translate(-50%,-50%) translateY(-5px) rotate(45deg)!important;
}


/* =========================================================
   Restaurant detail polish pass
   Clearer hierarchy, stronger core actions, calmer sections
   ========================================================= */

#restaurantDetail{
  padding-bottom:18px;
}

/* Hero becomes the unmistakable primary surface. */
#restaurantDetail .hero{
  border-color:rgba(21,21,21,.08);
  border-radius:24px;
  padding:0 18px 18px;
  box-shadow:0 8px 24px rgba(21,21,21,.055);
}

#restaurantDetail .hero .food-rail{
  height:4px;
  margin-left:-18px;
  margin-right:-18px;
  margin-bottom:14px;
}

#restaurantDetail .hero>.meta{
  font-size:10px;
  line-height:1.35;
  letter-spacing:.01em;
}

#restaurantDetail .hero h1{
  margin:5px 0 7px;
  font-size:clamp(28px,8vw,34px);
  line-height:1.02;
  letter-spacing:-.05em;
  text-wrap:balance;
}

#restaurantDetail .headline-tags{
  margin-top:9px;
  gap:7px;
}

#restaurantDetail .headline-tag{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  padding:6px 9px;
  border:1px solid rgba(21,21,21,.05);
}

/* Stats read like a scorecard instead of three unrelated boxes. */
#restaurantDetail .stats{
  gap:8px;
  margin-top:15px;
}

#restaurantDetail .stat{
  min-height:92px;
  border-radius:15px;
  padding:11px;
  border:1px solid rgba(21,21,21,.045);
}

#restaurantDetail .stat b{
  font-variant-numeric:tabular-nums;
  line-height:1;
}

#restaurantDetail .stat span{
  line-height:1.25;
}

#restaurantDetail .stat.food{
  box-shadow:inset 0 0 0 1px rgba(244,122,31,.055);
}

/* Core restaurant actions deserve the largest touch targets on the page. */
#restaurantDetail .hero-actions{
  gap:9px;
  margin-top:14px;
}

#restaurantDetail .hero-actions button{
  min-height:48px;
  border-radius:13px;
  padding:12px 10px;
  font-size:10px;
  letter-spacing:.01em;
}

#restaurantDetail .hero-actions .primary{
  box-shadow:0 7px 18px rgba(21,21,21,.13);
}

/* Sticky section rail improves long restaurant pages without adding a new nav. */
#restaurantDetail .subnav{
  position:sticky;
  top:0;
  z-index:12;
  gap:7px;
  margin:8px -2px 0;
  padding:9px 2px 8px;
  background:linear-gradient(to bottom,rgba(247,247,243,.97) 72%,rgba(247,247,243,0));
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  scrollbar-width:none;
}

#restaurantDetail .subnav::-webkit-scrollbar{
  display:none;
}

#restaurantDetail .subnav button{
  min-height:38px;
  padding:8px 11px;
  border-color:rgba(21,21,21,.09);
  box-shadow:0 2px 8px rgba(21,21,21,.035);
}

/* Section rhythm: more separation without wasting vertical space. */
#restaurantDetail .section-title{
  margin-top:25px;
  margin-bottom:10px;
  align-items:baseline;
}

#restaurantDetail .section-title.big{
  margin-top:28px;
}

#restaurantDetail .section-title h2{
  font-size:22px;
  line-height:1.05;
}

#restaurantDetail .section-title span{
  max-width:48%;
  text-align:right;
  line-height:1.3;
}

/* Dishes: clearer score hierarchy and better scanability. */
#restaurantDetail .dish-card{
  border-color:rgba(21,21,21,.075);
  border-radius:18px;
  padding:13px 14px;
  margin-bottom:9px;
}

#restaurantDetail .dish-card>.row{
  align-items:center;
  gap:12px;
}

#restaurantDetail .dish-card>.row>div:first-child{
  min-width:0;
}

#restaurantDetail .dish-card h4{
  font-size:14px;
  line-height:1.25;
  margin-bottom:4px;
}

#restaurantDetail .dish-card .meta{
  line-height:1.4;
}

#restaurantDetail .dish-score{
  min-width:46px;
  min-height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border-radius:12px;
  font-size:13px;
  font-variant-numeric:tabular-nums;
}

#restaurantDetail .dish-card.top{
  border-color:rgba(209,158,34,.45);
  box-shadow:
    inset 3px 0 0 rgba(225,164,38,.75),
    0 4px 14px rgba(21,21,21,.035);
}

/* Logistics: cards feel more like useful tools and less like dense forms. */
#restaurantDetail .utility-grid{
  gap:9px;
}

#restaurantDetail .utility{
  border-color:rgba(21,21,21,.075);
  border-radius:17px;
  padding:12px;
}

#restaurantDetail .utility strong{
  font-size:11px;
  line-height:1.25;
}

#restaurantDetail .utility p{
  margin-top:7px;
  line-height:1.45;
}

#restaurantDetail .logistics-item-head{
  min-height:30px;
}

#restaurantDetail .logistics-add{
  min-width:32px;
  min-height:32px;
  border-radius:10px;
}

#restaurantDetail .logistics-item-foot{
  margin-top:9px;
  padding-top:8px;
  border-top:1px solid rgba(21,21,21,.06);
}

/* Photos should feel visual first, metadata second. */
#restaurantDetail .photo-strip{
  gap:10px;
  padding:1px 1px 3px;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}

#restaurantDetail .photo-strip::-webkit-scrollbar{
  display:none;
}

#restaurantDetail .photo-placeholder{
  min-width:176px;
  height:148px;
  border-radius:18px;
  padding:10px;
  scroll-snap-align:start;
  box-shadow:0 6px 18px rgba(21,21,21,.09);
}

#restaurantDetail .photo-placeholder.has-real-photo{
  position:relative;
  overflow:hidden;
  background:#ddd;
}

#restaurantDetail .photo-placeholder.has-real-photo .photo-thumb{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

#restaurantDetail .photo-placeholder.has-real-photo::after{
  content:"";
  position:absolute;
  inset:38% 0 0;
  background:linear-gradient(to bottom,transparent,rgba(0,0,0,.72));
  pointer-events:none;
}

#restaurantDetail .photo-label{
  position:relative;
  z-index:1;
}

#restaurantDetail #uploadPhoto,
#restaurantDetail .work-update-btn{
  min-height:44px;
  margin-top:9px!important;
  border-radius:13px;
}

/* Work setup gets the same card language as logistics. */
#restaurantDetail .work-panel{
  border-color:rgba(21,21,21,.075);
  border-radius:20px;
  padding:14px;
}

#restaurantDetail .work-list{
  gap:8px;
}

#restaurantDetail .work-item{
  min-height:60px;
  border-radius:12px;
  padding:10px;
}

/* Discussion: distinguish reading from composing. */
#restaurantDetail .community-post{
  border-color:rgba(21,21,21,.075);
  border-radius:18px;
  padding:14px;
  margin-bottom:9px;
}

#restaurantDetail .community-post p{
  line-height:1.55;
}

#restaurantDetail .post-actions{
  gap:6px;
}

#restaurantDetail .post-actions button{
  min-height:34px;
  padding:7px 9px;
}

#restaurantDetail .discussion-input{
  min-height:92px;
  margin-top:4px;
  border-radius:16px;
  padding:13px 14px;
  border-color:rgba(21,21,21,.10);
  background:#fff;
  font-size:16px;
  line-height:1.45;
  box-shadow:inset 0 1px 0 rgba(21,21,21,.015);
}

#restaurantDetail .discussion-input:focus{
  border-color:#bfbeb5;
  box-shadow:0 0 0 3px rgba(244,122,31,.10);
}

#restaurantDetail #postDiscussion{
  min-height:44px;
  border-radius:13px;
  margin-top:8px!important;
}

#restaurantDetail #bottomCheckin{
  min-height:50px;
  margin-top:18px!important;
  border-radius:15px;
  box-shadow:0 8px 20px rgba(244,122,31,.18);
}

/* Keep the page comfortable on very narrow phones. */
@media(max-width:380px){
  #restaurantDetail .hero{
    padding-left:15px;
    padding-right:15px;
  }

  #restaurantDetail .hero .food-rail{
    margin-left:-15px;
    margin-right:-15px;
  }

  #restaurantDetail .stats{
    gap:6px;
  }

  #restaurantDetail .stat{
    padding:9px;
  }

  #restaurantDetail .stat b{
    font-size:21px;
  }

  #restaurantDetail .utility-grid{
    grid-template-columns:1fr;
  }

  #restaurantDetail .utility.wide{
    grid-column:auto;
  }

  #restaurantDetail .photo-placeholder{
    min-width:164px;
  }
}


/* =========================================================
   Check-in flow polish
   Faster scanning, clearer steps, stronger rating states
   ========================================================= */

#checkinContent{
  padding-bottom:18px;
}

#checkinContent .checkin-shell{
  border-color:rgba(21,21,21,.08);
  border-radius:24px;
  padding:16px;
  box-shadow:0 8px 24px rgba(21,21,21,.05);
}

.checkin-head{
  padding:2px 2px 4px;
}

.checkin-head .eyebrow{
  margin-bottom:5px;
}

.checkin-restaurant-name{
  font-size:10px;
  font-weight:800;
  color:#6b6963;
}

.checkin-head h1{
  margin:4px 0 6px!important;
  font-size:27px!important;
  line-height:1.04;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.checkin-intro{
  margin:0;
  max-width:330px;
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
  text-wrap:pretty;
}

.checkin-step{
  margin-top:18px;
  padding-top:17px;
  border-top:1px solid rgba(21,21,21,.075);
}

.checkin-step-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:11px;
}

.checkin-step-head>span{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#171717;
  color:#fff;
  font-size:10px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}

.checkin-step-head b,
.checkin-step-head small{
  display:block;
}

.checkin-step-head b{
  font-size:13px;
  line-height:1.2;
}

.checkin-step-head small{
  margin-top:2px;
  color:var(--muted);
  font-size:9px;
  line-height:1.3;
}

.checkin-score-guide{
  margin:0 0 10px;
  padding:9px 10px;
  border-radius:11px;
  background:#fff7e9;
  color:#775019;
  font-size:9px;
  line-height:1.35;
}

#checkinContent .checkin-dish-card{
  border-color:rgba(21,21,21,.08);
  border-radius:17px;
  padding:12px;
  margin-bottom:8px;
  transition-property:border-color,box-shadow,background-color,transform;
  transition-duration:160ms;
  transition-timing-function:cubic-bezier(.2,0,0,1);
}

#checkinContent .checkin-dish-card.selected{
  border-color:rgba(244,122,31,.35);
  background:#fffaf5;
  box-shadow:inset 3px 0 0 rgba(244,122,31,.7);
}

#checkinContent .checkin-dish-main{
  display:flex;
  align-items:flex-start;
  gap:9px;
}

#checkinContent .dish-toggle{
  min-width:0;
  flex:1;
  align-items:flex-start;
  gap:10px;
}

#checkinContent .dish-toggle input{
  width:20px;
  height:20px;
  margin-top:1px;
  accent-color:#171717;
  flex:0 0 auto;
}

#checkinContent .checkin-dish-copy{
  min-width:0;
}

#checkinContent .checkin-dish-copy>b{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  font-size:13px;
  line-height:1.25;
}

#checkinContent .checkin-dish-copy .meta{
  margin-top:3px;
  line-height:1.4;
}

#checkinContent .custom-dish-tag{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:3px 6px;
  border-radius:999px;
  background:#ece7ff;
  color:#5a4787;
  font-size:7px;
  font-weight:900;
  letter-spacing:.03em;
}

#checkinContent .dish-photo-link{
  min-height:36px;
  min-width:76px;
  border:1px solid rgba(21,21,21,.09);
  border-radius:10px;
  background:#fff;
  padding:7px 8px;
  font-size:8px;
  font-weight:850;
}

#checkinContent .dish-photo-link.has-photo{
  background:#edf7ef;
  color:#2c6a39;
  border-color:#cde6d2;
}

#checkinContent .rate-row{
  gap:6px;
  margin-top:11px;
}

#checkinContent .rate-row button{
  min-height:42px;
  border-radius:11px;
  border-color:rgba(21,21,21,.09);
  font-size:12px;
  font-weight:850;
  transition-property:background-color,color,border-color,transform,box-shadow;
  transition-duration:140ms;
  transition-timing-function:cubic-bezier(.2,0,0,1);
}

#checkinContent .rate-row button:active{
  transform:scale(.96);
}

#checkinContent .rate-row button.active{
  background:#171717;
  color:#fff;
  border-color:#171717;
  box-shadow:0 4px 12px rgba(21,21,21,.12);
}

#checkinContent .s-tier-wrap{
  margin-top:9px;
  border-radius:11px;
}

#checkinContent .custom-dish-remove{
  min-height:36px;
  margin-top:9px;
  border:0;
  background:none;
  color:#8d3b45;
  font-size:9px;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px;
}

.checkin-add-item{
  min-height:44px;
  margin-top:3px;
  border-style:dashed!important;
  border-radius:13px!important;
}

/* Visit-detail questions become compact option groups. */
#checkinContent .question{
  margin:14px 0;
}

#checkinContent .question.price{
  padding-left:0;
  border-left:0;
}

#checkinContent .question label{
  margin-bottom:7px;
  font-size:11px;
  line-height:1.3;
}

#checkinContent .choice-row{
  gap:6px;
}

#checkinContent .choice-row button{
  min-height:42px;
  padding:9px 6px;
  border-color:rgba(21,21,21,.09);
  border-radius:11px;
  font-size:10px;
  font-weight:800;
  transition-property:background-color,color,border-color,transform,box-shadow;
  transition-duration:140ms;
  transition-timing-function:cubic-bezier(.2,0,0,1);
}

#checkinContent .choice-row button:active{
  transform:scale(.96);
}

#checkinContent .choice-row button.active{
  background:#171717;
  color:#fff;
  border-color:#171717;
  box-shadow:0 4px 12px rgba(21,21,21,.10);
}

#checkinContent .choice-row.six{
  grid-template-columns:repeat(3,1fr);
}

#checkinContent .checkin-seating-row{
  grid-template-columns:repeat(3,1fr);
}

/* Private note feels private, not like another required question. */
.checkin-note-step textarea{
  min-height:92px;
  border-radius:14px;
  border-color:rgba(21,21,21,.10);
  background:#fbfbf8;
  padding:12px 13px;
  font-size:16px;
  line-height:1.45;
}

.checkin-note-step textarea:focus{
  background:#fff;
  border-color:#bfbeb5;
  box-shadow:0 0 0 3px rgba(244,122,31,.10);
}

.checkin-submit-zone{
  position:sticky;
  bottom:calc(74px + env(safe-area-inset-bottom));
  z-index:8;
  margin:18px -4px -4px;
  padding:10px 4px 4px;
  background:linear-gradient(to top,rgba(255,255,255,.98) 72%,rgba(255,255,255,0));
}

#checkinContent .submit{
  min-height:50px;
  border-radius:14px;
  font-size:11px;
  letter-spacing:.015em;
  box-shadow:0 8px 20px rgba(21,21,21,.14);
}

#checkinContent .submit:active{
  transform:scale(.985);
}

#checkinError:not(:empty){
  margin-top:8px;
  padding:9px 10px;
  border:1px solid #edc8cf;
  border-radius:11px;
  background:#fff5f6;
  color:#842b3c;
  font-weight:800;
  line-height:1.35;
}

@media(max-width:360px){
  #checkinContent .checkin-shell{
    padding:14px;
  }

  #checkinContent .choice-row.six,
  #checkinContent .checkin-seating-row{
    grid-template-columns:repeat(2,1fr);
  }

  #checkinContent .dish-photo-link{
    min-width:68px;
  }
}


/* =========================================================
   Photo upload flow polish
   Multi-select queue, clearer categories, mobile-friendly sheet
   ========================================================= */

.photo-upload-picker{
  min-height:128px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:4px;
  margin:12px 0;
  border:1.5px dashed #cfcfc8;
  border-radius:16px;
  background:#fafaf7;
  cursor:pointer;
}

.photo-upload-picker>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#171717;
  color:#fff;
  font-size:18px;
  line-height:1;
}

.photo-upload-picker>b{
  font-size:11px;
}

.photo-upload-picker>small{
  color:var(--muted);
  font-size:9px;
}

.photo-upload-queue{
  display:grid;
  gap:7px;
  margin-bottom:12px;
}

.photo-upload-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:54px;
  padding:9px 10px;
  border:1px solid rgba(21,21,21,.08);
  border-radius:13px;
  background:#fff;
}

.photo-upload-file{
  min-width:0;
}

.photo-upload-file b,
.photo-upload-file small{
  display:block;
}

.photo-upload-file b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
}

.photo-upload-file small{
  margin-top:3px;
  color:var(--muted);
  font-size:8px;
}

.photo-upload-item>button{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border:0;
  border-radius:50%;
  background:#f1f1ed;
  color:#4c4b47;
  font-size:17px;
  line-height:1;
}

.photo-upload-field{
  margin-top:13px;
}

.photo-upload-field>label{
  display:block;
  margin-bottom:7px;
  font-size:10px;
  font-weight:850;
  line-height:1.35;
}

.photo-upload-field input{
  width:100%;
  min-height:46px;
  border:1px solid #deded7;
  border-radius:12px;
  padding:11px 12px;
  background:#fbfbf8;
  font-size:16px;
}

.photo-category-options{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
}

.photo-category-options button{
  min-height:40px;
  border:1px solid rgba(21,21,21,.09);
  border-radius:11px;
  background:#f7f7f3;
  font-size:9px;
  font-weight:850;
}

.photo-category-options button.active{
  background:#171717;
  color:#fff;
  border-color:#171717;
}

#restaurantPhotoError:not(:empty){
  margin-top:10px;
  padding:9px 10px;
  border:1px solid #edc8cf;
  border-radius:11px;
  background:#fff5f6;
  color:#842b3c;
  font-size:9px;
  font-weight:800;
  line-height:1.35;
}

#restaurantPhotoUpload:disabled{
  opacity:.45;
  cursor:not-allowed;
}

@media(max-width:360px){
  .photo-category-options{
    grid-template-columns:repeat(2,1fr);
  }
}


/* =========================================================
   Discussion/social polish
   Clear authorship, safer actions, calmer threading
   ========================================================= */

.discussion-empty{
  display:grid;
  gap:4px;
  padding:15px;
  border:1px dashed rgba(21,21,21,.16);
  border-radius:16px;
  background:#fafaf7;
}

.discussion-empty b{
  font-size:12px;
}

.discussion-empty span{
  color:var(--muted);
  font-size:9px;
  line-height:1.45;
}

#restaurantDetail .community-post{
  position:relative;
  overflow:hidden;
}

#restaurantDetail .community-post::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:rgba(21,21,21,.10);
}

#restaurantDetail .my-discussion-post::before{
  background:rgba(244,122,31,.72);
}

.discussion-post-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}

.post-user-identity{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.post-user-link,
.thread-user{
  border:0;
  background:none;
  padding:0;
  color:#171717;
  font:inherit;
  font-size:10px;
  font-weight:900;
  text-align:left;
  cursor:pointer;
}

.discussion-post-date{
  flex:0 0 auto;
  color:var(--muted);
  font-size:8px;
  white-space:nowrap;
}

.discussion-post-body{
  margin:0 0 10px!important;
  font-size:13px!important;
  line-height:1.55!important;
  color:#242421;
  overflow-wrap:anywhere;
}

.discussion-primary-actions{
  align-items:center;
}

.discussion-primary-actions button{
  min-height:36px!important;
  padding:7px 10px!important;
  font-weight:800;
}

.discussion-primary-actions button span{
  display:inline-grid;
  place-items:center;
  min-width:17px;
  height:17px;
  margin-left:2px;
  padding:0 4px;
  border-radius:999px;
  background:rgba(21,21,21,.07);
  font-size:8px;
  font-variant-numeric:tabular-nums;
}

.discussion-primary-actions button.active span{
  background:rgba(255,255,255,.18);
}

.discussion-report{
  margin-left:auto;
  color:#8b4c53!important;
  border-color:transparent!important;
  background:transparent!important;
}

.discussion-thread{
  display:grid;
  gap:7px;
  margin-top:11px;
  padding-top:10px;
  border-top:1px solid rgba(21,21,21,.07);
}

.discussion-thread-item{
  padding:10px 11px;
  border-radius:13px;
  background:#f6f6f2;
  border:1px solid rgba(21,21,21,.05);
}

.discussion-disagreement{
  background:#fff7f4;
  border-color:#f1d7cf;
}

.discussion-thread-head{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-bottom:5px;
}

.thread-kind{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:3px 6px;
  border-radius:999px;
  background:#ecece7;
  color:#5f5e58;
  font-size:7px;
  font-weight:900;
  letter-spacing:.02em;
  text-transform:uppercase;
}

.discussion-disagreement .thread-kind{
  background:#f5ddd5;
  color:#8b4b3d;
}

.thread-user-identity{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}

.discussion-thread-item p{
  margin:0!important;
  font-size:11px!important;
  line-height:1.5!important;
}

.discussion-composer{
  margin-top:13px;
  padding:13px;
  border:1px solid rgba(21,21,21,.08);
  border-radius:18px;
  background:#fff;
}

.discussion-composer-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}

.discussion-composer-head b{
  font-size:11px;
}

.discussion-composer-head span{
  color:var(--muted);
  font-size:8px;
  text-align:right;
}

.discussion-composer .discussion-input{
  margin-top:0!important;
}

.discussion-composer-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
}

#discussionCount{
  color:var(--muted);
  font-size:8px;
  font-variant-numeric:tabular-nums;
}

.discussion-composer-foot #postDiscussion{
  width:auto;
  min-width:132px;
  margin-top:0!important;
  padding-left:14px;
  padding-right:14px;
}

.discussion-composer-foot #postDiscussion:disabled{
  opacity:.42;
  cursor:not-allowed;
}

.discussion-modal-text{
  min-height:110px;
  border-radius:14px;
  border-color:rgba(21,21,21,.10);
  padding:12px 13px;
  font-size:16px;
  line-height:1.45;
}

.discussion-modal-text:focus{
  border-color:#bfbeb5;
  box-shadow:0 0 0 3px rgba(244,122,31,.10);
}

#discussionReplyError:not(:empty),
#discussionDisagreeError:not(:empty){
  margin-top:8px;
  padding:9px 10px;
  border:1px solid #edc8cf;
  border-radius:11px;
  background:#fff5f6;
  color:#842b3c;
  font-size:9px;
  font-weight:800;
  line-height:1.35;
}

@media(max-width:360px){
  .discussion-post-head,
  .discussion-composer-head,
  .discussion-composer-foot{
    align-items:flex-start;
  }

  .discussion-composer-foot{
    flex-direction:column;
  }

  .discussion-composer-foot #postDiscussion{
    width:100%;
  }

  .discussion-report{
    margin-left:0;
  }
}


/* =========================================================
   People / public profile / Eater Buddy polish
   One coherent social discovery surface
   ========================================================= */

.public-profile-sheet{
  padding-bottom:10px;
}

.public-profile-head{
  gap:12px!important;
  margin-bottom:16px!important;
}

.public-profile-name h2{
  margin:0 0 3px!important;
  font-size:22px!important;
  line-height:1.05;
  letter-spacing:-.035em;
  text-wrap:balance;
}

.public-profile-name .profile-handle{
  margin-top:2px;
}

.public-profile-title-row{
  margin-top:6px;
}

.public-profile-name p{
  margin-top:8px!important;
  font-size:10px!important;
  line-height:1.5!important;
  text-wrap:pretty;
}

.public-profile-actions{
  gap:7px!important;
}

.follow-btn{
  min-height:40px;
  padding:9px 13px!important;
  border-radius:12px!important;
  font-size:9px!important;
}

.follow-btn:not(.following){
  box-shadow:0 5px 14px rgba(21,21,21,.12);
}

.follow-btn.following{
  background:#f0f0eb!important;
  color:#2d2d2a!important;
  border:1px solid rgba(21,21,21,.06)!important;
}

.profile-more-btn{
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  background:#f7f7f3!important;
}

.public-profile-stats{
  gap:8px!important;
  margin:12px 0 18px!important;
}

.public-profile-stats>div,
.public-profile-stats>.public-stat-button{
  min-height:72px;
  border:0;
  border-radius:14px!important;
  background:#f4f3ee!important;
  padding:10px 6px!important;
  text-align:center;
}

.public-profile-stats>.public-stat-button{
  cursor:pointer;
}

.public-profile-stats b{
  font-size:15px!important;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

.public-profile-stats span{
  margin-top:4px!important;
  font-size:8px!important;
}

.public-profile-sheet .section-title{
  margin-top:21px;
}

.public-review-card,
.public-photo-groups .profile-photo-card,
.public-guide-list .guide-card{
  border-color:rgba(21,21,21,.08)!important;
  border-radius:15px!important;
}

.public-review-card{
  padding:12px!important;
}

.public-photo-groups .profile-photo-card{
  min-height:58px;
}

.people-browser-intro{
  margin:0 0 12px!important;
  color:var(--muted)!important;
  font-size:10px!important;
  line-height:1.45!important;
}

.people-browser-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  padding:4px;
  margin:10px 0 11px;
  border-radius:14px;
  background:#f0f0eb;
}

.people-browser-tabs button{
  min-height:40px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#66645f;
  font-size:9px;
  font-weight:850;
}

.people-browser-tabs button.active{
  background:#fff;
  color:#171717;
  box-shadow:0 1px 2px rgba(21,21,21,.05),0 5px 14px rgba(21,21,21,.06);
}

.people-search-row{
  margin:0 0 10px!important;
}

.people-search-row .mini-search{
  width:100%;
  min-height:46px;
  border-radius:13px;
  padding:11px 13px;
  background:#fbfbf8;
  font-size:16px;
}

.people-results{
  gap:8px!important;
  max-height:55vh!important;
  padding-right:1px;
}

.person-result{
  min-height:64px;
  gap:10px!important;
  border-color:rgba(21,21,21,.08)!important;
  border-radius:15px!important;
  padding:9px 10px!important;
  background:#fff;
  transition-property:border-color,background-color,transform,box-shadow;
  transition-duration:140ms;
  transition-timing-function:cubic-bezier(.2,0,0,1);
}

.person-result:active{
  transform:scale(.99);
}

@media(hover:hover){
  .person-result:hover{
    border-color:rgba(21,21,21,.14)!important;
    box-shadow:0 5px 14px rgba(21,21,21,.045);
  }
}

.person-result-text b{
  font-size:11px!important;
  line-height:1.2;
}

.person-result-text span{
  margin-top:3px!important;
  font-size:8px!important;
}

.person-result-text small{
  display:block;
  margin-top:4px;
  color:#6f6d67;
  font-size:8px;
  line-height:1.35;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mini-follow{
  min-width:74px;
  min-height:38px;
  padding:8px 10px!important;
  border-radius:11px!important;
  flex:0 0 auto;
}

.mini-follow.following{
  border:1px solid rgba(21,21,21,.06);
}

.person-you{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  border-radius:999px;
  background:#f1f1ed;
}

.people-empty{
  display:grid;
  gap:4px;
  padding:15px;
  border:1px dashed rgba(21,21,21,.15);
  border-radius:15px;
  background:#fafaf7;
}

.people-empty b{
  font-size:11px;
}

.people-empty span{
  color:var(--muted);
  font-size:9px;
  line-height:1.45;
}

/* Eater Buddy gets the same interaction language as People cards. */
.eater-buddy-card{
  gap:13px!important;
  padding:14px!important;
  border-color:rgba(21,21,21,.08)!important;
  border-radius:19px!important;
}

.eater-buddy-main{
  min-height:58px;
  gap:12px!important;
}

.eater-buddy-copy>b{
  font-size:14px!important;
  line-height:1.2;
}

.eater-buddy-copy small{
  margin-top:1px;
}

.eater-buddy-copy p{
  margin-top:6px!important;
  line-height:1.5!important;
}

.eater-buddy-actions{
  gap:8px!important;
}

.eater-buddy-actions button{
  min-height:40px;
  border-radius:11px!important;
  padding:9px 11px!important;
}

.eater-buddy-actions .eater-buddy-connect{
  box-shadow:0 5px 14px rgba(21,21,21,.10);
}

.eater-buddy-actions .eater-buddy-not-now{
  min-height:36px;
}

@media(max-width:360px){
  .public-profile-head{
    flex-wrap:wrap;
  }

  .public-profile-actions{
    width:100%;
    padding-left:64px;
  }

  .public-profile-actions .follow-btn{
    flex:1;
  }

  .public-profile-stats{
    grid-template-columns:repeat(2,1fr)!important;
  }

  .person-result{
    align-items:flex-start;
  }

  .mini-follow{
    min-width:66px;
  }

  .eater-buddy-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr;
  }

  .eater-buddy-actions .eater-buddy-not-now{
    grid-column:1/-1;
  }
}


/* =========================================================
   Search + filter polish
   Active-state visibility, one-tap removal, clearer empty states
   ========================================================= */

.active-restaurant-filters{
  margin:10px 0 8px;
}

.active-filter-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:26px;
}

.active-filter-summary>span{
  color:var(--muted);
  font-size:9px;
  font-weight:800;
}

.active-filter-summary>button{
  min-height:32px;
  border:0;
  background:none;
  color:#5f5d57;
  font-size:8px;
  font-weight:850;
  text-decoration:underline;
  text-underline-offset:3px;
}

.active-filter-chips{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:4px 0 2px;
  scrollbar-width:none;
}

.active-filter-chips::-webkit-scrollbar{
  display:none;
}

.active-filter-chips button{
  min-height:34px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid rgba(21,21,21,.09);
  border-radius:999px;
  background:#fff;
  padding:7px 9px;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}

.active-filter-chips button span{
  font-size:12px;
  line-height:1;
  color:#77756f;
}

#filterToggle{
  min-height:40px;
  border-radius:12px!important;
}

#filterToggle:has(+ *){}

.filters.show{
  border-color:rgba(21,21,21,.08);
  box-shadow:0 8px 22px rgba(21,21,21,.05);
}

.filter-title{
  margin-top:2px;
}

.filter-chips{
  gap:7px!important;
}

.filter-chips button{
  min-height:36px;
  padding:8px 10px!important;
  border-radius:999px!important;
}

.clear-filter{
  min-height:40px;
  border-radius:11px!important;
}

.restaurant-results-empty{
  display:grid;
  gap:5px;
  margin-top:10px;
  padding:16px;
  border:1px dashed rgba(21,21,21,.15);
  border-radius:16px;
  background:#fafaf7;
}

.restaurant-results-empty b{
  font-size:12px;
}

.restaurant-results-empty span{
  color:var(--muted);
  font-size:9px;
  line-height:1.45;
}

.restaurant-results-empty button{
  width:max-content;
  min-height:38px;
  margin-top:4px;
  border:1px solid rgba(21,21,21,.09);
  border-radius:11px;
  background:#fff;
  padding:8px 11px;
  font-size:9px;
  font-weight:850;
}

#search{
  min-height:46px;
  border-radius:14px!important;
  padding-left:14px!important;
  padding-right:14px!important;
  font-size:16px!important;
}

#search:focus{
  border-color:#bfbeb5!important;
  box-shadow:0 0 0 3px rgba(244,122,31,.10)!important;
}

@media(max-width:360px){
  .active-filter-summary{
    align-items:flex-start;
  }

  .active-filter-chips button{
    min-height:32px;
    padding:6px 8px;
  }
}


/* =========================================================
   Guides / lists polish
   Better creation, clearer visibility, stronger list hierarchy
   ========================================================= */

.guide-card{
  position:relative;
  border-color:rgba(21,21,21,.08)!important;
  border-radius:14px!important;
  padding:9px 12px 9px 14px!important;
  min-height:auto!important;
  box-shadow:0 4px 14px rgba(21,21,21,.035);
}

.guide-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:var(--guide-color,#8d8d88);
}

.guide-card-main{
  min-width:0;
  padding-left:5px;
}

.guide-card-title-row{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}

.guide-card-title-row>b{
  font-size:13px;
  line-height:1.25;
}

.guide-card-main>span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:9px;
  line-height:1.45;
}

.guide-card-meta{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
  margin-top:8px;
}

.guide-card-meta>span:first-child{
  color:#55534e;
  font-size:8px;
  font-weight:850;
}

.guide-mini-borough{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:4px 6px;
  border-radius:999px;
  background:#f2f2ee;
  color:#66645f;
  font-size:7px!important;
  font-weight:800;
}

.guide-visibility-badge{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:4px 7px;
  border-radius:999px;
  font-size:7px;
  font-weight:900;
  letter-spacing:.02em;
  text-transform:uppercase;
}

.guide-visibility-badge.public{
  background:#edf6ef;
  color:#3e6b47;
}

.guide-visibility-badge.private{
  background:#f1f1ed;
  color:#5f5d57;
}

.guide-card-arrow{
  flex:0 0 auto;
  color:#8b8a84;
  font-size:20px;
}

.guide-add-current{
  min-height:38px!important;
  margin-top:9px;
  border-radius:11px!important;
}

.guide-detail-title-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.guide-detail-title-row h2{
  margin-right:auto!important;
}

.guide-detail-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}

.guide-detail-item{
  width:100%;
  display:grid;
  grid-template-columns:32px 1fr auto;
  align-items:center;
  gap:9px;
  min-height:66px;
  border:1px solid rgba(21,21,21,.08);
  border-radius:15px;
  background:#fff;
  padding:10px 11px;
  text-align:left;
}

.guide-detail-number{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#171717;
  color:#fff;
  font-size:9px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}

.guide-detail-copy{
  min-width:0;
}

.guide-detail-copy b,
.guide-detail-copy span,
.guide-detail-copy em,
.guide-detail-copy small{
  display:block;
}

.guide-detail-copy b{
  font-size:11px;
}

.guide-detail-copy span{
  margin-top:2px;
  color:var(--muted);
  font-size:8px;
}

.guide-detail-copy em{
  margin-top:4px;
  color:#775019;
  font-size:8px;
  font-style:normal;
  font-weight:800;
}

.guide-detail-copy small{
  margin-top:4px;
  color:#5f5d57;
  font-size:8px;
  line-height:1.4;
}

.guide-detail-arrow{
  color:#8b8a84;
  font-size:18px;
}

.guide-form{
  display:grid;
  gap:11px;
  margin-top:12px;
}

.guide-form label{
  display:grid;
  gap:6px;
  color:#3d3d39;
  font-size:10px;
  font-weight:850;
}

.guide-form input[type="text"],
.guide-form input:not([type]),
.guide-form textarea{
  width:100%;
  min-height:46px;
  border:1px solid #deded7;
  border-radius:12px;
  padding:11px 12px;
  background:#fbfbf8;
  font-size:16px;
  line-height:1.35;
}

.guide-form textarea{
  min-height:90px;
}

.guide-visibility-row{
  grid-template-columns:auto 1fr;
  align-items:flex-start;
  gap:9px!important;
  padding:10px;
  border:1px solid rgba(21,21,21,.08);
  border-radius:12px;
  background:#fafaf7;
}

.guide-visibility-row input{
  width:18px;
  height:18px;
  margin-top:1px;
}

.guide-visibility-row span b,
.guide-visibility-row span small{
  display:block;
}

.guide-visibility-row span small{
  margin-top:2px;
  color:var(--muted);
  font-size:8px;
  line-height:1.4;
  font-weight:500;
}

#newGuideError:not(:empty),
#guideItemError:not(:empty){
  padding:9px 10px;
  border:1px solid #edc8cf;
  border-radius:11px;
  background:#fff5f6;
  color:#842b3c;
  font-size:9px;
  font-weight:800;
  line-height:1.35;
}

.guide-empty{
  display:grid;
  gap:4px;
  padding:15px;
  border:1px dashed rgba(21,21,21,.15);
  border-radius:15px;
  background:#fafaf7;
}

.guide-empty b{
  font-size:11px;
}

.guide-empty span{
  color:var(--muted);
  font-size:9px;
  line-height:1.45;
}

#newGuide{
  min-height:46px;
  border-radius:13px!important;
}

@media(max-width:360px){
  .guide-detail-item{
    grid-template-columns:28px 1fr auto;
    padding:9px;
  }

  .guide-detail-number{
    width:28px;
    height:28px;
  }
}


/* =========================================================
   Moderation + S Council polish
   Clearer state, safer actions, stronger operational hierarchy
   ========================================================= */

.report-reasons{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:7px;
  margin:12px 0;
}

.report-reasons button{
  min-height:42px;
  border:1px solid rgba(21,21,21,.09);
  border-radius:11px;
  background:#f7f7f3;
  padding:9px 10px;
  font-size:9px;
  font-weight:850;
}

.report-reasons button.active{
  background:#171717;
  color:#fff;
  border-color:#171717;
}

.report-details-label{
  display:grid;
  gap:6px;
  font-size:10px;
  font-weight:850;
}

.report-details-label textarea{
  min-height:96px;
  border-radius:13px;
  font-size:16px;
  line-height:1.45;
}

.report-safety-note{
  margin-top:9px;
  padding:9px 10px;
  border-radius:11px;
  background:#f6f6f2;
  color:#66645f;
  font-size:8px;
  line-height:1.45;
}

#reportError:not(:empty),
#sNominationError:not(:empty),
#sFinalizeError:not(:empty),
#councilAdminError:not(:empty){
  margin-top:8px;
  padding:9px 10px;
  border:1px solid #edc8cf;
  border-radius:11px;
  background:#fff5f6;
  color:#842b3c;
  font-size:9px;
  font-weight:800;
  line-height:1.35;
}

.moderation-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin:12px 0 14px;
}

.moderation-summary div{
  min-height:68px;
  display:grid;
  place-content:center;
  text-align:center;
  border-radius:14px;
  background:#f3f3ef;
}

.moderation-summary b{
  font-size:17px;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

.moderation-summary span{
  margin-top:4px;
  color:var(--muted);
  font-size:8px;
}

.moderation-report-list{
  display:grid;
  gap:9px;
}

.moderation-report-card{
  border:1px solid rgba(21,21,21,.08);
  border-radius:17px;
  padding:13px;
  background:#fff;
}

.moderation-report-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.moderation-report-head b{
  display:block;
  font-size:11px;
  line-height:1.25;
}

.moderation-report-head span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:8px;
  line-height:1.35;
}

.report-status{
  min-height:24px;
  display:inline-flex!important;
  align-items:center;
  padding:4px 7px;
  border-radius:999px;
  font-size:7px!important;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.02em;
  white-space:nowrap;
}

.report-status.status-open{
  background:#fff1db;
  color:#8a5c17;
}

.report-status.status-reviewing{
  background:#eaf2ff;
  color:#3d5f92;
}

.report-status.status-resolved{
  background:#edf6ef;
  color:#3e6b47;
}

.report-status.status-dismissed{
  background:#f1f1ed;
  color:#66645f;
}

.moderation-target-user{
  margin-top:9px;
  padding:8px 9px;
  border-radius:10px;
  background:#f7f7f3;
  font-size:9px;
}

.moderation-report-details{
  margin:9px 0!important;
  padding:9px 10px;
  border-left:3px solid rgba(21,21,21,.13);
  background:#fafaf7;
  font-size:10px!important;
  line-height:1.45!important;
}

.moderation-report-actions{
  display:grid!important;
  grid-template-columns:repeat(2,1fr);
  gap:7px!important;
  margin-top:10px;
}

.moderation-report-actions button{
  min-height:40px;
  border-radius:11px!important;
  font-size:8px!important;
  font-weight:850;
}

.moderation-report-actions .danger-mini{
  grid-column:1/-1;
  background:#fff4f4!important;
  color:#8c313a!important;
  border-color:#efcfd3!important;
}

/* S Council room */
.s-council-status{
  width:max-content;
  min-height:27px;
  display:inline-flex;
  align-items:center;
  margin:3px 0 10px;
  padding:5px 8px;
  border-radius:999px;
  font-size:8px;
  font-weight:950;
  letter-spacing:.025em;
}

.s-council-status.pending{
  background:#fff1db;
  color:#8a5c17;
}

.s-council-status.approved{
  background:#eee6ff;
  color:#64458f;
}

.s-council-status.rejected{
  background:#f1f1ed;
  color:#66645f;
}

.s-nomination-reason,
.s-governance-card,
.s-final-public{
  border:1px solid rgba(21,21,21,.08);
  border-radius:15px;
  padding:12px;
  background:#fafaf7;
}

.s-nomination-reason p,
.s-final-public p{
  line-height:1.5!important;
}

.s-nomination-reason>span{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:8px;
}

.s-vote-summary{
  display:grid!important;
  grid-template-columns:repeat(3,1fr);
  gap:7px!important;
  margin:10px 0;
}

.s-vote-summary>div,
.s-vote-summary>b{
  min-height:62px;
  display:grid;
  place-content:center;
  text-align:center;
  border-radius:13px;
  background:#f2f2ee;
}

.s-vote-summary span{
  color:var(--muted);
  font-size:7px;
  text-transform:uppercase;
}

.s-vote-summary b{
  font-size:14px;
  font-variant-numeric:tabular-nums;
}

.s-governance-card{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}

.s-governance-card>div{
  padding:8px;
  border-radius:10px;
  background:#fff;
  text-align:center;
}

.s-governance-card>div span,
.s-governance-card>div b{
  display:block;
}

.s-governance-card>div span{
  color:var(--muted);
  font-size:7px;
}

.s-governance-card>div b{
  margin-top:3px;
  font-size:12px;
  font-variant-numeric:tabular-nums;
}

.s-governance-card>p,
.s-governance-card>small{
  grid-column:1/-1;
}

.s-governance-card>p{
  margin:4px 0 0!important;
  font-size:9px!important;
  line-height:1.45!important;
}

.s-governance-card>small{
  color:var(--muted);
  font-size:7px;
}

.s-vote-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:8px!important;
  margin-top:11px;
}

.s-vote-actions button{
  min-height:44px;
  border-radius:12px!important;
  font-weight:900;
}

.s-vote-actions button.active{
  background:#171717!important;
  color:#fff!important;
  border-color:#171717!important;
}

.s-council-comments{
  display:grid;
  gap:8px;
}

.s-council-comment{
  padding:10px 11px;
  border:1px solid rgba(21,21,21,.06);
  border-radius:13px;
  background:#f8f8f5;
}

.s-council-comment b{
  font-size:9px;
}

.s-council-comment p{
  margin:5px 0 0!important;
  font-size:10px!important;
  line-height:1.45!important;
}

.s-comment-button{
  min-height:42px;
  margin-top:8px;
}

.s-finalize{
  margin-top:14px;
  padding:12px;
  border:1px solid #ead5d8;
  border-radius:15px;
  background:#fffafa;
}

.s-finalize>.sheet-actions button{
  min-height:44px;
}

.council-admin-summary{
  display:grid!important;
  grid-template-columns:repeat(3,1fr);
  gap:7px!important;
  margin:12px 0 15px!important;
}

.council-admin-summary>span{
  min-height:62px;
  display:grid;
  place-content:center;
  text-align:center;
  border-radius:13px;
  background:#f3f3ef;
  color:var(--muted);
  font-size:8px;
}

.council-admin-summary b{
  display:block;
  color:#171717;
  font-size:15px;
  font-variant-numeric:tabular-nums;
}

.council-admin-section{
  margin-top:16px;
}

.council-admin-heading{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:baseline;
  margin-bottom:8px;
}

.council-admin-heading>b{
  font-size:11px;
}

.council-admin-heading>span{
  color:var(--muted);
  font-size:7px;
  text-align:right;
}

.council-admin-person{
  border-color:rgba(21,21,21,.08)!important;
  border-radius:15px!important;
}

.council-admin-actions button{
  min-height:38px;
  border-radius:10px!important;
}

.council-empty,
.moderation-empty{
  display:grid;
  gap:4px;
  padding:14px;
  border:1px dashed rgba(21,21,21,.15);
  border-radius:14px;
  background:#fafaf7;
}

.council-empty b,
.moderation-empty b{
  font-size:10px;
}

.council-empty span,
.moderation-empty span{
  color:var(--muted);
  font-size:8px;
  line-height:1.45;
}

@media(max-width:360px){
  .report-reasons{
    grid-template-columns:1fr;
  }

  .moderation-report-actions{
    grid-template-columns:1fr!important;
  }

  .moderation-report-actions .danger-mini{
    grid-column:auto;
  }

  .s-governance-card{
    grid-template-columns:1fr;
  }

  .s-governance-card>p,
  .s-governance-card>small{
    grid-column:auto;
  }
}


/* =========================================================
   App startup / slow-network loader
   Keeps first launch feeling intentional instead of frozen
   ========================================================= */

.deets-boot-loader{
  position:fixed;
  inset:0;
  z-index:1200;
  min-height:100dvh;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:14px;
  padding:max(24px,env(safe-area-inset-top,0px)) 20px max(24px,env(safe-area-inset-bottom,0px));
  text-align:center;
  background:#071521;
}

.restaurant-page-loader{
  min-height:calc(100dvh - 150px);
  display:grid;
  place-content:center;
  justify-items:center;
  gap:12px;
  padding:32px 20px calc(44px + env(safe-area-inset-bottom,0px));
  text-align:center;
}

.restaurant-page-loader .deets-boot-ghost{
  width:min(58vw,220px);
  max-height:34dvh;
}

.deets-boot-ghost{
  display:block;
  width:min(68vw,260px);
  max-width:100%;
  max-height:42dvh;
  object-fit:contain;
}

.rating-intro-ghost{
  display:block;
  width:min(150px,42vw);
  max-height:150px;
  margin:12px auto 5px;
  object-fit:contain;
}

.deets-boot-brand{
  font-size:27px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.06em;
}

.deets-boot-brand span{
  color:#f47a1f;
}

.deets-boot-copy{
  display:grid;
  gap:3px;
}

.deets-boot-copy strong{
  color:#f7fbff;
  font-size:13px;
  line-height:1.25;
  letter-spacing:.16em;
}

.deets-boot-copy span{
  color:#9ab4c7;
  font-size:9px;
  line-height:1.35;
}

.deets-boot-dots{
  display:flex;
  align-items:center;
  gap:5px;
  min-height:16px;
}

.deets-boot-dots i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#171717;
  animation:deetsBootBounce 1s ease-in-out infinite;
}

.deets-boot-dots i:nth-child(2){
  animation-delay:.14s;
}

.deets-boot-dots i:nth-child(3){
  animation-delay:.28s;
}

.deets-boot-skeletons{
  width:100%;
  display:grid;
  gap:9px;
  margin-top:4px;
}

.deets-boot-skeleton{
  display:grid;
  gap:8px;
  padding:13px;
  border:1px solid rgba(21,21,21,.07);
  border-radius:17px;
  background:#fff;
  overflow:hidden;
  position:relative;
}

.deets-boot-skeleton::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  animation:deetsBootShimmer 1.45s ease-in-out infinite;
}

.deets-boot-skeleton.compact{
  min-height:72px;
}

.deets-boot-line,
.deets-boot-row span{
  display:block;
  border-radius:999px;
  background:#ecece7;
}

.deets-boot-line{
  height:10px;
}

.deets-boot-line.wide{width:62%}
.deets-boot-line.mid{width:44%}
.deets-boot-line.short{width:31%}

.deets-boot-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:3px;
}

.deets-boot-row span:first-child{
  width:28%;
  height:22px;
}

.deets-boot-row span:last-child{
  width:19%;
  height:22px;
}

.deets-boot-loader>small{
  color:#7895aa;
  font-size:8px;
  line-height:1.4;
}

@keyframes deetsBootBounce{
  0%,60%,100%{transform:translateY(0);opacity:.35}
  30%{transform:translateY(-4px);opacity:1}
}

@keyframes deetsBootShimmer{
  100%{transform:translateX(100%)}
}

@media(prefers-reduced-motion:reduce){
  .deets-boot-dots i,
  .deets-boot-skeleton::after{
    animation:none!important;
  }

  .deets-boot-dots i{
    opacity:.65;
  }
}


/* =========================================================
   Multi-select cuisine + price filters
   Multiple selections within a group use OR logic
   ========================================================= */

.filter-title-row{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
}

.filter-title-row small{
  color:var(--muted);
  font-size:7px;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
}

#cuisineFilters button.active,
#priceFilters button.active{
  background:#171717!important;
  color:#fff!important;
  border-color:#171717!important;
}

.price-filter-chips button{
  min-width:44px;
  justify-content:center;
}

.active-filter-chips button[data-remove-filter="price"]{
  font-variant-numeric:tabular-nums;
}


/* =========================================================
   DEETS Guides + You visual redesign
   Editorial library + personal dashboard composition
   ========================================================= */

#guides{padding-bottom:28px}

.guides-hero{
  position:relative;overflow:hidden;display:flex;align-items:flex-end;
  justify-content:space-between;gap:18px;margin-bottom:12px;padding:22px 20px 20px;
  border:1px solid #d9ccb0;border-radius:22px;
  background:#efe4cc;color:#29271f;box-shadow:0 3px 0 #e1d5bd;
}
.guides-hero::after{
  content:none;display:none;
}
.guides-hero>div{position:relative;z-index:1;max-width:72%}
.guides-hero .eyebrow{color:#8b471f}
.guides-hero h1{margin:4px 0 7px;font-size:34px;line-height:.96;letter-spacing:-.055em}
.guides-hero p{margin:0;max-width:300px;color:#65563f;font-size:11px;line-height:1.45}

.guides-create{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  min-height:46px;
  border:0;
  border-radius:14px;
  padding:11px 14px;
  background:#f47a1f;
  color:#302518;
  font-size:10px;
  font-weight:900;
  box-shadow:0 2px 0 rgba(116,65,14,.2);
}

.guide-editorial-strip{
  display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;
  margin-bottom:22px;padding:12px 0;border-bottom:1px dashed #d6cbb8;
  border-radius:0;background:transparent;
}
.guide-editorial-strip span{color:#93420c;font-size:8px;font-weight:950;letter-spacing:.12em}
.guide-editorial-strip b{color:#68604f;font-size:10px;line-height:1.5;font-weight:550}

#guides .library-section-head{margin-top:24px}
#guides .library-section-head>div{min-width:0}
#guides .library-section-head .eyebrow{margin-bottom:3px}
#guides .library-section-head h2{margin:0;font-size:22px;line-height:1;letter-spacing:-.035em}

.guide-editorial-list{display:grid;gap:10px}

#guides .guide-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:6px 10px;
  min-height:auto;
  padding:9px 12px 9px 14px;
  border:1px solid rgba(21,21,21,.075);
  border-radius:14px;
  background:#fff;
  box-shadow:var(--shadow-soft);
  margin-bottom:8px;
}

#guides .guide-card::before{
  content:"";
  position:absolute;
  top:0;bottom:0;left:0;
  width:4px;
  background:var(--guide-color,#f47a1f);
}

#guides .guide-card-featured{
  min-height:auto;
  padding:9px 12px 9px 14px;
}
.guide-card-kicker{margin-bottom:2px;color:#8c887d;font-size:8px;font-weight:950;letter-spacing:.13em}
.guide-card-featured .guide-card-kicker{color:#f47a1f}
#guides .guide-card-main{min-width:0;display:flex;flex-direction:column;gap:2px}
#guides .guide-card-title-row{display:block;min-width:0;line-height:1.22}
#guides .guide-card-title-row>b{display:inline;font-size:14px;line-height:inherit;letter-spacing:-.02em;word-break:break-word}
#guides .guide-card-featured .guide-card-title-row>b{max-width:82%;font-size:16px;line-height:1.1;letter-spacing:-.03em}
#guides .guide-visibility-badge{display:inline-flex;vertical-align:middle;margin-left:6px;padding:2px 5px;border-radius:999px;font-size:7px;font-weight:800;line-height:1;letter-spacing:.03em;text-transform:uppercase;position:relative;top:-1px}
#guides .guide-card-desc,
#guides .guide-card-main>span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:0;max-width:100%;color:#6f6b63;font-size:10.5px;line-height:1.25}
#guides .guide-card-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:1px;padding-top:0;border-top:none}
#guides .guide-card-meta>span:first-child{font-size:9.5px;font-weight:600}
#guides .guide-mini-borough{display:inline-flex;align-items:center;min-height:auto;padding:1px 5px;border-radius:999px;background:#f1efe7;font-size:7.5px;font-weight:700;line-height:1.1}
#guides .guide-card-arrow{align-self:center;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;line-height:1;flex-shrink:0}

.review-library-heading{
  margin-top:30px!important;
  padding-top:18px;
  border-top:1px solid rgba(21,21,21,.08);
}

#you{padding-bottom:30px}

#you .profile-top{
  position:relative;
  overflow:hidden;
  padding:22px!important;
  border-radius:28px!important;
  background:#262920!important;
  border:1px solid #404438;
  box-shadow:0 4px 0 #dcd4bf;
}

#you .profile-top::after{
  content:"";
  position:absolute;
  right:-32px;
  bottom:-62px;
  width:150px;
  height:150px;
  border:1px solid rgba(244,196,116,.3);
  border-radius:50%;
  pointer-events:none;
}

#you .profile-identity-row,
#you .profile-actions{position:relative;z-index:1}

.profile-kicker{
  margin-bottom:4px;
  color:#f4a15f;
  font-size:8px;
  font-weight:950;
  letter-spacing:.14em;
}

#you .profile-identity{gap:13px}
#you .profile-avatar{flex:0 0 auto;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
#you .profile-name-with-title{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
#you .profile-name-with-title h1{font-size:27px!important;letter-spacing:-.045em}

.profile-signal-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.profile-signal-row span{
  display:grid;
  gap:2px;
  min-width:74px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  background:rgba(255,255,255,.055);
}
.profile-signal-row small{color:rgba(255,255,255,.45);font-size:6px;font-weight:900;letter-spacing:.11em}
.profile-signal-row b{color:#fff;font-size:9px;line-height:1.15}

#you .profile-actions{margin-top:16px}
#you .profile-actions button{
  background:rgba(255,255,255,.07);
  color:#fff;
  border-color:rgba(255,255,255,.11);
}
#you .profile-actions button:first-child{background:#fff;color:#171717}

.profile-dashboard-stats{
  display:grid!important;
  grid-template-columns:repeat(4,1fr);
  gap:7px!important;
  margin:14px 0 26px!important;
}

.profile-dashboard-stats>div,
.profile-dashboard-stats>button{
  min-height:78px!important;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  padding:11px 10px!important;
  border:1px solid rgba(21,21,21,.065)!important;
  border-radius:17px!important;
  background:#f4eddf!important;
  text-align:left!important;
  box-shadow:none;
}

.profile-dashboard-stats b{font-size:25px!important;letter-spacing:-.05em;color:#93420c;font-variant-numeric:tabular-nums}
.profile-dashboard-stats span{
  color:#8a877f;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}

#you .profile-section-title{
  align-items:flex-end;
  margin-top:28px!important;
  margin-bottom:10px!important;
}

#you .profile-section-title>div{min-width:0}
#you .profile-section-title .eyebrow{margin-bottom:3px}
#you .profile-section-title h2{margin:0;font-size:22px;line-height:1;letter-spacing:-.035em}
#you .profile-section-title>span{max-width:46%;text-align:right;font-size:8px;line-height:1.35}

.profile-taste-panel{
  position:relative;
  overflow:hidden;
  padding:18px!important;
  border-radius:22px!important;
  background:#fffcf5!important;
  border-top:3px solid #c8b88f!important;
  box-shadow:none!important;
}

.profile-taste-panel::before{
  content:"TASTE MAP";
  display:block;
  margin-bottom:14px;
  color:#f47a1f;
  font-size:8px;
  font-weight:950;
  letter-spacing:.13em;
}

.profile-taste-panel .foodprint-label{
  margin-top:14px;
  color:#69665f;
  font-size:8px;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.profile-taste-panel .foodprint{margin-top:6px}
.profile-taste-panel .foodprint span{
  border:1px solid rgba(21,21,21,.06);
  background:#fff;
  box-shadow:0 2px 8px rgba(21,21,21,.035);
}

.profile-action-grid{
  display:grid!important;grid-template-columns:1fr;gap:0!important;
  margin:22px 0 4px!important;border-top:1px solid #ded6c4;
}
.profile-action-grid button{
  min-height:48px!important;display:flex!important;align-items:center;
  justify-content:space-between;padding:12px 2px!important;
  border:0!important;border-bottom:1px solid #ded6c4!important;
  border-radius:0!important;background:transparent!important;color:#423823!important;
  text-align:left!important;text-decoration:none!important;font-size:12px!important;
  font-weight:750!important;line-height:1.3;box-shadow:none;
}
.profile-action-grid button::after{content:'↗';color:#93632e;font-size:17px}

#you .featured-restaurant-card{
  min-height:112px;
  border-radius:20px;
  padding:16px;
  text-align:left;
  box-shadow:var(--shadow-soft);
}

#you .eater-buddy-card,
#you .contribution-card,
#you .profile-photo-card{border-radius:18px!important}

@media(max-width:390px){
  .guides-hero{align-items:flex-start;flex-direction:column}
  .guides-hero>div{max-width:100%}
  .guides-create{width:100%}
  .profile-dashboard-stats{grid-template-columns:repeat(2,1fr)}
}


/* =========================================================
   DEETS auth redesign — branded, mobile-first account entry
   ========================================================= */

.auth-shell-redesign{
  display:grid;
  gap:0;
  margin:-4px;
  overflow:hidden;
  border-radius:22px;
  background:#fff;
}

.auth-brand-panel{
  position:relative;
  overflow:hidden;
  padding:24px 20px 20px;
  background:
    radial-gradient(circle at 90% 12%,rgba(244,122,31,.27),transparent 30%),
    linear-gradient(145deg,#171717,#26241f);
  color:#fff;
}

.auth-brand-panel::after{
  content:"";
  position:absolute;
  right:-34px;
  bottom:-64px;
  width:150px;
  height:150px;
  border:24px solid rgba(255,255,255,.05);
  border-radius:50%;
  pointer-events:none;
}

.auth-brand-mark{
  position:relative;
  z-index:1;
  margin-bottom:28px;
  font-size:28px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.065em;
}

.auth-brand-mark span{
  color:#f47a1f;
}

.auth-brand-copy{
  position:relative;
  z-index:1;
}

.auth-brand-copy .eyebrow{
  color:#f2a46a;
}

.auth-brand-copy h2{
  margin:5px 0 7px;
  color:#fff;
  font-size:28px;
  line-height:1;
  letter-spacing:-.045em;
}

.auth-brand-copy p{
  margin:0;
  max-width:310px;
  color:rgba(255,255,255,.68);
  font-size:10px;
  line-height:1.5;
}

.auth-brand-badges{
  position:relative;
  z-index:1;
  display:flex;
  gap:6px;
  margin-top:16px;
}

.auth-brand-badges span{
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:rgba(255,255,255,.65);
  font-size:6px;
  font-weight:900;
  letter-spacing:.10em;
}

.auth-panel{
  padding:18px 18px 16px;
  background:#fff;
}

.auth-shell-redesign .auth-tabs{
  margin:0 0 16px;
  padding:4px;
  border:1px solid #e6e4dc;
  background:#f3f2ed;
}

.auth-shell-redesign .auth-tabs button{
  min-height:44px;
  font-size:10px;
}

.auth-shell-redesign .auth-tabs button.active{
  background:#171717;
  color:#fff;
  box-shadow:0 5px 14px rgba(21,21,21,.14);
}

.auth-mode-copy{
  display:grid;
  gap:2px;
  margin-bottom:14px;
}

.auth-mode-copy b{
  color:#1e1d1a;
  font-size:13px;
  line-height:1.25;
}

.auth-mode-copy span{
  color:#858179;
  font-size:9px;
  line-height:1.35;
}

.auth-shell-redesign .auth-form{
  gap:12px;
}

.auth-shell-redesign .auth-field>span{
  color:#56524c;
  font-size:9px;
  font-weight:900;
}

.auth-shell-redesign .auth-field input{
  min-height:52px;
  border-radius:14px;
  border-color:#dedbd3;
  background:#fbfaf6;
  font-size:16px;
}

.auth-shell-redesign .auth-field input:focus{
  background:#fff;
  border-color:#f47a1f;
  box-shadow:0 0 0 3px rgba(244,122,31,.12);
}

.auth-shell-redesign .auth-submit{
  min-height:52px;
  margin-top:2px;
  border-radius:14px;
  background:#171717;
  color:#fff;
  font-size:10px;
  font-weight:950;
  box-shadow:0 9px 20px rgba(21,21,21,.16);
}

.auth-shell-redesign .forgot-password-link{
  margin-top:-3px;
  color:#6b665f;
  font-size:9px;
}

.auth-shell-redesign .auth-note{
  margin:12px 0 0;
  padding:0;
  background:transparent;
  color:#9a968e;
  text-align:center;
  font-size:8px;
}

.auth-success-state{
  display:grid;
  justify-items:center;
  gap:8px;
  padding:12px 4px 4px;
  text-align:center;
}

.auth-success-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  margin-bottom:4px;
  border-radius:50%;
  background:#171717;
  color:#fff;
  font-size:20px;
  font-weight:900;
}

.auth-success-state h2{
  margin:2px 0 0;
  font-size:24px;
  letter-spacing:-.04em;
}

.auth-success-state p{
  max-width:320px;
  margin:0;
  color:#6f6b63;
  font-size:10px;
  line-height:1.5;
}

.auth-success-state .auth-submit{
  width:100%;
  margin-top:8px;
}

.auth-recovery-shell .auth-brand-panel{
  padding-bottom:22px;
}

.auth-recovery-shell .auth-panel{
  padding-top:18px;
}

@media(min-width:700px){
  .auth-shell-redesign{
    grid-template-columns:minmax(200px,.9fr) minmax(260px,1.1fr);
    min-height:420px;
  }

  .auth-brand-panel{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }

  .auth-brand-mark{
    margin-bottom:0;
  }

  .auth-panel{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:28px;
  }
}


/* =========================================================
   Public dish notes + community dish detail
   ========================================================= */

.dish-public-note-wrap{
  display:grid;
  gap:7px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(21,21,21,.07);
}

.dish-rate:not(.selected) .dish-public-note-wrap{
  display:none;
}

.dish-public-note-wrap>span{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
}

.dish-public-note-wrap>span b{
  font-size:9px;
}

.dish-public-note-wrap>span small,
.dish-public-note-wrap>em{
  color:var(--muted);
  font-size:7px;
  line-height:1.35;
  font-style:normal;
}

.dish-public-note{
  min-height:78px;
  width:100%;
  resize:vertical;
  border:1px solid #deded7;
  border-radius:12px;
  padding:10px 11px;
  background:#fbfbf8;
  color:var(--text);
  font:inherit;
  font-size:10px;
  line-height:1.45;
}

.dish-public-note:focus{
  outline:3px solid var(--focus-ring);
  outline-offset:1px;
  background:#fff;
}

.dish-card-open{
  width:100%;
  display:block;
  color:inherit;
  text-align:left;
  cursor:pointer;
}

.dish-community-hint{
  display:block;
  margin-top:5px;
  color:#7a766e;
  font-size:7px;
  font-weight:850;
  letter-spacing:.015em;
}

.dish-card-open:active{
  transform:scale(.985);
}

.dish-community-sheet h2{
  margin:4px 0 4px;
  font-size:25px;
  line-height:1.02;
  letter-spacing:-.04em;
}

.dish-community-loading{
  padding:20px 0;
  color:var(--muted);
  font-size:9px;
}

.dish-community-title-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}

.dish-community-title-row span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:8px;
}

.dish-community-default{
  margin-top:14px;
  padding:12px;
  border-radius:14px;
  background:#f4f3ed;
}

.dish-community-default>b{
  display:block;
  margin-bottom:4px;
  color:#77736b;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.dish-community-default p{
  margin:0;
  font-size:10px;
  line-height:1.5;
}

.dish-note-summary{
  margin-top:12px;
  padding:13px;
  border:1px solid rgba(244,122,31,.16);
  border-radius:15px;
  background:#fff8f1;
}

.dish-note-summary-head,
.dish-community-note-title{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
}

.dish-note-summary-head b,
.dish-community-note-title b{
  font-size:10px;
}

.dish-note-summary-head span,
.dish-community-note-title span{
  color:var(--muted);
  font-size:7px;
  text-align:right;
}

.dish-note-theme-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}

.dish-note-theme-list span{
  padding:6px 8px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(244,122,31,.14);
  font-size:8px;
  font-weight:800;
}

.dish-note-theme-list span b{
  color:#f47a1f;
}

.dish-note-summary.quiet{
  display:grid;
  gap:3px;
  background:#f6f6f2;
  border-color:rgba(21,21,21,.06);
}

.dish-note-summary.quiet b{font-size:9px}
.dish-note-summary.quiet span{color:var(--muted);font-size:8px}

.dish-community-note-title{
  margin-top:18px;
  margin-bottom:8px;
}

.dish-community-notes{
  display:grid;
  gap:8px;
}

.dish-community-note{
  padding:12px;
  border:1px solid rgba(21,21,21,.07);
  border-radius:14px;
  background:#fff;
}

.dish-community-note-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:baseline;
}

.dish-community-note-head b{
  font-size:9px;
}

.dish-community-note-head span{
  color:#f47a1f;
  font-size:8px;
  font-weight:900;
}

.dish-community-note p{
  margin:7px 0 5px;
  font-size:10px;
  line-height:1.5;
}

.dish-community-note small{
  color:var(--muted);
  font-size:7px;
}

.dish-community-empty{
  display:grid;
  gap:4px;
  padding:14px;
  border:1px dashed rgba(21,21,21,.14);
  border-radius:14px;
  background:#fafaf7;
}

.dish-community-empty b{font-size:10px}
.dish-community-empty span{color:var(--muted);font-size:8px;line-height:1.45}


/* =========================================================
   Dish note helpful / agree voting
   ========================================================= */

.dish-community-default-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}

.dish-community-default-head>b{
  margin:0;
}

.dish-community-default-head span{
  color:var(--muted);
  font-size:7px;
  text-align:right;
}

.dish-community-default.community-winner{
  border:1px solid rgba(244,122,31,.18);
  background:#fff8f1;
}

.dish-community-default.community-winner small{
  display:block;
  margin-top:7px;
  color:#9a6a42;
  font-size:7px;
  font-weight:800;
}

.dish-community-note.community-description-source{
  border-color:rgba(244,122,31,.24);
  box-shadow:inset 3px 0 0 #f47a1f,var(--shadow-soft);
}

.dish-note-actions{
  display:flex;
  gap:7px;
  margin:9px 0 6px;
}

.dish-note-actions button{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:7px 9px;
  border:1px solid rgba(21,21,21,.08);
  border-radius:999px;
  background:#f6f6f2;
  color:#625f58;
  font-size:8px;
  font-weight:850;
}

.dish-note-actions button b{
  font-variant-numeric:tabular-nums;
}

.dish-note-actions button.active{
  background:#171717;
  color:#fff;
  border-color:#171717;
}


/* =========================================================
   Guide creation modal
   ========================================================= */

/* Keep dialog close controls above positioned form content. */
.sheet>.modal-x{z-index:3}

.guide-create-modal{
  position:relative;
  overflow:hidden;
  margin:2px;
  padding:3px;
  border:2px solid rgba(244,122,31,.88);
  border-radius:23px;
  background:#f6f1e6;
  box-shadow:
    0 18px 45px rgba(22,20,17,.18),
    inset 0 0 0 1px rgba(255,255,255,.65);
}

.guide-create-content{
  position:relative;
  z-index:2;
  padding:18px 18px 16px;
}

.guide-create-modal h2{
  margin:4px 0 7px;
  font-size:25px;
  line-height:1;
  letter-spacing:-.04em;
  color:#1c1917!important;
}

.guide-create-content p{
  color:#57534e!important;
}

.guide-create-modal> .guide-create-ghost{
  position:absolute;
  z-index:0;
  right:-33px;
  bottom:-25px;
  width:190px;
  height:auto;
  opacity:.13;
  filter:
    saturate(1.35)
    contrast(1.02);
  pointer-events:none;
  user-select:none;
}

.guide-create-modal .eyebrow{
  color:#e96811;
}

.guide-create-modal .guide-form{
  position:relative;
  z-index:2;
}

.guide-create-modal .guide-form label{
  color:#292524!important;
  font-weight:750;
}

.guide-create-modal .guide-create-check span{
  color:#1c1917!important;
}

.guide-create-modal .guide-create-check small{
  color:#57534e!important;
}

.guide-create-modal .guide-form input,
.guide-create-modal .guide-form textarea{
  border-color:rgba(225,103,20,.28);
  background:rgba(255,255,255,.84);
}

.guide-create-modal .guide-form input:focus,
.guide-create-modal .guide-form textarea:focus{
  border-color:#f47a1f;
  box-shadow:0 0 0 3px rgba(244,122,31,.12);
  background:#fff;
}

.guide-create-modal #newGuideSave{
  background:#f47a1f!important;
  color:#fff!important;
  border-color:#f47a1f!important;
}

.guide-create-modal #newGuideCancel{
  background:rgba(255,255,255,.9)!important;
  color:#292524!important;
  border:1px solid #d6cfc7!important;
}

.modal:has(.guide-create-modal) .sheet{
  background:transparent;
  box-shadow:none;
}

/* Dish public-note accents kept from the former Guides v2 block. */
.dish-public-note-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
}

.dish-public-note-head>b{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:9px;
}

.optional-pill{
  display:inline-flex;
  align-items:center;
  padding:2px 6px;
  border-radius:999px;
  background:rgba(244,122,31,.12);
  color:#e96811;
  font-size:7px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.02em;
  text-transform:uppercase;
}

/* =========================================================
   Restaurant profile polish v3
   Stronger identity, dish hierarchy, community notes
   ========================================================= */

#restaurantDetail .hero{
  position:relative;
  overflow:hidden;
  padding:18px 16px 16px;
  border:1px solid rgba(21,21,21,.07);
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 8%,rgba(244,122,31,.14),transparent 28%),
    linear-gradient(155deg,#fffdf8 0%,#f4efe4 100%);
  box-shadow:0 14px 32px rgba(21,21,21,.10);
}

#restaurantDetail .hero .food-rail{
  height:4px;
  margin:-18px -16px 15px;
  background:linear-gradient(90deg,#f47a1f 0 63%,#2d73d5 63% 100%);
}

#restaurantDetail .hero>.meta{
  width:max-content;
  max-width:100%;
  margin-bottom:7px;
  padding:5px 8px;
  border:1px solid rgba(21,21,21,.07);
  border-radius:999px;
  background:rgba(255,255,255,.68);
  color:#716c63;
  font-size:8px;
  font-weight:800;
  line-height:1.2;
}

#restaurantDetail .hero h1{
  max-width:82%;
  margin:0 0 10px;
  font-size:31px;
  line-height:.96;
  letter-spacing:-.055em;
  text-wrap:balance;
}

#restaurantDetail .headline-tags{
  margin:4px 0 13px;
}

#restaurantDetail .headline-tag{
  border-radius:999px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(8px);
}

#restaurantDetail .stats{
  display:grid;
  grid-template-columns:.82fr .82fr 1.36fr;
  gap:7px;
  padding:7px;
  border:1px solid rgba(21,21,21,.06);
  border-radius:17px;
  background:rgba(255,255,255,.60);
}

#restaurantDetail .stat{
  min-width:0;
  padding:10px 8px;
  border-radius:12px;
  background:rgba(255,255,255,.62);
}

#restaurantDetail .stat.food{
  background:#171717;
  color:#fff;
}

#restaurantDetail .stat.food b{
  font-size:24px;
  line-height:1;
}

#restaurantDetail .stat.food span{
  color:rgba(255,255,255,.68);
}

#restaurantDetail .stat b{
  letter-spacing:-.03em;
}

#restaurantDetail .stat .hours{
  font-size:10px;
  line-height:1.2;
  overflow-wrap:anywhere;
}

#restaurantDetail .hero-actions{
  display:grid;
  grid-template-columns:1fr 1.18fr;
  gap:8px;
  margin-top:11px;
}

#restaurantDetail .hero-actions button{
  min-height:47px;
  border-radius:14px;
  font-weight:900;
  letter-spacing:.01em;
}

#restaurantDetail #checkinBtn{
  background:#f47a1f;
  border-color:#f47a1f;
  color:#fff;
  box-shadow:0 7px 18px rgba(244,122,31,.18);
}

#restaurantDetail .subnav{
  position:sticky;
  top:0;
  z-index:8;
  display:flex;
  gap:6px;
  margin:12px -2px 0;
  padding:7px 2px;
  overflow-x:auto;
  scrollbar-width:none;
  background:linear-gradient(180deg,rgba(247,244,236,.97) 75%,rgba(247,244,236,0));
  backdrop-filter:blur(10px);
}

#restaurantDetail .subnav::-webkit-scrollbar{
  display:none;
}

#restaurantDetail .subnav button{
  flex:0 0 auto;
  min-height:38px;
  padding:8px 12px;
  border:1px solid rgba(21,21,21,.08);
  border-radius:999px;
  background:#fff;
  font-weight:850;
}

#restaurantDetail #mustGets{
  position:relative;
  padding-top:5px;
}

#restaurantDetail #mustGets::before{
  content:"ORDER THIS";
  position:absolute;
  left:0;
  top:-9px;
  color:#e96811;
  font-size:7px;
  font-weight:950;
  letter-spacing:.11em;
}

#restaurantDetail #mustGets h2{
  font-size:25px;
  letter-spacing:-.04em;
}

#restaurantDetail .dish-card{
  position:relative;
  overflow:hidden;
  padding:14px 13px 13px 17px;
  border:1px solid rgba(21,21,21,.075);
  border-radius:19px;
  background:#fffefa;
  box-shadow:0 5px 16px rgba(21,21,21,.045);
}

#restaurantDetail .dish-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:#d9d4c8;
}

#restaurantDetail .dish-card.top::before{
  background:#f47a1f;
}

#restaurantDetail .dish-card>.row{
  align-items:flex-start;
}

#restaurantDetail .dish-card h4{
  margin:0 0 5px;
  font-size:15px;
  line-height:1.18;
  letter-spacing:-.025em;
}

#restaurantDetail .dish-card.top h4{
  color:#191714;
}

#restaurantDetail .dish-card .meta{
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  color:#746f67;
  font-size:8px;
  line-height:1.45;
}

#restaurantDetail .dish-community-hint{
  width:max-content;
  margin-top:8px;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(45,115,213,.08);
  color:#326bb6;
  font-size:7px;
  font-weight:900;
}

#restaurantDetail .dish-score{
  min-width:48px;
  min-height:48px;
  flex:0 0 48px;
  border:1px solid rgba(21,21,21,.07);
  border-radius:14px;
  background:#171717;
  color:#fff;
  box-shadow:none;
}

#restaurantDetail .dish-card.top .dish-score{
  background:#f47a1f;
  border-color:#f47a1f;
}

#restaurantDetail .dish-card-open{
  transition-property:transform,border-color,box-shadow,background-color;
  transition-duration:140ms;
  transition-timing-function:cubic-bezier(.2,0,0,1);
}

@media(hover:hover){
  #restaurantDetail .dish-card-open:hover{
    transform:translateY(-1px);
    border-color:rgba(244,122,31,.22);
    box-shadow:0 9px 22px rgba(21,21,21,.075);
  }
}

.dish-community-sheet{
  position:relative;
}

.dish-community-sheet::before{
  content:"DISH DEETS";
  display:block;
  width:max-content;
  margin-bottom:5px;
  color:#e96811;
  font-size:7px;
  font-weight:950;
  letter-spacing:.11em;
}

.dish-community-sheet h2{
  font-size:28px;
}

.dish-community-default{
  border:1px solid rgba(21,21,21,.07);
  background:#f6f1e6;
}

.dish-community-default.community-winner{
  position:relative;
  overflow:hidden;
  border:1.5px solid rgba(244,122,31,.45);
  background:linear-gradient(145deg,#fffaf3,#f7eee1);
}

.dish-community-default.community-winner::after{
  content:"COMMUNITY PICK";
  position:absolute;
  right:-19px;
  top:13px;
  transform:rotate(35deg);
  padding:3px 22px;
  background:#f47a1f;
  color:#fff;
  font-size:5.5px;
  font-weight:950;
  letter-spacing:.08em;
}

.dish-note-summary{
  border-color:rgba(45,115,213,.18);
  background:#f4f8fe;
}

.dish-note-summary-head b{
  color:#326bb6;
}

.dish-community-note{
  border:1px solid rgba(21,21,21,.07);
  border-radius:16px;
  background:#fff;
}

.dish-community-note.community-description-source{
  border-color:rgba(244,122,31,.30);
  box-shadow:inset 3px 0 0 #f47a1f,0 5px 15px rgba(21,21,21,.045);
}

.dish-note-actions button{
  min-height:38px;
  padding:7px 10px;
}

@media(max-width:430px){
  #restaurantDetail .hero h1{
    max-width:100%;
    font-size:29px;
  }

  #restaurantDetail .stats{
    grid-template-columns:.8fr .8fr 1.4fr;
  }
}


/* =========================================================
   Check-in flow polish v2
   ========================================================= */

#checkin .checkin-shell{
  border:1px solid rgba(21,21,21,.07);
  border-radius:24px;
  background:
    linear-gradient(180deg,#fffdfa 0%,#f7f2e7 100%);
  box-shadow:0 14px 34px rgba(21,21,21,.08);
  overflow:hidden;
}

#checkin .checkin-head{
  position:relative;
  padding:20px 17px 16px;
  background:
    radial-gradient(circle at 94% 8%,rgba(45,115,213,.10),transparent 28%),
    radial-gradient(circle at 8% 2%,rgba(244,122,31,.12),transparent 26%);
  border-bottom:1px solid rgba(21,21,21,.06);
}

#checkin .checkin-head h1{
  margin:4px 0 8px;
  font-size:30px;
  line-height:.98;
  letter-spacing:-.05em;
}

#checkin .checkin-restaurant-name{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:4px;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#6d685f;
  font-weight:850;
}

#checkin .checkin-intro{
  max-width:34ch;
  color:#69645b;
  font-size:9px;
  line-height:1.5;
}

.checkin-progress{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto;
  align-items:center;
  gap:7px;
  margin-top:15px;
}

.checkin-progress span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#8a857d;
  font-size:7px;
  font-weight:900;
  white-space:nowrap;
}

.checkin-progress span b{
  font-size:7px;
  font-weight:900;
}

.checkin-progress span.active{
  color:#e96811;
}

.checkin-progress i{
  height:1px;
  background:linear-gradient(90deg,rgba(244,122,31,.35),rgba(45,115,213,.18));
}

#checkin .checkin-step{
  margin:0;
  padding:18px 16px 19px;
  border-bottom:1px solid rgba(21,21,21,.06);
  background:rgba(255,255,255,.34);
}

#checkin .checkin-step-head{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:12px;
}

#checkin .checkin-step-head>span{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#171717;
  color:#fff;
  font-size:9px;
  font-weight:950;
}

#checkin .checkin-step-head>div{
  min-width:0;
}

#checkin .checkin-step-head b{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  line-height:1.2;
}

#checkin .checkin-step-head small{
  display:block;
  margin-top:3px;
  color:#7b766d;
  font-size:8px;
  line-height:1.4;
}

.checkin-score-guide{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 12px!important;
  padding:9px 10px!important;
  border:1px solid rgba(244,122,31,.14)!important;
  border-radius:13px!important;
  background:#fff8f1!important;
  color:#6f6258!important;
}

.checkin-score-guide>b{
  color:#e96811;
  font-size:7px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.checkin-score-guide span{
  font-size:8px;
}

.checkin-score-guide strong{
  color:#171717;
  font-size:9px;
}

#checkin .checkin-dish-card{
  position:relative;
  margin-bottom:9px;
  padding:12px;
  border:1px solid rgba(21,21,21,.075);
  border-radius:17px;
  background:#fffefa;
  box-shadow:0 4px 13px rgba(21,21,21,.035);
  transition-property:border-color,background-color,box-shadow,transform;
  transition-duration:140ms;
  transition-timing-function:cubic-bezier(.2,0,0,1);
}

#checkin .checkin-dish-card.selected{
  border-color:rgba(244,122,31,.34);
  background:#fffaf3;
  box-shadow:
    inset 3px 0 0 #f47a1f,
    0 5px 16px rgba(21,21,21,.045);
}

#checkin .dish-toggle{
  align-items:flex-start;
  gap:9px;
}

#checkin .dish-toggle input{
  margin-top:2px;
  accent-color:#f47a1f;
}

#checkin .checkin-dish-copy b{
  font-size:11px;
  line-height:1.25;
}

#checkin .checkin-dish-copy .meta{
  margin-top:3px;
  color:#7b766d;
  font-size:8px;
  line-height:1.4;
}

#checkin .rate-row{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:6px;
  margin-top:11px;
}

#checkin .rate-row button{
  min-height:42px;
  border:1px solid rgba(21,21,21,.08);
  border-radius:11px;
  background:#f4f1e9;
  color:#2a2824;
  font-weight:900;
}

#checkin .rate-row button.active{
  background:#f47a1f;
  color:#fff;
  border-color:#f47a1f;
  box-shadow:0 5px 12px rgba(244,122,31,.18);
}

#checkin .dish-photo-link{
  border-radius:999px;
  background:#f2f6fb;
  color:#326bb6;
}

#checkin .dish-photo-link.has-photo{
  background:#eaf4ec;
  color:#356b43;
}

#checkin .s-tier-wrap{
  margin-top:8px;
  padding:7px 9px;
  border-radius:11px;
  background:#171717;
  color:#fff;
  font-weight:850;
}

#checkin .dish-public-note-wrap{
  margin-top:10px;
  padding:10px;
  border:1px solid rgba(45,115,213,.15);
  border-radius:13px;
  background:#f4f8fe;
}

#checkin .dish-public-note-head small{
  color:#326bb6;
  font-weight:800;
}

#checkin .dish-public-note{
  margin-top:7px;
  border-color:rgba(45,115,213,.18);
  background:#fff;
}

#checkin .dish-public-note-wrap>em{
  color:#7a756e;
  font-size:7px;
  line-height:1.4;
}

#checkin .question{
  padding:10px 0 12px;
  border-bottom:1px solid rgba(21,21,21,.05);
}

#checkin .question:last-child{
  border-bottom:0;
}

#checkin .question>label{
  display:block;
  margin-bottom:7px;
  color:#514d46;
  font-size:9px;
  font-weight:900;
}

#checkin .choice-row{
  gap:6px;
}

#checkin .choice-row button{
  min-height:40px;
  border:1px solid rgba(21,21,21,.08);
  border-radius:11px;
  background:#fff;
}

#checkin .choice-row button.active{
  background:#171717;
  color:#fff;
  border-color:#171717;
}

#checkin .checkin-note-step{
  background:linear-gradient(180deg,#f7f9fc,#f2f6fb);
}

#checkin #note{
  min-height:110px;
  border:1px solid rgba(45,115,213,.18);
  border-radius:14px;
  background:#fff;
}

#checkin .checkin-submit-zone{
  padding:17px 16px 18px;
  background:#171717;
}

.checkin-submit-copy{
  margin-bottom:11px;
  color:#fff;
}

.checkin-submit-copy b{
  display:block;
  margin-bottom:3px;
  font-size:12px;
}

.checkin-submit-copy span{
  display:block;
  color:rgba(255,255,255,.64);
  font-size:8px;
  line-height:1.4;
}

#checkin #submitCheckin{
  width:100%;
  min-height:50px;
  border:0;
  border-radius:14px;
  background:#f47a1f;
  color:#fff;
  font-weight:950;
  letter-spacing:.03em;
  box-shadow:0 7px 18px rgba(244,122,31,.20);
}

#checkin .checkin-submit-zone .error{
  color:#ffb0a6;
}

.checkin-success{
  text-align:center;
}

.checkin-success-mark{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  margin:0 auto 10px;
  border-radius:50%;
  background:#f47a1f;
  color:#fff;
  font-size:24px;
  font-weight:950;
  box-shadow:0 10px 25px rgba(244,122,31,.20);
}

.checkin-success h2{
  margin:5px 0 7px;
  font-size:25px;
  line-height:1;
  letter-spacing:-.04em;
}

.checkin-success p{
  color:#6d685f;
  line-height:1.5;
}

.checkin-success-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:14px 0 3px;
}

.checkin-success-summary span{
  padding:11px 8px;
  border:1px solid rgba(21,21,21,.07);
  border-radius:13px;
  background:#f6f1e6;
  color:#6d685f;
  font-size:7px;
  font-weight:800;
}

.checkin-success-summary b{
  display:block;
  margin-bottom:2px;
  color:#171717;
  font-size:16px;
}

@media(max-width:390px){
  #checkin .checkin-head h1{
    font-size:27px;
  }

  .checkin-progress span b{
    display:none;
  }

  #checkin .checkin-step{
    padding-left:13px;
    padding-right:13px;
  }
}


/* Restaurant section jump + featured dish note byline */
#restaurantDetail .section-title{
  scroll-margin-top:76px;
}

.dish-community-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 8px;
  margin-top:8px;
}

.dish-community-line .dish-community-hint{
  margin-top:0!important;
}

.featured-note-byline{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px;
  min-height:18px;
  color:#6f6a62;
  font-size:7px;
  font-weight:800;
}

.featured-note-byline:empty{
  display:none;
}

.featured-note-byline .featured-note-label{
  color:#9a948b;
  font-weight:750;
}

.featured-note-byline>b{
  color:#292622;
  font-size:7.5px;
}

.featured-note-byline .eater-title{
  transform:scale(.88);
  transform-origin:left center;
}

@media(max-width:430px){
  #restaurantDetail .section-title{
    scroll-margin-top:72px;
  }

  .dish-community-line{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }
}


/* =========================================================
   Map polish v4 — circular markers + truthful borough leaders
   ========================================================= */

.map-leader-lines{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:2;
  overflow:visible;
  pointer-events:none;
}

.map-leader-halo{
  stroke:rgba(255,255,255,.92);
  stroke-width:5.5;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}

.map-leader-line{
  stroke:#111;
  stroke-width:2.25;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}

.map-leader-anchor{
  fill:#111;
  stroke:#fff;
  stroke-width:1.2;
  vector-effect:non-scaling-stroke;
}

.map-marker,
.map-marker.shape-0,
.map-marker.shape-1,
.map-marker.shape-2,
.map-marker.recommendation,
.map-marker.s-status{
  border-radius:50%!important;
  clip-path:none!important;
  transform:translate(-50%,-50%) translateY(-3px)!important;
}

.map-marker.shape-2.selected,
.map-marker.shape-1.selected,
.map-marker.shape-0.selected,
.map-marker.selected{
  transform:translate(-50%,-50%) translateY(-5px)!important;
}

.map-marker{
  border:2px solid rgba(255,255,255,.9)!important;
}

.map-marker.recommendation{
  border:2px solid #6cc4d4!important;
}

.map-marker.selected{
  z-index:6!important;
  outline:3px solid #111;
  outline-offset:2px;
}

.map-pop{
  padding:13px!important;
  padding-right:13px!important;
  border:1px solid rgba(21,21,21,.08)!important;
  border-radius:18px!important;
  background:rgba(20,20,20,.96)!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(12px);
}

.map-pop-close{
  right:8px!important;
  top:7px!important;
  width:24px!important;
  height:24px!important;
  background:rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.78)!important;
  z-index:3;
}

.map-pop-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-right:25px;
}

.map-pop-title{
  min-width:0;
  flex:1;
}

.map-pop h3{
  margin:0 0 4px!important;
  color:#fff;
  font-size:17px!important;
  line-height:1.05;
  letter-spacing:-.03em;
}

.map-pop .meta{
  color:rgba(255,255,255,.58)!important;
}

.map-pop-explore{
  flex:0 0 auto;
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(244,122,31,.45);
  border-radius:999px;
  background:#f47a1f;
  color:#fff;
  font-size:9px;
  font-weight:900;
}

.map-pop-score-row{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
}

.map-pop-score{
  display:inline-flex;
  align-items:baseline;
  gap:5px;
  padding:7px 9px;
  border-radius:12px;
  background:rgba(255,255,255,.09);
}

.map-pop-score b{
  color:#fff;
  font-size:15px;
}

.map-pop-score span{
  color:rgba(255,255,255,.56);
  font-size:7px;
  font-weight:850;
  text-transform:uppercase;
}

.map-pop-activity{
  margin:0!important;
  color:rgba(255,255,255,.58)!important;
  font-size:8px!important;
}

.map-pop-dish{
  margin-top:9px!important;
  padding:9px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.07);
  color:#fff!important;
}

.map-pop-dish span{
  display:block;
  margin-bottom:2px;
  color:#f6a66d;
  font-size:7px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.map-pop-dish b{
  color:#fff;
}

.map-pop-s{
  margin-top:9px;
}

.map-pop-actions{
  margin-top:9px!important;
}

.map-pop-actions button{
  width:100%;
  min-height:38px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}

@media(max-width:390px){
  .map-pop-head{
    gap:8px;
  }

  .map-pop h3{
    font-size:16px!important;
  }

  .map-pop-explore{
    padding-left:9px;
    padding-right:9px;
  }
}


/* =========================================================
   Social / discussion polish v2
   ========================================================= */

.discussion-section-title{
  align-items:flex-end!important;
}

.discussion-section-title>div{
  min-width:0;
}

.discussion-section-title .eyebrow{
  margin-bottom:2px;
  color:#326bb6;
}

#restaurantDetail .community-post{
  padding:13px 13px 12px 15px;
  border:1px solid rgba(21,21,21,.075);
  border-radius:18px;
  background:#fffefa;
  box-shadow:0 5px 15px rgba(21,21,21,.04);
}

#restaurantDetail .community-post::before{
  width:4px;
  background:#2d73d5;
}

#restaurantDetail .my-discussion-post{
  background:#fffaf3;
  border-color:rgba(244,122,31,.16);
}

#restaurantDetail .my-discussion-post::before{
  background:#f47a1f;
}

.discussion-author-cluster{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}

.discussion-avatar-button{
  flex:0 0 auto;
  border:0;
  background:none;
  padding:0;
  border-radius:50%;
}

.discussion-avatar-button .profile-avatar{
  width:34px;
  height:34px;
  font-size:14px;
  box-shadow:0 0 0 1px rgba(21,21,21,.08);
}

.post-user-identity{
  align-items:flex-start!important;
  flex-direction:column;
  gap:3px!important;
}

.post-user-link{
  font-size:11px!important;
  line-height:1.15;
}

.post-user-identity .eater-title{
  transform-origin:left center;
}

.discussion-post-date{
  padding-top:2px;
}

.discussion-post-body{
  margin-left:42px!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}

.discussion-primary-actions{
  margin-left:42px!important;
  gap:6px!important;
}

.discussion-primary-actions button{
  min-height:34px!important;
  padding:6px 9px!important;
  border:1px solid rgba(21,21,21,.07)!important;
  border-radius:999px!important;
  background:#f5f3ed!important;
  color:#555149!important;
  font-size:8px!important;
  font-weight:850!important;
}

.discussion-primary-actions .reaction-icon{
  display:inline!important;
  min-width:0!important;
  height:auto!important;
  margin:0 2px 0 0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:9px!important;
}

.discussion-primary-actions .thanks-reaction.active{
  background:#fff0e4!important;
  color:#b4510b!important;
  border-color:rgba(244,122,31,.24)!important;
}

.discussion-primary-actions .funny-reaction.active{
  background:#eef5ff!important;
  color:#2e65ad!important;
  border-color:rgba(45,115,213,.22)!important;
}

.discussion-primary-actions button[data-reply]{
  background:#fff!important;
}

.discussion-primary-actions .disagree-active{
  background:#fff2ef!important;
  color:#8b4b3d!important;
  border-color:#efd1c9!important;
}

.discussion-report{
  margin-left:auto!important;
  padding-left:7px!important;
  padding-right:7px!important;
  color:#9b948a!important;
  background:transparent!important;
  border-color:transparent!important;
}

.discussion-report span{
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  font-size:7px!important;
}

.discussion-thread{
  margin-left:42px!important;
  padding-left:10px;
  border-left:2px solid rgba(45,115,213,.10);
}

.discussion-thread-item{
  border-radius:14px;
  background:#f7f7f3;
}

.discussion-reply{
  border-left:3px solid rgba(45,115,213,.36);
}

.discussion-disagreement{
  border-left:3px solid rgba(185,91,67,.46);
}

.thread-kind{
  background:#eaf2fc;
  color:#326bb6;
}

.discussion-disagreement .thread-kind{
  background:#f8e8e2;
  color:#8b4b3d;
}

.discussion-composer{
  position:relative;
  overflow:hidden;
  padding:14px;
  border:1px solid rgba(45,115,213,.13);
  background:
    radial-gradient(circle at 100% 0,rgba(45,115,213,.08),transparent 31%),
    radial-gradient(circle at 0 100%,rgba(244,122,31,.08),transparent 28%),
    #fff;
}

.discussion-composer-kicker{
  display:block!important;
  margin-bottom:2px;
  color:#e96811!important;
  font-size:6.5px!important;
  font-weight:950;
  letter-spacing:.10em;
  text-align:left!important;
}

.discussion-composer-head>div>b{
  display:block;
  font-size:12px;
}

.discussion-composer .discussion-input{
  min-height:122px;
  border-color:rgba(21,21,21,.08);
  background:rgba(255,255,255,.88);
}

.discussion-composer .discussion-input:focus{
  border-color:rgba(45,115,213,.38);
  box-shadow:0 0 0 3px rgba(45,115,213,.08);
}

.discussion-composer-foot #postDiscussion{
  border-color:#171717;
  background:#171717;
  color:#fff;
}

.photo-byline{
  align-items:center;
  gap:5px;
}

.photo-user-link{
  font-weight:900;
}

.photo-byline .eater-title{
  transform:scale(.88);
  transform-origin:left center;
}

.content-report-link{
  opacity:.72;
}

.content-report-link:hover{
  opacity:1;
}

@media(max-width:390px){
  .discussion-post-body,
  .discussion-primary-actions,
  .discussion-thread{
    margin-left:0!important;
  }

  .discussion-primary-actions{
    align-items:flex-start;
  }

  .discussion-report{
    margin-left:0!important;
  }
}


/* =========================================================
   YOU header layout restore v2
   Restore horizontal profile orientation and use full header width
   ========================================================= */

#you .profile-top{
  position:relative;
  padding:18px!important;
}

#you .profile-identity-row{
  display:flex!important;
  align-items:flex-start!important;
  width:100%!important;
}

#you .profile-identity{
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr)!important;
  align-items:start!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  padding-right:38px;
}

#you .profile-identity>.profile-avatar{
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  margin:0!important;
  align-self:start!important;
  font-size:28px!important;
}

#you .profile-identity>.profile-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

#you .profile-identity>div:last-child{
  width:100%!important;
  min-width:0!important;
}

#you .profile-kicker{
  margin-top:1px;
}

#you .profile-name-with-title{
  width:100%;
  gap:6px 8px;
}

#you .profile-name-with-title h1{
  margin:0!important;
  font-size:28px!important;
  line-height:.98!important;
}

#you .profile-handle{
  margin-top:4px;
}

#you .profile-message{
  position:absolute!important;
  top:16px;
  right:16px;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  z-index:3;
}

#you .profile-signal-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  margin-top:12px!important;
}

#you .profile-signal-row span{
  min-width:0!important;
  width:100%!important;
  min-height:48px;
  padding:7px 8px!important;
  align-content:center;
}

#you .profile-signal-row small,
#you .profile-signal-row b{
  overflow:hidden;
  text-overflow:ellipsis;
}

#you .profile-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  margin-top:14px!important;
}

#you .profile-actions button{
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  padding:8px 6px!important;
  white-space:normal;
  line-height:1.15;
}

#you .profile-dashboard-stats{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

#you .profile-dashboard-stats>div,
#you .profile-dashboard-stats>button{
  min-width:0!important;
}

@media(max-width:390px){
  #you .profile-identity{
    grid-template-columns:68px minmax(0,1fr)!important;
    gap:11px!important;
    padding-right:32px;
  }

  #you .profile-identity>.profile-avatar{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
  }

  #you .profile-name-with-title h1{
    font-size:24px!important;
  }

  #you .profile-signal-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  #you .profile-dashboard-stats{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
  }

  #you .profile-dashboard-stats>div,
  #you .profile-dashboard-stats>button{
    min-height:76px!important;
    padding:9px 6px!important;
  }

  #you .profile-dashboard-stats b{
    font-size:24px!important;
  }

  #you .profile-dashboard-stats span{
    font-size:8px!important;
  }
}


/* =========================================================
   FINAL UI CONSISTENCY PASS
   Shared rhythm, controls, surfaces, and interaction states
   ========================================================= */

:root{
  --deets-radius-xs:10px;
  --deets-radius-sm:12px;
  --deets-radius-md:16px;
  --deets-radius-lg:20px;
  --deets-radius-xl:24px;
  --deets-control-h:44px;
  --deets-gap-xs:6px;
  --deets-gap-sm:8px;
  --deets-gap-md:12px;
  --deets-surface:#fff;
  --deets-surface-soft:#f7f4ed;
  --deets-ink:#171717;
  --deets-orange:#f47a1f;
  --deets-blue:#2d73d5;
  --deets-border:rgba(21,21,21,.08);
  --deets-shadow:0 6px 18px rgba(21,21,21,.055);
}

/* One baseline for native form controls. */
input:not([type="checkbox"]):not([type="radio"]),
textarea,
select{
  width:100%;
  min-height:var(--deets-control-h);
  border:1px solid var(--deets-border);
  border-radius:var(--deets-radius-sm);
  background:#fff;
  color:var(--deets-ink);
  padding:10px 12px;
  font:inherit;
  font-size:16px;
  line-height:1.35;
  outline:none;
  box-shadow:none;
  transition:border-color 140ms cubic-bezier(.2,0,0,1),box-shadow 140ms cubic-bezier(.2,0,0,1),background-color 140ms cubic-bezier(.2,0,0,1);
}

textarea{
  min-height:142px;
}

input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
select:focus{
  border-color:rgba(45,115,213,.45);
  box-shadow:0 0 0 3px rgba(45,115,213,.08);
}

input::placeholder,
textarea::placeholder{
  color:#9a968f;
  opacity:1;
}

select{
  appearance:auto;
}

/* Shared button baseline without flattening intentionally-special controls. */
.primary-wide,
.secondary,
.submit,
.dark,
.light,
.sheet-actions button,
.settings-list button,
.auth-tabs button,
.clear-filter,
.restaurant-search-add button,
.add-dish-btn,
.profile-wide-btn{
  min-height:var(--deets-control-h);
  border-radius:var(--deets-radius-sm)!important;
  font-weight:850;
  letter-spacing:0;
}

.primary-wide,
.submit{
  background:var(--deets-orange);
  color:#fff;
  border-color:var(--deets-orange);
}

.secondary,
.light{
  background:#fff;
  color:var(--deets-ink);
  border:1px solid var(--deets-border);
}

.dark{
  background:var(--deets-ink);
  color:#fff;
  border:1px solid var(--deets-ink);
}

button:not(:disabled){
  -webkit-tap-highlight-color:transparent;
}

button:disabled{
  opacity:.48;
  cursor:not-allowed;
}

/* Consistent card language. */
.filters,
.utility,
.work-panel,
.review-box,
.review-history,
.guide-card,
.want-card,
.foodprint-card,
.status-card,
.profile-photo-card,
.contribution-card,
.public-review-card,
.person-result,
.loading-card,
.discussion-composer{
  border-color:var(--deets-border)!important;
  border-radius:var(--deets-radius-md)!important;
}

.utility,
.work-panel,
.review-history,
.guide-card,
.want-card,
.foodprint-card,
.status-card,
.profile-photo-card,
.contribution-card,
.public-review-card,
.person-result,
.loading-card{
  background:var(--deets-surface);
}

.loading-card{
  padding:14px!important;
  color:#77736b;
  line-height:1.45;
}

/* Section hierarchy should look identical across major screens. */
.section-title{
  margin-top:24px;
  margin-bottom:10px;
  gap:12px;
}

.section-title h2{
  font-size:22px;
  line-height:1.04;
  letter-spacing:-.04em;
}

.section-title>span{
  max-width:48%;
  text-align:right;
  line-height:1.3;
}

.eyebrow{
  line-height:1.2;
  text-transform:uppercase;
}

/* Pill controls share one size/rhythm. */
.chip,
.filter-btn,
.filter-chips button,
.social-pill,
.map-focuses button,
.subnav button,
.quick-badge,
.headline-tag,
.pill{
  border-radius:999px!important;
}

.chip,
.filter-btn,
.filter-chips button,
.social-pill,
.map-focuses button,
.subnav button{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Utility/action groups line up cleanly. */
.hero-actions,
.sheet-actions,
.utility-actions,
.confirm-row,
.profile-actions,
.photo-toolbar,
.discussion-toolbar{
  gap:var(--deets-gap-sm);
}

.sheet-actions{
  align-items:stretch;
}

.sheet-actions button{
  flex:1 1 0;
}

/* Modal sheets share the same typography and spacing. */
.sheet{
  border-radius:26px 26px 0 0!important;
  padding-left:18px!important;
  padding-right:18px!important;
}

.sheet h2{
  margin:4px 0 9px;
  line-height:1.02;
  letter-spacing:-.04em;
}

.sheet p{
  line-height:1.5;
}

/* Back controls should read as navigation, not unstyled browser text. */
.back{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  padding:0 2px 8px!important;
  color:#6f6b64;
  font-size:10px;
  font-weight:850;
}

/* Default content cards get the same subtle depth. */
.utility,
.work-panel,
.review-history,
.guide-card,
.want-card,
.status-card,
.profile-photo-card,
.contribution-card,
.public-review-card,
.person-result{
  box-shadow:0 4px 14px rgba(21,21,21,.035);
}

/* Images and photo cards use the same corner family. */
.photo-placeholder,
.photo-thumb,
.my-photo-item,
.my-photo-item img,
.menu-photo-card,
.menu-photo-card img{
  border-radius:var(--deets-radius-md);
}

/* Standard empty / warning / error surfaces. */
.notice,
.warning,
.error:not(:empty){
  border-radius:var(--deets-radius-sm);
}

.error:not(:empty){
  line-height:1.4;
}

/* Consistent small action buttons inside dense cards. */
.utility-actions button,
.confirm-row button,
.stat-actions button{
  border:1px solid var(--deets-border);
  border-radius:var(--deets-radius-xs);
  background:#fff;
  font-weight:800;
}

/* Prevent iOS/Android zoom-like visual jumps from tiny form text. */
.search,
.mini-search,
.auth-form input,
.auth-form select,
.discussion-input{
  font-size:16px!important;
}

/* Bottom navigation keeps a single selected-state language. */
.nav button{
  border-radius:12px;
}

.nav button:active{
  background:rgba(21,21,21,.035);
}

/* Keep touch feedback subtle and consistent. */
@media(hover:hover){
  .secondary:hover,
  .light:hover,
  .settings-list button:hover,
  .clear-filter:hover{
    background:#faf9f5;
    border-color:rgba(21,21,21,.14);
  }

  .dark:hover{
    background:#252525;
  }

  .primary-wide:hover,
  .submit:hover{
    filter:brightness(.97);
  }
}

/* Do not disturb the restored YOU header geometry. */
#you .profile-top,
#you .profile-identity,
#you .profile-signal-row,
#you .profile-actions,
#you .profile-dashboard-stats{
  box-sizing:border-box;
}

@media(max-width:390px){
  .section-title{
    margin-top:22px;
  }

  .section-title h2{
    font-size:21px;
  }

  .sheet-actions{
    gap:7px;
  }
}

/* Library and journal states: useful content even before the first entry. */
#guides .guide-empty{
  position:relative;padding:20px 18px;border:1px solid #dfd4bc;
  border-left:4px solid #c1a675;border-radius:14px;background:#fcf8ee;
}
#guides .guide-empty .eyebrow{display:block;margin-bottom:10px;color:#93420c;font-size:8px}
#guides .guide-empty b{font-size:19px;line-height:1.15;letter-spacing:-.035em;color:#29271f}
#guides .guide-empty span{max-width:280px;font-size:11px;line-height:1.55;color:#706553}
#guides .guide-card{background:#fffcf5!important;border-left-color:var(--guide-color,#c1a675)!important}
#guides .guide-card::before{opacity:1;width:4px}
#guides .guide-card-meta{padding-top:0;border-top:none}
#guides .guide-card-arrow{align-self:center;width:26px;height:26px;border-radius:50%;background:#f1e7d2;color:#785a30;display:grid;place-items:center}
#guides .review-history{border-left:3px solid #c8b88f;background:#fffdf7}
#guides .private-note{border:0;border-bottom:1px solid #e7dfcd;border-radius:0;background:#f7f2e7}
#guides .library-section-head .eyebrow{color:#8b471f;letter-spacing:.14em}
#you .profile-dashboard-stats>button{background:#eaf0e5!important}
#you .profile-dashboard-stats>button b{color:#42603b}
#you .profile-section-title .eyebrow{color:#8b471f;letter-spacing:.13em}
#you .profile-taste-panel .foodprint span{box-shadow:none;border-color:#e1d8c4;background:#f4eddb;color:#675637}
.profile-journal-intro{margin:24px 0 18px}
.profile-journal-intro h2{margin:6px 0 10px;font-size:28px;line-height:1.08;letter-spacing:-.045em;max-width:260px}
.profile-journal-list{list-style:none;padding:0;margin:20px 0}
.profile-journal-list li{padding:17px 0;border-top:1px solid #ded6c4}
.profile-journal-list b{font-size:14px;letter-spacing:-.02em}
.profile-journal-list p{margin:4px 0 0;font-size:11px;line-height:1.5;color:#777061}
#you .profile-wide-btn{margin-top:18px;background:#f4c67e!important;color:#29271f!important;font-weight:850;min-height:44px}

/* Six oversized community headings, one every five seconds. No JS timer or data reload. */
.social-heading{position:relative;height:30px;margin:0;padding-right:34px;line-height:30px}
.social-heading-word{
  position:absolute;left:0;top:0;max-width:calc(100% - 34px);white-space:nowrap;
  font-size:clamp(18px,5vw,21px);font-weight:950;letter-spacing:.025em;opacity:0;
  animation:social-heading-fade 30s linear infinite;
  animation-delay:calc(var(--heading-index) * 5s);
}
.social-heading-accessible{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* The longest rotating label must fit beside the minimize action at 320px. */
.social-heading-word:last-of-type{font-size:clamp(10px,3vw,13px)}
@keyframes social-heading-fade{
  0%{opacity:0}
  1%,15.7%{opacity:1}
  16.67%,100%{opacity:0}
}
.screen:not(.active) .social-heading-word{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  .social-heading-word{animation:none!important;opacity:0}
  .social-heading-word:nth-of-type(2){opacity:1}
}

@media(prefers-reduced-motion:reduce){.nav-orb{transition:none!important}}

/* =========================================================
   Food Plans (Make Plans with Friends)
   ========================================================= */

.plan-restaurant-meal-btn{
  width:100%;
  margin-top:10px;
  min-height:44px;
  background:#fdf6e9;
  border:1px solid #ebd7b3;
  color:#824b12;
  font-size:13px;
  font-weight:750;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:pointer;
  transition:all 140ms cubic-bezier(.2,0,0,1);
}
.plan-restaurant-meal-btn:active{
  transform:scale(.98);
  background:#f9edd5;
}

.plan-meal-btn{
  min-height:36px;
  padding:0 14px;
  border-radius:20px;
  background:#fdf6e9;
  border:1px solid #ebd7b3;
  color:#824b12;
  font-size:12px;
  font-weight:750;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.plan-meal-btn:active{
  background:#f9edd5;
  transform:scale(.96);
}

.food-plan-sheet{
  padding:20px 20px calc(24px + env(safe-area-inset-bottom, 0px));
  max-width:520px;
  margin:0 auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.food-plan-sheet h2{
  font-size:22px;
  margin:6px 0 12px;
  line-height:1.2;
}

.food-plan-friend-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  background:#fbf8f1;
  border:1px solid #eae2cf;
  border-radius:14px;
  margin-bottom:14px;
}
.food-plan-friend-card b{
  display:block;
  font-size:14px;
  color:#29271f;
}
.food-plan-friend-card span{
  font-size:12px;
  color:#706553;
}

.food-plan-privacy-banner{
  background:#f2f7ef;
  border:1px solid #d3e4cb;
  border-radius:12px;
  padding:10px 14px;
  font-size:12px;
  line-height:1.45;
  color:#3a5832;
  margin-bottom:18px;
}

.food-plan-form{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.food-plan-field label{
  display:block;
  font-size:13px;
  margin-bottom:8px;
  color:#29271f;
}
.food-plan-sublabel{
  display:block;
  font-size:11px;
  color:#824b12;
  font-weight:650;
  margin-bottom:6px;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.food-plan-overlap-list{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:6px;
  -webkit-overflow-scrolling:touch;
}
.food-plan-overlap-chip{
  flex-shrink:0;
  padding:8px 12px;
  background:#fffdf7;
  border:1px solid #dfd6c0;
  border-radius:10px;
  text-align:left;
  cursor:pointer;
}
.food-plan-overlap-chip.active{
  background:#fdf2df;
  border-color:#e09c38;
}
.food-plan-overlap-chip b{
  display:block;
  font-size:13px;
  color:#29271f;
}
.food-plan-overlap-chip small{
  display:block;
  font-size:10px;
  color:#8a5316;
}

.food-plan-restaurant-search-wrap{
  position:relative;
  margin-top:8px;
}
.food-plan-restaurant-search-wrap input{
  width:100%;
  padding:10px 14px;
  border-radius:10px;
  border:1px solid #dfd6c0;
  font-size:14px;
}
.food-plan-search-results{
  margin-top:4px;
  max-height:180px;
  overflow-y:auto;
}
.food-plan-search-item{
  width:100%;
  text-align:left;
  padding:8px 12px;
  background:#fffdf7;
  border:1px solid #ebe4d2;
  border-radius:8px;
  margin-bottom:4px;
  cursor:pointer;
}
.food-plan-search-item b{
  display:block;
  font-size:13px;
}
.food-plan-search-item span{
  font-size:11px;
  color:#706553;
}
.food-plan-selected-preview{
  margin-top:8px;
  padding:8px 12px;
  background:#f5efe2;
  border-left:3px solid #cb8927;
  border-radius:6px;
}
.food-plan-selected-preview b{
  display:block;
  font-size:13px;
}
.food-plan-selected-preview span{
  font-size:11px;
  color:#706553;
}

.food-plan-custom-row{
  margin-top:8px;
}
.food-plan-custom-row input{
  width:100%;
  margin-top:6px;
  padding:10px 14px;
  border-radius:10px;
  border:1px solid #dfd6c0;
  font-size:14px;
}

.food-plan-window-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.food-plan-window-chip{
  padding:8px 14px;
  border-radius:20px;
  border:1px solid #ded6c4;
  background:#fffdf7;
  font-size:12px;
  font-weight:600;
  color:#3d392e;
  cursor:pointer;
}
.food-plan-window-chip.active{
  background:#29271f;
  color:#ffffff;
  border-color:#29271f;
}

.food-plan-friends-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height:300px;
  overflow-y:auto;
  margin:14px 0;
}
.food-plan-friend-pick{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  background:#fffdf7;
  border:1px solid #dfd6c0;
  border-radius:12px;
  text-align:left;
  cursor:pointer;
}
.food-plan-friend-pick b{
  display:block;
  font-size:14px;
}
.food-plan-friend-pick span{
  font-size:11px;
  color:#706553;
}

/* My Food Plans Section on YOU */
.food-plans-section{
  margin:24px 0;
}
.food-plan-propose-new-btn{
  background:#fdf2df;
  border:1px solid #e2a647;
  color:#774207;
  padding:4px 12px;
  border-radius:16px;
  font-size:11px;
  font-weight:750;
  cursor:pointer;
}
.food-plans-tabs{
  display:flex;
  gap:8px;
  margin:12px 0 16px;
  border-bottom:1px solid #ded6c4;
  padding-bottom:8px;
}
.food-plan-tab-btn{
  padding:6px 14px;
  border-radius:16px;
  border:1px solid transparent;
  background:transparent;
  font-size:13px;
  font-weight:650;
  color:#706553;
  cursor:pointer;
}
.food-plan-tab-btn.active{
  background:#29271f;
  color:#ffffff;
}

.food-plans-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.food-plan-card{
  background:#fffdf7;
  border:1px solid #ded6c4;
  border-radius:14px;
  padding:14px 16px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.food-plan-card-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
}
.food-plan-user-info{
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
}
.food-plan-user-info b{
  display:block;
  font-size:14px;
  color:#29271f;
}
.food-plan-user-info span{
  display:block;
  font-size:11px;
  color:#706553;
}

.plan-status-badge{
  font-size:10px;
  font-weight:750;
  padding:3px 8px;
  border-radius:10px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.plan-status-badge.status-confirmed{
  background:#e5f3dc;
  color:#2f651b;
}
.plan-status-badge.status-pending{
  background:#fdf2dc;
  color:#82530c;
}
.plan-status-badge.status-declined,
.plan-status-badge.status-canceled{
  background:#f5e5e3;
  color:#84221b;
}

.food-plan-card-body{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.plan-restaurant-link{
  background:transparent;
  border:0;
  padding:0;
  text-align:left;
  cursor:pointer;
  display:block;
}
.plan-restaurant-title{
  display:block;
  font-size:15px;
  font-weight:800;
  color:#29271f;
}
.plan-restaurant-sub{
  display:block;
  font-size:11px;
  color:#706553;
}
.plan-restaurant-custom{
  font-size:15px;
  font-weight:800;
  color:#29271f;
}

.food-plan-timing{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:2px;
}
.plan-chip-window,
.plan-chip-date{
  font-size:11px;
  font-weight:600;
  background:#f4ece0;
  color:#594931;
  padding:3px 8px;
  border-radius:6px;
}
.food-plan-card-note{
  margin:4px 0 0;
  font-size:12px;
  font-style:italic;
  color:#5b5141;
}

.food-plan-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:6px;
  padding-top:10px;
  border-top:1px dashed #e5ddcc;
}
.plan-act-btn{
  padding:6px 14px;
  border-radius:10px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  border:1px solid transparent;
}
.plan-act-btn.accept{
  background:#2e6a1c;
  color:#ffffff;
}
.plan-act-btn.decline{
  background:#fff;
  border-color:#d7ccb8;
  color:#746650;
}
.plan-act-btn.calendar{
  background:#fdf2dc;
  border-color:#e4c284;
  color:#724707;
}
.plan-act-btn.directions{
  background:#eef4ea;
  border-color:#c4dbb9;
  color:#315d22;
}
.plan-act-btn.cancel,
.plan-act-btn.cancel-plan{
  background:#fff;
  border-color:#ecc9c7;
  color:#8a2822;
}