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