:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{color:#1a1a1a;background:#f4f5f7;margin:0}.muted{color:#666}.error{color:#b00020}.success{color:#157347}.nav{color:#fff;background:#1e293b;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.nav a{color:#cbd5e1;text-decoration:none}.nav a.active{color:#fff;font-weight:600}.nav .brand{font-weight:700}.nav .spacer{flex:1}.page{max-width:900px;margin:0 auto;padding:1.5rem}.page-narrow{max-width:420px}.form{flex-direction:column;gap:.75rem;display:flex}.form label{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.form input,.form select{padding:.5rem;font-size:1rem}button{cursor:pointer;padding:.6rem 1rem;font-size:1rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a}.pair-list{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.pair-list li{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mode-toggle{gap:.5rem;margin:.75rem 0;display:flex}.mode-toggle button{background:#e2e8f0;border:none;border-radius:6px;flex:1}.mode-toggle button.active{color:#fff;background:#1e293b}.badge{color:#166534;background:#dcfce7;border-radius:999px;margin-left:.5rem;padding:.1rem .5rem;font-size:.75rem;display:inline-block}.board{background:#0f172a;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;min-height:100vh;display:grid}.board-column{color:#fff;background:#1e293b;padding:1.5rem}.board-column h2{margin-top:0}.board-timer{font-variant-numeric:tabular-nums;font-size:3rem;font-weight:700}.board-active ul{padding:0;font-size:1.25rem;list-style:none}