:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;background:#0c0c0d;color:#f9f9f9}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0c0c0d}button,input{font:inherit}button{background:#292a2e;color:#fff;border:0;padding:10px 16px;border-radius:24px;cursor:pointer}button:hover{background:#38393f}button:disabled{opacity:.45;cursor:default}.primary{background:#f00;font-weight:750}.secondary{background:#242424}input{color:white;background:#1c1c1f;border:1px solid #38383d;border-radius:24px;padding:12px 16px;outline:none}input:focus{border-color:#c44}.top{height:72px;display:flex;gap:25px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;background:#0c0c0ded;border-bottom:1px solid #28282c;padding:0 22px;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:2px;white-space:nowrap;direction:ltr}.brand img{width:64px;height:48px;object-fit:contain}.brand b{font-size:22px;letter-spacing:-.8px}.brand span{color:#f33}.top form{display:flex;flex:1;max-width:680px;gap:7px}.top input{flex:1;width:100%}.userpill{white-space:nowrap}.layout{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:calc(100vh - 72px)}aside{position:sticky;top:72px;height:calc(100vh - 72px);padding:24px 12px;display:flex;flex-direction:column;gap:7px;border-left:1px solid #242428}aside button{text-align:right;background:transparent;border-radius:14px}aside button.active{background:#2f2224;color:#fff;font-weight:750}main{padding:14px 24px 120px;min-width:0}.sectionTitle{display:flex;justify-content:space-between;align-items:center;gap:8px}.sectionTitle h1{font-size:23px}.sectionTitle span{font-size:13px;color:#999}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:22px 18px}.card{border:0;border-radius:13px;overflow:hidden;cursor:pointer}.card:hover .thumb{filter:brightness(1.12)}.thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:13px;background:#222}.card h3{margin:8px 0 4px;line-height:1.5;font-size:15px;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card p{font-size:12px;color:#aaa;margin:0}.empty{grid-column:1/-1;padding:28px 8px;color:#999}.player{position:fixed;inset:0;background:#0b0b0c;z-index:30;overflow:auto;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.8fr);align-content:start;gap:20px;padding:72px 24px 36px}.close{position:absolute;left:20px;top:18px;border-radius:50%;z-index:1}.mediaArea video{width:100%;max-height:calc(100vh - 112px);border-radius:15px;background:#000;display:block}.mediaArea audio{width:100%;margin-top:30px}.audioCover{max-width:420px;margin:auto}.audioCover img{width:100%;object-fit:contain}.playerDetails h2{line-height:1.6}.playerDetails p{color:#aaa}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button{font-size:14px}.hidden{display:none!important}.shade{background:#000e;inset:0;position:fixed;z-index:50;display:grid;place-items:center;padding:18px}.loginBox{width:min(420px,100%);border:1px solid #343438;border-radius:18px;background:#18181b;padding:26px;display:flex;align-items:stretch;flex-direction:column;gap:14px}.loginBox img{width:180px;height:94px;align-self:center;object-fit:contain}.loginBox h2{text-align:center;margin:0 0 10px;font-size:21px}.loginBox p{color:#f88;text-align:center;min-height:20px}.toast{position:fixed;z-index:100;bottom:24px;left:24px;background:#343435;color:white;padding:14px 20px;border-radius:13px;box-shadow:0 2px 20px #000b;max-width:min(430px,90vw)}.downloadList{display:grid;gap:12px}.downloadRow{padding:14px 17px;border:1px solid #353538;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.downloadRow strong{display:block}.downloadRow small{color:#aaa;display:block;max-width:600px;overflow-wrap:anywhere}.downloadRow .buttons{display:flex;gap:8px;flex-wrap:wrap}.settings{display:grid;gap:24px;max-width:560px}.settings form{border:1px solid #353538;border-radius:16px;padding:20px;display:grid;gap:12px}.settings h3{margin:0 0 8px}.settings button{max-width:210px}.cardButton{display:block;text-align:start;background:transparent;padding:0;width:100%;border-radius:0}.cardButton:hover{background:transparent}
@media(max-width:800px){.top{height:64px;gap:8px;padding:0 9px}.brand img{width:46px}.brand b{font-size:16px}.top form{min-width:0}.top form input{font-size:13px;padding:10px 9px}.top form button{padding:9px}.userpill{padding:9px;font-size:12px}.layout{display:block}aside{position:fixed;top:auto;bottom:0;height:66px;left:0;right:0;z-index:11;display:flex;flex-direction:row;padding:5px;justify-content:space-evenly;border-left:0;border-top:1px solid #28282c;background:#101012;overflow-x:auto;gap:2px}aside button{flex:0 0 auto;font-size:11px;padding:7px;text-align:center}main{padding:16px 12px 95px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 10px}.card h3{font-size:13px}.card p{font-size:11px}.sectionTitle h1{font-size:19px}.player{grid-template-columns:1fr;padding:57px 12px 120px;gap:0}.mediaArea video{max-height:50vh}.close{left:12px;top:8px}.actions button{font-size:12px}.playerDetails h2{font-size:19px}}
@media(max-width:400px){.brand b{display:none}.cards{grid-template-columns:1fr}}