/* NAPKINART_RECENT_SELF_GLOBAL_TOKENS_V1 */
.story-avatar-button[disabled] {
  cursor: default;
  opacity: 1;
}
.story-ring.idle {
  background: transparent !important;
  padding: 5px;
  box-shadow: none !important;
}
.story-ring.recent:not(.unseen) {
  background: linear-gradient(135deg, #ffb52f, #ff6b42);
  box-shadow: 0 0 0 1px rgba(255, 178, 62, .18), 0 5px 14px rgba(255, 126, 31, .2);
}
.story-ring.unseen {
  background: linear-gradient(135deg, #ff9f16, #ff506f) !important;
  box-shadow: 0 0 0 1px rgba(255, 171, 63, .24), 0 5px 16px rgba(255, 86, 80, .28);
}
.story-avatar-button.is-self .story-name {
  font-weight: 800;
}

#napkin-global-token-float {
  position: fixed;
  top: calc(env(safe-area-inset-top, 0px) + 11px);
  right: max(12px, calc((100vw - 780px) / 2 + 12px));
  z-index: 9250;
  display: none;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 6px 11px 6px 7px;
  border: 1px solid rgba(255, 171, 52, .42);
  border-radius: 999px;
  color: #fff7e9;
  background: linear-gradient(180deg, rgba(30, 25, 20, .94), rgba(12, 11, 10, .95));
  box-shadow: 0 10px 26px rgba(0,0,0,.35), 0 0 18px rgba(255, 135, 28, .13), inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  font: inherit;
  pointer-events: none;
}
#napkin-global-token-float.show { display: flex; }
#napkin-global-token-float .token-icon {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #2b1603;
  background: radial-gradient(circle at 35% 28%, #ffe08d, #ffad22 48%, #f26a23 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 4px 10px rgba(255,120,25,.25);
}
#napkin-global-token-float .token-icon svg { width: 16px; height: 16px; }
#napkin-global-token-float .token-count {
  min-width: 18px;
  text-align: center;
  font-size: .91rem;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}
#napkin-global-token-float .token-label {
  font-size: .66rem;
  line-height: 1;
  color: #d9c9b7;
  text-transform: uppercase;
  letter-spacing: .06em;
}
body:has(.auth-shell) #napkin-global-token-float,
body:has(.story-modal) #napkin-global-token-float,
body:has([aria-label="Art Card"]) #napkin-global-token-float {
  display: none !important;
}

.attempt-balance-detail {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 9px;
  color: var(--muted);
  font-size: .75rem;
}
.attempt-balance-detail b { color: var(--text); }