/* Base reset (matches the browser reset the original Tailwind build used). */
*, ::before, ::after { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; }
body { line-height: inherit; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
small { font-size: 80%; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .92em; }
ol, ul, menu { list-style: none; }
img, svg, video, canvas, iframe { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
button, input, select, optgroup, textarea { font: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; }
textarea { resize: vertical; }
::placeholder { opacity: 1; color: color-mix(in oklab, currentcolor 50%, transparent); }
button, input:where([type=button], [type=reset], [type=submit]) { appearance: button; }
[hidden]:where(:not([hidden=until-found])) { display: none !important; }
dialog { padding: 0; }
:focus-visible { outline: 2px solid #00f4cf; outline-offset: 2px; }

/* Small label shown on the stage site so it is never mistaken for the live one. */
.env-badge { position: fixed; left: 12px; bottom: 12px; z-index: 100; padding: 6px 10px; background: #ff009e; color: #fff; font: 700 10px/1.2 Helvetica, Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; box-shadow: 0 6px 18px rgba(0,0,0,.3); pointer-events: none; }