.reels-page{background:color-mix(in srgb, var(--txt) 94%, black);height:100dvh;overflow:hidden}.reels-page .reels-shell{overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;height:calc(100dvh - 56px);margin-top:56px;overflow-y:auto}.reels-page .reels-shell::-webkit-scrollbar{display:none}.reels-page .reel-item{scroll-snap-align:start;scroll-snap-stop:always;place-items:center;height:calc(100dvh - 56px);min-height:520px;padding:12px;display:grid}.reels-page .reel-stage{background:color-mix(in srgb, var(--txt) 96%, black);border-radius:12px;width:min(520px,100%);height:100%;position:relative;overflow:hidden;box-shadow:0 14px 44px #0006}.reels-page .reel-stage-placeholder{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 42%), color-mix(in srgb, var(--txt) 96%, black)}.reels-page .reel-video-surface{background:color-mix(in srgb, var(--txt) 96%, black);width:100%;height:100%;display:block;position:absolute;inset:0}.reels-page .reel-video-surface video{object-fit:contain;width:100%;height:100%}.reels-page .reel-play-state{width:68px;height:68px;color:var(--card);background:color-mix(in srgb, var(--txt) 62%, transparent);pointer-events:none;border-radius:50%;place-content:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reels-page .reel-play-state svg{fill:currentColor;width:32px;height:32px;margin-left:4px}.reels-page .reel-shade{pointer-events:none;background:linear-gradient(#0000 52%,#000000c7 100%);position:absolute;inset:0}.reels-page .reel-progress{z-index:7;background:color-mix(in srgb, var(--card) 26%, transparent);pointer-events:none;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.reels-page .reel-progress span{transform-origin:0;will-change:transform;background:color-mix(in srgb, var(--card) 92%, transparent);width:100%;height:100%;display:block;transform:scaleX(0)}.reels-page .reel-copy{z-index:2;color:var(--card);text-shadow:0 1px 3px #000000b3;align-items:flex-start;gap:10px;display:flex;position:absolute;bottom:22px;left:18px;right:92px}.reels-page .reel-copy .av{flex:0 0 40px}.reels-page .reel-copy>div{min-width:0}.reels-page .reel-copy strong{font-size:15px;display:block}.reels-page .reel-copy span{opacity:.82;margin-top:2px;font-size:12px;display:block}.reels-page .reel-copy p{overflow-wrap:anywhere;margin:7px 0 0;font-size:14px;line-height:1.4}.reels-page .reel-actions{z-index:4;color:var(--card);flex-direction:column;align-items:center;gap:15px;display:flex;position:absolute;bottom:20px;right:14px}.reels-page .reel-action,.reels-page .reel-action-group{color:var(--card);text-shadow:0 1px 3px #000000b3;flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.reels-page .reel-action>span,.reels-page .reel-actions .feed-reaction-control>.act{width:48px;height:48px;color:var(--card);background:color-mix(in srgb, var(--txt) 55%, transparent);border:1px solid color-mix(in srgb, var(--card) 24%, transparent);border-radius:50%;place-content:center;padding:0;display:grid}.reels-page .reel-action:hover>span,.reels-page .reel-actions .feed-reaction-control>.act:hover{background:color-mix(in srgb, var(--txt) 74%, transparent)}.reels-page .reel-action svg{width:23px;height:23px}.reels-page .reel-action small,.reels-page .reel-action-group>span{font-size:11px;font-weight:600}.reels-page .reel-actions .feed-reaction-control{flex:none}.reels-page .reel-actions .feed-reaction-control>.act{font-size:0}.reels-page .reel-actions .feed-reaction-control>.act svg{width:23px;height:23px}.reels-page .reel-actions .selected-reaction{font-size:24px}.reels-page .reel-actions .feed-reaction-picker{bottom:0;left:auto;right:calc(100% + 10px)}.reels-page .reel-sound svg,.reels-page .reel-comments-panel svg{fill:none}.reels-page .reel-comments-panel{z-index:8;width:min(360px,82%);color:var(--txt);background:var(--card);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-10px 0 28px #00000047}.reels-page .reel-comments-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:54px;padding:10px 14px;display:flex}.reels-page .reel-comments-panel>header strong{font-size:16px}.reels-page .reel-comments-panel>header button{width:34px;height:34px;color:var(--txt2);background:var(--bg);border-radius:50%;place-content:center;display:grid}.reels-page .reel-comments-panel>header svg{width:18px;height:18px}.reels-page .reel-comments-panel .cms{flex:1;min-height:0;padding-top:10px;overflow-y:auto}.reels-page .reel-comments-panel .cbox{background:var(--card);padding:10px 0 12px;position:sticky;bottom:-12px}.reels-page .reels-empty{height:100%;color:var(--card);text-align:center;place-content:center;justify-items:center;padding:24px;display:grid}.reels-page .reels-empty>svg{fill:none;width:52px;height:52px;margin-bottom:14px}.reels-page .reels-empty h1{font-family:var(--font-display);font-size:30px}.reels-page .reels-empty p{color:color-mix(in srgb, var(--card) 72%, transparent);margin:6px 0 18px}.reels-page .reels-empty a{color:var(--txt);background:var(--card);border-radius:8px;padding:10px 16px;font-weight:600}@media (max-width:900px){.reels-page .reels-shell,.reels-page .reel-item{height:calc(100dvh - 120px)}.reels-page .reel-item{min-height:420px;padding:0}.reels-page .reel-stage{width:100%;box-shadow:none;border-radius:0}}@media (max-width:520px){.reels-page .reel-copy{bottom:16px;left:14px;right:78px}.reels-page .reel-copy .av{flex-basis:36px;width:36px;height:36px;font-size:12px}.reels-page .reel-actions{gap:12px;bottom:14px;right:10px}.reels-page .reel-action>span,.reels-page .reel-actions .feed-reaction-control>.act{width:44px;height:44px}.reels-page .reel-comments-panel{border-radius:16px 16px 0 0;width:100%;height:min(58%,460px);top:auto;left:0;box-shadow:0 -10px 28px #00000047}}@media (prefers-reduced-motion:reduce){.reels-page .reels-shell{scroll-behavior:auto}}.reels-page{background:radial-gradient(circle at 20% 15%, color-mix(in srgb, var(--gold) 15%, transparent), transparent 34rem), radial-gradient(circle at 82% 78%, color-mix(in srgb, var(--sage) 13%, transparent), transparent 30rem), color-mix(in srgb, var(--txt) 96%, black)}.reels-page .reels-shell{height:calc(100dvh - 72px);margin-top:72px;scroll-padding-block:18px}.reels-page .reel-item{height:calc(100dvh - 72px);padding:18px}.reels-page .reel-stage{border:1px solid color-mix(in srgb, var(--card) 14%, transparent);border-radius:26px;width:min(560px,100%);max-height:920px;box-shadow:0 28px 80px #00000085}.reels-page .reel-video-surface video{background:color-mix(in srgb, var(--txt) 96%, black)}.reels-page .reel-shade{background:linear-gradient(#00000029,#0000 24%),linear-gradient(#0000 46%,#000000d6 100%)}.reels-page .reel-progress{border-radius:999px;height:4px;bottom:10px;left:16px;right:16px}.reels-page .reel-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--gold), color-mix(in srgb, var(--card) 90%, var(--gold)))}.reels-page .reel-copy{gap:12px;bottom:30px;left:22px;right:104px}.reels-page .reel-copy .av{border:2px solid color-mix(in srgb, var(--card) 72%, transparent);box-shadow:0 5px 18px #00000052}.reels-page .reel-copy strong{font-size:16px}.reels-page .reel-copy p{max-width:390px;line-height:1.5}.reels-page .reel-actions{gap:17px;bottom:30px;right:18px}.reels-page .reel-action>span,.reels-page .reel-actions .feed-reaction-control>.act{background:color-mix(in srgb, var(--txt) 54%, transparent);border-color:color-mix(in srgb, var(--card) 32%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:50px;height:50px;box-shadow:0 8px 24px #00000038}.reels-page .reel-action:hover>span,.reels-page .reel-actions .feed-reaction-control>.act:hover{color:color-mix(in srgb, var(--gold) 84%, var(--card));background:color-mix(in srgb, var(--txt) 74%, transparent);transform:translateY(-2px)}.reels-page .reel-comments-panel{border-left:1px solid var(--line);background:color-mix(in srgb, var(--card) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px 0 0 22px;width:min(380px,84%)}.reels-page .reel-comments-panel>header{min-height:64px;padding-inline:18px}.reels-page .reels-empty{min-height:100%}.reels-page .reels-empty>svg{color:var(--gold)}.reels-page .reels-empty a{box-shadow:var(--sh);border-radius:999px}@media (max-width:900px){.reels-page .reels-shell{height:calc(100dvh - 148px);margin-top:64px}.reels-page .reel-item{height:calc(100dvh - 148px);padding:0}.reels-page .reel-stage{border:0;border-radius:0;max-height:none}}@media (max-width:520px){.reels-page .reel-copy{bottom:26px;left:15px;right:76px}.reels-page .reel-copy p{max-height:4.2em;overflow:hidden}.reels-page .reel-actions{gap:11px;bottom:25px;right:9px}.reels-page .reel-action>span,.reels-page .reel-actions .feed-reaction-control>.act{width:44px;height:44px}.reels-page .reel-progress{bottom:7px;left:10px;right:10px}.reels-page .reel-comments-panel{border-radius:22px 22px 0 0;height:min(64%,520px)}}