.shot-root{--grab-duration:.46s;--grab-ease:cubic-bezier(.2, .7, .2, 1);--cover-radius:8px;width:100%}.shot-stage-clip{position:relative;overflow:hidden}.shot-stage-canvas{transform-origin:0 0;position:absolute;top:0;left:0}.shot-root .showcase{border:1px solid var(--separator);background:var(--muted-soft);border-radius:24px;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.shot-root .cover{--lp-cover-l1:.92;--lp-cover-l2:.87;--lp-cover-c:.055;aspect-ratio:16/9;border-radius:var(--cover-radius);border:1px solid var(--border);background-image:linear-gradient(var(--cover-angle,150deg), oklch(var(--lp-cover-l1) var(--lp-cover-c) var(--cover-hue,0)), oklch(var(--lp-cover-l2) var(--lp-cover-c) var(--cover-hue,0)));flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.dark .shot-root .cover{--lp-cover-l1:.4;--lp-cover-l2:.35;border-color:var(--separator)}.shot-root .cover .mono{color:var(--foreground);font-weight:700;line-height:1}.shot-root .cover .dur{color:#fff;font-variant-numeric:tabular-nums;background:#000c;border-radius:4px;padding:2px 4px;font-size:12px;font-weight:500;line-height:1;position:absolute;bottom:4px;right:4px}.shot-root .avatar{border:1px solid var(--border);background:var(--muted);color:var(--foreground);border-radius:999px;flex:none;place-items:center;font-weight:800;display:grid}.dark .shot-root .avatar{border-color:var(--separator)}.shot-root .icon{flex:none;display:block}.shot-root .like-burst__ring{color:oklch(71.8% .202 349.761)}.shot-root .svc-badge{z-index:1;border:2px solid var(--accent);color:#fff;border-radius:999px;place-items:center;width:22px;height:22px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:800;line-height:1;display:grid;position:absolute;top:-9px;left:-9px}.shot-root .svc-badge[data-platform=YouTube]{background:red}.shot-root .svc-badge[data-platform=niconico]{background:#252525}.dark .shot-root .svc-badge[data-platform=niconico]{color:#252525;background:#fff}.shot-root .cursor{z-index:3;opacity:0;transition:transform .7s cubic-bezier(.45,.05,.2,1),opacity .26s ease-out;position:absolute;top:0;left:0}.shot-root .cursor[data-pressed=true]{transition:transform var(--grab-duration) var(--grab-ease), opacity .26s ease-out}.shot-root .cursor>span{border-radius:999px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.shot-root .cursor-aura{filter:blur(5px);background:oklch(68.5% .169 237.323/.2);width:28px;height:28px;animation:2.8s ease-in-out infinite shot-cursor-aura}.shot-root .cursor-halo{background:oklch(68.5% .169 237.323/.22);width:16px;height:16px;box-shadow:0 0 0 1px oklch(68.5% .169 237.323/.36)}.shot-root .cursor-dot{background:oklch(54.6% .245 262.881);width:8px;height:8px;transition:transform .2s ease-out;box-shadow:0 0 12px oklch(68.5% .169 237.323/.55),0 0 2px oklch(68.5% .169 237.323/.7)}.dark .shot-root .cursor-aura{background:oklch(60.2% .169 237.323/.31)}.dark .shot-root .cursor-halo{background:oklch(60.2% .169 237.323/.42);box-shadow:0 0 0 1px oklch(60.2% .169 237.323/.03)}.dark .shot-root .cursor-dot{background:oklch(70.7% .165 254.624);box-shadow:0 0 12px oklch(60.2% .169 237.323/.67),0 0 2px oklch(60.2% .169 237.323/.82)}@keyframes shot-cursor-aura{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(.96)}50%{opacity:.9;transform:translate(-50%,-50%)scale(1.06)}}.shot-root .cursor[data-pressed=true] .cursor-dot{transform:translate(-50%,-50%)scale(.85)}.shot-root .cursor-ring{opacity:0;background:oklch(68.5% .169 237.323/.18);width:36px;height:36px;box-shadow:0 0 0 1px oklch(68.5% .169 237.323/.36)}.dark .shot-root .cursor-ring{background:oklch(60.2% .169 237.323/.22);box-shadow:0 0 0 1px oklch(60.2% .169 237.323/.46)}.shot-root .cursor[data-pressed=true] .cursor-ring{animation:.46s ease-out forwards shot-cursor-ring}@keyframes shot-cursor-ring{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}.shot-root .pl-card{border:1px solid var(--border);background:var(--card);border-radius:18px;padding:16px}.dark .shot-root .pl-card{border-color:#0000}.shot-root .pl-head{align-items:center;gap:8px;margin-bottom:16px;display:flex}.shot-root .pl-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.shot-root .pl-kebab{width:32px;height:32px;color:var(--muted-foreground);border-radius:999px;flex:none;place-items:center;display:grid}.shot-root .pl-board{background:var(--accent);border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.shot-root .pl-thumbs{position:relative}.shot-root .pl-thumb{transition:transform var(--grab-duration) var(--grab-ease), opacity .3s ease-out;position:absolute;top:0;left:0}.shot-root .pl-thumb[data-lifted=true]{z-index:2}.shot-root .pl-foot{justify-content:space-between;align-items:center;display:flex}.shot-root .pl-count{color:var(--muted-foreground);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:14px;display:inline-flex}.shot-root .pl-play{background:var(--primary);color:var(--primary-foreground);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500}.shot-root .pl-created{text-align:right;color:var(--muted-foreground);margin-top:16px;font-size:12px}.shot-root .mp-panel{background:color-mix(in oklab, var(--popover) 75%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:16px;overflow:hidden;box-shadow:0 -4px 16px -1px #00000014}.dark .shot-root .mp-panel{background:oklch(15% 0 0)}.shot-root .mp-queue-wrap{padding:12px 12px 0}.shot-root .mp-queue{border:1px solid var(--border);background:var(--accent);border-radius:12px;align-items:stretch;height:92px;display:flex}.shot-root .mp-queue-nav{color:var(--foreground);flex:none;align-items:center;padding:0 8px;display:flex}.shot-root .mp-queue-track{scrollbar-width:none;flex:1;gap:8px;min-width:0;padding:12px 8px;display:flex;overflow-x:auto}.shot-root .mp-queue-track::-webkit-scrollbar{display:none}.shot-root .mp-queue-item{flex:none;position:relative}.shot-root .mp-queue-item .mono{transition:opacity .3s ease-out}.shot-root .mp-queue-now{opacity:0;background:#00000080;place-items:center;transition:opacity .3s ease-out;display:grid;position:absolute;inset:0}.shot-root .mp-queue-item[data-current=true] .mp-queue-now{opacity:1}.shot-root .mp-queue-item[data-current=true] .mono{opacity:0}.shot-root .mp-queue-now .playing-indicator{color:oklch(74.6% .16 232.661);width:25%;height:25%}.shot-root .mp-head{justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.shot-root .mp-chip{border:1px solid var(--separator);font-variant-numeric:tabular-nums;color:var(--foreground);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.shot-root .mp-chip-close{gap:4px}.shot-root .mp-chip .playing-indicator{color:oklch(58.8% .158 241.966);width:14px;height:14px}.dark .shot-root .mp-chip .playing-indicator{color:oklch(74.6% .16 232.661)}.shot-root .mp-body{gap:16px;padding:0 16px 16px;display:flex}.shot-root .mp-slot{outline:1px solid var(--border);border-radius:12px;flex:none;align-self:flex-start;padding:4px}.dark .shot-root .mp-slot{outline-color:var(--separator)}.shot-root .mp-meta{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.shot-root .mp-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:500;overflow:hidden}.shot-root .mp-author{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;overflow:hidden}.shot-root .mp-track{background:var(--muted);border-radius:999px;width:100%;height:4px;overflow:hidden}.shot-root .mp-fill{background:var(--foreground);border-radius:999px;width:0;height:100%}.shot-root .mp-fill[data-active=true]{animation:shot-seek var(--song-ms) linear forwards}.shot-root .mp-time{color:var(--muted-foreground);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:4px;font-size:8px;display:flex}.shot-root .mp-ctrl{justify-content:space-between;align-items:center;display:flex}.shot-root .mp-btn{color:var(--foreground);border-radius:999px;place-items:center;padding:6px;display:grid}.shot-root .mp-btn-lg{padding:8px}.shot-root .mp-transport{align-items:center;gap:4px;display:flex}.shot-root .mp-transport .icon{color:var(--primary)}@keyframes shot-seek{0%{width:0%}to{width:100%}}.shot-root .tl-stage{width:100%;height:100%;position:relative}.shot-root .tl-viewport{border-radius:16px;position:absolute;overflow:hidden}.shot-root .tl-list{border:1px solid var(--border);background:var(--card);transform-origin:0 0;border-radius:20px;overflow:hidden}.dark .shot-root .tl-list{border-color:#0000}.shot-root .tl-scrim{z-index:1;pointer-events:none;background:linear-gradient(to top, var(--muted-soft) 46%, transparent);height:96px;position:absolute;inset:auto 0 0}.shot-root .tl-stream{will-change:transform}.shot-root .tl-item{border-bottom:1px solid var(--separator)}.shot-root .tl-item:last-child{border-bottom:none}.shot-root .tl-card{padding:20px;position:relative}.shot-root .tl-head{color:var(--muted-foreground);align-items:center;gap:2px;font-size:12px;display:flex}.shot-root .tl-label{flex:none;align-items:center;gap:4px;margin-right:4px;display:inline-flex}.shot-root .tl-badge{background:var(--muted);height:20px;color:var(--muted-foreground);border-radius:2px;flex:none;justify-content:center;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.shot-root .tl-time{flex:none}.shot-root .tl-menu{color:var(--muted-foreground);border-radius:999px;place-items:center;padding:8px;display:grid;position:absolute;top:16px;right:16px}.shot-root .tl-video{gap:12px;margin-top:16px;display:flex}.shot-root .tl-vmeta{flex-direction:column;flex:1;gap:6px;min-width:0;padding:2px 0;display:flex}.shot-root .tl-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.shot-root .tl-author{color:var(--muted-foreground);align-items:center;gap:8px;font-size:12px;display:flex}.shot-root .tl-author .badge{border:1px solid var(--border);background:var(--muted);border-radius:4px;flex:none;place-items:center;width:20px;height:20px;display:grid;overflow:hidden}.shot-root .tl-from{color:var(--muted-foreground);align-self:flex-end;align-items:center;gap:6px;margin-top:auto;font-size:10px;display:flex}.shot-root .tl-note{background:var(--accent);border-radius:8px;margin-top:16px;padding:8px 12px}.shot-root .tl-note .label{color:var(--muted-foreground);flex:none;font-size:12px}.shot-root .tl-note .text{min-width:0;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.shot-root .tl-note[data-layout=inline]{align-items:center;gap:8px;display:flex}.shot-root .tl-note[data-layout=stack]{flex-direction:column;gap:4px;display:flex}.shot-root .tl-actions{justify-content:space-between;align-items:center;padding:12px 16px 0;display:flex}.shot-root .tl-action{color:var(--foreground);border-radius:999px;place-items:center;padding:14px;display:grid}.shot-root .tl-on-like{color:oklch(59.2% .249 .584)}.shot-root .tl-on-like path{fill:oklch(59.2% .249 .584)}.shot-root .tl-on-favorite{color:var(--favorite)}.shot-root .tl-on-favorite path{fill:var(--favorite)}.shot-root .tl-on-post{color:var(--post)}.shot-root .tl-bar{z-index:2;height:40px;position:absolute}.shot-root .tl-slot{place-items:center;transition:transform .5s cubic-bezier(.3,.8,.25,1),opacity .34s ease-out;display:grid;position:absolute;inset:0}.shot-root .tl-slot[data-state=incoming]{opacity:0;transform:translate(44px)}.shot-root .tl-slot[data-state=current]{opacity:1;transform:translate(0)}.shot-root .tl-slot[data-state=outgoing]{opacity:0;transform:translate(-44px)}.shot-root .tl-abtn{background:var(--accent-strong);height:40px;color:var(--foreground);white-space:nowrap;border-radius:32px;align-items:center;gap:6px;padding:0 16px;font-size:12px;font-weight:500;line-height:1;transition:background-color .2s ease-out,color .2s ease-out;display:inline-flex}.shot-root .tl-abtn[data-on=true][data-kind=like]{color:oklch(59.2% .249 .584);background:oklch(65.6% .241 354.308/.1)}.dark .shot-root .tl-abtn[data-on=true][data-kind=like]{background:oklch(65.6% .241 354.308/.2)}.shot-root .tl-abtn[data-on=true][data-kind=favorite]{background:var(--favorite-soft);color:var(--favorite-strong)}.shot-root .tl-abtn[data-on=true][data-kind=post]{background:var(--post-soft);color:var(--post)}.shot-root .tl-icon{display:inline-flex;position:relative}.shot-root .rc-wrap{width:100%;height:100%;position:relative}.shot-root .rc-source{position:absolute;top:56px;left:266px}.shot-root .rc-live{color:#fff;background:#000c;border-radius:999px;align-items:center;gap:5px;padding:3px 8px 3px 6px;font-size:12px;font-weight:500;line-height:1;display:inline-flex;position:absolute;top:6px;left:6px}.shot-root .rc-live .playing-indicator{color:oklch(74.6% .16 232.661);width:11px;height:11px}.shot-root .rc-arrows{width:100%;height:100%;color:var(--separator);position:absolute;inset:0}.shot-root .rc-line{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-dasharray:5 5}.shot-root .rc-reveal{fill:none;stroke:#fff;stroke-width:10px;stroke-dasharray:100;stroke-dashoffset:100px}.shot-root .rc-thumb{position:absolute;top:286px}.shot-root .rc-meta{align-items:center;gap:6px;display:flex;position:absolute;top:391px}.shot-root .rc-icon{display:inline-flex;position:relative}.shot-root .rc-name{color:var(--muted-foreground);white-space:nowrap;font-size:12px}.shot-root .rc-name b{color:var(--foreground);font-weight:600}.shot-root .rc-meta .like-burst__ring{color:oklch(58.8% .158 241.966)}.dark .shot-root .rc-meta .like-burst__ring{color:oklch(74.6% .16 232.661)}.shot-root .rc-branch{transition:opacity .57s}.shot-root .rc-branch[data-state=hidden]{opacity:0}.shot-root .rc-branch[data-state=shown]{opacity:1;transition:none}.shot-root .rc-branch[data-state=shown] .rc-reveal{animation:.84s cubic-bezier(.5,0,.5,1) both shot-rc-draw}@keyframes shot-rc-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.shot-root .rc-branch[data-state=shown] .rc-thumb{animation:.62s cubic-bezier(.2,.7,.2,1) .78s both shot-rc-rise}@keyframes shot-rc-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.shot-root .rc-branch[data-state=shown] .rc-meta .avatar{animation:.385s ease-in-out 1.485s both reaction-pop}.shot-root .rc-branch[data-state=shown] .rc-name{animation:.57s cubic-bezier(.2,.7,.2,1) 1.65s both shot-rc-wipe}@keyframes shot-rc-wipe{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}.shot-root.shot-root[data-active=false] *,.shot-root.shot-root[data-active=false] :before,.shot-root.shot-root[data-active=false] :after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.shot-root .like-burst,.shot-root .star-sparkle{display:none}.shot-root .rc-branch[data-state=shown] .rc-reveal{stroke-dashoffset:0}.shot-root .rc-branch[data-state=shown] .rc-reveal,.shot-root .rc-branch[data-state=shown] .rc-thumb,.shot-root .rc-branch[data-state=shown] .rc-name,.shot-root .rc-branch[data-state=shown] .rc-meta .avatar,.shot-root .cursor-aura,.shot-root .cursor[data-pressed=true] .cursor-ring,.shot-root .playing-indicator path{animation:none}}