.field{display:flex;flex-direction:column;gap:.375rem}.field label{font-size:.8125rem;font-weight:500}.field input{height:2.5rem;padding-inline:.875rem;border-radius:var(--radius);border:0;box-shadow:inset 0 0 0 1px var(--border);background:var(--background);transition:box-shadow var(--dur-fast) var(--ease-out)}.field input:focus-visible{outline:none;box-shadow:inset 0 0 0 1.5px var(--foreground)}.field input[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px var(--danger)}.field-hint{font-size:.75rem;color:var(--muted-foreground)}.otp-input{font-family:var(--font-mono);font-size:1.375rem!important;letter-spacing:.4em;text-align:center;height:3rem!important}.btn-block{width:100%;height:2.5rem}.form-msg{font-size:.8125rem;padding:.625rem .75rem;border-radius:var(--radius)}.form-msg.is-error{background:var(--danger-soft);color:var(--danger)}.form-msg.is-ok{background:var(--success-soft);color:var(--success)}.form-msg.is-info{background:var(--muted);color:var(--muted-foreground)}.settings{display:grid;grid-gap:1rem;gap:1rem}.settings-card{padding:1.25rem;display:flex;flex-direction:column;gap:.875rem}@media (min-width:640px){.settings-card{padding:1.5rem}}.settings-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.settings-list{list-style:none;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.settings-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .75rem;border-radius:var(--radius);background:var(--site);box-shadow:inset 0 0 0 1px var(--border);font-size:.875rem}.settings-list .inline-actions{display:inline-flex;flex-wrap:wrap;gap:.5rem}.secret-box{font-size:.8125rem;-webkit-user-select:all;-moz-user-select:all;user-select:all}.code-block,.secret-box{font-family:var(--font-mono);padding:.75rem;border-radius:var(--radius);background:var(--muted);overflow-wrap:anywhere}.code-block{font-size:.75rem;line-height:1.5;white-space:pre-wrap}.meter{height:6px;border-radius:999px;background:var(--muted);overflow:hidden}.meter>span{display:block;height:100%;background:var(--foreground);border-radius:inherit}.meter.is-full>span{background:var(--warning)}.btn-danger{color:var(--danger);background:var(--danger-soft)}.btn-danger:hover{background:color-mix(in oklab,var(--danger-soft) 70%,var(--danger));color:var(--primary-foreground)}.inline-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end}.inline-form .field{flex:1 1;min-width:12rem}