/* MarbleLens shared top bar, v2 (3 Nov 2026): grouped menus, gold M, one primary Create.
   Loaded after shared-shell.css; .ml-tb raises specificity over the older .ml-global-header rules. */
.ml-tb{--tb-gold:#e8c57e;--tb-gold-2:#c9a257;--tb-ink:#f3ecdc;--tb-mute:rgba(236,227,208,.68);--tb-line:rgba(232,197,126,.16);--tb-bg:rgba(9,11,14,.78);--tb-panel:#12151a;
  position:sticky;top:0;z-index:100;display:flex;align-items:center;flex-wrap:nowrap;gap:28px;height:64px;padding:0 clamp(16px,3vw,36px);
  background:var(--tb-bg);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid var(--tb-line);color:var(--tb-ink);font:500 14px/1 Inter,system-ui,-apple-system,sans-serif;box-sizing:border-box}
.ml-tb *{box-sizing:border-box}
.ml-tb a{color:inherit;text-decoration:none}
.ml-tb .ml-global-brand{display:flex;align-items:center;gap:10px;flex:none;font:600 19px/1 Fraunces,Georgia,serif;letter-spacing:-.01em;color:var(--tb-ink)}
.ml-tb .ml-global-mark{width:30px;height:30px}
.ml-tb .ml-global-menu{display:flex;align-items:center;gap:20px;flex:1;min-width:0}
.ml-tb nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0;flex-wrap:nowrap}
.ml-tb nav>a,.ml-tb .ml-tb-dd>summary{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;color:var(--tb-mute);white-space:nowrap;cursor:pointer;transition:color .15s,background .15s}
.ml-tb nav>a:hover,.ml-tb .ml-tb-dd>summary:hover,.ml-tb .ml-tb-dd[open]>summary{color:var(--tb-ink);background:rgba(255,255,255,.06)}
.ml-tb nav>a[aria-current=page]{color:var(--tb-gold);border:0;background:rgba(232,197,126,.1)}
.ml-tb .ml-tb-dd{position:relative}
.ml-tb .ml-tb-dd>summary{list-style:none}
.ml-tb .ml-tb-dd>summary::-webkit-details-marker{display:none}
.ml-tb .ml-tb-dd>summary::after{content:"";width:6px;height:6px;margin-left:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.ml-tb .ml-tb-dd[open]>summary::after{transform:translateY(1px) rotate(-135deg)}
.ml-tb .ml-tb-panel{position:absolute;top:calc(100% + 10px);left:0;min-width:250px;padding:8px;display:grid;gap:2px;background:var(--tb-panel);border:1px solid var(--tb-line);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.55);z-index:101;animation:mlTbIn .14s ease-out}
.ml-tb .ml-tb-panel-right{left:auto;right:0}
.ml-tb .ml-tb-panel a,.ml-tb .ml-tb-panel button{display:grid;gap:4px;padding:10px 12px;border-radius:10px;border:0;background:none;color:var(--tb-ink);font:inherit;text-align:left;cursor:pointer}
.ml-tb .ml-tb-panel a:hover,.ml-tb .ml-tb-panel button:hover,.ml-tb .ml-tb-panel a:focus-visible{background:rgba(232,197,126,.08)}
.ml-tb .ml-tb-panel b{font-weight:600;font-size:14px}
.ml-tb .ml-tb-panel small{font-size:12.5px;line-height:1.35;color:var(--tb-mute)}
.ml-tb .ml-tb-panel-create{grid-template-columns:repeat(2,minmax(0,220px));gap:6px;padding:14px;min-width:0}
.ml-tb .ml-tb-h{grid-column:1/-1;margin:0 4px 4px;font:600 11px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--tb-gold)}
.ml-tb .ml-tb-card{grid-template-columns:34px 1fr;column-gap:12px;align-items:center;padding:12px}
.ml-tb .ml-tb-card b,.ml-tb .ml-tb-card small{grid-column:2}
.ml-tb .ml-tb-ic{grid-row:1/span 2;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,rgba(232,197,126,.22),rgba(232,197,126,.06));border:1px solid rgba(232,197,126,.28);position:relative}
.ml-tb .ml-tb-ic::before{content:"";position:absolute;inset:9px;background:var(--tb-gold);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.ml-tb-ic-video{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h12v12H3zM15 10l6-3v10l-6-3z'/%3E%3C/svg%3E")}
.ml-tb-ic-image{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18v16H3zm4 4a2 2 0 1 0 0 .1zM4 18l6-6 4 4 3-3 3 3v2z'/%3E%3C/svg%3E")}
.ml-tb-ic-voice{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6v10H9zM5 11h2a5 5 0 0 0 10 0h2a7 7 0 0 1-6 6.9V21h-2v-3.1A7 7 0 0 1 5 11z'/%3E%3C/svg%3E")}
.ml-tb-ic-web{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4h20v16H2zm2 4v10h16V8z'/%3E%3C/svg%3E")}
.ml-tb-ic-agent{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.2 6.3L20 10l-5.8 1.7L12 18l-2.2-6.3L4 10l5.8-1.7zM19 15l1 2.5 2.5 1-2.5 1L19 22l-1-2.5-2.5-1 2.5-1z'/%3E%3C/svg%3E")}
.ml-tb .ml-tb-right{display:flex;align-items:center;gap:10px;flex:none}
.ml-tb .ml-tb-anon{display:flex;gap:8px}
.ml-tb .ml-tb-right button,.ml-tb .ml-tb-credits{height:36px;padding:0 14px;border-radius:999px;font:500 14px/1 Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.ml-tb .ml-tb-login{border:1px solid rgba(232,197,126,.32);background:transparent;color:var(--tb-ink)}
.ml-tb .ml-tb-signup{border:1px solid rgba(232,197,126,.32);background:rgba(232,197,126,.08);color:var(--tb-gold)}
.ml-tb .ml-tb-credits{display:inline-flex;align-items:center;border:1px solid rgba(232,197,126,.32);color:var(--tb-gold);background:rgba(232,197,126,.06)}
.ml-tb .ml-tb-acct>summary{height:36px;color:var(--tb-ink);border:1px solid var(--tb-line)}
.ml-tb .ml-global-create{display:inline-flex;align-items:center;height:38px;padding:0 20px;border:0;border-radius:999px;background:linear-gradient(135deg,#f1d79a,#c9a257 55%,#a8813f);color:#19130a;font-weight:600;box-shadow:0 4px 22px rgba(217,198,141,.22);transition:box-shadow .15s,transform .15s}
.ml-tb .ml-global-create:hover{box-shadow:0 6px 30px rgba(217,198,141,.38);transform:translateY(-1px)}
.ml-tb .ml-menu-toggle{display:none}
.ml-tb a:focus-visible,.ml-tb summary:focus-visible,.ml-tb button:focus-visible{outline:2px solid var(--tb-gold);outline-offset:2px}
@keyframes mlTbIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ml-tb .ml-tb-panel{animation:none}.ml-tb .ml-global-create:hover{transform:none}}
@media (max-width:1100px){.ml-tb .ml-tb-assets{display:none}}
@media (max-width:900px){
  .ml-tb{gap:10px;height:58px}
  .ml-tb .ml-global-brand{margin-right:auto}
  .ml-tb .ml-menu-toggle{display:inline-flex;align-items:center;justify-content:center;order:3;width:40px;height:40px;padding:0;border:1px solid var(--tb-line);border-radius:12px;background:transparent;color:var(--tb-ink);cursor:pointer}
  .ml-tb .ml-menu-toggle span,.ml-tb .ml-menu-toggle span::before,.ml-tb .ml-menu-toggle span::after{display:block;width:16px;height:1.5px;background:currentColor;border-radius:2px;position:relative;transition:transform .2s,opacity .2s}
  .ml-tb .ml-menu-toggle span::before,.ml-tb .ml-menu-toggle span::after{content:"";position:absolute;left:0}
  .ml-tb .ml-menu-toggle span::before{top:-5px}.ml-tb .ml-menu-toggle span::after{top:5px}
  .ml-tb[data-menu-open] .ml-menu-toggle span{background:transparent}
  .ml-tb[data-menu-open] .ml-menu-toggle span::before{transform:translateY(5px) rotate(45deg)}
  .ml-tb[data-menu-open] .ml-menu-toggle span::after{transform:translateY(-5px) rotate(-45deg)}
  .ml-tb .ml-global-menu{display:none;position:fixed;top:58px;left:0;right:0;bottom:0;flex-direction:column;align-items:stretch;gap:18px;padding:16px 16px 32px;overflow:auto;background:#0b0d11;border-top:1px solid var(--tb-line)}
  .ml-tb[data-menu-open] .ml-global-menu{display:flex}
  .ml-tb nav{flex-direction:column;align-items:stretch;gap:4px;flex:none}
  .ml-tb nav>a,.ml-tb .ml-tb-dd>summary{height:48px;padding:0 14px;border-radius:12px;font-size:16px;color:var(--tb-ink);justify-content:space-between}
  .ml-tb .ml-tb-assets{display:inline-flex}
  .ml-tb .ml-tb-panel,.ml-tb .ml-tb-panel-create{position:static;min-width:0;margin:4px 0 8px;box-shadow:none;animation:none;grid-template-columns:1fr}
  .ml-tb .ml-tb-right{flex-direction:column;align-items:stretch;gap:10px}
  .ml-tb .ml-tb-anon{display:grid;grid-template-columns:1fr 1fr}
  .ml-tb .ml-tb-right button,.ml-tb .ml-tb-credits,.ml-tb .ml-global-create{height:48px;justify-content:center;font-size:16px}
  .ml-tb .ml-tb-acct .ml-tb-panel{position:static}
}
/* Override the older .ml-global-header details>div / nowrap rules from shared-shell.css. */
.ml-tb .ml-tb-panel{top:calc(100% + 10px);right:auto;min-width:250px;width:max-content;max-width:min(92vw,520px);padding:8px;gap:2px}
.ml-tb .ml-tb-panel-create{width:500px;padding:14px;gap:6px}
.ml-tb .ml-tb-panel-right{left:auto;right:0}
.ml-tb .ml-tb-panel a,.ml-tb .ml-tb-panel small,.ml-tb .ml-tb-panel b{white-space:normal}
@media (max-width:900px){
  .ml-tb[data-menu-open]{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b0d11}
  .ml-tb .ml-tb-panel,.ml-tb .ml-tb-panel-create{width:auto;max-width:none}
}
@media (max-width:900px){
  .ml-tb .ml-global-menu{max-height:none;height:calc(100vh - 58px);height:calc(100dvh - 58px)}
  .ml-tb nav{order:0;display:flex;grid-template-columns:none;margin:0}
  .ml-tb .ml-tb-right{order:1;padding-top:12px;border-top:1px solid var(--tb-line)}
  .ml-tb .ml-tb-dd>summary{display:flex}
}