.ytui{--yt-bg: #0f0f0f;--yt-fg: #f1f1f1;--yt-2: #aaaaaa;--yt-chip: #272727;--yt-line: #303030;--yt-hover: #3f3f3f;min-height:100vh;background:var(--yt-bg);color:var(--yt-fg);font-family:Roboto,Schibsted Grotesk,system-ui,sans-serif}.ytui button{color:inherit;font:inherit}.ytui img{display:block}.yth{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:16px;height:56px;padding:0 16px;background:var(--yt-bg)}.yth__left{display:flex;align-items:center;gap:12px}.yth__burger{display:inline-flex;flex-direction:column;gap:4px;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%}.yth__burger i{width:18px;height:2px;background:var(--yt-fg);border-radius:2px}.yth__brand{display:inline-flex;align-items:center;gap:8px;color:var(--yt-fg);font-weight:500}.yth__brand img{height:22px;width:auto}.yth__brand span{font-size:13px;color:var(--yt-2)}.yth__search{display:flex;max-width:640px;width:100%;justify-self:center}.yth__search input{flex:1;min-width:0;height:40px;padding:0 16px;border:1px solid var(--yt-line);border-right:0;border-radius:20px 0 0 20px;background:#121212;color:var(--yt-fg);font-size:16px}.yth__search input:focus{outline:none;border-color:#1c62b9}.yth__search button{width:64px;height:40px;border:1px solid var(--yt-line);border-radius:0 20px 20px 0;background:#222;display:grid;place-items:center}.yth__right{display:flex;align-items:center;justify-content:flex-end;gap:12px}.yth__cta{font-size:14px;font-weight:500;color:#3ea6ff;border:1px solid var(--yt-line);border-radius:18px;padding:8px 14px}.yth__avatar{width:32px;height:32px;border-radius:50%;background:#fff}.ytb{display:grid;grid-template-columns:240px minmax(0,1fr)}.yts{position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:2px}.yts__backdrop{display:none}.yts__h{margin:14px 12px 4px;font-size:16px;font-weight:500}.yts__it{display:flex;align-items:center;gap:18px;padding:0 12px;height:40px;border-radius:10px;text-align:left;font-size:14px}.yts__it:hover{background:var(--yt-chip)}.yts__it.is-on{background:var(--yt-chip);font-weight:500}.yts__ico{width:24px;text-align:center;font-size:18px;color:var(--yt-fg)}.yts__av{width:24px;height:24px;border-radius:50%}.yts__note{margin:auto 12px 8px;padding-top:12px;border-top:1px solid var(--yt-line);font-size:12px;color:var(--yt-2);line-height:1.5}.ytm{padding:12px 24px 48px;min-width:0}.ytch{display:flex;align-items:center;gap:20px;padding:12px 0 20px}.ytch__avatar{width:96px;height:96px;border-radius:50%}.ytch__name{margin:0;font-size:28px;font-weight:700;display:flex;align-items:center;gap:6px}.ytch__sub,.ytch__role{margin:4px 0 0;font-size:14px;color:var(--yt-2)}.ytch>a{margin-left:auto}.ytchips{position:sticky;top:56px;z-index:10;display:flex;gap:8px;padding:8px 0 12px;overflow-x:auto;background:var(--yt-bg);scrollbar-width:none}.ytchips::-webkit-scrollbar{display:none}.ytchip{flex:none;height:32px;padding:0 12px;border-radius:8px;background:var(--yt-chip);font-size:14px;font-weight:500;white-space:nowrap}.ytchip:hover{background:var(--yt-hover)}.ytchip.is-on{background:var(--yt-fg);color:var(--yt-bg)}.ytrail{min-width:0;padding-top:10px}.ytrail__head{margin-bottom:18px}.ytrail__eyebrow{margin:0 0 3px;color:var(--yt-2);font-size:var(--t-label);font-weight:600;letter-spacing:.09em;text-transform:uppercase}.ytrail__head h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em}.ytg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:36px 16px;padding:0 2px 24px}.ytc{min-width:0}.ytc__thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#222;padding:0;cursor:pointer}.ytc__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .22s var(--ease-out, cubic-bezier(.23, 1, .32, 1))}.ytc__thumb:focus-visible{outline:2px solid #3ea6ff;outline-offset:2px}.ytc__dur{position:absolute;right:8px;bottom:8px;padding:2px 4px;border-radius:4px;background:#000c;color:#fff;font-size:12px;font-weight:500}.ytc__row{display:flex;gap:10px;margin-top:10px}.ytc__avatar{width:32px;height:32px;border-radius:50%;flex:none}.ytc__text{min-width:0}.ytc__title{margin:0;font-size:14px;font-weight:500;line-height:19px;max-height:38px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ytc__chan,.ytc__meta{margin:2px 0 0;font-size:12px;line-height:17px;color:var(--yt-2);display:flex;align-items:center;gap:4px}.ytc__tick{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--yt-2);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1.5 14.5-4-4 1.4-1.4 2.6 2.6 6.6-6.6 1.4 1.4-8 8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1.5 14.5-4-4 1.4-1.4 2.6 2.6 6.6-6.6 1.4 1.4-8 8z'/%3E%3C/svg%3E") center/contain no-repeat}.ytm__empty{color:var(--yt-2);padding:40px 0}.yt-initial{display:grid;place-items:center;flex:none;background:var(--red-deep, #7F1018);color:#fff;font-family:Schibsted Grotesk,system-ui,sans-serif;font-weight:600;line-height:1;-webkit-user-select:none;user-select:none}.yts__av.yt-initial{font-size:12px}.ytc__avatar.yt-initial{font-size:16px}.ytw__avatar.yt-initial{font-size:18px}.ytch__avatar.yt-initial{font-size:40px}.ytw{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;padding-top:12px}.ytw__player{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}.ytw__player iframe,.ytw__player img{width:100%;height:100%;border:0;object-fit:cover}.ytw__title{margin:12px 0 8px;font-size:20px;font-weight:600;line-height:28px}.ytw__row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ytw__avatar{width:40px;height:40px;border-radius:50%}.ytw__chan{margin:0;font-size:16px;font-weight:500;display:flex;align-items:center;gap:6px}.ytw__sub{margin:0;font-size:12px;color:var(--yt-2)}.ytw__acts{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.ytw__btn{height:36px;padding:0 16px;border-radius:18px;background:var(--yt-chip);font-size:14px;font-weight:500;display:inline-flex;align-items:center;color:var(--yt-fg)}.ytw__btn:hover{background:var(--yt-hover)}.ytw__btn--primary{background:var(--yt-fg);color:var(--yt-bg)}.ytw__btn--primary:hover{background:#d9d9d9}.ytw__desc{margin-top:12px;padding:12px;border-radius:12px;background:var(--yt-chip);font-size:14px;line-height:20px}.ytw__desc p{margin:0}.ytw__desc p+p{margin-top:6px;color:var(--yt-fg)}.ytw__next{display:flex;flex-direction:column;gap:8px}.ytn{display:flex;gap:8px;text-align:left;border-radius:8px;padding:4px}.ytn:hover{background:var(--yt-chip)}.ytn__thumb{position:relative;flex:none;width:168px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#222}.ytn__thumb img{width:100%;height:100%;object-fit:cover}.ytn__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ytn__title{font-size:14px;font-weight:500;line-height:20px;max-height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ytn__chan,.ytn__meta{font-size:12px;color:var(--yt-2)}@media(max-width:1100px){.ytb{grid-template-columns:72px minmax(0,1fr)}.yts{overflow-x:hidden}.ytui .yts__it{justify-content:center;height:48px;padding:0;font-size:0}.yts__ico{font-size:18px}.yts__h,.yts__note{display:none}.ytw{grid-template-columns:minmax(0,1fr) 340px}}@media(max-width:1024px){.ytw{grid-template-columns:1fr}.ytn__thumb{width:160px}}@media(hover:hover)and (pointer:fine){.ytc__thumb:hover img{transform:scale(1.018)}}@media(max-width:768px){.yth{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:0 8px}.yth__brand span,.yth__cta{display:none}.ytb{grid-template-columns:1fr}.yts{position:fixed;left:0;top:56px;bottom:0;width:240px;z-index:30;background:var(--yt-bg);transform:translate3d(-100%,0,0);transition:transform .24s cubic-bezier(.32,.72,0,1)}.ytui.is-menu .yts{transform:none}.yts__backdrop{display:block;position:fixed;top:56px;right:0;bottom:0;left:0;z-index:25;background:#00000094;opacity:0;pointer-events:none;transition:opacity .18s cubic-bezier(.23,1,.32,1)}.ytui.is-menu .yts__backdrop{opacity:1;pointer-events:auto}.ytui .yts__it{flex-direction:row;gap:18px;height:40px;padding:0 12px;font-size:14px;justify-content:flex-start;text-align:left}.yts__ico{font-size:18px}.yts__h,.yts__note{display:block}.ytm{padding:8px 0 40px}.ytchips{padding:8px 12px 12px}.ytrail{padding:10px 12px 0}.ytg{grid-template-columns:1fr;gap:28px;padding:0 0 24px}.ytc__thumb{border-radius:10px}.ytch{padding:12px;flex-wrap:wrap}.ytch__avatar{width:64px;height:64px}.ytch__avatar.yt-initial{font-size:28px}.ytch__name{font-size:20px}.ytch>a{margin-left:0}.ytw{padding:0}.ytw__player{border-radius:0}.ytw__title,.ytw__row,.ytw__desc,.ytw__next{margin-left:12px;margin-right:12px}}@media(prefers-reduced-motion:reduce){.yts{transition-duration:1ms}.ytc__thumb img{transition:none}}@media(max-width:768px){.yth__burger,.yth__brand,.yth__search input,.yth__search button,.ytchip,.ytw__btn{min-height:44px;min-width:44px}.yth__brand{align-items:center}.yth__search button{width:44px}.ytui .yts__it{min-height:44px;flex-shrink:0}.yts{height:calc(100dvh - 56px)}}
