.supp-controls{display:flex;flex-wrap:wrap;gap:20px}.supp-controls label{flex:1;min-width:220px}.supp-controls input,.supp-controls select{display:block;width:100%;margin-top:8px;padding:12px;color:#f6f4ef;background:#171d36;border:1px solid #8c805a;border-radius:10px;font:inherit}.supp-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:28px}.supp-player,.supp-list{min-width:0}.supp-player video{display:block;width:100%;max-height:620px;background:#080c19;border-radius:16px}.supp-list{display:grid;gap:10px;max-height:900px;overflow:auto;padding:4px}.supp-lesson{display:flex;gap:12px;align-items:center;text-align:right;border:1px solid #ffffff22;background:#161b31;color:#f6f4ef;border-radius:12px;padding:10px;cursor:pointer;font:inherit}.supp-lesson img{width:100px;height:64px;object-fit:contain;background:#090e1b;border-radius:6px}.supp-lesson small{display:block;color:#d3c9af}.supp-lesson[aria-pressed=true]{border-color:#e5bd63;background:#24213a}.supp-lesson:focus-visible{outline:3px solid #e5bd63;outline-offset:2px}.supp-player{scroll-margin-top:100px}.supp-player ol{line-height:1.9}#supp-copy-status{min-height:1.5em}@media(max-width:800px){.supp-layout{grid-template-columns:1fr}.supp-controls label{min-width:0;flex-basis:100%}.supp-list{max-height:500px}.supp-lesson img{width:86px}.supp-player video{max-height:75vh}}
#supp-title{scroll-margin-top:110px}