.viewer-expanded-backdrop{padding:24px;overflow:hidden}
.viewer.viewer-expanded{display:grid;grid-template-columns:270px minmax(0,1fr);width:min(1360px,100%);height:calc(100dvh - 48px);max-height:none;padding:0;overflow:hidden;border-radius:18px}
.viewer-rail{display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;padding:22px;background:#121215;border-right:1px solid #242429;scrollbar-width:thin;scrollbar-color:#503461 transparent}
.viewer-rail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}
.viewer-rail-heading h2{font-size:17px;letter-spacing:-.35px;color:#b7b7bd;font-weight:550}
.viewer-close{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;padding:0;font-size:26px;line-height:1;border-radius:8px}
.viewer-close:hover{background:#202025}
.viewer-person h3{font-size:29px;line-height:1.2;letter-spacing:-.7px;overflow-wrap:anywhere;margin:9px 0 10px}
.viewer-person .viewer-meta{font-size:14px;color:#878792;margin:0}
.viewer-platform{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:4px 8px;border:1px solid #3b3b44;border-radius:7px;color:#c3a4df;background:#1b1b20;font-size:14px}
.viewer-rail-actions{display:flex;flex-direction:column;gap:8px;margin-top:26px}
.viewer-rail-actions .secondary{width:100%;min-height:44px;justify-content:flex-start;padding:10px 12px;text-align:left;font-size:14px}
.viewer-rail-actions [aria-pressed="true"]{background:#24242a;border-color:#644083;color:#dabdff}
.viewer-rail-actions .text-button{min-height:40px;text-align:left;padding:8px 12px}
.viewer-rail-navigation{display:flex;flex-direction:column;gap:8px;padding-top:24px;margin-top:auto}
.viewer-position{font-size:17px;color:#d8baff;font-variant-numeric:tabular-nums;margin-bottom:4px}
.viewer-position span{font-size:14px;color:#8c759f}
.viewer-rail-navigation .secondary,.viewer-rail-navigation .primary{width:100%;min-height:44px;font-size:14px;padding:10px 12px}

.viewer-screen{min-width:0;min-height:0;padding:14px;display:flex;background:#09090a}
.viewer-expanded .video-stage{width:100%;height:100%;max-width:none;min-height:0;margin:0;aspect-ratio:auto;border-radius:12px;border-color:#1d1d21}
.viewer-expanded .video-stage iframe{display:block;width:100%;height:100%;min-height:0}
.viewer-expanded .instagram-stage{position:relative}
.viewer-expanded .instagram-stage iframe{position:absolute;left:50%;top:50%;transform-origin:center;border-radius:10px}
.viewer-expanded .native-stage{position:relative}
.viewer-expanded .native-stage video{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;background:#000}
.player-loading{position:absolute;inset:0;display:grid;place-items:center;background:#09090a;color:#c3a4df;font-size:15.5px;pointer-events:none}
.viewer-expanded [hidden]{display:none!important}
.viewer-expanded-backdrop:fullscreen{padding:0}
.viewer-expanded-backdrop:fullscreen .viewer-expanded{width:100%;height:100dvh;border:0;border-radius:0}
@media(max-height:760px) and (min-width:701px){.viewer-rail{padding:16px 20px}.viewer-rail-heading{margin-bottom:14px}.viewer-person h3{font-size:26px;margin:7px 0}.viewer-platform{margin-top:9px}.viewer-rail-actions{margin-top:18px;gap:6px}.viewer-rail-actions .secondary{min-height:40px;padding:8px 10px}.viewer-rail-actions .text-button{min-height:36px;padding:6px 10px}.viewer-rail-navigation{padding-top:16px;gap:6px}.viewer-rail-navigation .secondary,.viewer-rail-navigation .primary{min-height:40px;padding:8px 10px}}
@media(max-width:900px) and (min-width:701px){.viewer-expanded-backdrop{padding:14px}.viewer.viewer-expanded{grid-template-columns:236px minmax(0,1fr);height:calc(100dvh - 28px)}.viewer-rail{padding-left:18px;padding-right:18px}.viewer-screen{padding:10px}}
@media(max-width:700px){.viewer-expanded-backdrop{padding:8px}.viewer.viewer-expanded{display:flex;flex-direction:column;height:calc(100dvh - 16px);max-height:none;overflow-y:auto;border-radius:16px}.viewer-screen{order:0;flex:0 0 auto;height:min(72dvh,calc((100vw - 36px)*16/9));min-height:280px;padding:9px}.viewer-expanded .video-stage{border-radius:9px}.viewer-rail{order:1;flex:0 0 auto;overflow:visible;padding:20px;border-right:0;border-top:1px solid #242429}.viewer-rail-heading{margin-bottom:16px}.viewer-close{position:fixed;z-index:1;top:22px;right:22px;width:40px;height:40px;background:#16161aed;border:1px solid #5b3c71;color:#e0ccf7}.viewer-person h3{font-size:26px}.viewer-rail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.viewer-rail-actions .secondary{min-height:48px}.viewer-rail-actions .text-button{grid-column:1/-1;text-align:center}.viewer-rail-navigation{display:grid;grid-template-columns:1fr 1fr;padding-top:20px;gap:10px}.viewer-position{grid-column:1/-1}.viewer-position{text-align:center}.viewer-rail-navigation .secondary,.viewer-rail-navigation .primary{min-height:48px}.viewer-expanded-backdrop:fullscreen .viewer-close{top:14px;right:14px}}

.viewer-rail-actions .secondary,.viewer-rail-navigation .secondary,.viewer-rail-navigation .primary{overflow-wrap:anywhere}
.playback-notice{font-size:13.5px;line-height:1.6;color:#b8b8be;padding:3px 2px;overflow-wrap:anywhere}
.viewer-expanded .photo-stage{position:relative;background:#000;display:flex;align-items:center;justify-content:center}
.photo-stage .photo-image{display:block;width:100%;height:100%;object-fit:contain;min-width:0;min-height:0}
.video-stage{position:relative}
.media-controls{position:absolute;z-index:2;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:2px;min-width:0;padding:42px 20px 12px;background:linear-gradient(transparent,#070708db 40%,#070708f5);color:#fff}
.media-transport{display:flex;align-items:center;gap:12px;min-width:0}
.media-transport button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:#fff;font-size:18px;flex-shrink:0;cursor:pointer}
.media-transport button:hover{background:#ffffff21}
.media-time{font-size:14.5px;font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:auto}
.media-volume{display:flex;align-items:center;gap:10px;width:170px;max-width:42%;min-width:0}
.media-volume-value{font-size:12.5px;color:#dedee2;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:34px;text-align:right}
.media-progress,.media-volume-range{display:block;width:100%;min-width:0;height:30px;margin:0;padding:0;border:0;background:transparent;accent-color:#ad7cff;cursor:pointer}
.media-progress:disabled{opacity:.45;cursor:default}
.media-controls :focus-visible{outline:2px solid #ad7cff;outline-offset:2px;border-radius:6px}
.viewer-expanded .youtube-stage{padding-bottom:88px}
.youtube-stage .media-controls{padding-top:8px;background:#09090a}
.photo-carousel{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.photo-carousel .secondary{padding:6px 10px;font-size:13.5px;min-height:34px}
.photo-position,.photo-audio-status{color:#b8b8be;font-size:13.5px;line-height:1.5;margin:2px 0}
.photo-audio-status{position:absolute;top:12px;left:12px;padding:8px 12px;background:#070708db;border-radius:8px}
@media(max-width:700px){.media-controls{padding:30px 12px 8px}.media-transport{gap:6px}.media-volume{gap:6px;max-width:42%}.media-time{font-size:12.5px}.media-transport button{width:30px}}
.viewer-live{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:#a88bc2;font-size:12.5px}
.viewer-live .text-button{font-size:12.5px;min-height:32px;padding:6px 0}
.preload-status{color:#a7a7af;font-size:12.5px;line-height:1.6;margin:0 0 12px;overflow-wrap:anywhere}
.viewer-rail-navigation .preload-status{margin:4px 0 0}
.viewer-expanded .native-stage video,.photo-stage .photo-image{cursor:pointer}
.completion #resume-viewer{margin:0 8px 12px}
@media(max-width:700px){.viewer-live{grid-column:1/-1;justify-content:center;gap:20px}.viewer-rail-navigation .preload-status{grid-column:1/-1;text-align:center}}
/* Compact viewer actions (1.7.64): two columns of short buttons. */
.viewer-rail-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:16px}
.viewer-rail-actions .secondary,.viewer-rail-actions .text-button{width:100%;min-height:36px;padding:7px 8px;font-size:13.5px;justify-content:center;text-align:center;white-space:nowrap}
.viewer-rail-actions .playback-notice,.viewer-rail-actions .error{grid-column:1/-1}
.skip-countdown{position:absolute;z-index:3;left:50%;bottom:18px;transform:translateX(-50%);margin:0;padding:7px 15px;border:1px solid #494953;border-radius:999px;background:#0f0f11eb;color:#efeff0;font-size:15px;width:max-content;max-width:calc(100% - 24px);text-align:center;box-shadow:0 6px 20px #0008;pointer-events:none}
.viewer-sender{display:flex;align-items:center;gap:12px;margin:10px 0}.viewer-sender h3{margin:0;min-width:0}.viewer-sender .person-avatar{width:46px;height:46px;font-size:18px}