:root{--loops-bg: #000;--loops-fg: #fff;--loops-card-bg: #fff;--loops-card-fg: #161823;--loops-card-muted: #57606b;--loops-card-border: rgba(22, 24, 35, .12);--loops-accent: #ff3366;--loops-overlay: rgba(0, 0, 0, .55);--loops-radius: 10px}:root.dark{--loops-card-bg: #0e0e10;--loops-card-fg: #f5f5f7;--loops-card-muted: #9ba0a8;--loops-card-border: rgba(255, 255, 255, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;background:transparent;color:var(--loops-card-fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{display:flex;justify-content:center;align-items:flex-start}.embed-card{width:100%;max-width:326px;min-width:325px;background:var(--loops-card-bg);color:var(--loops-card-fg);border:1px solid var(--loops-card-border);border-radius:var(--loops-radius);overflow:hidden;display:flex;flex-direction:column;align-self:flex-start}.embed-player{position:relative;width:100%;background:var(--loops-bg);overflow:hidden;border-top-left-radius:var(--loops-radius);border-top-right-radius:var(--loops-radius);transform:translateZ(0)}.embed-player video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#000;display:block;cursor:pointer}.embed-player.is-pristine{aspect-ratio:9 / 16}.progress-bar{position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff2e;z-index:4;pointer-events:none}.progress-fill{display:block;height:100%;width:0;background:var(--loops-accent)}.brand-mark{position:absolute;top:12px;right:12px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:#fff;z-index:5;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4));opacity:.95;transition:transform .15s ease}.brand-mark:hover{transform:scale(1.05);opacity:1}.brand-mark svg{width:100%;height:100%}.player-actions{position:absolute;right:10px;bottom:18px;padding:10px 5px;background:var(--loops-overlay);border-radius:40px;display:flex;flex-direction:column;align-items:center;gap:18px;z-index:3}.action{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:4px;color:#fff;background:transparent;border:none;padding:0;cursor:pointer;text-decoration:none;font:inherit;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45));transition:transform .1s ease}.action:active{transform:scale(.92)}.action:focus-visible{outline:2px solid var(--loops-accent);outline-offset:4px;border-radius:4px}.action-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}.action-icon svg{width:100%;height:100%}.action-count{font-size:12px;font-weight:600;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.action-avatar{width:44px;height:44px;margin-bottom:16px}.action-avatar img,.action-avatar .avatar-fallback{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #fff;background:#1f1f24;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.follow-badge{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:20px;height:20px;background:var(--loops-accent);color:#fff;border-radius:50%;font-size:16px;line-height:18px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.action-like.is-liked{color:var(--loops-accent)}.action-sound{width:36px;height:36px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 30% 30%,#444,#111 60%,#000);display:inline-flex;align-items:center;justify-content:center}.action-sound img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.action-sound svg{width:18px;height:18px;color:#fff}@keyframes loops-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.watch-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:var(--loops-accent);color:#fff;text-decoration:none;font-size:14px;font-weight:600}.watch-cta__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watch-cta__button{flex-shrink:0;padding:6px 14px;border:1.5px solid #fff;border-radius:999px;font-size:13px;background:transparent;transition:background .15s ease,color .15s ease}.watch-cta:hover .watch-cta__button{background:#fff;color:var(--loops-accent)}.embed-meta{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--loops-card-fg)}.meta-handle{font-weight:700;color:inherit;text-decoration:none;align-self:flex-start}.meta-handle:hover{text-decoration:underline}.meta-caption-wrap{display:flex;flex-direction:column;gap:2px}.meta-caption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;word-wrap:break-word}.meta-caption-more{align-self:flex-start;font-size:.85em;font-weight:600;color:var(--muted, #888);text-decoration:none;cursor:pointer}.meta-caption-more:hover{text-decoration:underline}.meta-caption-more[hidden]{display:none}.meta-caption a{color:var(--loops-card-fg);font-weight:600;text-decoration:none}.meta-caption a:hover{text-decoration:underline}.meta-sound{display:inline-flex;align-items:center;gap:6px;color:var(--loops-card-muted);text-decoration:none;font-size:13px;align-self:flex-start;margin-top:2px}.meta-sound:hover{color:var(--loops-card-fg)}.meta-sound svg{flex-shrink:0}.embed-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--loops-bg);color:var(--loops-fg);font-size:14px;text-align:center;padding:16px;z-index:5}.player-controls{position:absolute;bottom:12px;left:12px;display:inline-flex;align-items:center;gap:10px;padding:4px;z-index:3}.player-controls button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;cursor:pointer;padding:0;border-radius:50%;transition:background .15s ease,transform .1s ease}.player-controls button:hover{background:#ffffff2e}.player-controls button:active{transform:scale(.92)}.player-controls button svg{width:28px;height:28px}.player-controls button:focus-visible{outline:2px solid var(--loops-accent);outline-offset:2px}.embed-player .icon-pause,.embed-player .icon-volume-off,.embed-player .icon-fs-exit,.embed-player.is-playing .icon-play{display:none}.embed-player.is-playing .icon-pause{display:inline}.embed-player.is-muted .icon-volume-on{display:none}.embed-player.is-muted .icon-volume-off{display:inline}.embed-player.is-fullscreen .icon-fs-enter{display:none}.embed-player.is-fullscreen .icon-fs-exit{display:inline}.embed-player:fullscreen{width:100vw;height:100vh}.embed-player:fullscreen video{-o-object-fit:contain;object-fit:contain}.start-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;padding:0;margin:0;cursor:pointer;z-index:5;transition:opacity .2s ease,background .15s ease;font:inherit;color:inherit}.start-overlay__icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));transition:transform .15s ease}.start-overlay:hover .start-overlay__icon{transform:scale(1.08)}.start-overlay:active .start-overlay__icon{transform:scale(.94)}.start-overlay:focus-visible{outline:none}.start-overlay:focus-visible .start-overlay__icon{filter:drop-shadow(0 0 0 3px var(--loops-accent)) drop-shadow(0 2px 8px rgba(0,0,0,.5))}.embed-player:not(.is-pristine) .player-actions{background:none}.embed-player:not(.is-playing) .player-actions{background:var(--loops-overlay)}.embed-player.is-playing .action-sound{animation:loops-spin 6s linear infinite}@media(max-width:380px){.start-overlay__icon{width:60px;height:60px}}@media(prefers-reduced-motion:reduce){.start-overlay,.start-overlay__icon{transition:none!important}}@media(prefers-reduced-motion:reduce){.start-overlay__icon{transition:none!important}}.embed-player.is-pristine .player-controls,.embed-player.is-pristine .progress-bar{display:none}.embed-player:not(.is-pristine) .start-overlay{opacity:0;pointer-events:none;visibility:hidden}@media(prefers-reduced-motion:reduce){.start-overlay,.start-overlay__button{transition:none!important}}@media(max-width:380px){.player-controls{bottom:10px;left:10px}.player-controls button{width:28px;height:28px}}@media(max-width:380px){.player-actions{right:6px;bottom:20px;gap:14px}.action-count{font-size:11px}.action-avatar,.action-avatar img,.action-avatar .avatar-fallback{width:40px;height:40px}.watch-cta{padding:8px 12px;font-size:13px}.embed-meta{padding:12px 14px 14px;font-size:13px}}@media(prefers-reduced-motion:reduce){.progress-fill,.action-sound{animation:none!important;transition:none!important}}video::-webkit-media-controls-panel{background:linear-gradient(transparent,#0009)}