:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Avenir Next,SF Pro Text,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;min-height:100%;margin:0}body{color:#fff;background:#070707;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}img,svg{display:block}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage{background:radial-gradient(at 50% 30%,#2a2200 0%,#0000 46%),#070707;place-items:center;min-height:100dvh;display:grid}.phone{color:#fff;background:#000;flex-direction:column;width:min(430px,100%);height:100dvh;display:flex;position:relative;overflow:hidden}@media (width>=520px){.phone{border:10px solid #161616;border-radius:44px;width:390px;height:min(844px,96dvh);box-shadow:0 40px 90px #000c,inset 0 0 0 1px #2a2a2a}}.statusbar{padding:calc(8px + env(safe-area-inset-top)) 22px 2px 22px;justify-content:space-between;align-items:center;font-size:14px;font-weight:650;display:flex}.statusRight{letter-spacing:.3px;align-items:center;gap:7px;font-size:11px;display:flex}.signal{background:linear-gradient(#fff,#fff) 0 100%/3px 4px no-repeat,linear-gradient(#fff,#fff) 4px 100%/3px 6px no-repeat,linear-gradient(#fff,#fff) 8px 100%/3px 8px no-repeat,linear-gradient(#fff,#fff) 12px 100%/3px 10px no-repeat;width:16px;height:10px}.battery{border:1.5px solid #fff;border-radius:3px;width:22px;height:11px;position:relative}.battery:before{content:"";background:#fff;position:absolute;inset:1.5px 8px 1.5px 1.5px}.battery:after{content:"";background:#fff;border-radius:0 1px 1px 0;width:2px;height:5px;position:absolute;top:3px;right:-4px}.header{grid-template-columns:1fr auto 1fr;align-items:center;padding:4px 8px 8px;display:grid}.header h1{letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.headerLeft,.headerRight{align-items:center;gap:6px;display:flex}.headerRight{justify-content:flex-end}.me{border-radius:50%;width:34px;height:34px;position:relative;overflow:visible}.me .bitmoji{border-radius:50%}.meStar{color:#3a2500;background:#f5c518;border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;line-height:1;display:grid;position:absolute;bottom:-2px;right:-2px}.iconBtn{color:#fff;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid;position:relative}.iconBtn:hover{background:#141414}.badge{color:#fff;background:#ff2a3d;border-radius:99px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:2px;right:0}.list{flex:1;margin:0;padding:4px 0 118px;list-style:none;overflow-y:auto}.row{text-align:left;background:0 0;border:0;grid-template-columns:54px 1fr 26px;align-items:center;gap:11px;width:100%;padding:9px 14px;display:grid}.row .avatar,.row .rowCopy,.row .chatBubble{color:inherit;text-align:left;background:0 0;border:0;padding:0}.row .avatar{place-items:center;display:grid}.row .rowCopy{flex-direction:column;min-width:0;display:flex}.name.unread{font-weight:850}.liveLine{color:#c9a6ff;align-items:center;gap:4px;margin-top:3px;font-size:11.5px;font-weight:650;display:flex}.peekInbox{text-align:center;color:#9b9b9b;margin:0 24px 4px;font-size:13px}.openChatCta{color:#111;background:#fffc00;border:0;border-radius:14px;margin:16px 18px 0;padding:14px;font-weight:800}.stories h3{margin:4px 0 12px;font-size:18px}.spotCard{background:#121212;border-radius:16px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.spotCard p{margin:4px 0 0;font-size:12px}.mapPin small{color:#6dff6a;letter-spacing:.4px;text-transform:uppercase;font-size:9px;font-weight:800}.thread{background:#000;flex-direction:column;flex:1;min-height:0;display:flex}.threadHead{grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:4px 12px 8px;display:grid}.threadPerson{color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-width:0;display:flex}.threadPerson .bitmoji{border-radius:50%}.threadPerson span{flex-direction:column;min-width:0;display:flex}.threadPerson b{font-size:16px}.threadPerson small{color:#9b9b9b;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex;overflow:hidden}.liveBanner{color:#d7c2ff;pointer-events:none;background:#16121c;border-radius:12px;align-items:center;gap:8px;margin:0 14px 8px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.threadMsgs{scrollbar-width:none;flex-direction:column;flex:1;gap:10px;padding:8px 14px 12px;display:flex;overflow-y:auto}.threadMsgs::-webkit-scrollbar{display:none}.msg{flex-direction:column;gap:3px;max-width:86%;display:flex}.msg.me{align-self:flex-end;align-items:flex-end}.msg.them{align-self:flex-start;align-items:flex-start}.msg em{color:#7a7a7a;font-size:10px;font-style:normal}.chatPill{color:#fff;background:#1c1c1e;border-radius:16px;padding:8px 12px;font-size:15px;line-height:1.35}.chatPill.unread{box-shadow:inset 0 0 0 1px #9b5cff}.chatPill.audio{align-items:center;gap:8px;display:flex}.chatPill.audio b{background:#9b5cff;border-radius:50%;width:8px;height:8px}.typingMsg .chatPill{color:#bdbdbd;align-items:center;gap:6px;display:inline-flex}.snapPill{color:#fff;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:750;display:inline-flex}.snapPill i{background:var(--snap,#f23c57);border-radius:4px;width:14px;height:14px}.snapPill.opened{color:#8d8d8d}.snapPill.opened i{box-shadow:inset 0 0 0 2px var(--snap,#f23c57);background:0 0}.composer{padding:8px 12px calc(10px + env(safe-area-inset-bottom));align-items:center;gap:8px;display:flex}.composer input{background:#1c1c1e;border:0;border-radius:21px;outline:none;flex:1;height:42px;padding:0 14px}.camBtn{background:#fffc00;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.sendBtn{color:#fffc00;background:#1c1c1e;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.sendBtn:disabled{color:#555}.snapView{z-index:9;color:#fff;border:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.snapView.snap{background:radial-gradient(circle at 50% 40%,#ff6b7d,#f23c57 58%)}.snapView.video{background:radial-gradient(circle at 50% 40%,#c9a6ff,#9b5cff 58%)}.snapView .bitmoji{border-radius:50%}.snapView strong{font-size:22px}.snapView span{opacity:.8;font-size:13px}.row:hover,.row:active{background:#0f0f0f}.avatar{border-radius:50%;width:52px;height:52px;position:relative}.avatar.live:after{content:"";border:2px solid var(--ring,#9b5cff);opacity:.9;border-radius:50%;position:absolute;inset:-3px}.avatar .bitmoji{border-radius:50%}.pinBadge{background:#1b1b1b;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-style:normal;display:grid;position:absolute;bottom:-2px;right:-2px}.rowCopy{min-width:0}.name{align-items:center;gap:6px;font-size:16px;font-weight:750;display:flex}.nameStar{flex-shrink:0}.meta{color:#9b9b9b;align-items:center;gap:6px;min-width:0;margin-top:3px;font-size:12.5px;display:flex}.statusSq{border-radius:3px;flex-shrink:0;width:11px;height:11px}.statusText{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;display:inline-flex;overflow:hidden}.dot{opacity:.7}.streak{color:#cfcfcf;flex-shrink:0;align-items:center;gap:2px;margin-left:auto;font-weight:650;display:inline-flex}.chatBubble{color:#fff;opacity:.92}.typing{gap:2px;margin-left:3px;display:inline-flex}.typing i{background:currentColor;border-radius:50%;width:3px;height:3px;animation:1.15s infinite blink}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-1px)}}.fab{right:16px;bottom:calc(78px + env(safe-area-inset-bottom));color:#111;z-index:5;background:#fffc00;border:0;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:absolute;box-shadow:0 8px 18px #0007}.tabbar{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:4;background:#000;grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:absolute;bottom:0;left:0;right:0}.tabBtn{color:#8d8d8d;background:0 0;border:0;place-items:center;height:54px;padding:0;display:grid;position:relative}.tabBtn.active,.tabBtn.large{color:#fff}.tabBtn.large svg{width:34px;height:34px}.tabBadge{top:6px;right:calc(50% - 22px)}.peek{background:#000;flex-direction:column;flex:1;min-height:0;display:flex}.peekHead{grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:4px 12px 0;display:grid}.peekHead h2{text-align:center;margin:0;font-size:18px}.peekStreak{color:#cfcfcf;align-items:center;gap:3px;font-weight:700;display:inline-flex}.peekHero{place-items:center;padding:28px 0 10px;display:grid}.peekHero .bitmoji{filter:drop-shadow(0 18px 24px #000a);animation:3.2s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.peekLive{text-transform:uppercase;letter-spacing:1.6px;color:#8d8d8d;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.peekLive.on{color:#6dff6a}.pulse{background:#6e6e6e;border-radius:50%;width:8px;height:8px}.peekLive.on .pulse{background:#6dff6a;animation:1.6s infinite pulse;box-shadow:0 0 #6dff6a88}@keyframes pulse{70%{box-shadow:0 0 0 8px #6dff6a00}}.peekStatus{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:14px 24px 8px;font-size:22px;font-weight:750;line-height:1.25;display:flex}.peekLog{border-top:1px solid #1d1d1d;margin:18px 18px 0;padding:0;list-style:none}.peekLog li{color:#9b9b9b;border-bottom:1px solid #1d1d1d;justify-content:space-between;gap:12px;padding:14px 2px;font-size:13px;display:flex}.peekLog b{color:#fff;font-weight:650}.searchPanel{flex-direction:column;flex:1;min-height:0;display:flex}.searchBar{align-items:center;gap:6px;padding:4px 12px 10px;display:flex}.searchBar input{background:#1c1c1e;border:0;border-radius:18px;outline:none;flex:1;height:36px;padding:0 14px}.map,.stories,.spotlight,.camera{flex:1;min-height:0;padding:8px 16px 110px;position:relative;overflow:auto}.map{background:radial-gradient(circle at 30% 20%,#1a2a1a,#0000 40%),radial-gradient(circle at 70% 70%,#1a1a28,#0000 42%),#101410}.hint{color:#9b9b9b;margin:4px 0 16px;font-size:13px}.map h2,.stories h2,.spotlight h2{margin:8px 0 18px;font-size:28px}.mapPin{background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;transform:translate(-50%,-50%)}.mapPin .bitmoji{border-radius:50%;box-shadow:0 0 0 3px #fffc00}.mapPin span{background:#000c;border-radius:99px;padding:2px 7px;font-size:11px;font-weight:700}.camera{background:#050505;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.cameraPreview{background:#1a1a1a;border-radius:50%;place-items:center;width:210px;height:210px;display:grid;overflow:hidden}.camera p{color:#9b9b9b;margin:0}.shutter{border:4px solid #fff;border-radius:50%;width:72px;height:72px;box-shadow:inset 0 0 0 4px #000,inset 0 0 0 8px #fff}.storyRow{scrollbar-width:none;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.storyRow::-webkit-scrollbar{display:none}.storyRow button{color:#ddd;background:0 0;border:0;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:74px;font-size:11px;display:flex}.storyRing{background:conic-gradient(#9b5cff,#ff2a6a,#fffc00,#9b5cff);border-radius:50%;padding:3px}.storyRing .bitmoji{background:#000;border-radius:50%}.spotlight p,.camera p{color:#9b9b9b}.sheetBackdrop{z-index:8;background:#0008;align-items:end;display:flex;position:absolute;inset:0}.sheet{width:100%;padding:10px 20px calc(22px + env(safe-area-inset-bottom));background:#161616;border-radius:18px 18px 0 0}.sheetHandle{background:#3a3a3a;border-radius:99px;width:42px;height:4px;margin:4px auto 12px;display:block}.sheet h2{margin:0 0 8px}.sheet p{color:#b0b0b0;font-size:14px;line-height:1.5}.sheet button{color:#111;background:#fffc00;border:0;border-radius:12px;width:100%;margin-top:10px;padding:12px;font-weight:800}.sheet .ghostBtn{color:#fff;background:#2a2a2a;margin-top:16px}.auth{padding:20px 28px calc(32px + env(safe-area-inset-bottom));flex-direction:column;flex:1;justify-content:center;display:flex}.brandMark{background:#fffc00;border-radius:22px;place-items:center;width:78px;height:78px;margin:0 auto 18px;display:grid;box-shadow:0 12px 30px #fffc0033}.pulseMark{animation:1.6s ease-in-out infinite float}.auth h1,.typeHead{text-align:center;letter-spacing:-.8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:2.5em;margin:0 0 22px;font-size:32px;display:flex}.authKicker{text-align:center;color:#8d8d8d;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:800}.typeLine{align-items:center;min-height:1.15em;display:inline-flex}.typeLine.struck{color:#5c5c5c;letter-spacing:-.3px;font-size:20px;font-weight:650;-webkit-text-decoration:line-through #fffc00;text-decoration:line-through #fffc00;text-decoration-thickness:2px}.typeLine.spy{color:#fff;gap:8px;font-size:34px;font-weight:850}.spyRest{font-weight:850}.struckWord{text-underline-offset:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration:line-through #fffc00;text-decoration:line-through #fffc00;text-decoration-thickness:3.5px}.devil{margin-left:2px;font-size:30px;line-height:1;display:inline-block;transform:translateY(1px)}.btnStruck{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration:line-through #111;text-decoration:line-through #111;text-decoration-thickness:2.5px}.caret{background:#fffc00;width:2px;height:.85em;margin-left:3px;animation:1s step-end infinite caret}@keyframes caret{50%{opacity:0}}.authIn{animation:.45s authIn}@keyframes authIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.authSub{text-align:center;color:#9b9b9b;margin:8px 0 28px;font-size:14px}.authForm{flex-direction:column;gap:12px;display:flex}.authForm label{color:#8d8d8d;flex-direction:column;gap:6px;font-size:12px;font-weight:650;display:flex}.authForm input{color:#fff;background:#1c1c1e;border:0;border-radius:12px;outline:none;height:46px;padding:0 14px}.authForm input:focus{box-shadow:inset 0 0 0 1px #fffc00}.authError{color:#ff4d61;margin:0;font-size:13px}.authBtn{color:#111;background:#fffc00;border:0;border-radius:12px;height:48px;margin-top:8px;font-weight:800}.authBtn:disabled{opacity:.7}.authFoot{text-align:center;color:#6e6e6e;letter-spacing:.2px;margin:18px 0 0;font-size:11px}.syncBar{background:#222;border-radius:99px;height:4px;margin:8px 8px 16px;overflow:hidden}.syncBar i{background:#fffc00;height:100%;transition:width .4s;display:block}.syncStep{text-align:center;color:#ddd;margin:0;font-size:14px}@media (prefers-reduced-motion:reduce){.typing i,.peekHero .bitmoji,.peekLive.on .pulse,.pulseMark,.caret,.authIn{animation:none}}