:root{color:#18202b;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}main{width:min(760px,calc(100% - 32px));margin:56px auto}header{margin-bottom:28px}h1{margin:4px 0 8px;font-size:clamp(2.3rem,8vw,4rem);letter-spacing:-.05em}h2{margin:0 0 6px;font-size:1.1rem}p{color:#667085}.eyebrow{margin:0;color:#2563eb;font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.panel{padding:18px;border:1px solid #d7dee8;border-radius:16px;background:#fff;box-shadow:0 6px 24px #2330460f}.controls,.create,.lesson{display:flex;align-items:end;gap:14px}.controls{margin-bottom:12px}.create{margin-bottom:24px}label{display:grid;flex:1;gap:7px;color:#475467;font-size:.85rem;font-weight:600}input,select{width:100%;min-height:42px;padding:9px 12px;border:1px solid #cbd3df;border-radius:9px;background:#fff;color:#18202b}button{min-height:42px;padding:9px 17px;border:0;border-radius:9px;background:#2563eb;color:#fff;cursor:pointer;font-weight:700;white-space:nowrap}button:disabled{cursor:not-allowed;opacity:.5}.lesson-list{display:grid;gap:10px}.lesson{justify-content:space-between;align-items:center}time,.empty{color:#8a94a3;font-size:.85rem}.error{padding:12px 16px;border-radius:9px;background:#fee2e2;color:#991b1b}@media(max-width:600px){.controls,.create{align-items:stretch;flex-direction:column}.controls label,.create label,button{width:100%}}