:root{--bg: transparent;--fg: #fff;--muted: #c7c7c7;--accent: #ff365f}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:system-ui,Inter,Arial,sans-serif}.app{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.frame{width:min(420px,92vw);filter:none}.screen{position:relative;width:100%;aspect-ratio:9/16;background:#ffffff14;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.06);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.slides{position:absolute;inset:0;overflow:hidden}.slide{position:absolute;inset:0;opacity:0;transition:opacity .28s ease}.slide.active{opacity:1}.slide video{width:100%;height:100%;object-fit:cover;display:block;background:transparent;pointer-events:auto}.hud{position:absolute;right:14px;bottom:18%;display:flex;flex-direction:column;gap:16px;align-items:center;z-index:3}.hud-btn{appearance:none;border:0;background:transparent;color:var(--fg);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;line-height:1;transition:transform .12s ease,opacity .2s ease}.hud-btn:hover{transform:scale(1.06)}#likeCount{font-size:.92rem;color:#fff}#likeBtn.liked #likeIcon path:first-child{fill:var(--accent);stroke:var(--accent)}.label{position:absolute;left:0;bottom:0;width:100%;padding:14px 16px 18px;background:linear-gradient(to top,#0000008c,#0000);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2}.label .title{font-weight:700;letter-spacing:.2px;font-size:1.02rem;margin-bottom:6px;text-shadow:0 1px 12px rgba(0,0,0,.35)}.label .desc{color:#eaeaea;font-size:.92rem;line-height:1.35;max-height:3.2em;overflow:hidden;text-overflow:ellipsis}.nav-arrows{position:absolute;right:14px;top:12px;display:flex;flex-direction:column;gap:10px;z-index:3}.nav-arrows button{appearance:none;border:0;background:transparent;color:#fff;cursor:pointer;transition:transform .12s ease}.nav-arrows button:hover{transform:scale(1.1)}@media (max-width: 820px){.nav-arrows{display:none}}.sound-btn{position:absolute;left:12px;top:12px;z-index:3;appearance:none;border:0;background:transparent;color:#fff;cursor:pointer;transition:transform .12s ease}.sound-btn:hover{transform:scale(1.06)}.loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14 center/cover no-repeat}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000040;z-index:4}.play-overlay .play{width:74px;height:74px;border-radius:999px;display:grid;place-items:center;background:#ffffff29;box-shadow:0 10px 30px #00000059;transition:transform .12s ease}.play-overlay .play:hover{transform:scale(1.06)}.play-overlay svg{color:#fff}body.ui-minimal .screen{border-radius:0;border:none}button:focus-visible{outline:2px solid #7eaaff;outline-offset:2px}.slide{pointer-events:none}.slide.active{pointer-events:auto}.slide{will-change:opacity;backface-visibility:hidden}.slide video{-webkit-user-drag:none;touch-action:manipulation}.play-overlay{pointer-events:none}.play-overlay .play{pointer-events:auto}.screen,.slides,.slide{contain:layout paint}.slide video{pointer-events:none}.slide.active video{pointer-events:auto}.loader{position:absolute;inset:0;z-index:5;background:#ffffff14 center/cover no-repeat;display:block;opacity:1;transition:opacity .28s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.loader:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff12,#fff0 80%) no-repeat;background-size:200% 100%;animation:bttr-shimmer 1.4s linear infinite}@keyframes bttr-shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.loader.hide{opacity:0;pointer-events:none}@media (prefers-reduced-motion: reduce){.loader:before{animation:none}}