:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Roboto,Segoe UI,sans-serif;background:#0f0f0f;color:#f1f1f1}button{cursor:pointer;background:#272727;border:1px solid #3d3d3d;color:#f1f1f1;padding:8px 14px;border-radius:999px;font-size:14px;transition:background .16s ease,border-color .16s ease,transform .16s ease}button:hover{background:#3a3a3a}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #3ea6ff;outline-offset:2px}input,textarea{width:100%;background:#121212;border:1px solid #303030;color:#f1f1f1;padding:10px 12px;border-radius:999px;font-size:14px}select{background:#121212;color:#f1f1f1;border:1px solid #303030;border-radius:8px;padding:6px 8px;font-size:12px}textarea{min-height:90px;resize:vertical;border-radius:12px}.yt-app{display:flex;flex-direction:column;min-height:100vh}.yt-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;padding:4px 16px;background:#0f0f0f;border-bottom:1px solid #202020}.yt-header-left{display:flex;align-items:center;gap:12px}.yt-logo{font-weight:700;display:flex;align-items:center;gap:8px}.yt-logo-icon{display:inline-flex;width:28px;height:28px;border-radius:6px;background:red;color:#fff;align-items:center;justify-content:center;font-size:14px}.icon-button{border-radius:50%;width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;transition:background .16s ease}.icon-button:hover{background:#222}.icon-button svg,.yt-action svg,.yt-nav-icon svg,.yt-search-button svg{width:20px;height:20px}.yt-search{display:flex;flex:1;max-width:640px;margin:0 auto;background:#0f0f0f}.yt-search-input{border-radius:999px 0 0 999px;border-right:none;background:#121212;height:36px}.yt-search-button{border-radius:0 999px 999px 0;padding:0 18px;background:#222;border:1px solid #303030;transition:background .16s ease;height:36px}.yt-search-button:hover{background:#2b2b2b}.yt-header-right{display:flex;align-items:center;gap:10px}.yt-avatar{width:36px;height:36px;border-radius:50%;background:#444;display:flex;align-items:center;justify-content:center;font-weight:600}.yt-body{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:20px 24px}.yt-sidebar{display:flex;flex-direction:column;gap:8px}.yt-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;border:none;background:transparent;color:inherit;text-align:left;transition:background .16s ease}.yt-nav-item:hover{background:#222}.yt-nav-item.active{background:#272727;font-weight:600}.yt-nav-icon{width:22px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.yt-main{display:flex;flex-direction:column;gap:16px}.yt-chips{display:flex;flex-wrap:wrap;gap:8px}.yt-chip{background:#272727;border:1px solid transparent;border-radius:999px;padding:6px 12px;font-size:13px;transition:background .16s ease}.yt-chip:hover{background:#3a3a3a}.notice{padding:12px;background:#1c1c1c;border-radius:12px;border:1px solid #2b2b2b}.notice.small{font-size:13px;opacity:.8}.notice.error{border-color:#ff5d5d;color:#ffb2b2}.yt-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.yt-card-video{display:flex;flex-direction:column;gap:10px;border:none;background:transparent;text-align:left;padding:0;transition:transform .18s ease}.yt-card-video:hover{transform:translateY(-2px)}.yt-thumb{width:100%;aspect-ratio:16/9;background:#0b0b0b;border-radius:12px;overflow:hidden;transition:transform .2s ease}.yt-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.yt-card-video:hover .yt-thumb img{transform:scale(1.02)}.yt-card-body{display:grid;grid-template-columns:36px 1fr;gap:10px}.yt-card-avatar{width:36px;height:36px;border-radius:50%;background:#3a3a3a;display:flex;align-items:center;justify-content:center;font-weight:600}.yt-card-title{margin:0 0 6px;font-size:15px;line-height:1.25}.yt-card-meta{margin:2px 0 0;font-size:13px;opacity:.7}.yt-watch{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}.yt-player video{width:100%;border-radius:12px;border:1px solid #1e1e1e;background:#000}.yt-player{position:relative}.yt-player-brand{position:absolute;top:10px;left:12px;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#0000008c;border:1px solid rgba(255,255,255,.08);font-size:12px;z-index:2;pointer-events:none}.yt-quality-inline{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#1c1c1c;border:1px solid #2b2b2b;font-size:12px}.yt-quality-inline label{opacity:.7}.yt-player-brand .yt-logo-icon{width:20px;height:20px;font-size:11px}.yt-player-brand.small{padding:4px 6px}.yt-player-brand.small .yt-logo-icon{width:18px;height:18px;font-size:10px}.yt-title{margin:12px 0 6px;font-size:20px}.yt-meta-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.yt-channel{display:flex;align-items:center;gap:12px}.yt-channel-avatar{width:44px;height:44px;border-radius:50%;background:#3a3a3a;display:flex;align-items:center;justify-content:center;font-weight:700}.yt-channel-name{font-weight:600}.yt-channel-sub{font-size:13px;opacity:.7}.yt-actions{display:flex;gap:8px;align-items:center}.yt-subscribe{background:#fff;color:#000;border:none;font-weight:600}.yt-subscribe:hover{background:#e6e6e6}.yt-action{border-radius:999px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;transition:background .16s ease}.yt-action:hover{background:#2b2b2b}.yt-description{background:#1c1c1c;padding:12px;border-radius:12px;white-space:pre-wrap;line-height:1.45}.yt-card{background:#1c1c1c;border:1px solid #2b2b2b;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.yt-playlist-add{display:flex;gap:8px}.yt-playlist-list{display:flex;flex-wrap:wrap;gap:8px}.yt-comment-form{display:flex;flex-direction:column;gap:8px}.yt-comment{padding:10px;background:#121212;border-radius:10px;border:1px solid #2b2b2b;margin-top:8px}.yt-comment-text{margin-bottom:6px}.yt-upnext-title{font-weight:600;margin-bottom:10px}.yt-upnext-list{display:flex;flex-direction:column;gap:12px}.yt-upnext-card{display:grid;grid-template-columns:160px 1fr;gap:10px;border:none;background:transparent;text-align:left;padding:0;transition:transform .18s ease}.yt-upnext-card:hover{transform:translateY(-2px)}.yt-upnext-thumb{width:160px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#0b0b0b}.yt-upnext-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.yt-upnext-card:hover .yt-upnext-thumb img{transform:scale(1.02)}.yt-upnext-title-text{font-size:14px;font-weight:600;margin-bottom:4px}.yt-upnext-meta{font-size:12px;opacity:.7}.yt-list{display:flex;flex-direction:column;gap:12px}.yt-list-item{display:flex;justify-content:space-between;align-items:center;background:#1c1c1c;border:1px solid #2b2b2b;border-radius:12px;padding:12px 16px;gap:12px}.yt-playlist-block{display:flex;flex-direction:column;gap:8px;border:1px solid #2b2b2b;border-radius:12px;padding:12px;background:#151515}.yt-row-actions{display:flex;gap:8px}.yt-shorts{display:flex;flex-direction:column;gap:24px;height:calc(100vh - 140px);overflow-y:auto;scroll-snap-type:y mandatory;padding-right:6px}.yt-shorts-item{display:flex;align-items:center;justify-content:center;gap:16px;scroll-snap-align:start}.yt-shorts-player{position:relative;width:min(380px,90vw);aspect-ratio:9/16;background:#000;border-radius:16px;overflow:hidden;border:1px solid #222;box-shadow:0 10px 30px #00000059}.yt-shorts-player video{width:100%;height:100%;object-fit:cover}.yt-shorts-overlay{position:absolute;inset:auto 0 0 0;padding:16px;background:linear-gradient(transparent,#000000b3)}.yt-shorts-title{font-weight:600;margin-bottom:6px}.yt-shorts-meta{font-size:13px;opacity:.8}.yt-shorts-actions{display:none}.yt-shorts-actions .yt-action{width:44px;height:44px;padding:0}.yt-mobile-nav{position:fixed;left:0;right:0;bottom:0;height:52px;background:#0f0f0f;border-top:1px solid #202020;display:none;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);z-index:20}.yt-mobile-item{background:transparent;border:none;color:inherit;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 6px;font-size:10px}.yt-mobile-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.yt-mobile-item.active{color:#f1f1f1}@media (max-width: 1200px){.yt-watch{grid-template-columns:1fr}}@media (max-width: 960px){.yt-body{grid-template-columns:1fr;padding:10px 10px 68px}.yt-sidebar{display:none}.yt-header{flex-wrap:wrap;gap:10px;padding:4px 10px}.yt-header-left{flex:1 1 auto}.yt-header-right{gap:6px}.yt-search{order:3;width:100%;max-width:none}.yt-search-input,.yt-search-button{height:34px}.yt-mobile-nav{display:flex}.yt-shorts{height:calc(100vh - 170px)}.yt-grid{grid-template-columns:1fr;gap:14px}.yt-thumb{border-radius:10px}.yt-card-body{grid-template-columns:32px 1fr}.yt-card-avatar{width:32px;height:32px}.yt-watch{grid-template-columns:1fr;gap:16px}.yt-upnext-card{grid-template-columns:140px 1fr}.yt-upnext-thumb{width:140px}.yt-shorts-item{flex-direction:column;gap:10px}.yt-shorts-actions{flex-direction:row;justify-content:center}.yt-shorts-actions .yt-action{width:40px;height:40px}.yt-mobile-item{font-size:10px}}