
[hidden] { display: none !important; }
.buyer-private { display: none !important; }
.agl-preview-notice {
  position: fixed;
  z-index: 5000;
  top: 92px;
  left: 50%;
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 13px;
  color: rgba(255,255,255,.74);
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  background: rgba(4,13,18,.78);
  box-shadow: 0 8px 28px rgba(0,0,0,.22);
  backdrop-filter: blur(12px);
  transform: translateX(-50%);
  font: 700 8px/1.2 ui-monospace, "Cascadia Mono", Consolas, monospace;
  letter-spacing: .07em;
  white-space: nowrap;
}
.agl-preview-notice a { color: #fff; text-decoration: none; }
.agl-preview-notice a:hover { text-decoration: underline; text-underline-offset: 3px; }
.agl-preview-notice i { width: 1px; height: 11px; background: rgba(255,255,255,.22); }
.agl-preview-notice strong,
.agl-preview-notice b { color: #ffd36b; }
.agl-language-switch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  background: rgba(0,0,0,.18);
}
.agl-language-switch button {
  min-width: 34px;
  min-height: 23px;
  padding: 0 8px;
  color: rgba(255,255,255,.58);
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  font: 800 7px/1 ui-monospace, "Cascadia Mono", Consolas, monospace;
  letter-spacing: .06em;
}
.agl-language-switch button:hover,
.agl-language-switch button:focus-visible { color: #fff; outline: 1px solid rgba(100,215,213,.72); outline-offset: 1px; }
.agl-language-switch button.is-active { color: #03151e; background: #64d7d5; }
@media (max-width: 720px) {
  .agl-preview-notice { top: 76px; max-width: calc(100vw - 12px); gap: 5px; padding: 0 8px; font-size: 6.3px; letter-spacing: .045em; }
  .agl-preview-notice > i,
  .agl-preview-notice > b { display: none; }
  .agl-language-switch button { min-width: 31px; min-height: 22px; padding: 0 6px; font-size: 6.5px; }
}

.topbar { position: relative; top: auto; }
.agl-preview-notice { position: absolute; }
.detail-copy #detail-role,
.map-legend,
.variant-recipe-card .priority-badge,
.variant-recipe-card .variant-direction,
.variant-recipe-card .variant-use,
.variant-recipe-card .variant-axis-list,
.variant-recipe-card .variant-status { display: none !important; }
.variant-recipe-card { padding-bottom: 14px; }
.variant-recipe-card h4 { margin-bottom: 10px; }
.footer { justify-content: flex-start; }
