.tf-reserve{min-height:calc(100dvh - 66px)}.tf-feed{height:calc(100dvh - 66px);overflow-y:auto;scroll-snap-type:y mandatory;overflow-x:clip;scrollbar-width:none}.tf-feed::-webkit-scrollbar{display:none}.tf-cell{position:relative;height:calc(100dvh - 66px);scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;display:flex;align-items:flex-end;background:#08080b}.tf-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}.tf-stage{position:absolute;top:50%;left:50%;width:max(100%,177.78dvh);aspect-ratio:16 / 9;height:auto;pointer-events:none;transform:translate(-50%,-50%) scale(1.3);opacity:0;transition:opacity .4s ease}.tf-stage.is-playing{opacity:1}.tf-stage iframe,.tf-video{display:block;width:100%;height:100%;border:0}.tf-stage.is-file{top:0;left:0;width:100%;height:100%;aspect-ratio:auto;transform:none}video.tf-video{object-fit:cover}.tf-shade{position:absolute;inset:0;background:linear-gradient(to top,#08080bf2,#08080b59 45%,#08080b26);pointer-events:none}.tf-copy{position:relative;z-index:2;padding:0 var(--page-pad) 40px;max-width:620px}@media(max-width:768px){.tf-copy{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}}.tf-title{font-size:clamp(24px,4.4vw,38px);font-weight:800;margin:0 0 8px;color:var(--text);text-shadow:0 2px 16px rgba(0,0,0,.8)}.tf-meta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 10px;font-size:13px;color:var(--text-dim)}.tf-overview{font-size:14px;line-height:1.55;color:var(--text);opacity:.88;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tf-actions{display:flex;gap:10px;flex-wrap:wrap}.tf-btn{font-size:13px;font-weight:600;padding:9px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:var(--text);text-decoration:none;cursor:pointer;transition:background .15s}.tf-btn:hover{background:#fff3}.tf-btn[disabled]{color:#46d369;border-color:#46d36966;background:#46d36924;cursor:default}.tf-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.tf-btn-primary:hover{filter:brightness(1.1);background:var(--accent)}.tf-sound,.tf-play{position:absolute;z-index:3;border-radius:50%;border:none;background:#41414199;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.tf-sound{top:16px;inset-inline-end:16px;width:42px;height:42px}.tf-play{top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;font-size:22px;padding-left:4px}.tf-shell{position:relative}.tf-refresh{opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;position:absolute;z-index:3;top:16px;left:50%;transform:translate(-50%) translateY(-12px);display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:7px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.28);background:#0009;color:var(--text);cursor:pointer;white-space:nowrap;z-index:6;transition:background .15s}.tf-refresh.is-visible,.tf-refresh:focus-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.tf-refresh:disabled{cursor:default}.tf-refresh:hover{background:#000c}.tf-refresh[disabled]{opacity:.6;cursor:default}.tf-spinner{position:absolute;z-index:3;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid rgba(255,255,255,.22);border-top-color:#ffffffd9;animation:tf-spin .9s linear infinite}@keyframes tf-spin{to{transform:rotate(360deg)}}.tf-end{flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-dim);font-size:15px}.tf-msg{padding:60px var(--page-pad);color:var(--text-dim);font-size:14px;display:grid;gap:14px;justify-items:start}@media(max-aspect-ratio:1 / 1){.tf-cell{--tf-band: 56.25vw}.tf-cell:not(.tf-end){flex-direction:column;align-items:stretch;justify-content:flex-start}.tf-cell:not(.tf-end):before{content:"";position:absolute;inset:-8%;background-image:var(--tf-art, none);background-size:cover;background-position:center;filter:blur(40px) saturate(1.5) brightness(.55);transform:scale(1.06)}.tf-bg,.tf-stage,.tf-stage.is-file{inset:0 auto auto 0;width:100%;height:var(--tf-band);aspect-ratio:auto;transform:none;background:#000}.tf-bg{object-fit:cover}.tf-stage.is-file video.tf-video{object-fit:contain}.tf-shade{top:var(--tf-band);height:64px;bottom:auto;background:linear-gradient(to bottom,#08080bd9,#08080b00)}.tf-copy{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:620px;margin:var(--tf-band) auto 0;padding:20px var(--page-pad) 28px}.tf-title{font-size:clamp(22px,6.2vw,32px);margin-bottom:10px}.tf-meta{gap:8px;margin-bottom:14px}.tf-meta span{padding:4px 11px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);color:var(--text);opacity:.9}.tf-overview{font-size:15px;line-height:1.6;-webkit-line-clamp:6;margin-bottom:20px}.tf-actions{margin-top:auto;gap:12px;flex-wrap:nowrap}.tf-btn{flex:1;min-height:46px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;padding:12px 14px;border-radius:24px}.tf-spinner,.tf-play{top:calc(var(--tf-band) / 2)}}@media(max-aspect-ratio:1 / 1)and (max-width:768px){.tf-copy{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}}html[data-tv] .tf-refresh{display:none!important}html[data-tv] .tf-btn:focus{background:#fff;border-color:#fff;color:#0a0a0d;outline:none}html[data-tv] .tf-btn-primary:focus{background:#fff;color:#0a0a0d}html[data-tv] .tf-sound:focus{outline:3px solid #fff;outline-offset:2px}@media(max-aspect-ratio:1 / 1)and (max-height:720px){.tf-overview{-webkit-line-clamp:3;font-size:14px;margin-bottom:16px}.tf-title{margin-bottom:8px}.tf-meta{margin-bottom:12px}.tf-copy{padding-top:16px}}