:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101214;color:#f2f4f5}
body{margin:0;padding:24px;max-width:1100px;margin-inline:auto}
header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
h1{margin:0;font-size:34px}.muted{color:#9ea6ad}.meta{font-size:13px;color:#9ea6ad}
.card{background:#191d20;border:1px solid #30363b;border-radius:10px;padding:16px;margin:12px 0}
.channel{display:grid;grid-template-columns:88px 64px minmax(0,1fr) auto;gap:16px;align-items:center}
.logo{width:72px;height:72px;object-fit:contain;background:#0d0f10;border-radius:8px}
.num{font-size:30px;font-weight:850;text-align:center}.name{font-size:20px;font-weight:800}
.now{font-size:15px;margin-top:4px}.path{font-size:13px;color:#9ea6ad;overflow-wrap:anywhere}
button,input,a.btn{font:inherit}
button,a.btn{display:inline-block;text-decoration:none;border:1px solid #4a535a;background:#252b30;color:white;padding:10px 14px;border-radius:8px;cursor:pointer}
.primary{background:#e7e7e7!important;color:#111!important;border-color:#e7e7e7!important}
.headerActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){body{padding:16px}.channel{grid-template-columns:72px 1fr}.num{text-align:left}.details{grid-column:2}.channel .btn{grid-column:1/-1;text-align:center}}