html.lenis,
html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] {
  overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}

.steam-tool { width: 100%; }
.steam-tool .steam-identity-card { margin-bottom: 0; }
.steam-card-body { padding: 24px; }
.steam-tool label { display: flex; flex-direction: column; gap: 6px; font-size: 11px; color: rgba(255,255,255,.8); }
.steam-tool label + label { margin-top: 16px; }
.steam-tool input { width: 100%; box-sizing: border-box; font-size: 13px; }
.steam-card-note { margin: 20px 0 0; font-size: 11px; line-height: 1.7; color: rgba(255,255,255,.4); }
.steam-actions { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 24px; }
.steam-actions span { font-size: 12px; color: rgba(255,255,255,.75); }
.steam-actions p { margin: 5px 0 0; font-size: 11px; line-height: 1.7; color: rgba(255,255,255,.4); }
.steam-actions button { min-width: 180px; padding: 10px 20px; flex-shrink: 0; }
.steam-progress { margin-top: 24px; max-width: 560px; }
.steam-progress > div:first-child { display: flex; justify-content: space-between; margin-bottom: 9px; font-size: 11px; color: rgba(255,255,255,.55); }
.steam-track { height: 4px; border-radius: 8px; background: rgba(255,255,255,.08); overflow: hidden; }
.steam-track i { display: block; height: 100%; background: rgba(255,255,255,.8); border-radius: inherit; transition: width .4s ease; }
.steam-result { margin-top: 24px; }
.steam-binding { margin: 0 0 20px; font-size: 12px; color: rgba(255,255,255,.65); overflow-wrap: anywhere; }
.steam-result details { font-size: 12px; color: rgba(255,255,255,.65); overflow-x: auto; }
.steam-result summary { cursor: pointer; width: -moz-fit-content; width: fit-content; }
.steam-result summary:focus-visible { outline: 2px solid white; outline-offset: 4px; }
.steam-result table { width: 100%; text-align: left; margin-top: 16px; border-collapse: collapse; }
.steam-result th, .steam-result td { font-size: 11px; }
.steam-submit { margin-top: 24px; min-width: 180px; padding: 10px 20px; }
.steam-error { margin: 20px 0 0; font-size: 12px; color: #f5a3a3; overflow-wrap: anywhere; }
.steam-result small { font-size: 11px; color: rgba(255,255,255,.45); overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .steam-card-body { padding: 20px; }
  .steam-actions { align-items: stretch; flex-direction: column; gap: 16px; }
  .steam-actions button, .steam-submit { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .steam-track i { transition: none; } }