.vf-shell{--vf-nav-height:calc(70px + env(safe-area-inset-bottom,0px));isolation:isolate;background:hsl(var(--vibes-black));height:100dvh;color:hsl(var(--vibes-paper));font-family:var(--font-body);position:fixed;inset:0;overflow:hidden}.vf-shell button,.vf-shell a,.vf-sheet button,.vf-sheet a{-webkit-tap-highlight-color:transparent}.vf-shell button:focus-visible,.vf-shell a:focus-visible,.vf-sheet button:focus-visible,.vf-sheet a:focus-visible{outline:2px solid hsl(var(--vibes-pink));outline-offset:4px}.vf-stage{height:calc(100dvh - var(--vf-nav-height));background:hsl(var(--vibes-black));width:100%;margin-inline:auto;position:relative;overflow:hidden}.vf-header{z-index:20;padding:calc(16px + env(safe-area-inset-top,0px)) 20px 26px;background:linear-gradient(hsl(var(--vibes-black) / .82),transparent);text-align:center;pointer-events:none;position:absolute;inset:0 0 auto}.vf-header button{pointer-events:auto}.vf-tab{min-height:32px;color:hsl(var(--vibes-paper) / .55);padding-bottom:8px;font-weight:600;position:relative}.vf-tab-active{color:hsl(var(--vibes-paper))}.vf-tab-active:after{content:"";background:hsl(var(--vibes-paper));height:2px;position:absolute;bottom:0;left:25%;right:25%}.vf-scroll{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow:hidden auto}.vf-scroll::-webkit-scrollbar{display:none}.vf-card{scroll-snap-align:start;scroll-snap-stop:always;background:hsl(var(--vibes-feed-panel));isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.vf-card-media{position:absolute;inset:0}.vf-mux-frame{pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.vf-mux-frame-interactive{pointer-events:auto}.vf-mux-video{-o-object-fit:contain;object-fit:contain;background:hsl(var(--vibes-feed-panel));touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0}.vf-video-state{z-index:1;background:hsl(var(--vibes-black) / .78);color:hsl(var(--vibes-paper) / .85);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}.vf-video-state p{margin:0}.vf-video-retry{border:1px solid hsl(var(--vibes-paper) / .35);background:hsl(var(--vibes-black) / .5);min-height:44px;color:hsl(var(--vibes-paper));border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:12px;font-weight:700;display:inline-flex}.vf-video-retry:hover,.vf-video-retry:focus-visible{border-color:hsl(var(--vibes-pink));color:hsl(var(--vibes-pink))}.vf-play-surface{z-index:1;width:100%;height:100%;color:hsl(var(--vibes-paper));touch-action:pan-y;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vf-play-icon{border:1px solid hsl(var(--vibes-paper) / .4);background:hsl(var(--vibes-black) / .25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;place-items:center;width:70px;height:70px;display:grid}.vf-scrim{z-index:2;pointer-events:none;background:linear-gradient(0deg,hsl(var(--vibes-black) / .8),hsl(var(--vibes-black) / .16) 24%,transparent 46%);position:absolute;inset:0}.vf-caption{z-index:4;text-shadow:0 1px 10px hsl(var(--vibes-black) / .45);position:absolute;bottom:74px;left:20px;right:78px}.vf-share-strip{z-index:4;flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:absolute;bottom:18px;left:20px;right:78px}.vf-share-btn{border:1px solid hsl(var(--vibes-paper) / .22);background:hsl(var(--vibes-black) / .5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-height:38px;color:hsl(var(--vibes-paper));border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.vf-share-btn svg{flex:none;width:15px;height:15px}.vf-share-btn:hover,.vf-share-btn:focus-visible{border-color:hsl(var(--vibes-paper) / .55);background:hsl(var(--vibes-black) / .75)}.vf-share-status{color:hsl(var(--vibes-paper) / .78);flex-basis:100%;margin:0;font-size:11px}.vf-share-tally{color:hsl(var(--vibes-paper) / .62);flex-basis:100%;margin:0;font-size:11px;font-weight:700}.vf-share-strip.vf-share-strip-static{position:static;bottom:auto;left:auto;right:auto}.vf-actions{z-index:5;flex-direction:column;align-items:center;gap:18px;display:flex;position:absolute;bottom:98px;right:12px}.vf-avatar{border:1.5px solid hsl(var(--vibes-paper));background:hsl(var(--vibes-feed-panel));border-radius:50%;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.vf-follow-badge{border:2px solid hsl(var(--vibes-black));background:hsl(var(--vibes-pink));width:23px;height:23px;color:hsl(var(--vibes-paper));border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.vf-action{min-width:44px;min-height:44px;filter:drop-shadow(0 2px 5px hsl(var(--vibes-black) / .5));flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.vf-action span{font-size:11px;font-weight:700}.vf-heart{color:hsl(var(--vibes-pink))}.vf-report-action{border:1px solid hsl(var(--vibes-pink) / .72);background:hsl(var(--vibes-black) / .7);min-width:54px;min-height:54px;color:hsl(var(--vibes-paper));box-shadow:0 3px 14px hsl(var(--vibes-black) / .55);border-radius:14px}.vf-report-action svg{color:hsl(var(--vibes-pink))}.vf-report-action span{color:hsl(var(--vibes-paper))}.vf-report-action:hover,.vf-report-action:focus-visible{background:hsl(var(--vibes-pink));color:hsl(var(--vibes-black))}.vf-report-action:hover svg,.vf-report-action:focus-visible svg,.vf-report-action:hover span,.vf-report-action:focus-visible span{color:inherit}.vf-html-video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:hsl(var(--vibes-feed-panel));width:100%;height:100%;position:absolute;inset:0}.vf-sound{z-index:6;top:calc(118px + env(safe-area-inset-top,0px));background:hsl(var(--vibes-black) / .35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;left:20px}.vf-bottom-nav{z-index:25;height:var(--vf-nav-height);padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid hsl(var(--vibes-paper) / .12);background:hsl(var(--vibes-black));grid-template-columns:repeat(5,minmax(0,1fr));place-items:center;display:grid;position:absolute;inset:auto 0 0}.vf-nav-item{width:100%;min-height:44px;color:hsl(var(--vibes-paper) / .55);flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:10px;font-weight:500;display:flex}.vf-nav-item svg{stroke-width:1.7px;width:21px;height:21px}.vf-nav-active{color:hsl(var(--vibes-paper))}.vf-nav-active svg{fill:currentColor}.vf-create{background:hsl(var(--vibes-pink));width:52px;height:44px;color:hsl(var(--vibes-paper));border-radius:14px;flex:none;place-items:center;display:grid}.vf-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:120px 28px 50px;display:flex}.vf-primary,.vf-pill{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 21px;font-size:13px;font-weight:700;display:inline-flex}.vf-primary{background:hsl(var(--vibes-pink));color:hsl(var(--vibes-paper))}.vf-pill{border:1px solid hsl(var(--vibes-paper) / .25);color:hsl(var(--vibes-paper))}.vf-sheet.vf-sheet{border-color:hsl(var(--vibes-paper) / .12);max-height:85dvh;padding:25px 24px calc(28px + env(safe-area-inset-bottom,0px));background:hsl(var(--vibes-feed-panel));color:hsl(var(--vibes-paper));border-radius:24px 24px 0 0;overflow-y:auto}.vf-create-sheet{--bl-pink:var(--vibes-pink);--bl-ivory:var(--vibes-paper)}.vf-create-sheet .bg-fuchsia-500,.vf-create-sheet .from-fuchsia-500{background:hsl(var(--vibes-pink))}.vf-create-sheet .text-fuchsia-300,.vf-create-sheet .text-fuchsia-200{color:hsl(var(--vibes-pink))}.vf-create-sheet.vf-create-sheet{flex-direction:column;max-height:88dvh;padding:0;display:flex;overflow:hidden}.vf-create-head{border-bottom:1px solid hsl(var(--vibes-paper) / .12);flex:none;padding:20px 64px 14px 24px}.vf-create-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:16px 24px calc(28px + env(safe-area-inset-bottom,0px));flex:auto;overflow-y:auto}.vf-create-sheet.vf-create-sheet>button{background:hsl(var(--vibes-black) / .5);width:44px;height:44px;color:hsl(var(--vibes-paper));opacity:1;border-radius:999px;place-items:center;display:grid}@media (width>=640px){.vf-stage{width:min(100%,calc((100dvh - var(--vf-nav-height)) * 9 / 16))}.vf-bottom-nav{max-width:520px;margin-inline:auto}.vf-sheet.vf-sheet{max-width:560px;margin-inline:auto}}.vf-watch-frame{--vf-frame-w:max(330px, min(360px, calc((97dvh - 210px) * 9 / 16)));border:1px solid hsl(var(--vibes-paper) / .14);background:hsl(var(--vibes-black));border-radius:16px;width:100%;margin:10px auto 0;position:relative;overflow:hidden}.vf-watch-frame-portrait{max-width:var(--vf-frame-w);aspect-ratio:9/16;min-width:min(330px,100%)}.vf-watch-frame-landscape{aspect-ratio:16/9;max-width:min(100%,172.444dvh - 373.333px)}.vf-watch-frame-card{max-width:min(100%, var(--vf-frame-w));min-width:min(330px,100%);height:calc(var(--vf-frame-w) * var(--vf-card-media) + var(--vf-card-chrome))}.vf-watch-frame-instagram{--vf-card-media:1.7778;--vf-card-chrome:190px}.vf-watch-frame-instagram-square{--vf-card-media:1;--vf-card-chrome:190px}.vf-watch-frame-x{--vf-card-media:.5625;--vf-card-chrome:170px}.vf-sheet.vf-watch-sheet{max-height:97dvh;padding:14px 20px calc(16px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}.vf-watch-frame .vf-sound{z-index:7;top:auto;bottom:12px;left:12px}.vf-watch-video{-o-object-fit:contain;object-fit:contain;background:hsl(var(--vibes-black));width:100%;height:100%;position:absolute;inset:0}.vf-watch-embed{border:0;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.vf-watch-frame.vf-watch-frame-tiktok{--vf-frame-w:min(360px, calc((97dvh - 210px - env(safe-area-inset-bottom,0px)) * 9 / 16));min-width:0}.vf-tiktok-dialog.vf-tiktok-dialog{width:min(calc(100vw - 24px), 420px, calc((94dvh - 136px - env(safe-area-inset-bottom,0px)) * 9 / 16));max-height:94dvh;overflow:hidden}.vf-tiktok-modal-frame{position:relative}.vf-tiktok-modal-frame>iframe{width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=640px){.vf-sheet.vf-watch-sheet>h2{font-size:16px;line-height:1.25}.vf-sheet.vf-watch-sheet>p{margin-top:4px;font-size:12px;line-height:1.35}.vf-sheet.vf-watch-sheet .vf-watch-note{margin-top:10px;font-size:11px}.vf-sheet.vf-watch-sheet .vf-watch-btn{padding:0 14px;font-size:12px}.vf-sheet.vf-watch-sheet .vf-watch-actions{margin-top:10px}}@media (width<=420px){.vf-sheet.vf-watch-sheet{padding-left:12px;padding-right:12px}}.vf-watch-note{text-align:center;color:hsl(var(--vibes-paper) / .7);margin:12px 0 0;font-size:12px;line-height:1.5}.vf-watch-state{border:1px dashed hsl(var(--vibes-paper) / .2);background:hsl(var(--vibes-black) / .35);min-height:min(34dvh,280px);color:hsl(var(--vibes-paper) / .75);text-align:center;border-radius:16px;place-items:center;gap:10px;margin-top:16px;padding:24px 20px;display:grid}.vf-watch-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.vf-watch-btn{border:1px solid hsl(var(--vibes-paper) / .25);min-height:44px;color:hsl(var(--vibes-paper));background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.vf-watch-btn:hover{border-color:hsl(var(--vibes-paper) / .5);background:hsl(var(--vibes-paper) / .08)}.vf-watch-btn-primary{border-color:hsl(var(--vibes-pink));background:hsl(var(--vibes-pink));color:hsl(var(--vibes-black))}.vf-watch-btn-primary:hover{background:hsl(var(--vibes-pink) / .85);color:hsl(var(--vibes-black))}.vf-media-notice{z-index:3;background:hsl(var(--vibes-black) / .75);color:hsl(var(--vibes-paper) / .85);text-align:center;padding:10px 14px;font-size:11px;font-weight:700;position:absolute;inset:auto 0 0}@media (height<=640px){.vf-actions{gap:12px;bottom:100px}.vf-caption{bottom:64px}.vf-caption p{-webkit-line-clamp:2}.vf-share-strip{bottom:14px}.vf-share-btn{justify-content:center;width:38px;padding:0}.vf-share-btn span{display:none}}@media (prefers-reduced-motion:reduce){.vf-scroll{scroll-behavior:auto}}.vf-thread-loading{place-items:center;min-height:120px;margin-top:16px;display:grid}.vf-thread-head{align-items:center;gap:10px;margin-top:14px;display:flex}.vf-thread-back{border:1px solid hsl(var(--vibes-paper) / .2);min-height:36px;color:hsl(var(--vibes-paper));background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.vf-thread-back svg{width:14px;height:14px}.vf-thread-back:hover,.vf-thread-back:focus-visible{border-color:hsl(var(--vibes-pink));color:hsl(var(--vibes-pink))}.vf-thread-who{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.vf-thread-error{border:1px solid hsl(var(--vibes-pink) / .5);background:hsl(var(--vibes-pink) / .1);border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:12px;font-weight:600}.vf-thread{overscroll-behavior:contain;flex-direction:column;gap:8px;max-height:44dvh;margin-top:14px;padding-right:2px;display:flex;overflow-y:auto}.vf-thread-empty{text-align:center;color:hsl(var(--vibes-paper) / .55);margin:12px 0;font-size:12px}.vf-bubble{overflow-wrap:anywhere;border-radius:16px;flex-direction:column;gap:2px;max-width:82%;padding:9px 13px;font-size:13px;line-height:1.45;display:flex}.vf-bubble-mine{background:hsl(var(--vibes-pink));color:hsl(var(--vibes-black));border-bottom-right-radius:6px;align-self:flex-end}.vf-bubble-theirs{background:hsl(var(--vibes-paper) / .1);color:hsl(var(--vibes-paper));border-bottom-left-radius:6px;align-self:flex-start}.vf-bubble-body{white-space:pre-wrap;margin:0}.vf-bubble-time{opacity:.6;align-self:flex-start;font-size:10px;font-weight:600}.vf-bubble-mine .vf-bubble-time{align-self:flex-end}.vf-thread-day{color:hsl(var(--vibes-paper) / .5);letter-spacing:.14em;text-transform:uppercase;align-self:center;margin:6px 0 2px;font-size:10px;font-weight:800}.vf-composer{align-items:flex-end;gap:8px;margin-top:14px;display:flex}.vf-composer textarea{border:1px solid hsl(var(--vibes-paper) / .18);background:hsl(var(--vibes-black) / .4);min-height:46px;max-height:120px;color:hsl(var(--vibes-paper));resize:none;border-radius:14px;flex:1;padding:12px;font-family:inherit;font-size:13px;line-height:1.4}.vf-composer textarea:focus{border-color:hsl(var(--vibes-pink) / .6);outline:none}.vf-composer .vf-primary{flex:none}.vf-composer .vf-primary:disabled{opacity:.55}.vf-inbox{gap:8px;margin-top:16px;display:grid}.vf-inbox-row{border:1px solid hsl(var(--vibes-paper) / .12);background:hsl(var(--vibes-black) / .3);width:100%;color:hsl(var(--vibes-paper));text-align:left;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.vf-inbox-row:hover,.vf-inbox-row:focus-visible{border-color:hsl(var(--vibes-pink) / .5)}.vf-inbox-row-unread{border-color:hsl(var(--vibes-pink) / .55);background:hsl(var(--vibes-pink) / .08)}.vf-inbox-row-active{border-color:hsl(var(--vibes-paper) / .38);background:hsl(var(--vibes-paper) / .07)}.vf-inbox-avatar{background:hsl(var(--vibes-feed-panel));border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:16px;font-weight:800;display:grid;overflow:hidden}.vf-inbox-copy{flex:1;gap:2px;min-width:0;display:grid}.vf-inbox-name{align-items:baseline;gap:6px;min-width:0;font-size:13px;font-weight:700;display:flex}.vf-inbox-name em{color:hsl(var(--vibes-paper) / .5);flex:none;font-size:11px;font-style:normal;font-weight:600}.vf-inbox-preview{text-overflow:ellipsis;white-space:nowrap;color:hsl(var(--vibes-paper) / .62);font-size:12px;overflow:hidden}.vf-inbox-dot{background:hsl(var(--vibes-pink));border-radius:50%;flex:none;width:9px;height:9px}.vf-inbox-time{color:hsl(var(--vibes-paper) / .5);flex:none;font-size:10px}.vf-notice{border:1px dashed hsl(var(--vibes-paper) / .22);background:hsl(var(--vibes-black) / .3);color:hsl(var(--vibes-paper) / .8);border-radius:14px;margin-top:14px;padding:14px;font-size:13px}.vf-notice p{margin:0 0 12px}.vp-search{max-width:340px;margin:16px auto 0;position:relative}.vp-search-icon{width:16px;height:16px;color:hsl(var(--vibes-paper) / .4);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.vp-search input{border:1px solid hsl(var(--vibes-paper) / .15);background:hsl(var(--vibes-black) / .45);width:100%;height:42px;color:hsl(var(--vibes-paper));border-radius:999px;outline:none;padding:0 16px 0 40px;font-size:13px}.vp-search input:focus{border-color:hsl(var(--vibes-pink) / .5)}.vp-search input::placeholder{color:hsl(var(--vibes-paper) / .35)}.vp-search input::-webkit-search-cancel-button{-webkit-appearance:none}.vp-search-clear{background:hsl(var(--vibes-paper) / .08);cursor:pointer;border:0;place-items:center;transition:background .2s,color .2s;display:grid}.vp-search-clear:hover{background:hsl(var(--vibes-paper) / .16);color:hsl(var(--vibes-paper))}.vf-hashtag{color:hsl(var(--vibes-pink));cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.vf-hashtag:hover,.vf-hashtag:focus-visible{outline:none;text-decoration:underline}.vf-upsell{scroll-snap-align:start;scroll-snap-stop:always;background:linear-gradient(135deg,hsl(var(--vibes-black)),#1a0a14);justify-content:center;align-items:center;height:100%;display:flex}.vf-upsell-inner{text-align:center;padding:40px 28px}.vf-upsell-title{font-family:var(--font-vibes-display);color:hsl(var(--vibes-paper));margin:0 0 20px;font-size:28px}.vf-upsell-cta{background:hsl(var(--vibes-pink));min-height:44px;color:hsl(var(--vibes-black));border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex}.vf-upsell-cta:hover{background:hsl(var(--vibes-pink) / .85)}.vf-welcome{background:#13030e;width:100%;height:100%;position:relative;overflow:hidden}.vf-welcome-art{z-index:0;background:#13030e;width:100%;height:100%;position:absolute;inset:0}.vf-welcome-shade{z-index:1;background:linear-gradient(90deg,#16030fcc,#16030f38 62%,#16030f0a),linear-gradient(#0000 45%,#16030f73);position:absolute;inset:0}.vf-welcome-copy{z-index:2;color:#fff;flex-direction:column;justify-content:center;max-width:650px;height:100%;padding:clamp(32px,7vw,88px);display:flex;position:relative}.vf-welcome-kicker{color:#ff4cab;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.vf-welcome h1{max-width:520px;font-family:var(--font-vibes-display);letter-spacing:-.06em;margin:0;font-size:clamp(46px,8vw,82px);font-weight:400;line-height:.95}.vf-welcome-copy>p:not(.vf-welcome-kicker){color:#ffffffe0;max-width:400px;margin:20px 0 28px;font-size:16px;line-height:1.6}.vf-welcome-cta{color:#17030f;background:#ff3aa3;border-radius:999px;align-items:center;gap:9px;width:max-content;min-height:50px;padding:12px 24px;font-size:14px;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.vf-welcome-cta:hover{background:#ff79c1;transform:translateY(-2px)}.vf-welcome-cta svg{fill:currentColor;width:18px;height:18px}@media (width<=640px){.vf-welcome-shade{background:linear-gradient(#16030f1f 0%,#16030f85 52%,#16030feb 100%)}.vf-welcome-copy{padding:28px 22px calc(42px + env(safe-area-inset-bottom,0px));justify-content:flex-end}.vf-welcome h1{font-size:50px}.vf-welcome-copy>p:not(.vf-welcome-kicker){margin:14px 0 22px;font-size:14px}}.vf-watch-dialog .vf-watch-frame{--vf-frame-w:max(268px, min(400px, calc((96dvh - 176px) * 9 / 16)))}.vf-watch-dialog .vf-watch-frame-portrait{min-width:min(268px,100%)}.vf-watch-dialog .vf-watch-frame-landscape{max-width:min(100%,170.667dvh - 312.889px)}.vf-watch-dialog-body{width:100%}
