:root{--bg:#f6f4ef;--fg:#1d2b33;--accent:#1f4e5f;--error:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);min-height:100dvh;color:var(--fg);place-items:center;margin:0;padding:16px;font:18px/1.4 system-ui,sans-serif;display:grid}main{text-align:center;width:100%;max-width:24rem}label{margin-bottom:.75rem;display:block}#code-input{border:2px solid var(--accent);letter-spacing:.4em;text-align:center;border-radius:.5rem;width:100%;padding:.5rem;font:600 2rem/1 ui-monospace,monospace}#code-message{min-height:1.5em;color:var(--error)}button{background:var(--accent);color:#fff;font:inherit;border:0;border-radius:.5rem;padding:.6rem 1.2rem}.entered-code{color:var(--fg);letter-spacing:.05em;font-family:ui-monospace,monospace}