:root{--color-crimson: #9e1b32;--color-crimson-dark: #7c1527;--color-text: #1a1a1a;--color-muted: #6b7280;--color-border: #e5e7eb;--color-row-hover: #faf2f3;--color-surface: #ffffff;--color-bg: #f8f8f8;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--color-text);background-color:var(--color-bg)}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}.app{max-width:960px;margin:0 auto;padding:2rem 1rem 4rem}.app__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.app__title{margin:0;font-size:1.875rem;color:var(--color-crimson)}.app__count{margin:0;color:var(--color-muted);font-size:.875rem}.app__nav{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:1.5rem}.app__nav-link{display:inline-block;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;color:var(--color-crimson);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}.app__nav-link:hover{background-color:var(--color-row-hover);border-color:var(--color-crimson)}.app__nav-link:focus-visible{outline:2px solid var(--color-crimson);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.roster-empty{padding:2rem;text-align:center;color:var(--color-muted);background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:.5rem}@media(max-width:640px){.app{padding:1.25rem .75rem 3rem}.app__title{font-size:1.5rem}}