/* ExitBid canonical site header — shared across all pages (2026-08-01, v2).
   Grid layout (1fr auto 1fr) so the center links are position-locked regardless of
   the side widths (Sign In vs avatar, AI-cue font load) — identical on every page,
   no shift. Scoped under #ebnav; self-contained. Pair with /nav.js + the inline
   auth script that ships inside each page's nav block. */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@700&display=swap');

#ebnav{
  position:sticky;top:0;width:100%;z-index:1000;box-sizing:border-box;
  height:60px;padding:0 32px;margin:0;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  background:rgba(7,8,12,0.95);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(245,158,11,0.07);
  font-family:'Inter',system-ui,sans-serif;
}
#ebnav *{box-sizing:border-box}
#ebnav a{text-decoration:none}

/* zones */
#ebnav .eb-left{grid-column:1;justify-self:start;display:flex;align-items:center;min-width:0}
#ebnav .eb-nav-center{grid-column:2;justify-self:center;display:flex;align-items:center;gap:36px}
#ebnav .eb-nav-right{grid-column:3;justify-self:end;display:flex;align-items:center;gap:12px}

#ebnav .eb-logo{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}
#ebnav .eb-logo-text{font-family:'Sora',sans-serif;font-size:19px;font-weight:900;letter-spacing:-0.5px;text-transform:lowercase;line-height:1}
#ebnav .eb-logo-e{color:#F1F5F9}
#ebnav .eb-logo-x{color:#FBBF24}
#ebnav .eb-logo-rest{color:#F1F5F9}

#ebnav .eb-ai-cue{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;font-weight:700;
  letter-spacing:1.45px;white-space:nowrap;padding:6px 8px;margin-left:14px;flex-shrink:0;
}
#ebnav .eb-ai-cue .eb-fc-ai{color:#FBBF24;text-transform:uppercase;transition:color .3s}
#ebnav .eb-ai-cue .eb-fc-read{color:#9CA3AF;transition:color .3s}
#ebnav .eb-ai-cue:hover .eb-fc-ai,#ebnav .eb-ai-cue:hover .eb-fc-read{color:#FDE68A}

#ebnav .eb-nav-center a{font-size:13px;font-weight:500;color:#9CA3AF;transition:color .3s;white-space:nowrap}
#ebnav .eb-nav-center a:hover,#ebnav .eb-nav-center a.active{color:#FBBF24}

#ebnav .eb-nav-sign{
  padding:9px 20px;border-radius:8px;font-size:13px;font-weight:700;
  font-family:'Sora',sans-serif;color:#07080C;display:inline-block;letter-spacing:.3px;
  background:linear-gradient(135deg,#FBBF24 0%,#F59E0B 100%);border:none;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.35),inset 0 -1px 0 rgba(180,83,9,0.55),0 2px 6px -1px rgba(0,0,0,0.5),0 2px 10px rgba(245,158,11,0.15);
  transition:background .3s,transform .3s,box-shadow .3s;
}
#ebnav .eb-nav-sign:hover{background:linear-gradient(135deg,#FCD34D 0%,#FBBF24 100%);transform:translateY(-1px)}
#ebnav .eb-nav-sign:active{transform:translateY(1px)}

/* logged-in account cluster (chat + avatar), built by the inline auth script */
#ebnav .eb-account{display:none;align-items:center;gap:10px}
#ebnav .eb-chat{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);display:flex;align-items:center;justify-content:center;color:#9CA3AF;position:relative;transition:all .3s}
#ebnav .eb-chat:hover{color:#FBBF24;border-color:rgba(255,255,255,0.14)}
#ebnav .eb-chat .eb-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#EF4444;box-shadow:0 0 6px rgba(239,68,68,.5);display:none}
#ebnav .eb-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#F59E0B,#0D9488);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;font-family:'Sora',sans-serif;border:2px solid rgba(245,158,11,0.3)}
html[data-eb-auth="in"] #ebnav .eb-nav-sign{display:none}
html[data-eb-auth="in"] #ebnav .eb-account{display:inline-flex}

