.app{display:grid;grid-template-columns:360px 1fr;height:100%}.sidebar{display:flex;flex-direction:column;gap:14px;padding:16px;background:#16161b;border-right:1px solid #26262e;overflow:hidden}.brand{display:flex;align-items:center;gap:10px}.brand h1{font-size:17px;margin:0;line-height:1.1}.brand span{font-size:12px;color:#9a9aa5}.search{padding:10px 12px;border-radius:10px;border:1px solid #2c2c36;background:#0f0f12;color:inherit;font-size:14px}.add-form{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #26262e;border-radius:12px;background:#1b1b22}.add-form input{padding:9px 10px;border-radius:8px;border:1px solid #2c2c36;background:#0f0f12;color:inherit;font-size:13px;width:100%}.add-form .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.add-form button{padding:9px;border:none;border-radius:8px;background:#ff4d4d;color:#fff;font-weight:600;font-size:14px;cursor:pointer}.add-form button:hover{background:#ff6363}.error{margin:0;font-size:12px;color:#ff9b9b}.list{flex:1;overflow-y:auto;margin:0 -6px;padding:0 6px}.collection{margin-bottom:6px}.col-head{display:flex;align-items:flex-start;gap:8px;width:100%;text-align:left;padding:11px 6px;margin-top:8px;border:1px solid #23232b;border-radius:10px;background:#1b1b22;color:inherit;cursor:pointer}.col-head:hover{background:#20202a}.chevron{flex:0 0 auto;margin-top:1px;color:#8a8a95;transition:transform .15s ease}.chevron.open{transform:rotate(90deg)}.col-headtext{min-width:0}.col-name{display:block;font-size:14px;line-height:1.2}.col-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:3px;font-size:11px;color:#8a8a95}.col-tag{margin-left:auto;padding:1px 6px;border-radius:999px;background:#23232b;color:#b9b9c4}.empty{color:#8a8a95;font-size:13px;padding:8px 4px}.item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:7px;margin-bottom:4px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;cursor:pointer}.item:hover{background:#20202a}.item.active{background:#2a2230;border-color:#ff4d4d55}.thumb{position:relative;flex:0 0 auto;width:72px;height:44px;border-radius:6px;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-ph{font-size:13px;font-weight:600;color:#cfcfd6}.badge{position:absolute;bottom:2px;right:2px;font-size:9px;background:#000a;padding:1px 4px;border-radius:4px}.meta{flex:1;min-width:0;display:flex;flex-direction:column}.title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub{font-size:11px;color:#8a8a95}.remove{flex:0 0 auto;color:#8a8a95;font-size:13px;padding:2px 6px;border-radius:6px}.remove:hover{color:#fff;background:#ff4d4d}.stage{display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.player-wrap{width:100%;max-width:calc((100vh - 150px) * 16 / 9)}.player{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 12px 40px #000a}.player iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.now{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;flex-wrap:wrap}.now-info{min-width:0}.now h2{font-size:18px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now a{color:#9a9aff;font-size:13px;text-decoration:none;white-space:nowrap}.now a:hover{text-decoration:underline}.controls{display:flex;align-items:center;gap:14px;flex:0 0 auto}.lang{display:flex;align-items:center;gap:6px;font-size:13px}.lang select{padding:6px 8px;border:1px solid #2c2c36;border-radius:8px;background:#20202a;color:inherit;font-size:13px;cursor:pointer}.cc{padding:6px 10px;border:1px solid #2c2c36;border-radius:8px;background:#20202a;color:#cfcfd6;font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer}.cc.on{background:#ff4d4d;border-color:#ff4d4d;color:#fff}.counter{font-size:13px;color:#8a8a95;font-variant-numeric:tabular-nums}.next{padding:7px 12px;border:1px solid #2c2c36;border-radius:8px;background:#20202a;color:inherit;font-size:13px;cursor:pointer}.next:hover:not(:disabled){background:#2a2a36}.next:disabled{opacity:.4;cursor:default}.toggle{display:flex;align-items:center;gap:7px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{width:16px;height:16px;accent-color:#ff4d4d;cursor:pointer}.placeholder{color:#8a8a95}@media (max-width: 820px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{max-height:45vh}}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#0f0f12;color:#e8e8ea}