:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#101316;color:#ecf0f2}*{box-sizing:border-box}body{margin:0}header{height:86px;border-bottom:1px solid #2a3136;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand strong{font-size:20px}.brand small{display:block;color:#929da5;margin-top:4px}.mark{background:#99e3bb;color:#14261e;padding:11px 14px;border-radius:12px}.badge{font-size:11px;letter-spacing:2px;color:#99e3bb;border:1px solid #355944;padding:7px 10px;border-radius:6px}main{max-width:1440px;margin:32px auto;padding:0 5%;display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px}aside,.library{background:#191e22;border:1px solid #2c3339;border-radius:12px;padding:22px}aside{align-self:start}h1{font-size:21px;margin:0 0 9px}h2{font-size:18px;margin:0}.muted,.note{color:#9ba6ae;font-size:13px;line-height:1.6}.tabs{display:flex;background:#101316;padding:4px;border-radius:8px;margin:22px 0;gap:4px}.tabs button{flex:1;padding:10px 5px;background:none;border:0;color:#9ba6ae}.tabs button[aria-pressed=true]{background:#303b36;color:#b4efcd;border-radius:5px}label{display:block;font-size:13px;color:#c2cad0;margin:16px 0}input,select,button{font:inherit}input,select{width:100%;background:#111619;color:#ecf0f2;border:1px solid #374047;border-radius:7px;padding:11px 12px;margin-top:7px;min-width:0}button{cursor:pointer;border-radius:7px;border:1px solid #374047;color:#dee7ed;background:#232c32;padding:11px 14px}button:hover{filter:brightness(1.15)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #99e3bb;outline-offset:3px}.primary{background:#99e3bb;color:#16271e;border:0;width:100%;font-weight:650;margin-top:8px}.secondary{font-size:12px;background:transparent}.note{font-size:11px;margin:16px 0}aside>.secondary{width:100%;margin:5px 0}.player{border:1px solid #2c3339;border-radius:12px;overflow:hidden;background:#171c20}video{display:block;width:100%;aspect-ratio:16/9;background:#070909;max-height:440px}.playing{padding:18px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.playing small{font-size:10px;color:#99e3bb;letter-spacing:1.5px}.playing h2{margin-top:6px}.player>p{padding:0 20px 6px}#status{font-size:13px;color:#b3c3bc;padding:17px 0;overflow-wrap:anywhere}#status.error{color:#ffada4}.libraryHead{display:flex;align-items:center;justify-content:space-between;gap:15px}.libraryHead select{width:145px;margin:0;font-size:13px}#count{font-size:12px;color:#9ba6ae;margin-left:7px}.filters{display:grid;grid-template-columns:1fr 190px;gap:12px;margin:14px 0}.filters input,.filters select{margin:0;font-size:13px}.items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:450px;overflow:auto;margin-top:12px}.item{text-align:left;background:#21292f;padding:14px;display:flex;gap:12px;align-items:center}.item .play{color:#99e3bb}.item strong{font-size:13px;display:block;overflow-wrap:anywhere}.item small{display:block;font-size:11px;color:#99a6af;margin-top:5px}.item.active{border-color:#99e3bb}.empty{color:#95a1aa;font-size:13px;text-align:center;grid-column:1/-1;padding:30px 5px}#more{margin-top:12px}footer{color:#64727b;text-align:center;font-size:11px;margin:40px}[hidden]{display:none!important}@media(max-width:850px){main{grid-template-columns:1fr;padding:0 20px;margin:20px auto}.items{grid-template-columns:1fr}aside{padding:20px}.filters{grid-template-columns:1fr}header{padding:0 20px;height:75px}.libraryHead{flex-wrap:wrap}video{max-height:none}}