.swipe-slide-body{background:var(--neon-color-bg);width:100%;height:100%;position:relative;overflow:hidden}.swipe-slide-placeholder{background:#17191d;position:absolute;inset:0}.swipe-slide-thumb{filter:brightness(.85);position:absolute;inset:0}.swipe-slide-runtime{position:absolute;inset:0}.swipe-slide-scrim{z-index:2;pointer-events:none;background:linear-gradient(#0000 58%,#000000d1 100%);position:absolute;inset:0}.swipe-preview-badge{z-index:8;border-radius:var(--neon-radius-pill);color:#fff;pointer-events:none;background:#0000009e;padding:6px 10px;font-size:12px;position:absolute;top:14px;left:14px}.swipe-notice{left:50%;bottom:calc(var(--neon-bottom-nav-height) + env(safe-area-inset-bottom,0px) + 20px);z-index:30;border-radius:var(--neon-radius-pill);color:#fff;text-align:center;pointer-events:none;background:#000000d1;max-width:min(90vw,42ch);padding:10px 16px;font-size:13px;position:fixed;transform:translate(-50%)}.swipe-notice[data-tone=error]{box-shadow:inset 0 0 0 1px #ff5a7899}.swipe-stage{--swipe-progress:0%;background:#000;position:absolute;inset:0;overflow:hidden}.swipe-stage__video{object-fit:cover;filter:brightness(.92);width:100%;height:100%}.swipe-stage__video-host{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.swipe-stage__video-host video,.swipe-stage__video-host canvas{object-fit:contain;width:100%;height:100%}.swipe-stage__hit{z-index:3;cursor:pointer;appearance:none;background:0 0;border:0;padding:0;position:absolute;inset:0}.swipe-stage__hit:focus-visible{outline:3px solid var(--neon-focus-color);outline-offset:-6px;border-radius:inherit}.swipe-stage__resume,.swipe-stage__buffer{z-index:4;color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.swipe-stage__error{z-index:5;justify-content:center;align-items:center;gap:var(--neon-space-2);padding:var(--neon-space-6);color:#fff;text-align:center;background:#000000d1;flex-direction:column;display:flex;position:absolute;inset:0}.swipe-stage__error strong{font-size:var(--neon-text-sm);font-weight:var(--neon-weight-semibold)}.swipe-stage__error p{color:#ffffffb8;max-width:26ch;font-size:var(--neon-text-xs);margin:0;line-height:1.5}.swipe-stage__error .swipe-status-action{margin-top:var(--neon-space-2);color:#fff;border-color:#fff6}.swipe-stage__progress{left:0;right:0;bottom:calc(var(--neon-bottom-nav-height) + env(safe-area-inset-bottom,0px));z-index:4;background:#ffffff2e;height:2px;position:absolute}.swipe-stage__progress:after{content:"";width:var(--swipe-progress);background:var(--neon-swipe);height:100%;display:block}.swipe-stage__seekbar{z-index:6;align-items:center;gap:var(--neon-space-3);background:linear-gradient(#0000,#000000b8);padding:22px 14px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.swipe-stage__seek{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:18px;margin:0}.swipe-stage__seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--neon-swipe) 0 var(--swipe-progress), #ffffff47 var(--swipe-progress) 100%);border-radius:999px;height:4px}.swipe-stage__seek::-moz-range-track{background:#ffffff47;border-radius:999px;height:4px}.swipe-stage__seek::-moz-range-progress{background:var(--neon-swipe);border-radius:999px;height:4px}.swipe-stage__seek::-webkit-slider-thumb{appearance:none;opacity:0;width:12px;height:12px;transition:opacity var(--neon-motion-control) var(--neon-ease-standard);background:#fff;border:0;border-radius:50%;margin-top:-4px}.swipe-stage__seek::-moz-range-thumb{opacity:0;background:#fff;border:0;border-radius:50%;width:12px;height:12px}.swipe-stage__seekbar:hover .swipe-stage__seek::-webkit-slider-thumb{opacity:1}.swipe-stage__seek:focus-visible::-webkit-slider-thumb{opacity:1}.swipe-stage__seekbar:hover .swipe-stage__seek::-moz-range-thumb{opacity:1}.swipe-stage__seek:focus-visible::-moz-range-thumb{opacity:1}.swipe-stage__seek:focus-visible{outline:2px solid var(--neon-focus-color);outline-offset:3px;border-radius:999px}.swipe-stage__time{color:#ffffffd9;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.swipe-heart{z-index:7;color:#f36;pointer-events:none;filter:none;animation:swipe-heart-burst .62s var(--neon-ease-standard) forwards;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes swipe-heart-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.25)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.swipe-act{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;text-decoration:none;display:flex}.swipe-act__icon{width:44px;height:44px;transition:background var(--neon-motion-control) var(--neon-ease-standard), color var(--neon-motion-control) var(--neon-ease-standard);border-radius:50%;place-items:center;display:grid}.swipe-act__label{font-variant-numeric:tabular-nums;font-size:11px}.swipe-act:focus-visible{outline:none}.swipe-act:focus-visible .swipe-act__icon{outline:2px solid var(--neon-focus-color);outline-offset:2px}.swipe-slide-actions .swipe-act{color:#fff;pointer-events:auto}.swipe-slide-actions .swipe-act__icon{color:#fff;background:#ffffff1f}.swipe-slide-actions .swipe-act--avatar .swipe-act__icon{background:#3f3f46;border:2px solid #fff}.swipe-slide-actions .swipe-act--liked .swipe-act__icon{color:#f36;background:#ff336638}.swipe-slide-actions .swipe-act--jump .swipe-act__icon{background:#00ffc833}.swipe-rail{align-items:center;gap:var(--neon-space-3);color:var(--neon-text-secondary);flex-direction:column;display:flex}.swipe-rail .swipe-act{color:var(--neon-text-secondary)}.swipe-rail .swipe-act__icon{border:1px solid var(--neon-color-border);background:var(--neon-color-surface);color:var(--neon-text-primary)}.swipe-rail .swipe-act:hover .swipe-act__icon{border-color:var(--neon-accent);background:var(--neon-accent-soft)}.swipe-rail .swipe-act--liked .swipe-act__icon{color:#f36;background:#ff336624;border-color:#f36}.swipe-rail .swipe-act[aria-pressed=true].swipe-act:not(.swipe-act--liked) .swipe-act__icon{border-color:var(--neon-accent);background:var(--neon-accent-soft)}.swipe-avatar{color:#fff;width:40px;height:40px;font-size:14px;font-weight:var(--neon-weight-semibold);object-fit:cover;background:#3f3f46;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.swipe-avatar--sm{width:44px;height:44px}.swipe-avatar--image{object-fit:cover}.swipe-track>.swipe-skeleton{height:100%;min-height:0}.swipe-meta__creator{min-width:0;color:inherit;pointer-events:auto;flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}.swipe-meta__names{flex-direction:column;min-width:0;display:flex}.swipe-meta__name{font-size:14px;font-weight:var(--neon-weight-semibold);align-items:center;gap:4px;display:flex}.swipe-meta__verified{color:var(--neon-accent)}.swipe-meta__handle{opacity:.72;font-size:12px}.swipe-tag{border-radius:12px;padding:3px 9px;font-size:12px}.swipe-stat{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.swipe-stat--duration{margin-left:auto}.swipe-slide-info .swipe-meta__creator,.swipe-slide-info .swipe-slide-stats{color:#fff}.swipe-slide-info .swipe-tag{color:#fff;background:#ffffff26}.swipe-slide-info .swipe-stat--duration{color:var(--color-cyan,#22d3ee)}.swipe-meta{gap:var(--neon-space-3);padding:var(--neon-space-4);border:1px solid var(--neon-color-border);border-radius:var(--neon-radius-card);background:var(--neon-color-surface);color:var(--neon-text-primary);flex-direction:column;display:flex}.swipe-meta__author{align-items:center;gap:var(--neon-space-3);display:flex}.swipe-meta__title{font-size:var(--neon-text-lg);font-weight:var(--neon-weight-semibold);margin:0;line-height:1.35}.swipe-meta__desc{color:var(--neon-text-secondary);font-size:var(--neon-text-sm);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.swipe-meta__tags{flex-wrap:wrap;gap:6px;display:flex}.swipe-meta__tags .swipe-tag{border:1px solid var(--neon-color-border);color:var(--neon-text-secondary)}.swipe-meta__stats{align-items:center;gap:var(--neon-space-4);color:var(--neon-text-muted);font-size:var(--neon-text-xs);display:flex}.swipe-panel-section{margin-top:var(--neon-space-5);padding-top:var(--neon-space-4);border-top:1px solid var(--neon-color-border)}.swipe-panel-section__title{margin:0 0 var(--neon-space-3);color:var(--neon-text-muted);font-size:var(--neon-text-xs);font-weight:var(--neon-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.swipe-pbar{align-items:center;gap:var(--neon-space-2);display:flex}.swipe-pbar__btn{border:1px solid var(--neon-color-border);width:36px;height:36px;color:var(--neon-text-primary);cursor:pointer;transition:background var(--neon-motion-control) var(--neon-ease-standard), border-color var(--neon-motion-control) var(--neon-ease-standard);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.swipe-pbar__btn:hover:not(:disabled){border-color:var(--neon-accent);background:var(--neon-accent-soft)}.swipe-pbar__btn:disabled{opacity:.4;cursor:not-allowed}.swipe-pbar__btn:focus-visible{outline:2px solid var(--neon-focus-color);outline-offset:2px}.swipe-volume{min-width:48px;height:20px;accent-color:var(--neon-swipe);cursor:pointer;flex:1}.swipe-volume:focus-visible{outline:2px solid var(--neon-focus-color);outline-offset:2px;border-radius:999px}.swipe-legend{gap:var(--neon-space-2);flex-direction:column;margin:0;display:flex}.swipe-legend__row{align-items:center;gap:var(--neon-space-3);display:flex}.swipe-legend__keys{flex-shrink:0;gap:4px;margin:0;display:flex}.swipe-legend__label{color:var(--neon-text-secondary);font-size:var(--neon-text-xs);margin:0}.swipe-kbd{border:1px solid var(--neon-color-border-strong);border-radius:var(--neon-radius-sm);background:var(--neon-color-bg);color:var(--neon-text-muted);padding:2px 6px;font-family:inherit;font-size:11px;line-height:1.4}.swipe-skeleton{justify-content:center;align-items:center;gap:var(--neon-space-4);height:100%;padding:var(--neon-space-4);display:flex}.swipe-skeleton--full{min-height:calc(100dvh - var(--neon-header-height))}.swipe-skeleton__stage{aspect-ratio:9/16;border-radius:var(--neon-radius-card);background:#94a3b81f;height:min(70dvh,700px);position:relative;overflow:hidden}.swipe-skeleton__shimmer{background:linear-gradient(100deg,#0000 20%,#ffffff14 45%,#0000 70%);animation:1.4s linear infinite swipe-skeleton-sweep;position:absolute;inset:0}@keyframes swipe-skeleton-sweep{0%{transform:translate(-60%)}to{transform:translate(60%)}}.swipe-skeleton__side{gap:var(--neon-space-3);flex-direction:column;display:flex}.swipe-skeleton__dot{background:#94a3b824;border-radius:50%;width:44px;height:44px}.swipe-skeleton__meta{display:none}.swipe-skeleton__line{background:#94a3b824;border-radius:999px;height:10px;display:block}.swipe-route-error{justify-content:center;align-items:center;gap:var(--neon-space-3);min-height:60dvh;padding:var(--neon-space-6);color:var(--neon-text-secondary);text-align:center;flex-direction:column;display:flex}.swipe-route-error h1{color:var(--neon-text-primary);font-size:var(--neon-text-xl);font-weight:var(--neon-weight-bold);margin:0}.swipe-route-error p{max-width:40ch;font-size:var(--neon-text-sm);margin:0;line-height:1.6}@media (min-width:1024px){.swipe-desktop{gap:var(--neon-space-6);padding:var(--neon-space-4) 0 var(--neon-space-6);grid-template-columns:minmax(240px,300px) auto}.swipe-desktop--with-comments{grid-template-columns:minmax(220px,280px) auto minmax(300px,380px)}.swipe-desktop__stage{place-content:start center;column-gap:var(--neon-space-4);row-gap:var(--neon-space-4);grid-template-columns:auto auto;display:grid}.swipe-stage-frame{aspect-ratio:9/16;border:1px solid var(--neon-color-border-strong);border-radius:var(--neon-radius-card);background:#000;grid-area:1/1;height:clamp(360px,64dvh,700px);position:relative;overflow:hidden;box-shadow:0 24px 60px #00000073}.swipe-stage-frame .swipe-track{height:100%}.swipe-rail{padding-bottom:var(--neon-space-2);grid-area:1/2;align-self:end}.swipe-meta{grid-area:2/1;width:100%}.swipe-desktop .swipe-nav{margin-top:var(--neon-space-2);padding-top:var(--neon-space-3);border-top:1px solid var(--neon-color-border);display:flex;position:static;inset:auto;transform:none}.swipe-desktop .swipe-nav__btn{border-color:var(--neon-color-border);width:36px;height:36px;color:var(--neon-text-primary);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.swipe-desktop .swipe-nav__btn:hover:not(:disabled){border-color:var(--neon-accent);background:var(--neon-accent-soft)}.swipe-desktop .swipe-nav__btn:focus-visible{outline:2px solid var(--neon-focus-color);outline-offset:2px}.swipe-desktop .swipe-nav__counter{color:var(--neon-text-muted)}.swipe-desktop__comments{max-height:calc(100dvh - var(--neon-header-height) - var(--neon-space-8))}.swipe-skeleton__meta{gap:var(--neon-space-2);flex-direction:column;grid-column:1;width:100%;display:flex}.swipe-skeleton__line--wide{width:70%}.swipe-stage-frame .swipe-slide-info,.swipe-stage-frame .swipe-slide-actions,.swipe-stage-frame .swipe-slide-header,.swipe-stage-frame .swipe-slide-gradient,.swipe-page--desktop-shell>.swipe-nav{display:none}.swipe-page--desktop-shell .swipe-notice{bottom:var(--neon-space-6)}}.swipe-stage-frame:fullscreen{aspect-ratio:auto;width:100vw;height:100vh;max-height:none;box-shadow:none;border:0;border-radius:0}.swipe-track:fullscreen{background:#000;height:100vh}@media (prefers-reduced-motion:reduce){.swipe-heart,.swipe-skeleton__shimmer{animation:none}.swipe-act__icon,.swipe-pbar__btn{transition:none}.swipe-stage__seek::-webkit-slider-thumb{transition:none}}