.form{gap:1.1rem;display:grid}.form label,.form .field{align-content:start;gap:.35rem;display:grid}.form .label{font-size:.9rem;font-weight:600}.form .hint{color:var(--muted);font-size:.85rem}.form input:not([type=checkbox],[type=radio]),.form select,.form textarea{width:100%;font:inherit;background:var(--white);border:1px solid var(--line-strong);border-radius:var(--radius);padding:.65rem .8rem}.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{outline:2px solid var(--navy-700);outline-offset:1px}.form [aria-invalid=true]{border-color:var(--red)}.form .error{color:var(--red-dark);font-size:.9rem;font-weight:600}.form .alert{color:var(--red-dark);background:var(--bad-bg);border-radius:var(--radius);padding:.75rem 1rem;font-weight:600}.form .notice{color:var(--good);background:var(--good-bg);border-radius:var(--radius);padding:.75rem 1rem}.form .row{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;display:grid}.form .choice{align-items:flex-start;gap:.6rem;font-weight:400;display:flex}.form .choice input{margin-top:.3rem}.form button.btn{cursor:pointer;justify-self:start}.status-banner{max-width:44rem;margin-bottom:1.5rem;padding:.8rem 1rem}.status-banner.ok{color:var(--good);background:var(--good-bg)}.side-panel{background:var(--paper);max-width:44rem;margin-top:3rem;padding:1.25rem 1.5rem}.side-panel h2{margin-bottom:.5rem;font-size:1.3rem}.side-panel .muted{color:var(--muted);margin-top:.5rem;font-size:.9rem}.or{color:var(--muted);align-items:center;gap:.75rem;margin:0;font-size:.85rem;display:flex}.or:before,.or:after{content:"";border-top:1px solid var(--line);flex:1}.pills{flex-wrap:wrap;gap:.5rem;display:flex}.pills label{color:var(--navy-800);background:var(--white);border:1px solid var(--line-strong);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.95rem;font-weight:600;display:inline-flex}@media (hover:hover){.pills label:hover{border-color:var(--navy-700)}}.pills label:has(input:checked){color:var(--white);background:var(--navy-800);border-color:var(--navy-800)}.pills label:has(input:focus-visible){outline:2px solid var(--navy-700);outline-offset:2px}.pills input{accent-color:var(--white);margin:0}.account-panel{max-width:var(--panel,52rem);background:var(--paper);margin-bottom:1.5rem;padding:1.25rem 1.5rem}.account-panel h2{margin-bottom:.5rem;font-size:1.3rem}