:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1c232b;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:#fff;cursor:pointer;background:#183d5d;border:0;border-radius:8px;min-height:44px;padding:0 16px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.6}.app-shell{gap:18px;width:min(1100px,100%);margin:0 auto;padding:20px;display:grid}.login-shell{place-items:center;min-height:100vh;padding:16px;display:grid}.login-panel{background:#fff;border:1px solid #dde3ea;border-radius:8px;gap:16px;width:min(420px,100%);padding:18px;display:grid}.login-panel label{color:#354250;gap:8px;font-weight:700;display:grid}.login-panel input{background:#fbfcfd;border:1px solid #c7d0d9;border-radius:8px;min-height:46px;padding:0 14px}.app-header{align-items:flex-start;gap:14px;display:flex}.ghost-button{color:#183d5d;background:#e7edf3}.eyebrow{color:#52616f;text-transform:uppercase;margin:0 0 6px;font-size:.8rem;font-weight:800}h1,h2{margin:0;line-height:1.12}h1{font-size:clamp(1.35rem,2.8vw,2.2rem)}.module-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.module-card,.player-panel,.search-panel,.empty-panel{background:#fff;border:1px solid #dde3ea;border-radius:8px;padding:18px}.module-card{align-content:space-between;gap:18px;min-height:170px;display:grid}.module-card p,.empty-panel p{color:#52616f;margin:10px 0 0}.module-card-disabled{background:#f7f9fb}.player-panel{gap:16px;display:grid}.state-pill{background:#e7edf3;border-radius:999px;width:fit-content;padding:7px 12px;font-weight:800}.state-lecture{color:#14613a;background:#d9f2e5}.state-pause{color:#7a5200;background:#fff1cc}.state-arrete{color:#52616f;background:#eceff2}.controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.danger{background:#8d2c2c}.volume{color:#354250;gap:8px;font-weight:700;display:grid}.volume input{accent-color:#183d5d;width:100%}.search-form{grid-template-columns:1fr auto;gap:10px;display:grid}.search-form input{background:#fbfcfd;border:1px solid #c7d0d9;border-radius:8px;min-width:0;min-height:46px;padding:0 14px}.message{color:#8d2c2c;margin:14px 0 0;font-weight:700}.results{gap:12px;margin-top:16px;display:grid}.result{background:#fff;border:1px solid #dde3ea;border-radius:8px;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.recording-row{background:#fff;border:1px solid #dde3ea;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.recording-row h2{margin:0 0 6px;font-size:1rem}.recording-row p,.muted{color:#52616f;margin:0}.result img{aspect-ratio:16/9;object-fit:cover;background:#dfe5eb;border-radius:6px;width:112px}.result h2{margin:0 0 6px;font-size:1rem;line-height:1.25}.result p{color:#52616f;margin:0 0 4px}.result span{color:#354250;font-size:.9rem;font-weight:700}.play-button{min-width:74px}@media (width<=700px){.app-shell{padding:12px}.app-header{display:grid}.module-card,.player-panel,.search-panel,.empty-panel{padding:14px}.controls,.search-form{grid-template-columns:1fr}.result{grid-template-columns:92px minmax(0,1fr)}.result img{width:92px}.play-button{grid-column:1/-1;width:100%}}