.roster{grid-template-columns:280px 1fr;align-items:start;gap:16px;display:grid}.side h3{font:800 18px var(--fun);color:var(--edge);margin:0 0 8px}.cls{gap:4px;margin:0 0 12px;padding:0;list-style:none;display:grid}.cls li{cursor:pointer;border-radius:12px;padding:8px 10px;font-weight:700}.cls li small{color:var(--muted);font-size:12px;font-weight:500;display:block}.cls li:hover{background:var(--cream2)}.cls li.on{box-shadow:inset 0 0 0 2px var(--sun);background:#fff1b8}.cls li.none{color:var(--muted);cursor:default;font-weight:500}.add{border-style:dashed;width:100%}.field{font:700 15px var(--fun);gap:6px;margin-bottom:14px;display:grid}.field small{color:var(--muted);font:500 12px Poppins,sans-serif}.field textarea{border:2px solid var(--edge);resize:vertical;color:var(--ink);border-radius:12px;padding:10px 12px;font:500 15px/1.5 Poppins,sans-serif}.row{justify-content:space-between;gap:10px;display:flex}.row .primary{margin-left:auto;font-size:17px}@media (width<=800px){.roster{grid-template-columns:1fr}}