/* hamburger */
#ebnav .eb-hamburger{display:none;position:relative;width:44px;height:44px;padding:0;cursor:pointer;background:none;border:none;align-items:center;justify-content:center;z-index:1010}
#ebnav .eb-hamburger span{position:absolute;width:18px;height:1.5px;background:#9CA3AF;border-radius:1px;transition:all .3s ease}
#ebnav .eb-hamburger span:nth-child(1){transform:translateY(-4px)}
#ebnav .eb-hamburger span:nth-child(3){transform:translateY(4px)}
#ebnav .eb-hamburger.active span{background:#FBBF24}
#ebnav .eb-hamburger.active span:nth-child(1){transform:rotate(45deg)}
#ebnav .eb-hamburger.active span:nth-child(2){opacity:0}
#ebnav .eb-hamburger.active span:nth-child(3){transform:rotate(-45deg)}

/* mobile menu — compact editorial bento (2026-08-03 v2; Alex: unify site-wide
   incl. homepage). Same language as the homepage bento overlay but compacted:
   two accent sections (01 MARKET gold / 02 LEARN teal), each ONE material card
   of icon rows — no per-item descriptions. The DOM is built by nav.js from its
   MENU config (single source of truth); per-page HTML keeps the flat links and
   stays untouched. Money item (Get Your Market Exit Bid) = .feat warm wash. */
/* GOTCHA: the menu node gets PORTALED to <body> by nav.js. Inside #ebnav the
   bar's backdrop-filter (a) makes the bar the containing block for fixed
   descendants (bottom:0 → height 0) and (b) hits a Chromium compositing bug
   where the menu's own background stops painting entirely. Selectors here are
   deliberately NOT scoped under #ebnav for that reason. */
.eb-mobile-menu{
  display:none;position:fixed;top:60px;left:0;right:0;z-index:1000;
  height:calc(100vh - 60px);height:calc(100dvh - 60px);
  overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  background:rgba(7,8,12,0.94);
  -webkit-backdrop-filter:blur(20px) saturate(1.25);backdrop-filter:blur(20px) saturate(1.25);
  box-sizing:border-box;font-family:'Inter',system-ui,sans-serif;
}
/* own resets — outside #ebnav the bar's *{box-sizing} / a{no-underline} don't reach us */
.eb-mobile-menu *{box-sizing:border-box}
.eb-mobile-menu a{text-decoration:none}
.eb-mobile-menu.open{display:block;animation:ebMmFade .3s ease both}
.eb-mobile-menu.closing{animation:none;opacity:0;transition:opacity .25s ease}
@keyframes ebMmFade{from{opacity:0}to{opacity:1}}
.eb-mm-wrap{
  max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:16px;
  padding:22px 20px calc(30px + env(safe-area-inset-bottom));
}

