:root{color-scheme:dark;--yt-bg: #0f0f0f;--yt-elev: #212121;--yt-text: #f1f1f1;--yt-muted: #aaaaaa;--yt-red: #e11d2e;--yt-focus: #fff;--rail-w: 88px;font-family:Roboto,Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--yt-bg);color:var(--yt-text)}.yt-shell{min-height:100vh;display:grid;grid-template-columns:var(--rail-w) 1fr;grid-template-rows:1fr auto}.yt-rail{grid-row:1 / -1;background:#0a0a0a;border-right:1px solid #272727;display:flex;flex-direction:column;align-items:stretch;padding:12px 6px;gap:4px}.yt-brand{display:flex;flex-direction:column;align-items:center;padding:10px 2px 18px}.yt-logo{width:72px;height:auto;object-fit:contain}.yt-rail-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border:none;border-radius:10px;background:transparent;color:var(--yt-text);cursor:pointer;font:inherit;font-size:11px}.yt-rail-btn .ico{font-size:20px;line-height:1}.yt-rail-btn.active,.yt-rail-btn.focused,.yt-rail-btn:focus{background:#272727;outline:2px solid var(--yt-focus)}.yt-rail-foot{margin-top:auto;padding:8px 4px}.server-pill{font-size:10px;text-align:center;padding:6px 4px;border-radius:8px;background:#272727;color:var(--yt-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-pill.on{color:#3ddc84}.server-pill.off{color:#ff4e45}.yt-main{padding:20px 28px 40px;overflow:auto;min-width:0}.yt-status{grid-column:2;padding:6px 28px 10px;color:var(--yt-muted);font-size:13px;min-height:1.4em}.page-title{margin:0 0 16px;font-size:28px;font-weight:700}.yt-shelf{margin-bottom:28px}.yt-shelf h2{margin:0 0 12px;font-size:20px;font-weight:700}.yt-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.yt-row.wrap{flex-wrap:wrap;overflow:visible}.yt-card{flex:0 0 280px;scroll-snap-align:start;text-align:left;border:none;background:transparent;color:inherit;cursor:pointer;padding:0;border-radius:12px}.yt-card.shorts{flex-basis:160px}.yt-card.focused,.yt-card:focus{outline:3px solid var(--yt-focus);outline-offset:3px}.yt-card .thumb{position:relative;aspect-ratio:16 / 9;border-radius:12px;background:#272727 center/cover no-repeat}.yt-card.shorts .thumb{aspect-ratio:9 / 16}.yt-card .dur{position:absolute;right:6px;bottom:6px;background:#000c;padding:2px 6px;border-radius:4px;font-size:12px}.yt-card .meta{padding:10px 2px 0}.yt-card .title{font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-card .ch{margin-top:4px;color:var(--yt-muted);font-size:13px}.yt-shorts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.yt-channel{flex:0 0 120px;border:none;background:transparent;color:inherit;cursor:pointer;text-align:center}.yt-channel .avatar{width:88px;height:88px;margin:0 auto 8px;border-radius:50%;background:#333 center/cover}.yt-channel.focused,.yt-channel:focus{outline:3px solid #fff;border-radius:12px}.yt-search{display:flex;gap:12px;margin-bottom:20px}.yt-search input{flex:1;font-size:20px;padding:14px 18px;border-radius:24px;border:1px solid #303030;background:#121212;color:inherit}.yt-stage{background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9;max-height:70vh}.yt-stage video,.avplay-surface{width:100%;height:100%;display:block;background:#000}.buttons,.quality-row,.row{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0;align-items:center}button,.primary{font:inherit;padding:10px 16px;border-radius:18px;border:1px solid #303030;background:#272727;color:var(--yt-text);cursor:pointer}button.primary,.primary{background:var(--yt-red);border-color:var(--yt-red);font-weight:600}button.focused,button:focus,.focused{outline:3px solid var(--yt-focus);outline-offset:2px}.back{margin-bottom:12px}.yt-setup{min-height:100vh;display:grid;place-content:center;gap:12px;padding:32px;max-width:560px;margin:0 auto}.yt-setup-logo{width:min(360px,90vw);height:auto;margin:0 auto;display:block}.yt-setup h1{text-align:center;margin:0}.yt-setup label,.yt-main label{display:grid;gap:6px;color:var(--yt-muted);font-size:13px}.yt-setup input,.yt-main input[type=text],.yt-main input[type=url],.yt-main input[type=password]{font-size:18px;padding:12px 14px;border-radius:10px;border:1px solid #303030;background:#121212;color:inherit}.server-list{display:grid;gap:12px;margin:16px 0 24px}.server-item{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 16px;background:var(--yt-elev);border-radius:12px;border:1px solid #303030}.server-item.active{border-color:var(--yt-red)}.muted,.hint{color:var(--yt-muted)}.empty,.empty-block{color:var(--yt-muted);padding:24px 0}.ok{color:#3ddc84}.warn{color:#f5c518}.code{font-size:36px;letter-spacing:.12em;font-weight:700}.device-code[hidden]{display:none}