.clips-screen{position:fixed;inset:0;z-index:20;background:var(--c-canvas);color:var(--c-text-1);font-family:var(--font)}.clips-feed{position:absolute;inset:0;overflow-y:scroll;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none}.clips-feed::-webkit-scrollbar{display:none}.clips-page{box-sizing:border-box;padding:var(--space-16) 0;display:flex;align-items:center;justify-content:center;gap:var(--space-16);scroll-snap-align:start;scroll-snap-stop:always}.clips-frame,.clips-page{position:relative;height:100%}.clips-frame{aspect-ratio:9/16;max-width:calc(100vw - 200px);overflow:hidden;border-radius:12px;background:#000}.clips-poster,.clips-slot,.clips-video{position:absolute;inset:0;width:100%;height:100%}.clips-poster,.clips-video{display:block;object-fit:cover;background:#000}.clips-frame[data-fit=contain] .clips-poster,.clips-video[data-fit=contain]{object-fit:contain}.clips-video:not([data-ready]){opacity:0}.clips-frame:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,#000000c0);pointer-events:none}.clips-touch{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer}.clips-touch:disabled{cursor:default}.clips-touch .player-icon{width:72px;height:72px;filter:drop-shadow(0 2px 8px #000000a0)}.clips-copy{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;text-shadow:0 1px 3px #000;pointer-events:none}.clips-copy a,.clips-copy button{pointer-events:auto}.clips-creator{display:flex;align-items:center;gap:var(--space-10)}.clips-creator>a{display:flex;align-items:center;gap:9px;min-width:0;color:var(--c-text-1);text-decoration:none}.clips-creator strong{overflow:hidden;font-size:var(--font-size-14);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.clips-avatar{display:grid;flex:0 0 36px;place-items:center;width:36px;height:36px;overflow:hidden;border-radius:50%;background:var(--c-surface-3);font-size:var(--font-size-14)}.clips-avatar img{width:100%;height:100%;object-fit:cover}.clips-creator .cliff-button{min-height:28px;padding:0 var(--space-12);border-radius:99px;font-size:var(--font-size-12);font-weight:700}.clips-creator .consumer-mutation{margin:0}.clips-creator .consumer-mutation small{display:none}.clips-copy h2{margin:var(--space-12) 0 0;font-size:var(--fs-card);font-weight:700;line-height:1.38;overflow-wrap:anywhere}.clips-copy h2 a{color:var(--c-text-1);text-decoration:none}.clips-views{margin:var(--space-4) 0 0;color:var(--c-text-2);font-size:var(--fs-meta)}.clips-copy p{display:-webkit-box;margin:var(--space-6) 0 0;overflow:hidden;color:var(--c-text-1);font-size:var(--font-size-14);line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.clips-copy small{display:block;margin-top:var(--space-6);color:var(--c-text-2);font-size:var(--fs-meta)}.clips-progress{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:flex-end;height:24px;padding:0;border:0;background:transparent;cursor:pointer}.clips-progress:disabled{cursor:default}.clips-progress span{display:block;width:100%;height:2px;overflow:hidden;background:rgba(244,241,234,.3);transition:height .12s}.clips-progress:enabled:hover span{height:4px}.clips-progress i{display:block;height:100%;background:var(--c-text-1)}.clips-actions{display:grid;align-self:flex-end;gap:var(--space-16);padding-bottom:var(--space-24)}.clips-actions a,.clips-actions button{display:grid;justify-items:center;gap:5px;width:64px;padding:0;border:0;background:transparent;color:var(--c-text-2);font:600 12px/1.2 var(--font);text-decoration:none;cursor:pointer}.clips-action-icon{display:grid;place-items:center;box-sizing:content-box;padding:var(--space-12);border-radius:50%;background:var(--c-glass)}.clips-action-icon,.clips-action-icon .player-icon{width:26px;height:26px}.clips-actions a:hover .clips-action-icon,.clips-actions button:hover .clips-action-icon{background:var(--c-glass-strong)}.clips-nav{position:fixed;z-index:5;right:24px;top:50%;display:grid;gap:var(--space-16);transform:translateY(-50%)}.clips-nav button{display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:50%;background:var(--c-glass);color:var(--c-text-1);cursor:pointer;transition:background .2s}.clips-nav button:hover:not(:disabled){background:var(--c-glass-strong)}.clips-nav button:disabled{opacity:.3;cursor:default}.clips-actions a:focus-visible .clips-action-icon,.clips-actions button:focus-visible .clips-action-icon,.clips-nav button:focus-visible,.clips-progress:focus-visible,.clips-touch:focus-visible{outline:2px solid var(--c-text-1);outline-offset:2px}.clips-buffering{position:absolute;z-index:2;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;pointer-events:none;opacity:0;animation:clips-buffering-in .2s ease .6s forwards}.clips-buffering i{display:block;width:100%;height:100%;border-top-color:#f4f1ea40;border:var(--border-2) solid #f4f1ea40;border-top:var(--border-2) solid var(--c-text-1);border-radius:50%;animation:clips-spin 1s linear infinite}@keyframes clips-buffering-in{to{opacity:1}}@keyframes clips-spin{to{transform:rotate(1turn)}}.clips-failed{position:absolute;z-index:3;left:16px;right:16px;top:38%;display:grid;justify-items:center;gap:var(--space-12);text-align:center}.clips-status{position:absolute;inset:0;display:grid;place-content:center}.clips-end,.clips-status{justify-items:center;gap:var(--space-16);padding:var(--space-24);text-align:center}.clips-end{display:grid}.clips-end h2{margin:0;font-size:var(--fs-section);font-weight:700;letter-spacing:-.025em}.clips-banner{left:50%;top:16px;max-width:calc(100vw - 32px);padding:var(--space-12) var(--space-16);border:0;border-radius:12px;background:#000000d0;color:var(--c-text-1);cursor:pointer}.clips-banner,.clips-notice{position:fixed;z-index:6;transform:translateX(-50%)}.clips-notice{left:calc(50% - 40px);top:88px;width:max-content;max-width:min(420px,calc((100dvh - 32px) * 9 / 16 - 32px),calc(100vw - 232px));pointer-events:none}.clips-notice p{margin:0;padding:var(--space-10) var(--space-16);border:var(--border-1) solid rgba(244,241,234,.14);border-radius:12px;background:var(--c-surface-2);box-shadow:0 4px 16px #00000080;color:var(--c-text-1);font-size:var(--font-size-13);line-height:1.4;text-align:center}.clips-status+.clips-notice{left:50%}@media(max-width:700px){.clips-page{padding:0}.clips-frame{width:100%;height:100%;max-width:none;aspect-ratio:auto;border-radius:0}.clips-actions{position:absolute;z-index:3;right:8px;bottom:96px;gap:var(--space-12);padding:0}.clips-actions a,.clips-actions button{width:56px}.clips-action-icon{padding:var(--space-10);background:#00000090}.clips-copy{right:76px;bottom:24px}.clips-nav{display:none}.clips-notice{left:50%;max-width:calc(100vw - 32px)}}.clips-touch{touch-action:manipulation}.clips-action-icon{color:var(--c-text-1)}.clips-action-icon svg{width:26px;height:26px}.clips-action-icon .clips-icon{width:22px;height:22px}.clips-like .clips-action-icon .clips-icon{width:24px;height:24px}.clips-like[data-liked=true] .clips-action-icon{color:#ff405c}.clips-like[data-liked=true][data-pop] .clips-icon{animation:clips-like-pop .32s cubic-bezier(.32,.94,.6,1)}@keyframes clips-like-pop{0%{transform:scale(.7)}55%{transform:scale(1.18)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.clips-like[data-pop] .clips-icon{animation:none}}.clips-actions button:disabled{opacity:.45;cursor:default}.clips-rail-error{max-width:120px;margin:0;font-size:var(--font-size-11);line-height:1.4;color:#ffb4b4;text-align:center;contain:inline-size;overflow-wrap:anywhere}.clips-rail-error .cliff-button{display:inline-flex;width:100%;line-height:1.5}.clips-sound{position:absolute;z-index:3;top:16px;right:16px;display:inline-flex;align-items:center;gap:var(--space-8);min-height:44px;padding:0 var(--space-12);border:0;border-radius:22px;background:#000000a0;color:var(--c-text-1);font:600 13px/1 var(--font);cursor:pointer}.clips-sound .player-icon{width:22px;height:22px}.clips-sound[data-muted=false]{width:44px;padding:0;justify-content:center}.clips-kws{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-8)}.clips-kws>span{display:inline-flex;height:26px;padding:0 var(--space-10);border-radius:99px;background:rgba(244,241,234,.16);font-size:var(--font-size-12)}.clips-kws>span,.clips-story{align-items:center;text-shadow:none}.clips-story{display:flex;gap:var(--space-8);width:100%;height:46px;margin-top:var(--space-12);padding:0 var(--space-10) 0 var(--space-6);border-radius:12px;background:rgba(229,9,20,.92);color:var(--c-text-1);font-size:var(--font-size-14);font-weight:700;text-decoration:none;white-space:nowrap}.clips-story:hover{background:var(--c-brand-hover)}.clips-story img{flex:none;width:28px;height:36px;object-fit:cover;border-radius:4px}.clips-story-title{min-width:0;overflow:hidden;text-overflow:ellipsis}.clips-story-chev{display:inline-flex;margin-left:auto}.clips-actions .clips-story-mini{overflow:hidden;box-sizing:border-box;padding:0;width:50px;height:50px;border-radius:12px;border:var(--border-2) solid var(--c-text-1);background:var(--c-surface-2)}.clips-story-mini img{width:100%;height:100%;object-fit:cover}.clips-heart-burst{position:absolute;z-index:4;width:96px;height:96px;margin:-48px 0 0 -48px;color:#ff3b5c;pointer-events:none;animation:clips-heart .75s ease-out forwards}.clips-heart-burst svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px #0008)}@keyframes clips-heart{0%{opacity:0;transform:scale(.4) rotate(-12deg)}15%{opacity:1;transform:scale(1.15) rotate(-12deg)}30%{transform:scale(.95) rotate(-12deg)}70%{opacity:1;transform:scale(1) rotate(-12deg)}to{opacity:0;transform:translateY(-40px) scale(1.1) rotate(-12deg)}}.clips-sheet-backdrop{position:fixed;inset:0;z-index:8}.clips-sheet{position:fixed;z-index:9;left:0;right:0;bottom:0;height:70vh;height:70dvh;display:flex;flex-direction:column;border-radius:16px 16px 0 0;background:var(--c-canvas);color:var(--c-text-1);box-shadow:0 -8px 32px #0009;animation:clips-sheet-in .22s ease-out}.clips-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-8) var(--space-8) var(--space-4) var(--space-16)}.clips-sheet-head small{font-size:var(--font-size-12);color:var(--c-text-3)}.clips-sheet-close{display:grid;flex:0 0 44px;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--c-surface-2);cursor:pointer}.clips-sheet-close .player-icon{width:22px;height:22px}.clips-sheet-close:focus-visible,.clips-sound:focus-visible,.clips-story:focus-visible{outline:2px solid var(--c-text-1);outline-offset:2px}.clips-sheet-body{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--space-16) var(--space-24)}@keyframes clips-sheet-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes clips-panel-in{0%{transform:translateX(100%)}to{transform:none}}@media(min-width:701px){.clips-sheet{top:0;left:auto;width:min(420px,40vw);height:auto;border-radius:16px 0 0 16px;animation-name:clips-panel-in}}@media(max-width:700px){.clips-sound{top:12px;right:12px}}@media(prefers-reduced-motion:reduce){.clips-buffering i,.clips-sheet{animation:none}.clips-heart-burst{animation-duration:1ms}}.clips-copy{transition:opacity .4s}.clips-frame[data-ended] .clips-copy{opacity:0;pointer-events:none}.clips-ended{position:absolute;z-index:5;left:12px;right:12px;bottom:12px;padding:var(--space-16);border:var(--border-1) solid var(--c-line);border-radius:16px;background:rgba(24,19,20,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-shadow:none;animation:clips-ended-in .6s cubic-bezier(.2,.8,.2,1)}.clips-ended-top{display:flex;align-items:center;gap:var(--space-12)}.clips-ended-art,.clips-ended-top img{flex:none;width:54px;height:72px;border-radius:8px;object-fit:cover;background:var(--c-surface-3)}.clips-ended-top strong{display:block;font-size:var(--font-size-15);font-weight:700;line-height:1.35;overflow-wrap:anywhere}.clips-ended-top small{display:block;margin-top:3px;color:var(--c-text-3);font-size:var(--font-size-12);line-height:1.4;overflow-wrap:anywhere}.clips-ended-actions{display:flex;gap:var(--space-8);margin-top:var(--space-14)}.clips-ended-actions>a,.clips-ended-actions>button{display:inline-flex;flex:1 1;align-items:center;justify-content:center;gap:var(--space-8);min-width:0;height:42px;padding:0 var(--space-12);border:0;border-radius:999px;font:700 14px/1 var(--font);text-decoration:none;white-space:nowrap;cursor:pointer}.clips-ended-watch{background:var(--c-brand);color:#fff}.clips-ended-watch:hover{background:var(--c-brand-hover)}.clips-ended-replay{background:var(--c-glass-strong);color:var(--c-text-1)}.clips-ended-replay:hover{background:rgba(244,241,234,.22)}.clips-ended-replay:focus-visible,.clips-ended-watch:focus-visible{outline:2px solid var(--c-text-1);outline-offset:2px}@keyframes clips-ended-in{0%{transform:translateY(130%)}to{transform:none}}@media(max-width:700px){.clips-page[data-ended] .clips-actions{bottom:196px}}@media(prefers-reduced-motion:reduce){.clips-ended{animation:none}.clips-copy{transition:none}}@media(max-width:700px){.clips-actions a,.clips-actions button{color:var(--c-text-1);text-shadow:0 1px 3px #000}.clips-action-icon{background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.clips-actions button:disabled{opacity:1}.clips-actions button:disabled,.clips-actions button:disabled .clips-action-icon{color:var(--c-text-2)}}@media(min-width:701px){.clips-sheet{top:var(--clips-sheet-top,0)}}.clips-sheet-body .community-panel{display:flex;flex-direction:column;min-height:100%;margin:0}.clips-sheet-body .community-panel>.community-composer{order:99;position:sticky;bottom:0;z-index:2;margin-top:auto;padding:var(--space-10) 0 var(--space-12);background:var(--c-canvas)}.clips-sheet-body{padding-bottom:0}.clips-sheet-head{position:absolute;top:13px;right:14px;z-index:3;padding:0}.clips-sheet-head small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.clips-sheet-close{flex-basis:32px;width:32px;height:32px}.clips-sheet-close .player-icon{width:18px;height:18px}.clips-sheet-body{padding:0 var(--space-18)}.clips-sheet-body .community-panel-head{position:sticky;top:0;z-index:2;margin:0 -18px 4px;padding:var(--space-16) calc(var(--space-48) + var(--space-10)) var(--space-16) var(--space-18);border-bottom:var(--border-1) solid var(--c-line);background:var(--c-canvas)}.clips-sheet-body .community-panel-head h2{font-size:var(--font-size-16)}.clips-sheet-body .community-panel>.community-composer{margin:auto -18px 0;padding:var(--space-12) var(--space-14);border-top:var(--border-1) solid var(--c-line)}@media(max-width:700px){.clips-sheet{bottom:max(var(--clips-sheet-bottom,0px),var(--clips-sheet-floor,0px));height:72vh;height:min(72dvh,var(--clips-sheet-max,calc(100dvh - 8px)));transition:height .25s cubic-bezier(.32,.94,.6,1),transform .25s cubic-bezier(.32,.94,.6,1);will-change:transform}.clips-sheet.is-full{height:var(--clips-sheet-max,calc(100dvh - 8px))}.clips-sheet[data-dragging]{transition:none}.clips-sheet-backdrop{z-index:60;touch-action:none}.clips-sheet{z-index:61}.clips-sheet:before{content:"";display:block;flex:none;width:38px;height:4px;margin:var(--space-8) auto 0;border-radius:2px;background:rgba(244,241,234,.16)}.clips-sheet-head{top:21px}.clips-sheet-close{flex-basis:40px;width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.clips-sheet{transition:none}}