.clips-page{color:#fff;background:#030304;position:fixed;inset:0;overflow:hidden}.clips-header{z-index:40;pointer-events:none;background:linear-gradient(#020203b3,#0000);grid-template-columns:1fr auto 1fr auto auto;align-items:center;gap:16px;height:64px;padding:0 clamp(16px,3vw,44px);display:grid;position:fixed;inset:0 0 auto}.clips-header>*{pointer-events:auto}.clips-header>a{color:#ffffffb3;font-size:11px}.clips-header>a:last-child{letter-spacing:.15em;justify-self:end;font-size:7px}.clips-header .clips-live-entry{color:#ffb1c2;letter-spacing:.12em;align-items:center;gap:5px;font-size:7px;font-weight:780;display:inline-flex}.clips-header .clips-live-entry i,.clips-mobile-live i{background:#e72e59;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 14px #e72e59b3}.clips-mobile-toolbar .clips-mobile-live{color:#ffb7c7;letter-spacing:.08em;border:1px solid #ff65864d;border-radius:999px;align-items:center;gap:5px;width:auto;padding:0 10px;font-size:7px;font-weight:800;display:inline-flex}.clips-header>div{color:#ffffff73;font-family:var(--font-geist-mono), monospace;align-items:center;gap:8px;font-size:7px;display:flex}.clips-header .clips-wordmark{font-family:var(--font-geist-sans), sans-serif;gap:9px}.clips-wordmark>span{color:#0000;letter-spacing:.16em;background:linear-gradient(100deg,#f8f4ff,#b798ff 43%,#7ce8ff 58%,#f8f4ff 76%) 0 0/230% 100%;-webkit-background-clip:text;background-clip:text;font-size:10px;font-weight:720;animation:6.8s cubic-bezier(.4,0,.2,1) infinite clips-wordmark-lustre}.clips-header .clips-position i{background:linear-gradient(90deg,#aa7cff,#ffffff26);width:54px;height:1px}.clips-mobile-toolbar,.clips-mobile-filters,.clips-mobile-nav{display:none}.clips-header>a,.clips-header .clips-position,.clips-mobile-toolbar>div,.clips-mobile-filters,.clip-topline{transition:opacity .24s,transform .24s}.clips-page.playing .clips-header>a,.clips-page.playing .clips-header .clips-position,.clips-page.playing .clips-mobile-toolbar>div,.clips-page.playing .clips-mobile-filters,.clips-page.playing .clip-topline{opacity:0;pointer-events:none}.clips-page.playing .clips-mobile-toolbar>div,.clips-page.playing .clips-mobile-filters{transform:translateY(-8px)}.clip-canvas.audience-protected:not(.audience-revealed) video{filter:blur(30px)brightness(.32)saturate(.35);transform:scale(1.08)}.clip-audience-shield{z-index:5;pointer-events:none;background:radial-gradient(circle,#180e231f,#0303067a);place-content:center;justify-items:center;gap:9px;display:grid;position:absolute;inset:0}.clip-audience-shield strong{color:#f0e1ff;background:#0e0815b8;border:1px solid #d3aeff8c;border-radius:50%;place-items:center;width:68px;height:68px;font-size:20px;display:grid;box-shadow:0 0 40px #ac6aff38}.clip-audience-shield span{color:#ffffffb8;font:650 7px var(--font-geist-mono),monospace;letter-spacing:.1em;text-transform:uppercase}@keyframes clips-wordmark-lustre{0%,22%{background-position:100%}55%,to{background-position:-120%}}.clips-deck{overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;width:100%;height:100svh;overflow-y:auto}.clips-deck::-webkit-scrollbar{display:none}.clip-slide{scroll-snap-align:start;scroll-snap-stop:always;place-items:center;width:100%;height:100svh;display:grid;position:relative;overflow:hidden}.clip-ambient{filter:blur(58px)saturate(.75)brightness(.22);opacity:.74;background-position:50%;background-size:cover;position:absolute;inset:-45px;transform:scale(1.08)}.clip-slide:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 48%,#0000 12%,#02020394 72%);position:absolute;inset:0}.clip-canvas{z-index:2;background:#0b0a0d;border:1px solid #ffffff1f;border-radius:14px;width:min(460px,100vw - 150px);height:min(90svh,818px);position:relative;overflow:hidden;box-shadow:0 40px 100px #0009}.clip-canvas video{object-fit:cover;cursor:pointer;background:#09090b;width:100%;height:100%;display:block}.clip-vignette{pointer-events:none;background:linear-gradient(#00000080,#0000 24% 47%,#000000db 100%);position:absolute;inset:0}.clip-topline{justify-content:space-between;align-items:center;gap:18px;display:flex;position:absolute;inset:22px 20px auto}.clip-topline>span{color:#ffffff9e;letter-spacing:.16em;white-space:nowrap;text-overflow:ellipsis;font-size:6px;overflow:hidden}.clip-topline button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0605085c;border:1px solid #ffffff2b;border-radius:999px;flex:none;padding:6px 8px;font-size:6px}.clip-copy-panel{z-index:4;text-shadow:0 2px 16px #000000c2;position:absolute;inset:auto 76px 30px 22px}.clip-creator{align-items:center;gap:10px;margin-bottom:14px;display:flex}.clip-creator>a{align-items:center;gap:8px;display:flex}.clip-creator>a>span{color:#fff;background:linear-gradient(135deg,#9e69ff,#45dff2);border:1px solid #ffffff7a;border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;font-weight:800;display:grid}.clip-creator>a>span.has-image{background-color:#17131f;background-position:50%;background-repeat:no-repeat;background-size:cover}.clip-creator strong{font-size:9px}.clip-follow{color:#fff;cursor:pointer;background:#ffffff21;border:1px solid #fff3;border-radius:999px;padding:6px 8px;font-size:7px}.clip-follow.following{color:#d9c9ff;border-color:#b796ff73}.clip-creator .channel-follow-dropdown{top:auto;bottom:calc(100% + 9px);left:0}.clip-creator .channel-follow-menu-control:has(.channel-follow-bell) .clip-follow{border-radius:999px 0 0 999px;padding:6px 9px}.clip-creator .channel-follow-bell{width:40px;height:29px}.clip-context{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:11px;display:flex}.clip-context span,.clip-context a,.clip-context button{color:#efe8ff;font:760 5px var(--font-geist-sans),sans-serif;letter-spacing:.12em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0a106b;border:1px solid #ffffff29;border-radius:999px;padding:5px 7px}.clip-context button{cursor:pointer}.clip-context .clip-remix-credit{color:#d9faff;text-overflow:ellipsis;white-space:nowrap;border-color:#71e7fa4d;max-width:180px;overflow:hidden}.clip-context .clip-chain-badge{color:#0b0711;text-shadow:none;background:linear-gradient(105deg,#d9c1ff,#8cecff);border-color:#ffffff59}.clip-context .clip-haptic-badge{color:#e8fbff;background:linear-gradient(115deg,#4bd1ff2e,#ae6bff2e);border-color:#67e6ff61;box-shadow:0 0 18px #5dceff1a}.clip-context .clip-language-badge{color:#f1e9ff;border-color:#be99ff4d}.clip-context .clip-visibility-badge{color:#ffe6b8;border-color:#ffc66457}.clip-context .clip-reframe-badge{color:#bdf7ef;border-color:#62e3cf4d}.clip-source-context,.clip-reply-context{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-shadow:none;background:linear-gradient(105deg,#0c0b10c7,#2219329e);border:1px solid #ffffff29;border-radius:11px;gap:3px;margin:0 0 10px;padding:9px 34px 9px 11px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 30px #0003}.clip-source-context span,.clip-reply-context span{color:#aeefff;font:780 5px var(--font-geist-mono),monospace;letter-spacing:.15em}.clip-source-context strong,.clip-reply-context strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.clip-source-context small{color:#ffffff8f;white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.clip-source-context i,.clip-reply-context i{color:#ffffff8f;font-size:11px;font-style:normal;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clip-reply-context{background:linear-gradient(105deg,#201530b3,#0c0b10b8);border-color:#c49dff3b}.clip-reply-context span{color:#d7bfff}.clip-copy-panel h1{letter-spacing:-.045em;margin:8px 0 9px;font-size:clamp(20px,3.2vh,32px);line-height:1.02}.clip-copy-panel>p{-webkit-line-clamp:3;color:#ffffffc7;-webkit-box-orient:vertical;margin:0;font-size:9px;line-height:1.5;display:-webkit-box;overflow:hidden}.clip-chapters{scrollbar-width:none;scroll-snap-type:x proximity;text-shadow:none;gap:6px;margin:10px -4px 0;padding:0 4px;display:flex;overflow-x:auto}.clip-chapters::-webkit-scrollbar{display:none}.clip-chapters button{color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scroll-snap-align:start;background:#0a090d70;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;min-width:max-content;min-height:28px;padding:0 9px;font-size:7px;display:inline-flex}.clip-chapters button span{color:#b8edff;font:700 6px var(--font-geist-mono),monospace}.clip-chapters button.active{color:#130e1a;background:linear-gradient(105deg,#decaff,#92ecff);border-color:#ffffff73;box-shadow:0 7px 22px #7653aa3d}.clip-chapters button.active span{color:#3d2955}.clip-original{color:#fffc;border-bottom:1px solid #ffffff40;margin-top:14px;padding-bottom:3px;font-size:7px;display:inline-block}.clip-actions{z-index:5;flex-direction:column;align-items:center;gap:15px;display:flex;position:absolute;bottom:42px;right:12px}.clip-actions button,.clip-actions a{color:#fffc;cursor:pointer;text-shadow:0 2px 10px #000;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;width:54px;display:flex}.clip-actions i{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08070a61;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:38px;height:38px;font-size:14px;font-style:normal;transition:transform .18s,background .18s;display:grid}.clip-actions span{font-size:6px}.clip-actions button:hover i,.clip-actions a:hover i{background:#ffffff29;transform:scale(1.08)}.clip-actions button.active i{color:#fff;background:linear-gradient(135deg,#975dff,#6c3ee2);border-color:#ffffff59;box-shadow:0 0 18px #8f58ff70}.clip-center-play{z-index:5;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#0706098f;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:82px;height:82px;padding:0;display:grid;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.clip-center-play i{border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid;width:0;height:0;margin-left:5px}.clip-speed-boost{z-index:7;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#09080c8c;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;animation:.16s both clip-speed-in;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:0 12px 38px #00000047}.clip-speed-boost strong{font-size:12px}.clip-speed-boost span{color:#ffffff9e;letter-spacing:.08em;text-transform:uppercase;font-size:7px}@keyframes clip-speed-in{0%{opacity:0;transform:translate(-50%,-8px)scale(.96)}}.clip-chain-next{z-index:9;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0a12d6;border:1px solid #d3b8ff57;border-radius:12px;padding:14px 14px 12px;animation:.22s both clip-chain-next-in;position:absolute;inset:auto 76px 34px 18px;overflow:hidden;box-shadow:0 18px 48px #0000006b}.clip-chain-next>span{color:#cba8ff;font:700 6px/1 var(--font-geist-mono),monospace;letter-spacing:.14em}.clip-chain-next>strong{white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:12px;display:block;overflow:hidden}.clip-chain-next>div{gap:6px;margin-top:12px;display:flex}.clip-chain-next button{color:#ffffffad;cursor:pointer;background:0 0;border:1px solid #ffffff21;border-radius:6px;min-height:30px;padding:0 10px;font-size:7px}.clip-chain-next button:first-child{color:#100a17;background:linear-gradient(105deg,#d9c1ff,#8cecff);border-color:#cfafff;font-weight:750}.clip-chain-next>i{transform-origin:0;background:linear-gradient(90deg,#c79dff,#80e9ff);height:2px;animation:linear both clip-chain-countdown;position:absolute;inset:auto 0 0}@keyframes clip-chain-next-in{0%{opacity:0;transform:translateY(10px)}}@keyframes clip-chain-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.clip-progress{z-index:8;background:#ffffff2e;height:3px;position:absolute;inset:auto 0 0}.clip-progress i{background:linear-gradient(90deg,#925eff,#d5c1ff);height:100%;display:block;box-shadow:0 0 8px #ae7dffb3}.clips-stepper{z-index:30;flex-direction:column;gap:8px;display:flex;position:fixed;top:50%;right:clamp(18px,4vw,58px);transform:translateY(-50%)}.clips-stepper button{color:#ffffffad;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0b;border:1px solid #ffffff1c;border-radius:50%;width:38px;height:38px}.clips-stepper button:disabled{opacity:.18;cursor:default}.clips-hint{z-index:20;color:#ffffff40;letter-spacing:.17em;writing-mode:vertical-rl;font-size:6px;position:fixed;bottom:28px;left:clamp(18px,4vw,58px)}.clips-notice{z-index:60;color:#fff;background:#120f18e6;border:1px solid #b893ff4d;border-radius:999px;padding:10px 15px;font-size:8px;animation:2.8s both clips-notice;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@keyframes clips-notice{0%{opacity:0;transform:translate(-50%,10px)}12%,82%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-5px)}}.clips-page.minimal-ui .clips-header,.clips-page.minimal-ui .clips-mobile-toolbar,.clips-page.minimal-ui .clips-mobile-filters,.clips-page.minimal-ui .clip-vignette,.clips-page.minimal-ui .clip-topline,.clips-page.minimal-ui .clip-copy-panel,.clips-page.minimal-ui .clip-actions,.clips-page.minimal-ui .clip-progress,.clips-page.minimal-ui .clips-stepper,.clips-page.minimal-ui .clips-hint,.clips-page.minimal-ui .clips-mobile-nav,.clips-page.minimal-ui .clip-center-play{opacity:0;pointer-events:none}.clip-menu-backdrop,.clip-comments-backdrop{z-index:90;background:#00000094;justify-content:center;align-items:flex-end;animation:.18s both clip-sheet-backdrop;display:flex;position:fixed;inset:0}.clip-menu-sheet,.clip-comments-sheet{color:#f8f6fb;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);scrollbar-width:none;background:#17161af7;border:1px solid #ffffff1f;border-bottom:0;border-radius:24px 24px 0 0;width:min(620px,100%);max-height:min(86svh,820px);animation:.24s cubic-bezier(.2,.8,.2,1) both clip-sheet-up;overflow:auto;box-shadow:0 -24px 80px #0000008c}.clip-menu-sheet::-webkit-scrollbar{display:none}.clip-comments-sheet::-webkit-scrollbar{display:none}.clip-menu-grabber{background:#ffffff3d;border:0;border-radius:999px;width:54px;height:5px;margin:11px auto 5px;padding:0;display:block}.clip-menu-back{color:#ffffff9e;background:0 0;border:0;margin:5px 18px 0;padding:8px 0;font-size:10px}.clip-menu-list{padding:13px 15px calc(18px + env(safe-area-inset-bottom))}.clip-menu-list>header{padding:4px 12px 13px}.clip-menu-list>header span,.clip-menu-detail>span,.clip-feedback-form>span{color:#c5a2ff;letter-spacing:.16em;font-size:7px;font-weight:760;display:block}.clip-menu-list>header strong{letter-spacing:-.035em;margin-top:4px;font-size:19px;display:block}.clip-menu-list>button,.clip-menu-list>a{color:#f8f6fb;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;width:100%;min-height:62px;padding:8px 11px;display:grid}.clip-menu-list>button:hover,.clip-menu-list>a:hover{background:#ffffff0f}.clip-menu-list>button:disabled{opacity:.42;cursor:default}.clip-menu-list>button>i,.clip-menu-list>a>i{color:#efe9fa;border:1px solid #ffffff24;border-radius:11px;place-items:center;width:36px;height:36px;font-size:16px;font-style:normal;display:grid}.clip-menu-list>button>span,.clip-menu-list>a>span{min-width:0}.clip-menu-list>button strong,.clip-menu-list>a strong{font-size:12px;display:block}.clip-menu-list>button small,.clip-menu-list>a small{color:#ffffff7a;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;display:block;overflow:hidden}.clip-menu-list>button em,.clip-menu-list>a em{color:#ffffff85;font-size:9px;font-style:normal}.clip-menu-list>hr{background:#ffffff1a;border:0;height:1px;margin:8px 10px}.clip-menu-detail,.clip-feedback-form{padding:18px 27px calc(30px + env(safe-area-inset-bottom))}.clip-menu-detail h2,.clip-feedback-form h2{letter-spacing:-.055em;margin:10px 0 12px;font-size:clamp(26px,7vw,38px);line-height:1}.clip-menu-detail>p,.clip-feedback-form>p{color:#fff9;font-size:11px;line-height:1.55}.clip-menu-detail dl{border-top:1px solid #ffffff1a;margin:24px 0}.clip-menu-detail dl div{border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:15px;padding:12px 0;font-size:9px;display:flex}.clip-menu-detail dt{color:#ffffff73}.clip-menu-detail dd{margin:0}.clip-menu-detail>a{color:#15101d;background:#eee6fb;border-radius:10px;padding:12px 15px;font-size:9px;font-weight:760;display:inline-flex}.clip-quality-detail>button{color:#fff;text-align:left;background:#ffffff09;border:1px solid #ffffff17;border-radius:13px;align-items:center;gap:13px;width:100%;min-height:60px;margin-top:9px;padding:10px 13px;display:flex}.clip-quality-detail>button em{color:#ffffff7a;letter-spacing:.08em;margin-left:auto;font-size:7px;font-style:normal}.clip-quality-detail>button.selected{background:#975cff1a;border-color:#b98dff75}.clip-quality-detail>button i{color:#caaaff;place-items:center;width:31px;height:31px;font-style:normal;display:grid}.clip-quality-detail>button strong,.clip-quality-detail>button small{display:block}.clip-quality-detail>button small{color:#ffffff73;margin-top:3px;font-size:8px}.clip-haptics-detail>p{max-width:520px}.clip-haptics-status{background:linear-gradient(105deg,#78e0ff0e,#a971ff0f);border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;margin:18px 0;padding:13px;display:flex}.clip-haptics-status>i{background:#ffffff09;border:1px solid #ffffff26;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.clip-haptics-status>i:before{content:"";border:1px solid #ffffff61;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 4px #ffffff06}.clip-haptics-status>i.supported{border-color:#69e5ff59;box-shadow:0 0 22px #5cd5ff1f}.clip-haptics-status>i.supported:before{border-color:#8deaff;box-shadow:0 0 0 4px #6ee1ff14,0 0 16px #5fdfff57}.clip-haptics-status strong,.clip-haptics-status small{display:block}.clip-haptics-status strong{font-size:10px}.clip-haptics-status small{color:#ffffff73;margin-top:4px;font-size:8px}.clip-haptics-detail>button{color:#fff;text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #ffffff17;border-radius:13px;align-items:center;gap:13px;width:100%;min-height:60px;margin-top:9px;padding:10px 13px;display:flex}.clip-haptics-detail>button:disabled{opacity:.36;cursor:default}.clip-haptics-detail>button.selected{background:linear-gradient(105deg,#52d3ff1a,#9f62ff1f);border-color:#71e1ff66}.clip-haptics-detail>button i{color:#a5efff;place-items:center;width:31px;height:31px;font-style:normal;display:grid}.clip-haptics-detail>button span,.clip-haptics-detail>button strong,.clip-haptics-detail>button small{display:block}.clip-haptics-detail>button small{color:#ffffff73;margin-top:3px;font-size:8px}.clip-remix-locked{color:#ffffff94;text-align:center;border:1px dashed #ffffff24;border-radius:14px;justify-items:center;gap:6px;margin:18px 12px;padding:20px;display:grid}.clip-remix-locked i{font-size:18px;font-style:normal}.clip-remix-locked strong{color:#fff;font-size:11px}.clip-remix-locked small{max-width:290px;font-size:8px;line-height:1.5}.clip-feedback-form textarea{resize:vertical;color:#fff;width:100%;min-height:150px;font:inherit;background:#0000003d;border:1px solid #ffffff21;border-radius:13px;margin-top:15px;padding:14px;font-size:11px;line-height:1.5}.clip-feedback-form>small{color:#fff6;text-align:right;margin-top:6px;font-size:7px;display:block}.clip-feedback-form>button{color:#17111f;background:#eee5fb;border:0;border-radius:11px;width:100%;height:45px;margin-top:13px;font-weight:760}.clip-feedback-form>button:disabled{opacity:.45}.clip-comments-sheet{grid-template-rows:auto auto 1fr auto;height:min(76svh,760px);display:grid}.clip-comments-sheet>header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:61px;padding:8px 19px 12px;display:flex}.clip-comments-sheet>header>div{align-items:baseline;gap:10px;display:flex}.clip-comments-sheet>header strong{font-size:20px}.clip-comments-sheet>header span{color:#ffffff78;font-size:10px}.clip-comments-sheet>header>button{color:#fff;background:0 0;border:0;width:38px;height:38px;font-size:25px}.clip-comments-list{padding:5px 19px 20px;overflow-y:auto}.clip-comments-list>article{border-bottom:1px solid #fff1;grid-template-columns:38px 1fr;gap:11px;padding:17px 0;display:grid}.clip-comments-list>article>span{color:#fff;background:linear-gradient(135deg,#8254da,#4f8fa5);border-radius:50%;place-items:center;width:36px;height:36px;font-size:10px;font-weight:750;display:grid}.clip-comments-list article header{align-items:baseline;gap:6px;display:flex}.clip-comments-list article header strong{font-size:9px}.clip-comments-list article header small{color:#fff6;font-size:7px}.clip-comments-list article p{margin:7px 0 10px;font-size:11px;line-height:1.5}.clip-comments-list article footer{align-items:center;gap:17px;display:flex}.clip-comments-list article footer button{color:#ffffffb3;background:0 0;border:0;font-size:9px}.clip-comments-list article footer button.active{color:#c6a5ff}.clip-comments-list article footer span{color:#ffffff6b;font-size:8px}.clip-comments-list article footer a{color:#9eefff;margin-left:auto;font-size:8px;text-decoration:none}.clip-comments-list article footer a:hover{color:#fff}.clip-comments-empty{text-align:center;align-content:center;place-items:center;min-height:270px;display:grid}.clip-comments-empty>span{color:#b995ff;font-size:8px}.clip-comments-empty strong{margin-top:10px;font-size:18px}.clip-comments-empty p{color:#ffffff75;max-width:260px;font-size:9px;line-height:1.5}.clip-comments-loading{gap:13px;padding:22px 0;display:grid}.clip-comments-loading i{background:linear-gradient(100deg,#ffffff08,#ffffff14,#ffffff08);border-radius:12px;height:74px;animation:1.2s ease-in-out infinite alternate clip-comment-shimmer;display:block}.clip-comment-compose{padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#17161a;border-top:1px solid #ffffff1a;gap:8px;display:flex}.clip-comment-compose input{color:#fff;background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;flex:1;min-width:0;height:44px;padding:0 15px;font-size:10px}.clip-comment-compose button,.clip-comment-compose a{color:#16101f;background:#eee5fb;border:0;border-radius:999px;place-items:center;min-width:44px;height:44px;padding:0 13px;font-size:9px;font-weight:760;display:grid}.clip-comment-compose button:disabled{opacity:.35}@keyframes clip-sheet-backdrop{0%{opacity:0}}@keyframes clip-sheet-up{0%{opacity:.5;transform:translateY(28px)}}@keyframes clip-comment-shimmer{to{opacity:.45}}.clips-loading,.clips-empty-page{color:#fff;background:#050507;min-height:100svh;padding:30px clamp(20px,5vw,70px)}.clips-loading{flex-direction:column;display:flex}.clips-loading>div{justify-items:center;gap:13px;margin:auto;display:grid}.clips-loading>div i{border:1px solid #ffffff1a;border-top-color:#ad82ff;border-radius:50%;width:46px;height:46px;animation:1s linear infinite clip-spin}.clips-loading span,.clips-empty-page main>span{color:#aa82ff;letter-spacing:.18em;font-size:7px}.clips-loading strong{font-size:16px}@keyframes clip-spin{to{transform:rotate(360deg)}}.clips-empty-page main{max-width:760px;margin:20vh auto 0}.clips-empty-page h1{letter-spacing:-.07em;margin:20px 0;font-size:clamp(48px,8vw,110px);line-height:.9}.clips-empty-page p{color:#ffffff80;max-width:540px;font-size:13px;line-height:1.7}.clips-empty-page main a{color:#bf9fff;margin:25px 22px 0 0;font-size:9px;display:inline-block}@media (max-width:680px){.clips-header{display:none}.clips-mobile-toolbar{z-index:45;min-height:calc(58px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 15px 8px;pointer-events:none;background:linear-gradient(#020203d1,#02020347 76%,#0000);justify-content:space-between;align-items:center;gap:15px;display:flex;position:fixed;inset:0 0 auto}.clips-mobile-toolbar>*{pointer-events:auto}.clips-mobile-toolbar>a{color:#fff;letter-spacing:-.035em;font-size:17px;font-weight:590}.clips-mobile-toolbar>a strong{color:#0000;letter-spacing:.08em;background:linear-gradient(100deg,#f8f4ff,#b798ff 43%,#7ce8ff 58%,#f8f4ff 76%) 0 0/230% 100%;-webkit-background-clip:text;background-clip:text;font-weight:820;animation:6.8s cubic-bezier(.4,0,.2,1) infinite clips-wordmark-lustre}.clips-mobile-toolbar>div{align-items:center;gap:7px;display:flex}.clips-mobile-toolbar button,.clips-mobile-toolbar>div a{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a090d61;border:1px solid #ffffff21;border-radius:50%;place-items:center;width:38px;height:38px;font-size:16px;display:grid}.clips-mobile-toolbar>div a:last-child{letter-spacing:.08em;font-size:11px}.clips-mobile-filters{z-index:44;inset:calc(61px + env(safe-area-inset-top)) 0 auto;scrollbar-width:none;scroll-snap-type:x proximity;background:linear-gradient(#02020357,#0000);gap:8px;padding:7px 14px 13px;display:flex;position:fixed;overflow-x:auto}.clips-mobile-filters::-webkit-scrollbar{display:none}.clips-mobile-filters button{color:#ffffffd1;scroll-snap-align:start;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0b0f75;border:1px solid #ffffff29;border-radius:999px;min-width:max-content;height:35px;padding:0 13px;font-size:10px;font-weight:650}.clips-mobile-filters button.active{color:#120d1c;background:#f1eaff;border-color:#fff;box-shadow:0 7px 24px #5f37963d}.clip-slide{place-items:stretch stretch}.clip-canvas{border:0;border-radius:0;width:100%;height:100svh}.clip-ambient,.clip-slide:after,.clips-stepper,.clips-hint,.clip-topline{display:none}.clip-vignette{background:linear-gradient(#00000061,#0000 27% 43%,#000000e6 100%)}.clip-copy-panel{inset:auto 79px calc(89px + env(safe-area-inset-bottom)) 15px}.clip-context{margin-bottom:10px}.clip-context span,.clip-context a,.clip-context button{font-size:8px}.clip-context .clip-chain-badge{white-space:nowrap;text-overflow:ellipsis;max-width:138px;overflow:hidden}.clip-source-context,.clip-reply-context{margin-bottom:8px;padding:8px 32px 8px 10px}.clip-source-context span,.clip-reply-context span{font-size:6px}.clip-source-context strong,.clip-reply-context strong{font-size:10px}.clip-source-context small{font-size:8px}.clip-creator{margin-bottom:10px}.clip-creator>a>span{width:34px;height:34px;font-size:11px}.clip-creator strong{font-size:11px}.clip-follow{color:#15121a;background:#fffffff2;border-color:#fff;min-height:32px;padding:7px 11px;font-size:9px;font-weight:750}.clip-copy-panel h1{margin:7px 0 6px;font-size:clamp(18px,5.7vw,25px);line-height:1.08}.clip-copy-panel>p{-webkit-line-clamp:2;font-size:11px;line-height:1.42}.clip-chapters{margin-top:8px}.clip-chapters button{min-height:31px;padding:0 10px;font-size:8px}.clip-chapters button span{font-size:7px}.clip-original{margin-top:9px;font-size:9px}.clip-actions{right:7px;bottom:calc(97px + env(safe-area-inset-bottom));gap:12px}.clip-actions button,.clip-actions a{gap:4px;width:58px}.clip-actions i{background:#08070a57;border-color:#ffffff40;width:45px;height:45px;font-size:19px}.clip-actions span{font-size:8px;font-weight:650}.clip-progress{inset:auto 0 calc(74px + env(safe-area-inset-bottom));height:3px}.clip-chain-next{inset:auto 74px calc(84px + env(safe-area-inset-bottom)) 12px;padding:12px}.clip-chain-next>strong{font-size:13px}.clips-mobile-nav{z-index:52;height:calc(74px + env(safe-area-inset-bottom));padding:7px 7px env(safe-area-inset-bottom);background:#050507f7;border-top:1px solid #ffffff1a;grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -12px 32px #0000004d}.clips-mobile-nav a{color:#ffffff9e;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:58px;font-size:8px;display:flex}.clips-mobile-nav a i{place-items:center;min-width:30px;height:30px;font-size:20px;font-style:normal;display:grid}.clips-mobile-nav a.active{color:#fff}.clips-mobile-nav a.active i{color:#c7a8ff;text-shadow:0 0 15px #b589ffb3}.clips-mobile-nav a.create i{color:#100b18;background:linear-gradient(135deg,#f2eaff,#b98dff);border:3px solid #050507;border-radius:50%;width:46px;height:46px;margin-top:-17px;font-size:29px;box-shadow:0 10px 25px #6a3daa66}.clips-mobile-nav a.create span{margin-top:-6px}.clips-notice{bottom:calc(88px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.clips-deck{scroll-behavior:auto}.clip-actions i{transition:none}.clips-loading>div i,.clips-notice,.clips-wordmark>span,.clips-mobile-toolbar>a strong,.clip-chain-next,.clip-chain-next>i{animation:none}}