:root{color:#3a3a3a;--accent:#5a5a5a;--surface:#f0f0f0;--border:#c8c8c8;--muted:#6b6b6b;--danger:#b33;background:#e5e5e5;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:#e5e5e5;min-height:100vh;margin:0}#root{min-height:100vh}.page{max-width:26rem;margin:0 auto;padding:1.5rem 1.125rem 2.5rem}.page-header{margin-bottom:1.75rem}.page-header h1{letter-spacing:-.02em;color:#2a2a2a;margin:0;font-size:1.625rem;font-weight:650}.tagline{color:var(--muted);margin:.35rem 0 0;font-size:.9375rem}.btn{border:1px solid var(--border);background:var(--surface);color:inherit;cursor:pointer;border-radius:12px;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:background .15s}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#222;background:#d8d8d8;border:1px solid #aaa;width:100%;margin:0 0 1.25rem;font-weight:600}.btn-primary:hover:not(:disabled){background:#cfcfcf}.btn-ghost{color:var(--accent);background:0 0;border:none;padding:0 0 .75rem;font-size:.9375rem}.manual-form label{color:var(--muted);margin-bottom:.5rem;font-size:.8125rem;display:block}.manual-row{gap:.5rem;display:flex}.manual-row input{border:1px solid var(--border);color:inherit;background:#fafafa;border-radius:12px;flex:1;padding:.75rem .875rem;font-size:1rem}.manual-row input::placeholder{color:#999}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-top:.5rem;padding:1.125rem 1rem}.card h2{color:#2a2a2a;margin:0 0 1rem;font-size:1.125rem;font-weight:600;line-height:1.35}.field{margin:.65rem 0 0;font-size:.9375rem}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem;font-size:.75rem;display:block}.field-value{display:block}.error{color:var(--danger);margin:1rem 0 0;font-size:.875rem}