.social-media{--social-aspect:16/9;position:relative;margin-top:12px;max-width:100%;color:#fff;background:#08080a;border:1px solid var(--border,#27272a);border-radius:16px;overflow:hidden;contain:layout style}
.social-media-stage{position:relative;width:100%;aspect-ratio:var(--social-aspect);background:#08080a;overflow:hidden}
.social-media-cover{position:absolute;inset:0;border:0;padding:0;background:#101014;width:100%;height:100%;cursor:pointer;color:white}
.social-media-cover img{width:100%;height:100%;object-fit:contain;display:block}
.social-media-placeholder{display:block;width:100%;height:100%;background:radial-gradient(ellipse at center,#28222e,#101014)}
.social-media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;padding-left:3px;border-radius:50%;font-size:23px;background:var(--primary,#dc2626);box-shadow:0 4px 24px #0006}
.social-media-cover:focus-visible,.social-story-overlay button:focus-visible{outline:3px solid white;outline-offset:-4px}
.social-media-duration{position:absolute;right:10px;bottom:10px;background:#000b;border-radius:5px;padding:2px 6px;font-size:12px}
.social-media-portrait[data-mode=feed]{max-width:360px;margin-left:auto;margin-right:auto}
.social-media-circle[data-mode=feed]{width:min(100%,300px);margin-left:auto;margin-right:auto}
.social-media-circle .social-media-stage{border-radius:50%;isolation:isolate}
.social-media-circle .video-js .vjs-tech,.social-media-circle .social-media-cover img{object-fit:cover}
.social-media-circle .video-js .vjs-control-bar{bottom:7%;left:12%;width:76%;border-radius:12px}
.social-media-circle .video-js .vjs-volume-control,.social-media-circle .video-js .vjs-fullscreen-control,.social-media-circle .video-js .vjs-current-time{display:none}
.social-media-circle .video-js .vjs-volume-panel{width:4em}
.social-media .video-js{width:100%;height:100%;font-family:inherit;font-size:12px;background:#08080a}
.social-media .video-js .vjs-big-play-button{left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;line-height:54px;border:0;border-radius:50%;background:var(--primary,#dc2626)}
.social-media .video-js .vjs-control-bar{background:linear-gradient(transparent,#000e);height:4em;padding-top:.5em}
.social-media .video-js .vjs-play-progress,.social-media .video-js .vjs-volume-level{background:var(--primary,#dc2626)}
.social-media .video-js .vjs-tech{object-fit:contain}
.social-media-stage>iframe{border:0;width:100%;height:100%;display:block}
.social-media-message{font-size:12px;text-align:center;line-height:1.4;background:#141416;color:#bfbfc9;padding:7px 10px}
.social-media-message:empty{display:none}.social-media-message button{margin-left:8px;color:#fff;text-decoration:underline}
.social-media-toolbar{display:flex;gap:12px;flex-wrap:wrap;background:#17171b;padding:8px 12px;font-size:12px}
.social-media-toolbar select{max-width:220px;background:#24242a;color:#fff;border:1px solid #3d3d46;border-radius:6px;padding:4px}
.watch-player-shell>.social-media{margin:0;width:100%;height:100%;border:0;border-radius:0}
.watch-player-shell>.social-media>.social-media-stage{height:100%;aspect-ratio:auto}
.watch-player-shell>.social-media>.social-media-message,.watch-player-shell>.social-media>.social-media-toolbar{position:absolute;bottom:0;z-index:5}
.watch-layout.social-watch-layout{height:auto;min-height:100vh;display:flex;flex-direction:column;max-width:780px;margin:0 auto;padding-top:70px;padding-bottom:90px;background:transparent}
.social-watch-layout .watch-player-area{flex:none;width:100%;height:auto;padding:0;aspect-ratio:var(--watch-aspect);border-radius:16px;max-height:none}
.social-watch-layout .watch-player-area .watch-player-shell{width:100%;height:100%;aspect-ratio:inherit;border-radius:16px;max-height:none}
.social-watch-layout .watch-player-area.is-vertical{width:min(100%,420px);margin:0 auto;aspect-ratio:var(--watch-aspect);padding:0}
.social-watch-layout .watch-sidebar{width:100%;border:1px solid var(--border,#27272a);border-radius:16px;margin-top:16px;overflow:visible;min-height:0}
@media(max-width:780px){.watch-layout.social-watch-layout{padding-left:12px;padding-right:12px}.social-watch-layout .watch-player-area.is-vertical{width:min(100%,var(--watch-portrait-width))}}
.social-story-overlay{position:fixed;inset:0;z-index:180;display:flex;align-items:center;justify-content:center;background:transparent;padding:16px;overscroll-behavior:contain}
.social-story-dialog{position:relative;width:min(100%,440px);max-height:100%;overflow-y:auto;background:#111114;border:1px solid #ffffff1a;border-radius:22px;padding:14px;box-shadow:0 20px 80px #0009}
.social-story-progress{display:flex;gap:4px;margin-bottom:12px}.social-story-progress>span{flex:1;height:3px;overflow:hidden;background:#ffffff30;border-radius:2px}
.social-story-progress i{display:block;width:100%;height:100%;background:#fff;transform-origin:left;transition:transform .15s linear}
.social-story-header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:600;padding-bottom:12px}
.social-story-header button,.social-story-actions button{display:grid;place-items:center;min-width:44px;min-height:44px;color:#fff;background:#ffffff12;border:0;border-radius:50%;font-size:22px;cursor:pointer}
.social-story-overlay button:disabled{opacity:.3;cursor:default}
.social-story-dialog .social-media{margin:0;border:0}.social-story-dialog .social-media-circle{background:transparent}
.social-story-actions{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.story-thumbnail{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--primary,#dc2626);background:#17171c;display:block}
#rec-preview{width:min(88vw,58vh);height:min(88vw,58vh);border-radius:50%;object-fit:cover;flex:none;background:#111}
#rec-status{position:absolute;left:16px;right:16px;bottom:18px;text-align:center;color:#ddd;font-size:13px;line-height:1.4}
#rec-btn.is-recording{transform:scale(.72);border-radius:14px}#rec-btn:disabled,#camera-switch-btn:disabled,#rec-draft-controls button:disabled{opacity:.45;cursor:default}
#rec-draft-controls{padding:20px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}#rec-draft-controls.hidden{display:none}
#rec-draft-controls button{min-height:44px;border-radius:12px;padding:10px 14px;font-size:14px;background:#242428;color:#fff}#rec-draft-controls .rec-publish{background:var(--primary,#dc2626);font-weight:700}
@media(max-width:540px){.social-story-overlay{padding:0}.social-story-dialog{width:100%;height:100%;max-height:100dvh;border-radius:0;border:0;padding:calc(12px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center}.social-story-dialog .social-media-stage{max-height:65dvh}.social-story-header{flex:none}.social-media .video-js{font-size:11px}.social-media-portrait[data-mode=feed]{max-width:320px}}
@media(prefers-reduced-motion:reduce){.social-story-progress i{transition:none}}

.social-story-overlay.is-ready,.social-viewer-overlay.is-ready{background:#000d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.social-story-dialog{overflow:visible;transition:background-color .2s,border-color .2s,box-shadow .2s}
.social-story-progress,.social-story-header,.social-story-actions{transition:opacity .18s,transform .18s}
.social-story-overlay.is-opening .social-story-dialog,.social-story-overlay.is-closing .social-story-dialog{background:transparent;border-color:transparent;box-shadow:none}
.social-story-overlay.is-opening .social-media,.social-story-overlay.is-closing .social-media{overflow:visible;contain:none;background:transparent}
.social-story-overlay.is-opening .social-story-progress,.social-story-overlay.is-opening .social-story-header,.social-story-overlay.is-opening .social-story-actions,.social-story-overlay.is-closing .social-story-progress,.social-story-overlay.is-closing .social-story-header,.social-story-overlay.is-closing .social-story-actions{opacity:0;pointer-events:none;transform:translateY(8px)}
.social-story-overlay.is-opening .social-media-play,.social-story-overlay.is-closing .social-media-play{opacity:0}
.social-media-expand,.social-photo-expand{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#0009;color:#fff;z-index:6;font-size:28px;line-height:1;border:1px solid #ffffff30;cursor:pointer;transition:transform .18s,background .18s}
.social-media-expand:hover{background:#25252c}.social-media-expand:active{transform:scale(.9)}
.social-photo{position:relative;display:block;width:100%;margin-top:12px;background:#08080a;border:1px solid var(--border,#27272a);border-radius:16px;overflow:hidden;cursor:zoom-in}
.social-photo img{display:block;width:100%;max-height:600px;object-fit:contain;transition:transform .4s cubic-bezier(.22,.8,.2,1)}
.social-viewer-overlay{position:fixed;inset:0;z-index:190;display:grid;place-items:center;padding:60px 20px 24px;overscroll-behavior:contain;background:transparent}
.social-viewer-dialog{position:relative;width:min(100%,var(--viewer-width,1200px));max-height:100%;color:#fff}
.social-viewer-content{width:100%;display:grid;place-items:center;min-height:80px}
.social-viewer-content>img{width:100%;height:min(80dvh,850px);object-fit:contain;border-radius:12px}
.social-viewer-content .social-media{width:100%;margin:0;max-width:none;max-height:82dvh}
.social-viewer-content .social-media-stage{max-height:76dvh}
.social-viewer-close{position:absolute;top:-48px;right:0;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffffff18;border:1px solid #ffffff30;font-size:20px;z-index:10;transition:opacity .18s,transform .18s}
.social-viewer-overlay.is-opening .social-viewer-close,.social-viewer-overlay.is-closing .social-viewer-close{opacity:0;transform:translateY(8px)}
.social-viewer-caption{max-height:90px;overflow:auto;margin:12px auto 0;padding:0 8px;font-size:14px;line-height:1.5;white-space:pre-wrap;color:#e0dedd;transition:opacity .2s}
.social-viewer-overlay.has-caption .social-viewer-content>img{height:min(72dvh,780px)}
.social-viewer-overlay.is-opening .social-viewer-caption,.social-viewer-overlay.is-closing .social-viewer-caption{opacity:0}
.social-viewer-overlay button:focus-visible,.social-photo:focus-visible,.instant-paper:focus-visible,.instant-controls button:focus-visible,.instant-entry:focus-visible{outline:3px solid var(--primary,#dc2626);outline-offset:3px}
.instant-entry{display:flex;align-items:center;gap:12px;width:100%;padding:16px 18px;border-radius:16px;border:1px solid #e9d39245;color:#f5e6b6;background:linear-gradient(115deg,#e7bf5f16,#c487de12);text-align:left;cursor:pointer;transition:transform .2s,border-color .2s}
.instant-entry>span:first-child{font-size:30px}.instant-entry strong{display:block;font-size:15px}.instant-entry small{display:block;font-size:12px;color:#b8aa8b;margin-top:3px}.instant-entry>span:last-child{margin-left:auto;font-size:24px}
.instant-note{position:relative;max-width:430px;width:calc(100% - 24px);margin:30px auto 18px;transform:rotate(var(--note-tilt,-1.5deg));filter:drop-shadow(0 14px 14px #0006);transition:transform .32s cubic-bezier(.22,.8,.2,1)}
.instant-note:before{content:'';position:absolute;left:calc(50% - 34px);top:-9px;z-index:2;width:68px;height:23px;background:#e8dbc988;border:1px solid #fff3;transform:rotate(-7deg);backdrop-filter:blur(2px);pointer-events:none}
.instant-paper{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:8px;width:100%;aspect-ratio:1;padding:20px 18px 16px;color:#322821;background:linear-gradient(140deg,#f8e9b9,#e7d49f);text-align:left;border:0;cursor:zoom-in;clip-path:polygon(1% 2%,14% 0,26% 1%,39% 0,53% 1%,69% 0,84% 1%,99% 0,98% 17%,100% 32%,99% 47%,100% 64%,98% 81%,99% 98%,83% 99%,66% 97%,50% 100%,35% 98%,18% 100%,0 98%,1% 80%,0 61%,2% 46%,0 28%)}
.instant-edge-1 .instant-paper{clip-path:polygon(0 1%,18% 2%,35% 0,53% 1%,71% 0,99% 2%,98% 24%,100% 44%,98% 65%,100% 82%,97% 99%,80% 97%,61% 100%,42% 98%,24% 100%,1% 97%,2% 73%,0 54%,1% 33%);background:linear-gradient(140deg,#eee1f9,#d7c0e7)}
.instant-edge-2 .instant-paper{clip-path:polygon(2% 0,22% 2%,40% 1%,57% 0,78% 2%,98% 0,100% 20%,98% 37%,100% 59%,98% 78%,99% 98%,81% 100%,62% 98%,44% 100%,23% 98%,0 99%,2% 81%,0 59%,1% 42%,0 20%);background:linear-gradient(140deg,#dfeee0,#c0d6bd)}
.instant-paper>img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;border-radius:3px;filter:contrast(1.025) saturate(.94)}
.instant-note-brand{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:16px;letter-spacing:-.4px}.instant-note-brand>span{font-size:20px}
.instant-note-caption{font-size:13px;line-height:1.4;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.instant-note-expand{position:absolute;top:30px;right:28px;color:#fff;background:#0007;border-radius:8px;width:30px;height:30px;display:grid;place-items:center;font-size:24px}
.instant-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:80px}.instant-profile-grid .instant-note{width:calc(100% - 6px);margin-top:16px}.instant-profile-grid .instant-paper{padding:15px 12px 12px;gap:6px}.instant-profile-grid .instant-note-caption{font-size:11px;-webkit-line-clamp:2}.instant-profile-grid .instant-note-brand{font-size:12px}
.instant-profile-item{min-width:0}.instant-profile-date{text-align:center;color:#8e8b86;font-size:11px}
.profile-media-tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.profile-media-tabs button{flex:none;padding-left:12px;padding-right:12px;font-size:13px}
.instant-composer{min-height:100dvh;max-width:560px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));color:#fff}
.instant-composer,.instant-composer *,.instant-note,.instant-note *,.social-story-overlay,.social-story-overlay *,.social-viewer-overlay,.social-viewer-overlay *{box-sizing:border-box}
.instant-composer button{color:inherit}
.instant-composer>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:18px}.instant-composer h1{font-size:22px;font-weight:800}.instant-composer header p{font-size:12px;color:#aaa;margin-top:3px}.instant-composer header button{width:44px;height:44px;border-radius:50%;background:#ffffff12;font-size:20px}.instant-composer header>span{font-size:28px;color:#ebd394}
.instant-capture-area{position:relative;width:100%;max-width:440px;margin:auto;aspect-ratio:1/1;min-height:0;overflow:hidden;border-radius:24px;contain:layout paint}.instant-capture-area video{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:cover;background:#17171c}.instant-capture-area .is-selfie{transform:scaleX(-1)}.instant-draft{position:absolute;inset:0;width:100%;height:100%;margin:0;--note-tilt:-1.5deg;animation:instant-develop .38s cubic-bezier(.22,.8,.2,1)}
#instant-status{min-height:38px;margin:20px 0 12px;font-size:13px;color:#bcb8ae;text-align:center}.instant-caption-label{font-size:12px;color:#aaa}.instant-composer textarea{width:100%;resize:vertical;min-height:82px;max-height:180px;padding:12px 14px;margin-top:8px;border-radius:14px;background:#ffffff09;border:1px solid #ffffff20;color:#fff;font-size:14px}
.instant-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.instant-controls button{min-height:46px;padding:10px 14px;border-radius:14px;background:#ffffff10;font-size:13px;transition:transform .18s,background .18s}.instant-controls .instant-primary{background:#ead394;color:#292014;font-weight:800;flex:1}.instant-controls .instant-shutter{padding:7px;width:76px;height:76px;border-radius:50%;border:2px solid #f5e7be;background:transparent;flex:none}.instant-shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#f5e7be}
.instant-controls button:active,.instant-entry:active,.like-btn:active{transform:scale(.96)}.instant-composer button:disabled{opacity:.4;cursor:default}.instant-hint{font-size:11px;text-align:center;color:#77746d;line-height:1.5;margin-top:20px}
@keyframes instant-develop{from{opacity:0;transform:translateY(16px) rotate(-4deg) scale(.94)}to{opacity:1;transform:rotate(-1.5deg)}}
@media(hover:hover){.instant-note:hover{transform:rotate(0) translateY(-3px)}.instant-entry:hover{transform:translateY(-2px);border-color:#e9d39290}.social-photo:hover img{transform:scale(1.015)}}
@media(max-width:540px){.social-viewer-overlay{padding:60px 12px 24px}.instant-note{width:calc(100% - 10px)}.instant-controls button{padding:10px;font-size:12px}.social-story-dialog .social-media-stage{width:min(100%,65dvh);margin-inline:auto;max-height:65dvh}.instant-composer{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.instant-draft{animation:none}.instant-note,.instant-entry,.instant-controls button,.social-photo img,.social-media-expand,.social-viewer-close,.social-story-dialog,.social-story-progress,.social-story-header,.social-story-actions{transition:none}}
@media(prefers-reduced-motion:reduce){.anim-fade-up,.anim-fade-in,.anim-slide-right,.anim-pop,.anim-heartbeat,.anim-slide-down,.page-enter{animation:none!important}.hover-lift,.btn-shine:after,.record-ring circle{transition:none!important}.hover-lift:hover{transform:none}}

.instant-stack{position:fixed;right:24px;bottom:24px;width:166px;height:216px;z-index:65;pointer-events:none;isolation:isolate;color:#f4e7bf}
.instant-stack.is-viewing{visibility:hidden}
.instant-stack-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-left:6px;font-size:11px;font-weight:800;text-shadow:0 1px 8px #000}
.instant-stack-count{display:grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:#e8d198;color:#2e2518;box-shadow:0 2px 12px #0006;font-size:11px}
.instant-stack-cards{position:relative;height:162px;margin-top:18px}
.instant-stack-item{position:absolute;right:0;bottom:0;width:146px;height:146px;transform:translate(calc(var(--stack-index)*-9px),calc(var(--stack-index)*-12px)) rotate(calc(3deg - var(--stack-index)*7deg)) scale(calc(1 - var(--stack-index)*.035));transform-origin:85% 85%;filter:drop-shadow(0 9px 12px #0009);pointer-events:auto}
.instant-stack-item:focus-within{z-index:10!important}.instant-stack .instant-note{width:100%;height:100%;margin:0;transform:none;filter:none}
.instant-stack .instant-note:hover{transform:none}.instant-stack .instant-note:before{width:36px;height:13px;top:-5px;left:calc(50% - 18px)}
.instant-stack .instant-paper{padding:10px 9px 9px;gap:5px}.instant-stack .instant-note-brand{font-size:10px;letter-spacing:-.2px}.instant-stack .instant-note-brand>span{font-size:14px}
.instant-stack .instant-note-caption,.instant-stack .instant-note-expand{display:none}.instant-stack .instant-paper:focus-visible{outline-offset:-4px;outline:3px solid #fff}
.instant-stack-author{font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;margin-top:9px;color:#eee1c4;text-shadow:0 2px 6px #000;background:#08080a85;border-radius:6px;padding:2px 4px}.instant-stack-author span{color:#bfb69f;font-size:9px}
.social-viewer-author{display:block;width:fit-content;margin:12px auto 0;padding:9px 14px;border-radius:30px;background:#e8d19818;border:1px solid #e8d19855;font-size:13px;color:#f5e6b6;cursor:pointer;text-align:center}
.social-viewer-overlay.has-author .social-viewer-content>img{height:min(66dvh,700px)}
.social-viewer-overlay.is-opening .social-viewer-author,.social-viewer-overlay.is-closing .social-viewer-author{opacity:0}
.instant-profile-item{position:relative}.instant-profile-delete{position:absolute;right:0;bottom:0;width:28px;height:28px;border-radius:50%;background:#ffffff10;color:#aaa;font-size:19px;cursor:pointer}.instant-profile-delete:hover{background:#dc262620;color:#f87171}
@media(max-width:767px){.instant-stack{right:16px;bottom:calc(96px + env(safe-area-inset-bottom));width:150px;height:192px}.instant-stack-item{width:132px;height:132px}.instant-stack-cards{height:142px;margin-top:15px}.instant-stack-heading{font-size:10px}.instant-stack-author{font-size:9px}.instant-stack-author span{font-size:8px}}
@media(hover:hover){.instant-stack-item:hover .instant-paper{filter:brightness(1.07)}}
.camera-choice{display:flex;flex-direction:column;gap:5px;min-width:0;max-width:230px;color:#bbb;font-size:11px;text-align:left}.camera-choice select{display:block;width:100%;min-height:42px;max-width:100%;border:1px solid #ffffff28;border-radius:12px;padding:8px 28px 8px 10px;background:#17171d;color:#fff;font-size:12px;text-overflow:ellipsis;cursor:pointer}.camera-choice select:disabled{opacity:.5;cursor:default}.camera-choice select:focus-visible,.camera-retry:focus-visible{outline:3px solid var(--primary,#dc2626);outline-offset:3px}
.instant-live-controls>.camera-choice{flex:1;max-width:150px}.instant-live-controls>#instant-switch{width:50px;height:50px;font-size:26px;flex:none}.camera-retry{display:block;padding:10px 14px;border-radius:12px;border:1px solid #ffffff28;background:#17171d;color:#fff;font-size:12px;cursor:pointer;margin:8px auto}.rec-camera-tools{position:absolute;top:76px;left:16px;right:16px;display:flex;justify-content:center;align-items:flex-end;gap:12px;z-index:2}.rec-camera-tools .camera-choice{width:min(230px,70%)}.rec-camera-tools .camera-retry{margin:0}
.camera-zoom{display:flex;justify-content:center;align-items:center;gap:10px;color:#eee;font-size:12px;margin:14px auto;max-width:260px}.camera-zoom input{min-width:0;width:180px;accent-color:var(--primary,#dc2626)}.camera-zoom output{min-width:42px;text-align:right}.rec-camera-zoom{position:absolute;top:148px;left:16px;right:16px;z-index:2;margin:0 auto;padding:8px 12px;border-radius:14px;background:#0008}