:root{font-family:system-ui,sans-serif;color:#172033;background:#eef2ff}body{margin:0;min-height:100vh}.card,.shell{max-width:920px;margin:2rem auto;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 12px 30px #17255418}.login{max-width:420px}label{display:grid;gap:.35rem;margin:1rem 0;font-weight:600}input,select,button{border:1px solid #c7d2fe;border-radius:.5rem;padding:.7rem;font:inherit}button{cursor:pointer;background:#1d4ed8;border-color:#1d4ed8;color:#fff;font-weight:700}button.secondary{background:#fff;color:#1d4ed8}header,.toolbar,.track{display:flex;align-items:center;justify-content:space-between;gap:1rem}.toolbar{padding:1rem 0;border-bottom:1px solid #e0e7ff}.toolbar label{flex:1;max-width:360px}.status{color:#166534;font-size:.9rem}.track{padding:1rem 0;border-bottom:1px solid #e5e7eb}.actions{display:flex;gap:.5rem}.track small{display:block;color:#64748b;margin-top:.25rem}.error{color:#991b1b;background:#fee2e2;padding:.75rem;border-radius:.5rem}audio{width:100%;margin-top:1.5rem}