.reels{--mono: "ProFontWindows", "Azeret Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;padding:0 24px}.reels-cue,.reels-label,.reels-hint,.reels-open{margin:0;font-family:var(--mono);font-size:13px;line-height:16px;letter-spacing:.5px;text-transform:uppercase;color:#2b2b28}.reels-hint{color:#6f6d66}.reels-cue{text-align:center}.reels-stage{--step: 80vh;position:relative;height:calc(var(--n, 1) * var(--step) + 100vh)}.reels-pin{--pin-safe: 100vh;--pin-top: 48px;--pin-bottom: 16px;--furniture: 64px;--phone-room: calc( var(--pin-safe) - var(--pin-top) - var(--pin-bottom) - var(--furniture) );position:sticky;top:0;height:100vh;box-sizing:border-box;padding:var(--pin-top) 0 calc(var(--pin-bottom) + 100vh - var(--pin-safe));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}@supports (height: 1svh){.reels-pin{--pin-safe: 100svh}}.phone{--screen-ratio: 2;--ig-bar: 54px;--media-h: max(calc(var(--screen-w) * 16 / 9), var(--screen-h));--seam: 1px;--reel-h: calc(var(--media-h) - var(--seam) * 2);--letterbox: max(0px, calc((var(--screen-h) - var(--reel-h)) / 2));--reel-step: calc(var(--reel-h) + var(--letterbox));--reel-side: calc((var(--reel-w) - var(--screen-w)) / 2);--reel-w: calc(var(--media-h) * .5625 - var(--seam) * 2);--ig-w: calc(var(--media-h) * .8);--ig-x: calc((var(--reel-w) - var(--ig-w)) / 2);--ig-y: calc(-1 * (var(--ig-bar) + var(--seam)));--ig-h: calc(var(--media-h) + 240px)}.reel-window{position:absolute;top:50%;left:50%;width:var(--reel-w);height:var(--reel-h);--slide: calc((var(--reel-at, 0) - var(--deck-at, 0)) * var(--reel-step));transform:translate(-50%,calc(-50% + var(--slide)));overflow:hidden;pointer-events:none;will-change:transform}.reel-window.is-current{pointer-events:auto}.reel-window iframe{position:absolute;top:var(--ig-y);left:var(--ig-x);width:var(--ig-w);height:var(--ig-h);border:0}.reel-window.is-blank:after{content:attr(data-note);position:absolute;inset:0;display:grid;place-items:center;font-family:var(--mono);font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:#6f6d66}.reel-ui,.reel-sheet{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:calc(var(--screen-w) * .038);line-height:1.35;letter-spacing:0;text-transform:none}.reel-ui{position:absolute;top:0;bottom:0;left:var(--reel-side);right:var(--reel-side);z-index:1;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.55)}.reel-ui [hidden],.reel-sheet [hidden]{display:none}.reel-ui-rail{position:absolute;right:calc(var(--screen-w) * .045);bottom:calc(var(--screen-w) * .1);display:flex;flex-direction:column;align-items:center;gap:calc(var(--screen-w) * .062)}.reel-ui-act{display:flex;flex-direction:column;align-items:center;gap:calc(var(--screen-w) * .008)}.reel-ui-count{font-size:calc(var(--screen-w) * .032);font-weight:600}.reel-ui-icon svg{display:block;width:calc(var(--screen-w) * .082);height:calc(var(--screen-w) * .082);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.reel-ui-dots svg{width:calc(var(--screen-w) * .06);height:calc(var(--screen-w) * .06)}.reel-ui-foot{position:absolute;left:0;right:0;bottom:0;padding:0 calc(var(--screen-w) * .2) calc(var(--screen-w) * .07) calc(var(--screen-w) * .05);display:flex;flex-direction:column;gap:calc(var(--screen-w) * .026)}.reel-ui-who{display:flex;align-items:center;gap:calc(var(--screen-w) * .028);color:inherit;text-decoration:none;font-weight:600;pointer-events:auto;width:fit-content;max-width:100%}.reel-ui-avatar{position:relative;flex:none;display:grid;place-items:center;width:calc(var(--screen-w) * .09);height:calc(var(--screen-w) * .09);border-radius:50%;border:1px solid rgba(255,255,255,.9);background:#ffffff24;font-size:calc(var(--screen-w) * .042);font-weight:600;text-shadow:none;overflow:hidden}.reel-ui-avatar:before{content:attr(data-monogram)}.reel-ui-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.reel-ui-handle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-ui-follow{flex:none;padding:calc(var(--screen-w) * .012) calc(var(--screen-w) * .032);border:1px solid rgba(255,255,255,.9);border-radius:calc(var(--screen-w) * .018);font-size:calc(var(--screen-w) * .033);font-weight:600;text-shadow:none}.reel-ui-caption{margin:0;color:#ffffffbf;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel-ui-caption.is-expandable{cursor:pointer;pointer-events:auto}.phone-screen.is-sliding .reel-ui-who,.phone-screen.is-sliding .reel-ui-caption{pointer-events:none}.reel-ui-audio{margin:0;display:flex;align-items:center;gap:calc(var(--screen-w) * .02);font-size:calc(var(--screen-w) * .034)}.reel-ui-audio:before{content:"♪";font-size:calc(var(--screen-w) * .042)}.phone-screen{--sheet-h: 55%}.reel-sheet{position:absolute;left:0;right:0;bottom:0;height:var(--sheet-h);z-index:2;display:flex;flex-direction:column;background:#1c1c1e;border-radius:calc(var(--screen-w) * .045) calc(var(--screen-w) * .045) 0 0;padding:0 calc(var(--screen-w) * .045);transform:translateY(100%);transition:transform .32s ease;pointer-events:auto}.phone-screen.is-sheet-open .reel-sheet{transform:translateY(var(--sheet-drag, 0px))}.reel-sheet.is-dragging{transition:none}.reel-sheet-backdrop{position:absolute;top:0;left:0;right:0;bottom:var(--sheet-h);z-index:1;display:none}.phone-screen.is-sheet-open .reel-sheet-backdrop{display:block}.reel-sheet-grab{flex:none;align-self:center;touch-action:none;margin:calc(var(--screen-w) * .035) 0 calc(var(--screen-w) * .03);padding:0;width:calc(var(--screen-w) * .13);height:calc(var(--screen-w) * .011);border:0;border-radius:999px;background:#ffffff59;cursor:pointer}.reel-sheet-head{flex:none;display:flex;align-items:center;gap:calc(var(--screen-w) * .03);padding-bottom:calc(var(--screen-w) * .04);touch-action:none}.reel-sheet-who{display:flex;align-items:center;gap:calc(var(--screen-w) * .03);flex:1;min-width:0;color:inherit;text-decoration:none}.reel-sheet .reel-ui-avatar{width:calc(var(--screen-w) * .115);height:calc(var(--screen-w) * .115);font-size:calc(var(--screen-w) * .05);border-color:#ffffff40}.reel-sheet-names{display:flex;flex-direction:column;min-width:0}.reel-sheet-handle{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-sheet .reel-ui-audio{color:#ffffffa6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.reel-sheet .reel-ui-audio:before{margin-right:calc(var(--screen-w) * .02)}.reel-sheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(var(--screen-w) * .06);scrollbar-width:none;touch-action:pan-y}.reel-sheet-body::-webkit-scrollbar{display:none}.reel-sheet-caption{margin:0;white-space:pre-line;color:#ffffffeb}.reel-sheet-tag{color:#ffffff73}.phone-screen.is-sheet-open .reel-window{transform:translate(-50%,calc(-50% + var(--slide))) scale(.36) translateY(-70%);border-radius:calc(var(--screen-w) * .05);transition:transform .32s ease}.phone-screen.is-sheet-open .reel-ui-rail,.phone-screen.is-sheet-open .reel-ui-foot{opacity:0;pointer-events:none}.reel-ui-rail,.reel-ui-foot{transition:opacity .2s ease}.reels-readout{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;justify-content:center;max-width:100%}.reels-code{margin-left:16px;text-transform:none;color:#6f6d66}.reels-open{color:#0015ff;text-decoration:none}.reels-open:hover{text-decoration:underline}@media(max-width:640px){.reels-stage{--step: 70vh}.reels{padding:0 16px}.reels-readout{flex-direction:column;gap:8px}.reels-pin{--furniture: 64px;justify-content:safe center}.phone{--phone-max-w: calc(100vw - 40px) }}