.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__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)}.ytg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px 16px;padding-top:8px}.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}.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:12px;margin-top:12px}.ytc__avatar{width:36px;height:36px;border-radius:50%;flex:none}.ytc__text{min-width:0}.ytc__title{margin:0;font-size:16px;font-weight:500;line-height:22px;max-height:44px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ytc__chan,.ytc__meta{margin:2px 0 0;font-size:14px;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}.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:1280px){.ytb{grid-template-columns:72px minmax(0,1fr)}.yts__it{flex-direction:column;gap:6px;height:auto;padding:12px 0;font-size:10px;justify-content:center;text-align:center}.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(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 .25s ease}.ytui.is-menu .yts{transform:none}.yts__it{flex-direction:row;gap:18px;height:40px;padding:0 12px;font-size:14px;justify-content:flex-start;text-align:left}.yts__h,.yts__note{display:block}.ytm{padding:8px 0 40px}.ytchips{padding:8px 12px 12px}.ytg{grid-template-columns:1fr;gap:24px 0}.ytc__thumb{border-radius:0}.ytc__row{padding:0 12px}.ytch{padding:12px;flex-wrap:wrap}.ytch__avatar{width:64px;height:64px}.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:none}}