.fv-frame{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.fv-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;max-width:48rem;margin:0 auto;padding:max(.6rem,env(safe-area-inset-top,0px)) 1rem .6rem}.fv-header__brand{display:inline-flex;align-items:center;border-radius:.75rem}.fv-header__brand:focus-visible{outline:3px solid var(--coc-focus);outline-offset:3px}.fv-main{flex:1 0 auto;width:100%;max-width:48rem;margin:0 auto;padding:0 1rem 1.5rem}.fv-loading{display:grid;place-items:center;min-height:50vh}.fv-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .75rem}.fv-title{font-family:var(--font-display);font-synthesis:style;font-size:1.5rem;line-height:1.15}.fv-sub{font-size:.85rem;font-weight:600;color:var(--color-fg-muted)}@media (max-width:519px){.fv-sub{display:none}}.fv-filters{display:flex;align-items:center;gap:.6rem;margin-top:.6rem;padding:.15rem .1rem .4rem;overflow-x:auto;scrollbar-width:none}.fv-filters::-webkit-scrollbar{display:none}.fv-seg{flex:none;gap:3px;padding:3px;background:var(--color-surface-2);box-shadow:inset 0 0 0 2px var(--coc-outline-soft)}.fv-seg,.fv-seg__btn{display:inline-flex;border-radius:999px}.fv-seg__btn{align-items:center;gap:.3rem;min-height:2.5rem;padding:0 .85rem;font-size:.85rem;font-weight:800;white-space:nowrap;color:var(--color-fg-muted)}.fv-seg__btn:hover{color:var(--color-fg)}.fv-seg__btn[aria-pressed=true]{color:#fff;text-shadow:var(--coc-stroke-sm);background-color:var(--coc-gold);background-image:var(--coc-gloss);background-blend-mode:overlay;box-shadow:inset 0 2px 0 rgb(255 255 255/.5),0 0 0 2px var(--coc-outline)}.fv-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin-top:.75rem;padding:.3rem;border-radius:1.1rem;background:var(--color-surface-2);box-shadow:inset 0 0 0 2px var(--coc-outline-soft),0 2px 0 var(--coc-outline-soft)}.fv-tab{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:0;padding:.55rem .4rem;border-radius:.8rem;font-family:var(--font-display);font-synthesis:style;font-size:1rem;line-height:1.1;color:var(--color-fg-muted)}.fv-tab:hover{color:var(--color-fg)}.fv-tab[aria-selected=true]{color:#fff;text-shadow:var(--coc-stroke-sm);background-color:var(--coc-gold);background-image:var(--coc-gloss);background-blend-mode:overlay;box-shadow:inset 0 2px 0 rgb(255 255 255/.55),0 0 0 2px var(--coc-outline),0 3px 0 2px var(--coc-outline)}.fv-chips{flex:none;display:flex;gap:.4rem;padding-inline-start:.6rem;border-inline-start:2px solid var(--coc-outline-soft)}.fv-chip{flex:none;min-width:2.75rem;min-height:2.25rem;padding:0 .8rem;border-radius:999px;border:2px solid var(--coc-outline-soft);background:var(--color-surface);font-size:.85rem;font-weight:800}.fv-chip[aria-pressed=true]{border-color:var(--coc-outline);color:#fff;text-shadow:var(--coc-stroke-sm);background-color:var(--coc-blue);background-image:var(--coc-gloss);background-blend-mode:overlay}.fv-back,.fv-chip,.fv-seg__btn,.fv-tab{cursor:pointer}.fv-back:focus-visible,.fv-card:focus-visible,.fv-chip:focus-visible,.fv-footer a:focus-visible,.fv-seg__btn:focus-visible,.fv-tab:focus-visible{outline:3px solid var(--coc-focus);outline-offset:2px}.fv-panel{margin-top:.2rem}.fv-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1rem;text-align:center;color:var(--color-fg-muted)}.fv-state p{font-weight:700}.fv-state__icon{font-size:2.25rem;line-height:1}.fv-player{position:relative;min-width:200px;min-height:200px;background:#000}.fv-player--fill{width:100%;height:100%}.fv-player__host{position:absolute;inset:0}.fv-player__host>div,.fv-player__host>iframe{display:block;width:100%;height:100%;border:0}.fv-player__failed{align-items:center;justify-content:center;gap:.75rem;padding:1rem;text-align:center;font-weight:700}.fv-ph,.fv-player__failed{position:absolute;inset:0;display:flex;flex-direction:column;color:#fff}.fv-ph{overflow:hidden;background:radial-gradient(120% 70% at 50% 0,rgb(251 191 36/.22),transparent 60%),linear-gradient(170deg,#1c2748,#141d38 50%,#0b1226)}.fv-ph--pending{background:#0b1226}.fv-ph__play{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem;color:#fff;cursor:pointer}.fv-ph__play:focus-visible{outline:3px solid var(--coc-focus);outline-offset:-6px}.fv-ph__icon{display:grid;place-items:center;width:4.25rem;height:4.25rem;border-radius:999px;color:#3a2208;border:3px solid var(--coc-ink);background-color:var(--coc-gold);background-image:var(--coc-gloss);background-blend-mode:overlay;box-shadow:inset 0 2px 0 rgb(255 255 255/.55),0 4px 0 var(--coc-ink),0 0 26px 4px rgb(251 191 36/.35);transition:transform .12s ease-out}.fv-ph__icon svg{margin-left:4px}.fv-ph__play:hover .fv-ph__icon{transform:scale(1.05)}.fv-ph__play:active .fv-ph__icon{transform:scale(.96)}.fv-ph__cta{font-family:var(--font-display);font-synthesis:style;font-size:1.25rem;line-height:1.15;text-align:center;text-shadow:var(--coc-stroke-sm)}.fv-ph__notice{flex:none;padding:0 .85rem .85rem;font-size:.75rem;line-height:1.45;text-align:center;color:rgb(255 255 255/.9)}.fv-ph__link{font-weight:800;color:#fde68a;text-decoration:underline;text-underline-offset:2px}.fv-ph__link:focus-visible{outline:2px solid #fde68a;outline-offset:2px;border-radius:2px}@container (max-height: 330px){.fv-ph__play{gap:.35rem;padding:.5rem}.fv-ph__icon{width:3.25rem;height:3.25rem}.fv-ph__icon svg{width:22px;height:22px}.fv-ph__cta{font-size:1.05rem}.fv-ph__notice{padding:0 .6rem .6rem;font-size:.7rem;line-height:1.35}}.fv-feed{display:flex;flex-direction:column;height:max(22rem,calc(100vh - var(--fv-top, 13rem) - .75rem));height:max(22rem,calc(100svh - var(--fv-top, 13rem) - .75rem))}.fv-feed__scroller{position:relative;flex:1 1 0;min-height:0;overflow-y:auto;scroll-snap-type:y mandatory;overflow-anchor:none;scrollbar-width:none}.fv-feed__scroller::-webkit-scrollbar{display:none}.fv-slide{box-sizing:border-box;display:flex;flex-direction:column;gap:.6rem;height:100%;padding:.25rem 0 .5rem;scroll-snap-align:start;scroll-snap-stop:always}.fv-slide__stage{flex:1 1 0;display:flex;align-items:center;justify-content:center}.fv-clipbox,.fv-slide__stage{min-height:200px;container-type:size}.fv-clipbox{position:relative;aspect-ratio:9/16;height:100%;height:100cqh;max-width:100%;max-width:100cqw;min-width:200px}.fv-slide__info{flex:0 1 auto;min-height:0;max-height:40%;overflow-y:auto}.fv-feed__nav,.fv-slide__info{width:100%;max-width:30rem;margin-inline:auto}.fv-feed__nav{flex:none;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.6rem}.fv-feed__count{font-size:.85rem;font-weight:800;text-align:center;color:var(--color-fg-muted);font-variant-numeric:tabular-nums}.fv-widebox{position:relative;container-type:size;width:100%;aspect-ratio:16/9;min-width:200px;min-height:200px;max-height:80vh;max-height:80svh}.fv-info{display:flex;flex-direction:column;gap:.45rem}.fv-info__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.fv-info__dislike{display:inline-flex}.fv-tags{flex-wrap:wrap;gap:.35rem}.fv-tag,.fv-tags{display:inline-flex;align-items:center}.fv-tag{gap:.3rem;height:1.75rem;padding:0 .65rem;border-radius:999px;border:2px solid var(--coc-outline-soft);background:var(--color-surface);font-size:.78rem;font-weight:800;white-space:nowrap}.fv-tag--level{border-color:var(--coc-outline);color:#fff;text-shadow:var(--coc-stroke-sm);background-color:var(--coc-gold);background-image:var(--coc-gloss);background-blend-mode:overlay;font-family:var(--font-display);font-synthesis:style;letter-spacing:.03em}.fv-info__note{padding:.55rem .75rem;border-radius:.9rem;border:2px solid var(--coc-outline-soft);background:var(--coc-parchment);color:var(--coc-parchment-text);font-size:.95rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.fv-info__label{display:block;margin-bottom:.1rem;font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;opacity:.75}.fv-info__from{font-size:.78rem;font-weight:600;color:var(--color-fg-muted)}.fv-channel{font-weight:800;color:var(--color-fg)}.fv-sound{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.45rem .65rem;border-radius:.8rem;background:var(--color-surface-2)}.fv-sound,.fv-warn{font-size:.85rem;font-weight:700}.fv-warn{color:var(--color-error)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .fv-warn{color:#fca5a5}}[data-theme=dark] .fv-warn,[data-theme=high-contrast] .fv-warn{color:#fca5a5}.fv-intro{margin:.35rem 0 .75rem;font-size:.9rem;font-weight:700;color:var(--color-fg-muted)}.fv-list{display:grid;gap:.75rem}@media (min-width:640px){.fv-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.fv-card{display:flex;align-items:center;gap:.75rem;width:100%;height:100%;padding:.75rem;text-align:start;cursor:pointer;transition:transform .1s ease-out}.fv-card:active{transform:translateY(2px)}.fv-card__art{flex:none;display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:1rem;border:2.5px solid var(--coc-outline);color:#fff;background-color:var(--coc-purple);background-image:var(--coc-gloss);background-blend-mode:overlay}.fv-card__art svg{filter:drop-shadow(0 1px 0 var(--coc-ink))}.fv-card__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.fv-card__note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:800;line-height:1.35;overflow-wrap:anywhere}.fv-card__from{font-size:.75rem;font-weight:600;color:var(--color-fg-muted)}.fv-card__go{flex:none;display:inline-flex;align-items:center;gap:.15rem;font-size:.8rem;font-weight:800;color:var(--color-brand)}.fv-shadow{display:flex;flex-direction:column;gap:.75rem;scroll-margin-top:.5rem}.fv-back{align-self:flex-start;display:inline-flex;align-items:center;gap:.35rem;min-height:2.5rem;border-radius:.6rem;font-size:.85rem;font-weight:800;color:var(--color-fg-muted)}.fv-back:hover{color:var(--color-fg)}.fv-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.fv-controls__icon{flex:none;color:var(--color-fg-muted)}.fv-ctl--on{--btn:var(--coc-blue);--btn-text:#fff;--btn-stroke:var(--coc-stroke)}.fv-loop-status{font-size:.85rem;font-weight:800;color:var(--color-fg-muted);font-variant-numeric:tabular-nums}.fv-tip{padding:.6rem .8rem;border-radius:.9rem;background:var(--color-brand-soft);font-size:.9rem;font-weight:700}.fv-footer{display:flex;flex-direction:column;gap:.55rem;width:100%;max-width:48rem;margin:0 auto;padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom, 0px));border-top:2px solid var(--color-border);font-size:.8rem;color:var(--color-fg-muted)}.fv-footer__note{font-weight:800;color:var(--color-fg)}.fv-footer__links{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem}.fv-footer a{font-weight:700;color:var(--color-fg);text-decoration:underline;text-underline-offset:2px}.fv-footer__consent{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}@media (pointer:coarse){.fv-back,.fv-chip,.fv-seg__btn{min-height:48px}}.fv-frame[dir=rtl] .coc-btn,[dir=rtl] .fv-info__label,[dir=rtl] .fv-ph__cta,[dir=rtl] .fv-tab,[dir=rtl] .fv-title{letter-spacing:0}@media (prefers-reduced-motion:reduce){.fv-card,.fv-ph__icon{transition:none}}