:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;color:#e3eee8;background:#0d1412;--green:#a4ecc5;--muted:#91a69a;--border:#2c3d33;--red:#c54a55}*{box-sizing:border-box}body{margin:0}a{color:var(--green)}button,a,input,select,textarea{outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;padding:23px 4%;border-bottom:1px solid var(--border)}.brand{text-decoration:none;color:#e3eee8;font-size:26px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.logo{color:var(--green);font-size:32px}.version{font-size:9px;letter-spacing:2px;color:#93a89b;border:1px solid var(--border);padding:7px 10px;border-radius:20px;margin-left:10px}main{max-width:1300px;margin:auto;padding:42px 28px}.eyebrow{font-size:10px;color:var(--green);letter-spacing:2px;font-weight:650}h1{font-weight:550;font-size:clamp(34px,4.8vw,58px);letter-spacing:-2.5px;line-height:1.12;margin:16px 0}h1 span{color:#96afa0}p{color:var(--muted);line-height:1.6}h2{font-size:20px;font-weight:550;letter-spacing:-.4px}h3{font-size:16px;font-weight:550;line-height:1.45;margin:8px 0;overflow-wrap:anywhere}.hero{display:flex;justify-content:space-between;align-items:center;gap:30px}.hero p{font-size:14px}.storage{max-width:260px;min-width:205px;border:1px solid var(--border);border-radius:12px;padding:17px;font-size:12px;color:var(--muted);line-height:1.9}.storage strong{display:block;color:#deebe2;font-size:16px;font-weight:500}.storage progress{width:100%;height:5px;accent-color:var(--green)}button,.button{border:1px solid var(--green);background:var(--green);color:#102418;padding:11px 16px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:5px}button:hover,.button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#17251c;border:1px solid #3b5143;color:#bfd7c6}.danger{background:#3e2125;border-color:#713840;color:#f1b7be}.downloaded{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}.tabs{display:flex;gap:24px;margin:34px 0 26px;border-bottom:1px solid var(--border);overflow:auto}.tabs button{background:none;border:0;border-radius:0;padding:14px 3px;color:#93aa9b;white-space:nowrap;font-weight:500;border-bottom:2px solid transparent}.tabs button.active{color:var(--green);border-bottom-color:var(--green)}.tabs span{background:#24392c;padding:2px 7px;border-radius:10px;font-size:11px;margin-left:5px}.panel{border:1px solid var(--border);background:#16211b;border-radius:14px;padding:22px;margin:18px 0}.searchline{display:flex;gap:10px}.searchline input{flex:1}label{font-size:10px;letter-spacing:1.4px;display:block;color:#aac1b1;margin-bottom:10px}input,select,textarea{background:#0e1912;border:1px solid #344d3d;color:#e5f1e9;font-family:inherit;padding:12px;border-radius:8px;font-size:14px;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--green)}textarea{width:100%;display:block;resize:vertical;margin:10px 0}.filters{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}.filters label{display:flex;flex-direction:column;gap:8px;margin:0}.filters select{min-width:120px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.chips button{font-size:11px;background:#253d2d;color:#bbdac7;border:0;padding:6px 12px;border-radius:20px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 16px}.toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.filterline{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.filterline>input{flex:1;min-width:180px}.check{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:0;margin:0}.check input{accent-color:var(--green)}.muted,.footnote{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:20px}.card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#152019;position:relative}.card.saved-card{border-color:#883e48}.cardbody{padding:16px}.art{height:180px;background:#0b110e;display:flex;align-items:center;justify-content:center;overflow:hidden}.art img{height:100%;width:100%;object-fit:contain}.art .placeholder{font-size:32px;color:#45634e}.meta{font-size:10px;color:#93b29d;letter-spacing:.7px;text-transform:uppercase}.card p{font-size:12px;margin:8px 0}.card .actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.card .actions button,.card .actions a{font-size:11px;padding:8px 10px}.selectrow{display:flex;justify-content:space-between;align-items:center}.selectrow label{display:flex;gap:6px;align-items:center;letter-spacing:0;font-size:11px;margin:0}.tag{font-size:10px;border:1px solid #733541;border-radius:15px;color:#f1a4b0;padding:3px 7px}.empty{grid-column:1/-1;border:1px dashed #3a5141;padding:40px;text-align:center;border-radius:12px;color:#91aa99;font-size:14px}.queue-row,.history-row{background:#152019;border:1px solid var(--border);border-radius:12px;margin:12px 0;padding:20px;display:flex;gap:20px;align-items:flex-start}.queue-row .body,.history-row .body{flex:1;min-width:0}.queue-row .actions,.history-row .actions{display:flex;gap:7px;flex-wrap:wrap;max-width:340px}.queue-row p,.history-row p{font-size:12px;margin:6px 0;overflow-wrap:anywhere}.queue-row progress{width:100%;max-width:500px;height:6px;accent-color:var(--green)}.state{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--green)}.state.error{color:#f49ca6}.history-row{border-left:3px solid var(--red)}#more{display:block;margin:24px auto}.query{font-family:monospace;font-size:11px;overflow-wrap:anywhere}#message{color:#f3c19b;font-size:13px;position:sticky;bottom:10px;background:#242a21;border-radius:8px;padding:12px;z-index:10}#message:empty{display:none}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:25px 0;margin-top:50px;font-size:10px;color:#859d8c;letter-spacing:1px}.login{max-width:650px;margin:35px auto 100px}.login form{margin-top:28px}.login p{font-size:15px}dialog{width:min(540px,95vw);max-height:90vh;overflow:auto;background:#16231b;border:1px solid #42604a;border-radius:14px;color:#e3eee8;padding:24px}dialog::backdrop{background:#000a}dialog .toolbar{margin-top:0}dialog input{width:100%}hr{border:0;border-top:1px solid var(--border);margin:24px 0}summary{cursor:pointer;color:var(--green);font-size:14px}details form{margin-top:20px}.playerpage{max-width:1100px}.playerbox{aspect-ratio:16/9;background:black;border:1px solid var(--border);border-radius:12px;overflow:hidden;display:grid;place-items:center}.playerbox video{width:100%;height:100%;max-height:75vh}.playerbox p{padding:25px}#videoTitle{font-size:26px;letter-spacing:-.6px}.saved-history{color:#f1a2ac}[hidden]{display:none!important}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-row{flex-direction:column}.queue-row .actions{max-width:none}}@media(max-width:650px){main{padding:25px 17px}.hero{display:block}.storage{max-width:none;margin-top:22px}.version{display:none}.searchline{flex-wrap:wrap}.searchline input{flex-basis:100%}.grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.tabs{gap:18px}.filters{gap:10px}.filters select{min-width:110px;max-width:170px}.panel{padding:16px}.history-row{flex-direction:column}footer{flex-direction:column}}

.original-link{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.6;color:#a4ecc5;margin:8px 0}.playerbox{position:relative}.playerbox>p{position:absolute;z-index:1;background:#0d1412de;border-radius:8px;max-width:90%;text-align:center}
