:root{--bg:#fafaf8;--ink:#1a1a18;--muted:#aaa;--muted-2:#888;--faint:#ccc;--border:#edece8;--subtle:#f4f3ef;--accent:#1a1a18;--sans:"DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif:"Playfair Display", Georgia, serif;font:16px/1.45 var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background:var(--bg);margin:0}#root{background:var(--bg);border-inline:1px solid var(--border);box-sizing:border-box;width:480px;max-width:100%;min-height:100svh;margin:0 auto}*{-webkit-tap-highlight-color:transparent}button{font-family:inherit}.screen{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100svh;padding:24px 20px 48px;display:flex}.screen h1{font-family:var(--serif);color:var(--ink);margin:0;font-size:34px;font-weight:700;line-height:1.1}.card{text-align:left;flex-direction:column;gap:14px;width:100%;max-width:360px;display:flex}.card label{color:var(--muted-2);font-size:14px;line-height:1.4}.card input{font:inherit;border:1.5px solid var(--border);color:var(--ink);box-sizing:border-box;background:#fff;border-radius:12px;width:100%;padding:12px 14px;font-size:17px}.card input:focus-visible{border-color:var(--ink);outline:none}#code{letter-spacing:6px;text-align:center}button{font:inherit;background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:14px 16px;font-weight:700;transition:opacity .2s}button:disabled{opacity:.4;cursor:default}button.link{color:var(--muted-2);background:0 0;border:none;align-self:center;padding:4px;font-weight:600}button.link:hover:not(:disabled){text-decoration:underline}.error{color:#d92d20;font-size:14px}