/* section head — mono index + label over the stage-ramp hairline */
.eb-mm-head{display:flex;align-items:center;gap:10px;padding:0 4px 11px;position:relative}
.eb-mm-head::after{content:'';position:absolute;left:4px;right:4px;bottom:4px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(245,158,11,0.35),rgba(20,184,166,0.22),transparent)}
.eb-mm-sec.teal .eb-mm-head::after{background:linear-gradient(90deg,transparent,rgba(20,184,166,0.4),rgba(226,232,240,0.14),transparent)}
.eb-mm-num{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;font-weight:700;letter-spacing:1.4px}
.eb-mm-sec.gold .eb-mm-num{color:rgba(251,191,36,0.6)}
.eb-mm-sec.teal .eb-mm-num{color:rgba(45,212,191,0.6)}
.eb-mm-label{font-family:'Sora',sans-serif;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:2.2px}
.eb-mm-sec.gold .eb-mm-label{color:#FBBF24}
.eb-mm-sec.teal .eb-mm-label{color:#2DD4BF}

/* section card — one material card holding the rows */
.eb-mm-card{
  border-radius:12px;overflow:hidden;
  background:radial-gradient(ellipse 220px 130px at 100% 100%,rgba(245,158,11,0.06),transparent 62%),
    linear-gradient(180deg,#14151c 0%,#0c0d12 100%);
  border:1px solid rgba(255,255,255,0.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 1px 2px rgba(0,0,0,0.5),0 10px 24px -8px rgba(0,0,0,0.55);
}
.eb-mm-sec.gold .eb-mm-card{border-color:rgba(245,158,11,0.16);box-shadow:inset 0 1px 0 rgba(251,191,36,0.1),0 1px 2px rgba(0,0,0,0.5),0 10px 24px -8px rgba(0,0,0,0.55)}
.eb-mm-sec.teal .eb-mm-card{
  background:radial-gradient(ellipse 220px 130px at 100% 100%,rgba(20,184,166,0.06),transparent 62%),
    linear-gradient(180deg,#14151c 0%,#0c0d12 100%);
  border-color:rgba(13,148,136,0.2);
  box-shadow:inset 0 1px 0 rgba(226,232,240,0.07),0 1px 2px rgba(0,0,0,0.5),0 10px 24px -8px rgba(0,0,0,0.55);
}

/* rows */
.eb-mm-row{
  display:flex;align-items:center;gap:13px;padding:12px 14px;min-height:56px;
  color:#F3F4F6;transition:background .2s;
}
.eb-mm-row + .eb-mm-row{
  border-top:1px solid transparent;
  border-image:linear-gradient(90deg,transparent 2%,rgba(255,255,255,0.06),transparent 98%) 1;
}
.eb-mm-row:active{background:rgba(255,255,255,0.03)}
.eb-mm-row.feat{background:radial-gradient(ellipse 60% 100% at 50% 0%,rgba(251,191,36,0.08),transparent 72%)}
.eb-mm-ico{
  width:36px;height:36px;border-radius:9px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;color:#9CA3AF;
  background:linear-gradient(180deg,#1b1c26 0%,#101118 100%);
  border:1px solid rgba(255,255,255,0.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 2px 5px rgba(0,0,0,0.4);
}
.eb-mm-sec.gold .eb-mm-ico{border-color:rgba(245,158,11,0.26);color:#FBBF24;box-shadow:inset 0 1px 0 rgba(251,191,36,0.12),0 2px 6px rgba(0,0,0,0.45)}
.eb-mm-sec.teal .eb-mm-ico{border-color:rgba(13,148,136,0.3);color:#2DD4BF;box-shadow:inset 0 1px 0 rgba(226,232,240,0.08),0 2px 6px rgba(0,0,0,0.45)}
.eb-mm-row.feat .eb-mm-ico{border-color:rgba(245,158,11,0.4);box-shadow:inset 0 1px 0 rgba(251,191,36,0.18),0 2px 8px rgba(245,158,11,0.12)}
.eb-mm-ico svg{width:18px;height:18px}
.eb-mm-t{flex:1;min-width:0;font-family:'Sora',sans-serif;font-size:15px;font-weight:700;letter-spacing:-0.2px;line-height:1.25}
.eb-mm-star{color:#FBBF24;font-size:11px;font-weight:400;margin-left:4px}
.eb-mm-chev{
  width:7px;height:7px;flex-shrink:0;margin-right:2px;
  border-top:1.5px solid #4B5563;border-right:1.5px solid #4B5563;
  transform:rotate(45deg);transition:transform .25s,border-color .25s;
}
.eb-mm-row:active .eb-mm-chev{border-color:#FBBF24;transform:rotate(45deg) translate(1px,-1px)}
.eb-mm-row.active .eb-mm-t{color:#FBBF24}
.eb-mm-row.active .eb-mm-chev{border-color:#FBBF24}

/* AI whisper */
.eb-mobile-menu .eb-mm-ai{
  display:flex;justify-content:center;padding:2px 2px 0;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;font-weight:700;
  letter-spacing:1.1px;color:rgba(251,191,36,0.75);text-transform:uppercase;
}
/* Sign In = living key (canon §4) + the homepage CTA gloss (top-left white
   sheen) and amber bloom */
.eb-mobile-menu .eb-mm-sign{
  position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;min-height:48px;padding:13px 14px;
  color:#07080C;border:none;border-radius:8px;
  font-family:'Sora',sans-serif;font-size:14px;font-weight:700;letter-spacing:.3px;text-align:center;
  background:linear-gradient(135deg,#FBBF24 0%,#F59E0B 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.35),inset 0 -1px 0 rgba(180,83,9,0.55),
    0 3px 9px -1px rgba(0,0,0,0.5),0 4px 24px rgba(245,158,11,0.25);
  transition:transform .2s,box-shadow .2s;
}
.eb-mobile-menu .eb-mm-sign::after{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,0.25),transparent 50%);
}
.eb-mobile-menu .eb-mm-sign:active{
  transform:translateY(1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),inset 0 2px 6px rgba(0,0,0,0.25),0 1px 3px rgba(0,0,0,0.4);
}

/* ── ?mm=wells — «Колодцы и клавиша»: nav rows = recessed wells (exact
   auth-field material), money = raised amber CTA keys. Read = sink in,
   act = press out. No icons — relief is the hierarchy. */
.eb-mm-wrap.eb-mm-wells{gap:10px}
.eb-mw-well{
  display:flex;align-items:center;gap:12px;min-height:54px;padding:14px 18px;border-radius:10px;
  font-family:'Sora',sans-serif;font-size:15px;font-weight:600;color:#E2E8F0;
  background:#08090d;border:1px solid rgba(255,255,255,0.05);
  box-shadow:inset 0 2px 6px rgba(0,0,0,0.5);
  transition:border-color .3s,box-shadow .3s,color .3s;
}
.eb-mw-well::after{
  content:'';margin-left:auto;width:7px;height:7px;flex-shrink:0;
  border-top:1.5px solid #4B5563;border-right:1.5px solid #4B5563;
  transform:rotate(45deg);transition:border-color .25s;
}
.eb-mw-well:active,.eb-mw-well.active{
  border-color:rgba(245,158,11,0.35);color:#FBBF24;
  box-shadow:inset 0 2px 6px rgba(0,0,0,0.5),0 0 0 3px rgba(245,158,11,0.08);
}
.eb-mw-well:active::after,.eb-mw-well.active::after{border-color:#FBBF24}
.eb-mw-sep{height:1px;margin:8px 6px;background:linear-gradient(90deg,transparent,rgba(245,158,11,0.3),rgba(20,184,166,0.18),transparent)}
/* top scene light — the house beam falls onto the panel head (fades to TRUE
   zero well inside its box, per the halo lesson) */
.eb-mobile-menu.eb-mmv-wells::before{
  content:'';position:absolute;top:0;left:0;right:0;height:280px;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 62% 170px at 50% 0%,rgba(251,191,36,0.13),transparent 58%),
    radial-gradient(ellipse 105% 260px at 50% 0%,rgba(226,232,240,0.09),transparent 62%);
}
/* the brand film grain lives IN that light (canon §6b) — the same gold-tint
   baked feTurbulence tile as the homepage .lgrain, beam-masked so the noise
   fades with the beam. Flip-book phases (opacity cycling, ~8.9 fps, ZERO
   re-rasterization) — the mobile-safe pattern; nav.js appends the 4 layers. */
.eb-mw-grain{
  position:absolute;top:0;left:0;right:0;height:280px;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0.897 0.297 0.098 0 0 0.150 0.933 0.079 0 0 0.084 0.094 0.756 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode:screen;opacity:0;
  -webkit-mask-image:radial-gradient(ellipse 105% 250px at 50% 0%,#000,transparent 66%);
  mask-image:radial-gradient(ellipse 105% 250px at 50% 0%,#000,transparent 66%);
}
.eb-mw-grain.p1{animation:ebGfA .45s steps(1) infinite}
.eb-mw-grain.p2{background-position:-24px 18px;animation:ebGfB .45s steps(1) infinite}
.eb-mw-grain.p3{background-position:14px -30px;animation:ebGfC .45s steps(1) infinite}
.eb-mw-grain.p4{background-position:26px 22px;animation:ebGfD .45s steps(1) infinite}
@keyframes ebGfA{0%,24.99%{opacity:.17}25%,100%{opacity:0}}
@keyframes ebGfB{0%,24.99%{opacity:0}25%,49.99%{opacity:.17}50%,100%{opacity:0}}
@keyframes ebGfC{0%,49.99%{opacity:0}50%,74.99%{opacity:.17}75%,100%{opacity:0}}
@keyframes ebGfD{0%,74.99%{opacity:0}75%,99.99%{opacity:.17}100%{opacity:0}}

/* the buy/sell capsule — ported straight from the homepage hero: concave
   volumetric track (occlusion under the lip, lantern kiss below) + the raised
   amber thumb with its own aura. Own eb-mw-* classes so the homepage's
   .cta-switch styles never collide once this menu lands there. */
.eb-mw-switch{
  position:relative;display:flex;align-items:stretch;margin-top:2px;
  padding:5px;gap:4px;border-radius:100px;
  border:1px solid rgba(245,158,11,0.24);
  background:
    radial-gradient(ellipse 80% 90% at 50% 120%,rgba(245,158,11,0.09),rgba(245,158,11,0.025) 45%,transparent 68%),
    radial-gradient(ellipse 90% 80% at 50% -25%,rgba(0,0,0,0.55),transparent 62%),
    linear-gradient(180deg,#0a0b10 0%,#0d0e13 55%,#12131a 100%);
  box-shadow:inset 0 3px 10px rgba(0,0,0,0.65),inset 0 1px 2px rgba(0,0,0,0.5),inset 0 -1px 0 rgba(255,255,255,0.05),0 2px 24px rgba(0,0,0,0.45);
}
.eb-mw-thumb{
  position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 7px);
  z-index:0;pointer-events:none;
  transition:transform 0.4s cubic-bezier(0.22,1,0.36,1);
}
.eb-mw-switch.side-sell .eb-mw-thumb{transform:translateX(calc(100% + 4px))}
.eb-mw-thumb::before{
  content:'';position:absolute;inset:0;border-radius:100px;
  background:linear-gradient(135deg,#FBBF24 0%,#F59E0B 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.38),
    inset 0 -1px 0 rgba(180,83,9,0.6),
    0 4px 10px rgba(0,0,0,0.55),
    0 0 0 1px rgba(245,158,11,0.45),0 0 30px rgba(245,158,11,0.5),0 0 64px rgba(245,158,11,0.22);
}
.eb-mw-thumb::after{
  content:'';position:absolute;inset:0;border-radius:100px;
  background:linear-gradient(135deg,rgba(255,255,255,0.5),rgba(255,255,255,0.06) 60%);
  opacity:0;
}
.eb-mw-thumb.snap::before{animation:ebThumbLand 0.3s cubic-bezier(0.34,1.56,0.64,1) 0.2s}
.eb-mw-thumb.snap::after{animation:ebThumbFlash 0.3s ease-out 0.2s}
@keyframes ebThumbLand{0%{transform:scale(1)}45%{transform:scale(1.03,0.92)}100%{transform:scale(1)}}
@keyframes ebThumbFlash{0%{opacity:0}30%{opacity:1}100%{opacity:0}}
.eb-mw-cs{
  position:relative;z-index:1;flex:1;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 10px;border-radius:100px;min-height:48px;
  font-family:'Sora',sans-serif;font-size:13.5px;font-weight:700;letter-spacing:0.2px;
  border:none;cursor:pointer;white-space:nowrap;background:transparent;
  transition:color 0.35s;
}
.eb-mw-cs svg{width:17px;height:17px;flex-shrink:0;transition:stroke 0.35s}
/* the light starts on BUY (homepage default) */
.eb-mw-cs-buy{color:#07080C}
.eb-mw-cs-buy svg{stroke:#07080C}
.eb-mw-cs-sell{color:#EDEFF2}
.eb-mw-cs-sell svg{stroke:#FBBF24}
/* the light moved to SELL */
.eb-mw-switch.side-sell .eb-mw-cs-buy{color:#EDEFF2}
.eb-mw-switch.side-sell .eb-mw-cs-buy svg{stroke:#FBBF24}
.eb-mw-switch.side-sell .eb-mw-cs-sell{color:#07080C}
.eb-mw-switch.side-sell .eb-mw-cs-sell svg{stroke:#07080C}

/* brand footer — from the homepage burger */
.eb-mw-brand{text-align:center;padding:12px 0 0;border-top:1px solid rgba(255,255,255,0.04);margin-top:2px}
.eb-mw-brand-logo{
  font-family:'Sora',sans-serif;font-weight:900;font-size:14px;
  text-transform:lowercase;letter-spacing:-0.3px;margin-bottom:4px;display:inline-block;
}
.eb-mw-brand-logo .lx{color:#FBBF24}
.eb-mw-brand-logo .lr{color:#F1F5F9}
.eb-mw-brand-tag{font-size:10px;color:#9CA3AF;letter-spacing:0.5px}
.eb-mw-brand-mail{font-size:11px;color:#9CA3AF;margin-top:6px;display:block}

/* Sign In goes quiet-physical here — amber belongs to the capsule thumb */
.eb-mm-wells .eb-mm-sign{
  background:linear-gradient(180deg,#1b1c26 0%,#101118 100%);color:#E8EAF0;
  border:1px solid rgba(255,255,255,0.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.07),0 2px 6px rgba(0,0,0,0.5),0 6px 16px -6px rgba(0,0,0,0.5);
}
.eb-mm-wells .eb-mm-sign::after{display:none}

/* ── ?mm=bowl — «Чаша капсулы»: one concave volumetric bowl (the hero
   capsule track: occlusion shadow under the lip, the lantern's warm kiss on
   the lower curve). Items = plain lit text inside the instrument; press
   raises the amber thumb under the finger. Money rows sit last, in the warm
   light. */
.eb-mb-bowl{
  display:flex;flex-direction:column;padding:16px 10px 14px;border-radius:24px;
  border:1px solid rgba(245,158,11,0.24);
  background:
    radial-gradient(ellipse 80% 90% at 50% 120%,rgba(245,158,11,0.09),rgba(245,158,11,0.025) 45%,transparent 68%),
    radial-gradient(ellipse 90% 80% at 50% -25%,rgba(0,0,0,0.55),transparent 62%),
    linear-gradient(180deg,#0a0b10 0%,#0d0e13 55%,#12131a 100%);
  box-shadow:inset 0 3px 10px rgba(0,0,0,0.65),inset 0 1px 2px rgba(0,0,0,0.5),inset 0 -1px 0 rgba(255,255,255,0.05),0 2px 24px rgba(0,0,0,0.45);
}
.eb-mb-bowl a{
  display:flex;align-items:center;justify-content:center;min-height:52px;margin:2px 6px;border-radius:100px;
  font-family:'Sora',sans-serif;font-size:15.5px;font-weight:600;color:#9CA3AF;
  transition:color .25s;
}
.eb-mb-bowl a.active{color:#F3F4F6}
.eb-mb-bowl a.warm{color:#FBBF24}
.eb-mb-bowl a:active{
  color:#07080C;font-weight:700;
  background:linear-gradient(135deg,#F59E0B,#FBBF24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.35),inset 0 -1px 0 rgba(180,83,9,0.55),0 3px 10px rgba(0,0,0,0.5),0 2px 14px rgba(245,158,11,0.25);
}
.eb-mb-hair{height:1px;margin:10px 22px;background:linear-gradient(90deg,transparent,rgba(245,158,11,0.28),rgba(20,184,166,0.16),transparent)}

/* entrance cascade — sections rise toward the light; exit fades as one unit */
.eb-mobile-menu.open .eb-mm-wrap > *{opacity:0;transform:translateY(16px);animation:ebMmIn .55s cubic-bezier(0.22,1,0.36,1) forwards}
.eb-mobile-menu.open .eb-mm-wrap > :nth-child(1){animation-delay:.06s}
.eb-mobile-menu.open .eb-mm-wrap > :nth-child(2){animation-delay:.13s}
.eb-mobile-menu.open .eb-mm-wrap > :nth-child(3){animation-delay:.20s}
.eb-mobile-menu.open .eb-mm-wrap > :nth-child(4){animation-delay:.27s}
.eb-mobile-menu.open .eb-mm-wrap > :nth-child(5){animation-delay:.33s}
.eb-mobile-menu.open .eb-mm-wrap > :nth-child(6){animation-delay:.39s}
.eb-mobile-menu.open .eb-mm-wrap > :nth-child(7){animation-delay:.45s}
.eb-mobile-menu.open .eb-mm-wrap > :nth-child(8){animation-delay:.51s}
.eb-mobile-menu.open .eb-mm-wrap > :nth-child(9){animation-delay:.57s}
@keyframes ebMmIn{to{opacity:1;transform:none}}
.eb-mobile-menu.closing .eb-mm-wrap > *{animation:none;opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .eb-mobile-menu.open,.eb-mobile-menu.open .eb-mm-wrap > *{animation:none;opacity:1;transform:none}
  .eb-mw-thumb{transition:none}
  .eb-mw-thumb.snap::before,.eb-mw-thumb.snap::after{animation:none}
  .eb-mw-grain{animation:none}
  .eb-mw-grain.p1{opacity:.17} /* static texture stays, motion sleeps */
}

@media (max-width:1024px){
  #ebnav{padding:0 20px}
  #ebnav .eb-ai-cue{display:none}
  #ebnav .eb-nav-center{display:none}
  #ebnav .eb-nav-right .eb-nav-sign,#ebnav .eb-nav-right .eb-account{display:none}
  html[data-eb-auth="in"] #ebnav .eb-account{display:none}
  #ebnav .eb-hamburger{display:inline-flex}
}