:root{--brand:#2b6cb0;--on-brand:#fff;--bg:#f7f7f8;--surface:#fff;--text:#1a1a1f;--muted:#55555f;--border:#d4d4da;--error:#b42318;--success:#067647;--radius:8px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#131316;--surface:#1c1c21;--text:#ececf1;--muted:#a9a9b3;--border:#3a3a42;--error:#ff8a80;--success:#6ee7a8}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1{margin:0 0 1rem;font-size:1.75rem}.skip-link{position:absolute;left:-9999px}.skip-link:focus{background:var(--surface);z-index:10;padding:.5rem 1rem;top:1rem;left:1rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-header{background:var(--surface);border-top:4px solid var(--brand);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.brand{font-size:1.125rem;font-weight:700}.header-actions{align-items:center;gap:.5rem;display:flex}main{max-width:960px;margin:0 auto;padding:1.5rem 1rem}main:focus{outline:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.card.narrow{max-width:28rem;margin:2rem auto}.button{border-radius:var(--radius);border:1px solid var(--brand);min-height:44px;font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.button.primary{background:var(--brand);color:var(--on-brand)}.button.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.button[data-disabled]{opacity:.55;cursor:not-allowed}.button:focus-visible,.button[data-focus-visible],a:focus-visible,.listbox-item[data-focus-visible]{outline:3px solid var(--brand);outline-offset:2px}.listbox{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:10rem;padding:.25rem}.listbox-item{cursor:pointer;color:var(--text);border-radius:4px;padding:.5rem .75rem}.listbox-item[data-focused],.listbox-item[data-selected]{background:color-mix(in srgb, var(--brand) 15%, transparent)}.label{margin-bottom:.5rem;font-weight:600;display:block}.upload-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.file-name{color:var(--muted);overflow-wrap:anywhere}.progress{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.progress-track{background:var(--border);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill{background:var(--brand);height:100%}.error{color:var(--error)}.success{color:var(--success)}.muted{color:var(--muted)}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:start;border-bottom:1px solid var(--border);padding:.5rem}.status{font-weight:600}.status-failed{color:var(--error)}.status-done{color:var(--success)}@media (max-width:600px){.table th:nth-child(4),.table td:nth-child(4){display:none}}.form{gap:1rem;display:grid}.field{gap:.25rem;display:grid}.input{border:1px solid var(--border);border-radius:var(--radius);min-height:44px;font:inherit;background:var(--surface);color:var(--text);padding:.5rem .75rem}.input[data-focus-visible],.input:focus-visible{outline:3px solid var(--brand);outline-offset:1px}.divider{text-align:center;color:var(--muted)}.social{gap:.5rem;display:grid}
