.gate{position:relative;display:inline-flex}.gate__button{touch-action:none;-webkit-touch-callout:none}.gate__button--holding{box-shadow:0 0 0 4px #ffffffe6,0 0 0 4px #0f0f0f inset;animation:gate-fill 1.5s linear forwards}@keyframes gate-fill{0%{box-shadow:0 0 #0f0f0f26}to{box-shadow:0 0 0 14px #0f0f0f59}}.gate__hint{position:absolute;z-index:20;top:100%;right:0;margin-top:8px;padding:6px 10px;border-radius:8px;background:#0f0f0f;color:#fff;font:600 14px/1.2 system-ui,sans-serif;white-space:nowrap}.sheet{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px;background:#00000080;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0f0f0f}.sheet__panel{width:min(100%,520px);max-height:100%;overflow:auto;padding:clamp(20px,3vw,32px);border-radius:20px;background:#fff}.sheet__title{margin:0 0 16px;font-size:26px}.sheet__label{margin:0 0 10px;font-weight:600}.sheet__label--gap{margin-top:20px}.choices{display:grid;gap:10px}.choices--row{grid-template-columns:1fr 1fr}.choice{appearance:none;display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:2px solid #e5e5e5;border-radius:14px;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.choice--on{border-color:#0f0f0f;background:#f2f2f2}.choice__title{font-size:18px;font-weight:700}.choice__detail{color:#606060}.choice:focus-visible,.sheet__close:focus-visible{outline:4px solid #0f0f0f;outline-offset:3px}.sheet__note{margin:12px 0 0;color:#606060;font-size:14px}.sheet__note--warn{color:#b3261e}.sheet__footer{display:flex;align-items:center;gap:12px;margin-top:24px}.sheet__link{flex:1;color:#606060;font-size:15px}.sheet__close{appearance:none;margin-left:auto;border:0;border-radius:999px;padding:12px 24px;background:#0f0f0f;color:#fff;font:inherit;font-weight:600;cursor:pointer}.picker{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;background:#f5f1ea;color:#0f0f0f;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-align:center}.picker__title{margin:0;font-size:clamp(32px,6vw,56px)}.picker__lead{margin:0 0 16px;font-size:clamp(18px,2.4vw,24px)}.picker__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,320px));justify-content:center;gap:20px;width:100%}.picker__option{appearance:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 16px 20px;border:3px solid transparent;border-radius:20px;background:#fff;box-shadow:0 4px 16px #00000014;font:inherit;color:inherit;cursor:pointer}.picker__option:hover,.picker__option:focus-visible{border-color:#0f0f0f;outline:none}.picker__preview{display:grid;gap:8px;width:100%;aspect-ratio:16 / 10;margin-bottom:8px;padding:12px;border-radius:12px}.picker__preview i{display:block;border-radius:10px}.picker__preview--classic{grid-template-columns:1fr 1fr;background:#fbe3c8}.picker__preview--classic i:nth-child(1){background:#ff8a3d}.picker__preview--classic i:nth-child(2){background:#3dbbff}.picker__preview--classic i:nth-child(3){background:#7bd35a}.picker__preview--classic i:nth-child(4){background:#c77dff}.picker__preview--youtube{grid-template-columns:1fr 1fr;grid-template-rows:10px 1fr 1fr;background:#0f0f0f}.picker__preview--youtube b{grid-column:1 / -1;width:28px;border-radius:3px;background:#f03}.picker__preview--youtube i{border-radius:6px;background:#3f3f3f}.picker__name{font-size:22px;font-weight:700}.picker__detail{color:#606060}.picker__note{max-width:520px;margin:20px 0 0;color:#606060;font-size:14px}body[data-mode=youtube],body[data-mode=youtube][data-screen=play]{background:#0f0f0f;color:#f1f1f1;font-weight:400}.yt{--yt-bg: #0f0f0f;--yt-text: #f1f1f1;--yt-soft: #aaa;--yt-chip: rgb(255 255 255 / .1);--yt-chip-hover: rgb(255 255 255 / .2);--yt-line: rgb(255 255 255 / .2);--yt-red: #ff0033;--yt-rail: 72px;--yt-mast: 56px;min-height:100vh;background:var(--yt-bg);color:var(--yt-text);font:400 14px/1.4 Roboto,Arial,system-ui,sans-serif}.yt button{font:inherit;color:inherit}.yt svg{display:block}@media(min-width:1800px){.yt{zoom:1.4}}.yt-masthead{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px;height:var(--yt-mast);padding:env(safe-area-inset-top) 16px 0;box-sizing:content-box;background:var(--yt-bg)}.yt-iconbtn{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%}.yt-iconbtn svg{width:24px}.yt-masthead__logo{appearance:none;border:0;background:none;padding:8px;border-radius:8px;cursor:pointer}.yt-logo{display:flex;align-items:center;gap:2px}.yt-logo__mark{width:30px;height:auto}.yt-logo__word{font:700 21px/1 Roboto Condensed,Arial Narrow,Roboto,sans-serif;letter-spacing:-.06em;transform:scaleX(.92);transform-origin:left}.yt-logo__region{align-self:flex-start;margin-left:-2px;color:var(--yt-soft);font-size:10px}.yt-search{display:flex;flex:0 1 640px;margin:0 auto;height:40px}.yt-search__box{flex:1;display:flex;align-items:center;padding:0 16px;border:1px solid #303030;border-right:0;border-radius:40px 0 0 40px;background:#121212;color:#888;font-size:16px}.yt-search__button{display:grid;place-items:center;width:64px;border:1px solid #303030;border-radius:0 40px 40px 0;background:#222}.yt-search__button svg{width:22px}.yt-masthead__end{display:flex;align-items:center;gap:8px;margin-left:auto}.yt-masthead__narrow{display:none}.yt-create{display:flex;align-items:center;gap:6px;height:36px;padding:0 16px 0 10px;border-radius:18px;background:var(--yt-chip);font-weight:500}.yt-create svg{width:24px}.yt-me{appearance:none;display:grid;place-items:center;width:32px;height:32px;margin:0 4px;padding:0;border:0;border-radius:50%;background:#7e57c2;font-weight:500!important;font-size:16px!important;cursor:pointer}@media(max-width:760px){.yt-masthead__menu,.yt-search,.yt-create{display:none}.yt-masthead__narrow{display:grid}.yt-masthead{padding-left:8px;padding-right:12px}}.yt-guide{position:fixed;z-index:9;display:flex;background:var(--yt-bg)}.yt-guide__item{appearance:none;display:flex;flex-direction:column;align-items:center;gap:6px;border:0;border-radius:10px;background:none;font-size:10px!important;cursor:pointer}.yt-guide__item svg{width:24px}.yt-guide__item--on svg path{fill:currentColor;stroke:var(--yt-bg);stroke-width:1}.yt-guide__item:hover{background:var(--yt-chip)}@media(min-width:761px){.yt-guide{top:calc(var(--yt-mast) + env(safe-area-inset-top));bottom:0;left:0;width:var(--yt-rail);flex-direction:column;padding:4px}.yt-guide__item{padding:16px 0 14px}.yt-main{padding-left:var(--yt-rail)}}@media(max-width:760px){.yt-guide{left:0;right:0;bottom:0;justify-content:space-around;height:56px;padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box;border-top:1px solid var(--yt-line)}.yt-guide__item{flex:1;justify-content:center;gap:2px}.yt-main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}.yt--watch .yt-guide{display:none}.yt--watch .yt-main{padding-left:0;padding-bottom:0}.yt-chips{position:sticky;top:calc(var(--yt-mast) + env(safe-area-inset-top));z-index:5;display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:12px 24px;background:var(--yt-bg)}.yt-chips::-webkit-scrollbar{display:none}.yt-chip{appearance:none;flex:none;height:32px;padding:0 12px;border:0;border-radius:8px;background:var(--yt-chip);font-weight:500!important;cursor:pointer}.yt-chip:hover{background:var(--yt-chip-hover)}.yt-chip--on,.yt-chip--on:hover{background:var(--yt-text);color:var(--yt-bg)!important}.yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:40px 16px;padding:12px 24px 40px}.yt-heading{margin:8px 24px 4px;font-size:20px}.yt-empty{padding:48px 24px;color:var(--yt-soft);font-size:16px;text-align:center}.yt-card{appearance:none;display:flex;flex-direction:column;gap:12px;min-width:0;padding:0;border:0;background:none;text-align:left;cursor:pointer}.yt-card__thumb{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;overflow:hidden;border-radius:12px;background:#272727}.yt-card__img{width:100%;height:100%;object-fit:cover;display:block}.yt-card__img--letterboxed{height:133.34%}.yt-card__glyph{width:30%;color:#fff}.yt-card__duration{position:absolute;right:6px;bottom:6px;padding:1px 4px;border-radius:4px;background:#000c;color:#fff;font-size:12px;font-weight:500;line-height:18px}.yt-card__meta{display:flex;gap:12px;align-items:flex-start;min-width:0}.yt-card__text{display:flex;flex-direction:column;flex:1;min-width:0}.yt-card__title{margin-bottom:4px;font-size:16px;font-weight:500;line-height:22px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-card__channel,.yt-card__stats{color:var(--yt-soft);font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-card__channel{display:flex;align-items:center;gap:4px}.yt-check{flex:none;width:14px;color:var(--yt-soft)}.yt-card__more{flex:none;width:24px;margin-right:-6px;opacity:0}.yt-card:hover .yt-card__more{opacity:1}.yt-card--playlist .yt-card__thumb{overflow:visible;margin-top:8px}.yt-card--playlist .yt-card__thumb:before{content:"";position:absolute;inset:-8px 12px auto;height:12px;border-radius:8px 8px 0 0;background:#3f3f3f;z-index:0}.yt-card--playlist .yt-card__img{position:relative;border-radius:12px}.yt-card--playlist .yt-card__img--letterboxed{height:100%}.yt-avatar{flex:none;display:block;border-radius:50%;overflow:hidden;background:#3f3f3f}.yt-avatar img{width:100%;height:100%;object-fit:cover;display:block}.yt-avatar--small{width:24px;height:24px}.yt-avatar--medium{width:36px;height:36px}.yt-avatar--large{width:clamp(72px,12vw,160px);height:clamp(72px,12vw,160px)}@media(max-width:600px){.yt-grid{padding-left:0;padding-right:0;gap:24px}.yt-grid .yt-card__thumb{border-radius:0}.yt-grid .yt-card__meta{padding:0 12px}.yt-chips{padding:8px 12px}}.yt-banner{margin:0 24px;aspect-ratio:6.2 / 1;overflow:hidden;border-radius:16px;background:#272727}.yt-banner img{width:100%;height:100%;object-fit:cover;filter:saturate(1.2)}.yt-channel{display:flex;align-items:center;gap:24px;padding:24px}.yt-channel__title{margin:0;font-size:clamp(24px,4vw,36px);font-weight:700}.yt-channel__meta{margin:6px 0 12px;color:var(--yt-soft)}.yt-tabs{display:flex;gap:24px;margin:0 24px;border-bottom:1px solid var(--yt-line)}.yt-tabs__tab{padding:12px 0;color:var(--yt-soft);font-size:16px;font-weight:500}.yt-tabs__tab--on{color:var(--yt-text);box-shadow:inset 0 -2px var(--yt-text)}.yt-subs-row{display:flex;gap:24px;overflow-x:auto;scrollbar-width:none;padding:16px 24px}.yt-subs-row__item{appearance:none;display:flex;flex-direction:column;align-items:center;gap:8px;flex:none;width:104px;padding:0;border:0;background:none;font-size:12px!important;text-align:center;cursor:pointer}.yt-subs-row__item .yt-avatar--large{width:88px;height:88px}.yt-watch{display:grid;grid-template-columns:minmax(0,1fr) 402px;gap:24px;max-width:1754px;margin:0 auto;padding:24px}.yt-watch__player{overflow:hidden;border-radius:12px;background:#000}.yt-watch__title{margin:12px 0 0;font-size:20px;font-weight:700;line-height:28px}.yt-watch__owner{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:12px}.yt-watch__channel{appearance:none;display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;text-align:left;cursor:pointer}.yt-watch__channel .yt-avatar--medium{width:40px;height:40px}.yt-watch__channel-text{display:flex;flex-direction:column}.yt-watch__channel-name{font-size:16px;font-weight:500}.yt-watch__channel-subs{color:var(--yt-soft);font-size:12px}.yt-subscribe{appearance:none;display:inline-flex;align-items:center;height:36px;padding:0 16px;border:0;border-radius:18px;background:var(--yt-text);color:var(--yt-bg)!important;font-weight:500!important;cursor:pointer}.yt-subscribe--done{background:var(--yt-chip);color:var(--yt-text)!important}.yt-watch__actions{display:flex;gap:8px;margin-left:auto}.yt-pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:18px;background:var(--yt-chip);font-weight:500}.yt-pill svg{width:24px}.yt-pill--round{width:36px;padding:0;justify-content:center}.yt-pill--split{padding:0;overflow:hidden}.yt-pill__half{appearance:none;display:grid;place-items:center;height:100%;padding:0 14px;border:0;background:none;cursor:pointer}.yt-pill__half+.yt-pill__half{box-shadow:inset 1px 0 var(--yt-line)}.yt-pill__half--on svg path{fill:currentColor}.yt-watch__description{margin-top:12px;padding:12px;border-radius:12px;background:var(--yt-chip)}.yt-watch__description p{margin:4px 0 0}.yt-watch__comments{margin:32px 0;text-align:center;font-size:16px}.yt-watch__secondary .yt-chips{position:static;padding:0 0 12px}.yt-related{display:flex;flex-direction:column;gap:8px}.yt-card--compact{display:grid;grid-template-columns:168px minmax(0,1fr);gap:8px}.yt-card--compact .yt-card__thumb{border-radius:8px}.yt-card--compact .yt-avatar{display:none}.yt-card--compact .yt-card__title{font-size:14px;line-height:20px}.yt-card--compact .yt-card__channel,.yt-card--compact .yt-card__stats{font-size:12px;line-height:18px}@media(max-width:1000px){.yt-watch{grid-template-columns:minmax(0,1fr);padding:0 0 24px;gap:0}.yt-watch__player{position:sticky;top:0;z-index:8;border-radius:0}.yt--watch .yt-masthead{display:none}.yt-watch__primary>:not(.yt-watch__player){margin-left:12px;margin-right:12px}.yt-watch__comments{margin:16px 12px;font-size:14px}.yt-watch__actions{margin-left:0;overflow-x:auto}.yt-watch__secondary{padding:0 12px}.yt-card--compact{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:16px}.yt-card--compact .yt-card__thumb{border-radius:12px}.yt-card--compact .yt-avatar{display:block}.yt-card--compact .yt-card__title{font-size:16px;line-height:22px}}.yt .stage--embedded{position:relative;inset:auto;width:100%;aspect-ratio:16 / 9}.yt .stage--embedded:fullscreen{aspect-ratio:auto;width:100vw;height:100vh}.yt .stage__bar{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;height:48px;padding:0 12px 6px;background:linear-gradient(transparent,#0000008c);color:#fff;pointer-events:none}.yt .stage__time{font:500 13px/1 Roboto,Arial,sans-serif;text-shadow:0 0 2px rgb(0 0 0 / .6)}.yt .stage__fullscreen{appearance:none;margin-left:auto;width:36px;height:36px;padding:6px;border:0;background:none;color:#fff;pointer-events:auto;cursor:pointer}.yt .stage__progress{position:absolute;left:12px;right:12px;bottom:4px;height:3px;background:#ffffff4d}.yt .stage__progress>span{display:block;height:100%;background:var(--yt-red);transition:width .5s linear}.yt [data-tile]:focus-visible{outline:3px solid #fff;outline-offset:2px}.yt .yt-card:focus-visible{outline:none}.yt .yt-card:focus-visible .yt-card__thumb{outline:4px solid #fff;outline-offset:3px}.yt .stage__surface:focus-visible{outline:none}:root{--hue: 32;--paper: #fdf3e3;--ink: #2c2320;--ink-soft: #7b6a60;--radius: 28px;--tap: .12s ease-out;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700;overscroll-behavior:none;-webkit-user-select:none;user-select:none}body[data-screen=play]{background:#000}body[data-screen=home] .screen{justify-content:center}.screen{min-height:100%;padding:clamp(16px,3vw,40px);padding-top:max(clamp(16px,3vw,40px),env(safe-area-inset-top));display:flex;flex-direction:column;gap:clamp(16px,2.5vw,32px)}.screen__header{display:flex;align-items:center;gap:16px}.screen__title{margin:0;font-size:clamp(24px,4.5vw,52px);letter-spacing:-.02em}.grid{display:grid;gap:clamp(14px,2vw,28px);align-content:start}.grid--categories{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.grid--videos{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}@media(min-width:1600px){.grid--categories{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.grid--videos{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}.app-link{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);color:var(--ink-soft);font-size:14px;font-weight:600;text-underline-offset:3px;opacity:.75;white-space:nowrap}.empty{margin:auto;padding:40px;color:var(--ink-soft);font-size:clamp(18px,3vw,28px);text-align:center}.tile{appearance:none;border:0;padding:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:10px;border-radius:var(--radius);transition:transform var(--tap)}.tile__art{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius);background:linear-gradient(150deg,hsl(var(--hue) 92% 72%),hsl(calc(var(--hue) + 28) 88% 60%));box-shadow:0 10px 0 -2px hsl(var(--hue) 55% 62% / .5),0 18px 30px -18px #000}.tile__still{width:100%;height:100%;object-fit:cover;display:block}.tile__still--letterboxed{height:133.34%}.tile__glyph{display:grid;place-items:center;width:46%;color:#fff;filter:drop-shadow(0 6px 10px rgb(0 0 0 / .25))}.tile__icon{width:100%;height:auto;display:block}.tile__label{display:flex;flex-direction:column;gap:2px;padding:0 6px}.tile__title{font-size:clamp(17px,1.9vw,26px);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile__subtitle{font-size:clamp(13px,1.2vw,18px);font-weight:600;color:var(--ink-soft)}.tile:hover{transform:translateY(-4px)}.tile:active{transform:translateY(2px) scale(.98)}.tile:focus-visible{outline:none}.tile:focus-visible .tile__art{outline:6px solid var(--ink);outline-offset:5px}.back{flex:none;width:clamp(56px,7vw,88px);aspect-ratio:1;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:clamp(26px,3.5vw,42px);line-height:1;cursor:pointer;box-shadow:0 6px 0 -1px #00000026;transition:transform var(--tap)}.back:active{transform:translateY(3px);box-shadow:0 3px 0 -1px #00000026}.back:focus-visible{outline:5px solid var(--ink);outline-offset:4px}.back--onStage{position:fixed;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));z-index:3;background:#ffffffeb}.stage{position:fixed;inset:0;background:#000;display:grid;place-items:center}.stage__mount,.stage iframe{width:100%;height:100%;border:0;display:block;object-fit:contain}.stage__surface{position:absolute;inset:0;z-index:2;border:0;padding:0;background:transparent;cursor:pointer}.stage__surface:focus-visible{outline:none}.stage__hint{position:absolute;z-index:3;display:grid;place-items:center;width:clamp(96px,18vw,180px);aspect-ratio:1;border-radius:50%;background:#0000008c;color:#fff;font-size:clamp(38px,7vw,72px);pointer-events:none;animation:hint-fade .7s ease-out forwards}.stage__error{z-index:3;color:#fff;font-size:clamp(20px,3vw,34px);text-align:center;padding:24px}.karaoke-glow{--level: 0;position:absolute;z-index:2;left:50%;bottom:0;width:120vmax;aspect-ratio:2;pointer-events:none;border-radius:50% 50% 0 0/100% 100% 0 0;background:radial-gradient(ellipse at 50% 100%,hsl(330 100% 70% / .85),hsl(45 100% 65% / .45) 35%,transparent 70%);transform-origin:50% 100%;transform:translate(-50%) scaleY(calc(.08 + var(--level) * .5));opacity:calc(.2 + var(--level) * .8);mix-blend-mode:screen}@keyframes hint-fade{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.screen__header .gate{margin-left:auto}.parent-gear{appearance:none;display:grid;place-items:center;width:48px;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:none;color:var(--ink-soft);opacity:.6;cursor:pointer}.parent-gear svg{width:60%}.parent-gear:focus-visible{outline:4px solid var(--ink);opacity:1}