:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}body{margin:0;padding:2rem 1rem;display:flex;justify-content:center}main,.card{width:min(34rem,100%)}header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}h1{font-size:1.5rem}.card{display:flex;flex-direction:column;gap:.5rem}input,button{font:inherit;padding:.6rem .75rem;border-radius:.5rem;border:1px solid currentColor;background:transparent;color:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:progress}.empty{border:1px dashed currentColor;border-radius:.75rem;padding:2rem 1rem;text-align:center;opacity:.85}.classes{list-style:none;padding:0;margin:1rem 0 0}.classes li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.85rem 0;border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent)}.parts{flex-basis:100%;list-style:none;margin:0;padding:0 0 0 .75rem;font-size:.9rem}.parts li{justify-content:flex-start;align-items:center;padding:.35rem 0;border-bottom:none}.audio-only{font-size:.75rem;padding:.1rem .5rem;border:1px solid currentColor;border-radius:1rem;opacity:.75}.reorder{margin-left:auto;display:flex;gap:.25rem}.reorder button{font:inherit;padding:.15rem .6rem;border-radius:.5rem;border:1px solid currentColor;background:transparent;color:inherit}.reorder button:disabled{opacity:.35}.title{font-weight:600}[role=alert]{color:#b3261e}.new-class{display:flex;flex-direction:column;gap:.35rem;margin:1.5rem 0;padding:1rem;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:.75rem}.new-class h2{font-size:1rem;margin:0 0 .25rem}.new-class label{font-size:.85rem;opacity:.8}select{font:inherit;padding:.6rem .75rem;border-radius:.5rem;border:1px solid currentColor;background:transparent;color:inherit}