*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#fff;color:#111;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.accent{color:#1d4ed8}.muted{color:#6b7280}.card{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:1.25rem}.card h2{margin:0 0 1rem;font-size:1.05rem;font-weight:600;letter-spacing:-.01em;color:#111}.field-label{font-size:.85rem;font-weight:500;color:#111}.hint{font-size:.8rem;color:#6b7280;margin:.5rem 0 0}.hint code{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;padding:0 .25rem}.text-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font:inherit;font-size:.95rem;background:#fff;color:#111}.text-input:focus{outline:2px solid #1d4ed8;outline-offset:0;border-color:#1d4ed8}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#111;font:inherit;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover{background:#f3f4f6}.btn:active{background:#e5e7eb}.btn:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}