/* BRAVO 03.16 — Obsidian / Tangerine. Original identity. */
:root{--bravo-accent:#ff861f;--bravo-bg:#0b0c0e;--bravo-panel:#131416;--bravo-panel-raised:#202124;--bravo-line:#ffffff0c;--bravo-text:#f8f8f6;--bravo-muted:#989a9f}
html,body{background:#0b0c0e}.app{grid-template-columns:82px minmax(340px,390px) minmax(0,1fr)}.rail{background:#0c0d0f;padding:28px 13px;gap:17px}.rail .brand{background:#ff861f;border-radius:16px;font-weight:950;box-shadow:0 10px 35px #ff861f20}.rail button{width:50px;height:50px}.rail button.active{background:#ff861f17;color:#ff9c4b}.side{background:#141517}.sidehead{padding:29px 23px 16px;background:transparent}.word{font-size:27px;letter-spacing:3.5px;font-weight:900}.eyebrow{font-size:9px;color:#85878a;letter-spacing:1.6px}.release-pill{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid #ff861f40;border-radius:8px;background:#ff861f0c;color:#ff9b4a;font-size:9px;font-weight:800;letter-spacing:1px}.release-pill span{font-size:15px}.social-nav{margin-top:24px;background:#0b0c0e;padding:5px;border:1px solid #ffffff08}.social-nav button{font-size:11px}.social-nav button.selected{background:#29292b;color:#fff}.discovery-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(112deg,#ff891e,#ffac52);color:#211208;width:100%;border-radius:16px;padding:16px;text-align:left;margin:19px 0 15px;box-shadow:0 6px 24px #ff861f0b}.discovery-mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid #28170430;border-radius:12px;font-size:25px;font-weight:950;transform:rotate(-8deg)}.discovery-banner b{display:block;font-size:15px;letter-spacing:-.3px}.discovery-banner small{display:block;margin-top:4px;font-size:10px;color:#512e13}.discovery-arrow{font-size:24px;margin-left:auto}.quick-features{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-features button{background:#1e1f21;border:1px solid #ffffff08;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:11px 3px;color:#d9d9da;font-size:10px}.quick-features button:hover{background:#292723;border-color:#ff861f40}.quick-features img{width:24px;height:24px}.heading{margin-top:23px;gap:7px}.heading h2{font-size:25px;letter-spacing:-1px}.extra-launcher{width:30px;height:30px;padding:6px}.searchbox{margin-top:16px;margin-bottom:14px}.search{background:#222325;font-size:13px;padding:14px 14px 14px 40px;border-radius:12px}.filters{gap:7px}.filters button{font-size:11px;padding:8px 13px;border-radius:20px;background:#1e1f21}.filters .selected{background:#ff861f;color:#211407}.safety-inbox{border-radius:9px!important;margin-top:12px!important}.contact{padding:16px 12px;gap:13px;border-radius:14px}.contact .name{font-size:15px;font-weight:650}.contact .last{font-size:12px;color:#9a9b9f;margin-top:6px}.contact .avatar{width:52px;height:52px;flex-basis:52px;font-size:16px}.contact.selected{background:#ff861f12;border-color:#ff861f1c}.time{font-size:10px}.badge{height:20px;min-width:20px;border-radius:7px;font-size:10px}.list{padding:3px 11px 12px}.foot{background:#111214;padding:12px 24px;font-size:11px}.chat{background:#0d0e10}.chathead{background:#17181a;min-height:84px;padding:17px 30px}.chathead .name{font-size:16px}.chathead small{font-size:12px;line-height:1.45;white-space:normal;color:#a2a3a7}.chathead small:before{display:none}.chathead small[data-online=true]{color:#8cdda8;font-weight:650}.chathead small[data-online=true]:before{display:inline-block;background:#81d69e;width:6px;height:6px;box-shadow:0 0 0 3px #81d69e12}.chathead>.avatar{width:47px;height:47px;flex-basis:47px}.chathead .actions .icon{color:#b9babc}.messages{background:#0d0e10;padding:28px clamp(18px,4vw,78px);gap:10px}.bubble{background:#242528;border-color:#ffffff08;font-size:15px;line-height:1.55;border-radius:17px 17px 17px 5px;padding:12px 15px 7px;box-shadow:0 4px 10px #0001}.bubble.mine{background:#ff891f;color:#23180e;border:1px solid #ffa552;border-radius:17px 17px 5px 17px}.bubble.mine .stamp,.bubble.mine .delivery-label,.bubble.mine .voice-label,.bubble.mine .message-menu{color:#603712}.bubble.mine .quoted-message{color:#593511;border-color:#6a3b1d;background:#00000008}.message-menu{opacity:1}.demo{font-size:10px;padding:9px 12px;color:#94969b;cursor:pointer;background:#141517;border-bottom:1px solid #ffffff04}.demo:before{background:#ff952e}.composer{background:#202123;border-radius:22px;margin:14px 26px 8px;border:1px solid #ffffff0d;padding:9px 12px;min-height:62px}.composer textarea{font-size:15px}.send{border-radius:15px;width:43px;height:43px;flex-basis:43px}.hint{color:#72757a;font-size:9px}.welcome{max-width:1040px;padding:40px 6%;overflow:auto}.welcome-orbit{position:relative;width:180px;height:150px;margin:0 auto 27px;display:grid;place-items:center}.welcome-orbit img{width:85px;height:85px;border-radius:25px;transform:rotate(-9deg);box-shadow:0 20px 65px #ff861f20;position:relative}.welcome-orbit>span{position:absolute;width:156px;height:156px;border:1px solid #ff861f1b;border-radius:50%;transform:rotate(-20deg) scaleY(.68)}.welcome-orbit>span:nth-child(2){width:208px;height:208px;transform:rotate(40deg) scaleY(.68);border-color:#ffffff09}.welcome .auth-kicker{font-size:9px;color:#ff9a46;letter-spacing:2.7px}.welcome h1{font-size:clamp(32px,3.2vw,53px);letter-spacing:-2px;line-height:1.12;margin:19px 0}.welcome h1 span{color:#a6a7ab}.welcome p{color:#8d8e93;font-size:14px;line-height:1.8}.welcome-cta{display:flex;gap:12px;justify-content:center;margin:28px 0 38px}.welcome-cta .primary{font-size:13px;padding:15px 22px;min-height:48px}.welcome-discover{background:#202123;border:1px solid #ffffff12;border-radius:12px;color:#ccc;font-size:12px;padding:13px 20px}.welcome-feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left;max-width:700px;margin:auto}.welcome-feature-cards button{background:#17181a;border:1px solid #ffffff09;border-radius:18px;padding:21px 18px;color:#eee;text-align:left;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,border-color .2s}.welcome-feature-cards button:hover{transform:translateY(-3px);border-color:#ff861f60}.welcome-feature-cards img{width:30px;height:30px;margin-bottom:17px}.welcome-feature-cards b{font-size:15px}.welcome-feature-cards small{font-size:11px;line-height:1.6;color:#96979b;margin-top:7px;min-height:36px}.welcome-feature-cards button>span{font-size:10px;color:#ff9a4d;margin-top:16px}.welcome-foot{margin-top:35px;font-size:10px;letter-spacing:3px;color:#929397}.welcome-foot span{margin-left:15px;letter-spacing:.4px;color:#626469}.auth-art{background:radial-gradient(ellipse at 20% 85%,#ff861f18,transparent 60%),#0d0e10}.hero-symbol{box-shadow:none}.auth-form-wrap{background:#141517}.auth-screen h1{letter-spacing:-1.8px}.bravo-splash{position:fixed;inset:0;z-index:10000;background:#0b0c0e;display:grid;place-items:center;transition:opacity .2s;opacity:1}.bravo-splash>img{width:94px;height:94px;border-radius:28px;box-shadow:0 14px 65px #ff861f18}.bravo-splash.finished{opacity:0;pointer-events:none}.splash-credit{position:absolute;bottom:max(55px,calc(env(safe-area-inset-bottom) + 28px));text-align:center;display:flex;flex-direction:column;gap:6px}.splash-credit small{font-size:13px;color:#7e8085}.splash-credit strong{font-size:23px;font-weight:700;letter-spacing:-.7px;color:#dbdce0}.bravo-release{max-width:640px!important;width:94%;background:#141517}.release-hero{padding:20px 0 25px;border-bottom:1px solid #ffffff0c}.release-hero .release-number{font-size:10px;letter-spacing:2px;color:#ff9a46}.release-hero h2{font-size:36px!important;line-height:1.05;letter-spacing:-1.6px!important;margin:16px 0}.release-hero p{font-size:13px!important;color:#9fa0a5;line-height:1.7}.release-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:21px 0}.release-grid>button{display:flex;align-items:flex-start;gap:13px;margin:0!important;padding:17px!important;border:1px solid #ffffff0b!important;border-radius:14px!important;background:#202123!important;text-align:left!important;color:#eee!important}.release-grid img{width:28px;height:28px;flex-shrink:0}.release-grid b{font-size:13px;display:block}.release-grid small{display:block;font-size:11px;color:#a3a4a9;line-height:1.65;margin-top:6px}.release-grid em{font-size:9px;color:#ffac6b;font-style:normal;display:block;margin-top:9px}.release-section{padding:17px 0;border-top:1px solid #ffffff0a}.release-section h3{font-size:14px;margin:0 0 9px}.release-section p{font-size:12px!important;line-height:1.8!important;color:#a5a6ab}.release-section .primary{font-size:12px}.release-security{border-left:2px solid #ff861f;padding-left:15px}.presence-note{font-size:10px;color:#9a9ca2;max-width:460px}.presence-error-link{background:none;color:#ffad61;padding:0;font-size:11px}
@media(min-width:721px) and (max-height:820px){.sidehead{padding-top:21px}.discovery-banner{padding:12px;margin:14px 0 11px}.quick-features button{padding:8px}.heading{margin-top:17px}.welcome{padding-top:20px;padding-bottom:20px}.welcome-orbit{height:110px;margin-bottom:17px}.welcome-orbit img{width:65px;height:65px;border-radius:21px}.welcome-orbit>span{width:120px;height:120px}.welcome-orbit>span:nth-child(2){width:150px;height:150px}.welcome-feature-cards button{padding:17px}.welcome-cta{margin:20px 0 25px}}
@media(min-width:721px) and (max-width:1120px){.app{grid-template-columns:68px 330px minmax(0,1fr)}.sidehead{padding-left:18px;padding-right:18px}.welcome h1{font-size:34px}.welcome-feature-cards{gap:8px}.welcome-feature-cards button{padding:15px 11px}.welcome-feature-cards small{font-size:10px}.welcome-cta{gap:8px}.welcome-cta button{padding:13px!important}}
@media(max-width:720px){.app{display:block}.sidehead{padding:calc(env(safe-area-inset-top) + 22px) 20px 14px}.side .social-nav{display:none}.word{font-size:29px}.eyebrow{font-size:8px}.discovery-banner{margin:21px 0 13px;padding:14px;border-radius:15px}.discovery-banner b{font-size:16px}.discovery-banner small{font-size:11px}.quick-features{gap:9px}.quick-features button{padding:12px 4px;flex-direction:row;gap:7px;font-size:10px;border-radius:12px}.quick-features img{width:20px;height:20px}.heading{margin-top:25px;gap:8px}.heading h2{font-size:27px}.searchbox{margin:16px 0 13px}.search{padding-top:14px;padding-bottom:14px;font-size:13px}.filters button{font-size:11px;padding:8px 14px}.contact{padding:15px 10px;gap:13px}.contact .name{font-size:16px}.contact .last{font-size:13px}.contact .avatar{width:54px;height:54px;flex-basis:54px}.list{padding:1px 11px 14px}.mobile-dock{background:#17181af5;border-top:1px solid #ffffff0e;backdrop-filter:blur(16px)}.mobile-dock button{color:#8e9096;font-size:10px}.mobile-dock button.active svg{background:#ff861f20;border-radius:10px;box-shadow:0 0 0 5px #ff861f20;color:#ff9d50}.chathead{padding:calc(env(safe-area-inset-top) + 12px) 10px 12px;gap:9px;min-height:77px}.chathead>.avatar{width:40px;height:40px;flex-basis:40px}.chathead .name{font-size:15px}.chathead small{font-size:10px;letter-spacing:0}.chathead .actions{gap:0;margin-left:0}.chathead .actions .icon{width:30px;height:34px;padding:6px}.chathead .actions svg{width:20px;height:20px}.chathead .back{width:25px;padding:0}.messages{padding:19px 12px;gap:9px}.bubble{max-width:88%;font-size:15px;padding:10px 13px 6px;border-radius:16px 16px 16px 4px}.bubble.mine{border-radius:16px 16px 4px 16px}.composer{margin:9px 9px 5px;padding:7px 7px;border-radius:22px;gap:3px;min-height:56px}.composer textarea{font-size:16px;padding-left:4px}.composer .icon{width:30px;padding:5px}.send{width:40px;height:40px;flex-basis:40px}.hint{font-size:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.demo{font-size:9px;padding:8px 10px}.bravo-release{max-height:92dvh;padding:24px 20px!important}.release-grid{gap:9px}.release-grid>button{padding:13px!important;gap:9px}.release-grid img{width:23px;height:23px}.release-grid small{font-size:10px}.release-hero h2{font-size:33px!important}.release-section p{font-size:12px!important}}
@media(max-width:360px){.sidehead{padding-left:15px;padding-right:15px}.quick-features button{font-size:9px;gap:4px}.quick-features img{width:18px;height:18px}.heading h2{font-size:24px}.contact .name{font-size:14px}.release-grid{grid-template-columns:1fr}.chathead .actions .icon:first-child{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.bravo-splash,.welcome-feature-cards button{transition:none}}
/* Dedicated settings destination, built from existing account controls. */
.bravo-settings[open]{width:560px;max-width:94vw;padding:30px;background:#101113;border:1px solid #ffffff10;border-radius:25px;max-height:94dvh}.settings-header{position:relative;margin-bottom:23px}.settings-kicker{font-size:9px;letter-spacing:2px;color:#ff9c50}.settings-header h1{font-size:35px;letter-spacing:-1.3px;line-height:1.15;margin:15px 0 0}.settings-header>button{position:absolute;right:0;top:0;margin:0;background:#242528;color:#b9bbc0;font-size:25px;width:35px;height:35px;padding:0;min-height:35px;border-radius:50%}.settings-profile-card{display:flex!important;align-items:center;gap:15px;width:100%;margin:0 0 26px!important;padding:20px!important;text-align:left;border:1px solid #ff861f18;border-radius:20px!important;background:linear-gradient(110deg,#26211b,#1b1b1d)!important;color:#eee!important}.settings-avatar{height:65px;width:65px;flex:0 0 65px;border:2px solid #ff962f;border-radius:50%;display:grid;place-items:center;background:#373331;overflow:hidden;font-size:22px;font-weight:700;box-shadow:0 0 0 4px #ff861f0a}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-text{flex:1;min-width:0}.settings-text b{font-size:15px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.settings-profile-card .settings-text b{font-size:18px}.settings-text small{display:block;color:#93959c;font-size:11px;line-height:1.5;margin-top:4px}.settings-text em{display:block;font-size:10px;color:#ffad6c;font-style:normal;margin-top:8px}.settings-chevron{color:#676b73;font-size:24px;line-height:1;flex-shrink:0}.settings-group{overflow:hidden;background:#1b1c1f;border:1px solid #ffffff05;border-radius:19px;margin:0 0 22px}.settings-group .settings-row{display:flex;align-items:center;gap:15px;background:transparent!important;color:#eaeaec!important;margin:0!important;border-radius:0!important;padding:18px!important;width:100%;text-align:left;position:relative;min-height:72px}.settings-group .settings-row:not(:last-child):after{content:'';height:1px;background:#ffffff0b;position:absolute;bottom:0;left:60px;right:20px}.settings-group .settings-row:hover{background:#ffffff05!important}.settings-icon{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;color:#c9cbd0}.settings-icon svg,.settings-logout svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.settings-logout{background:#ff875008!important;color:#ffb09a!important;font-size:13px!important;width:100%;display:flex;align-items:center;gap:13px;padding:15px!important;border-radius:15px!important;margin:0!important;border:1px solid #ff875014}.settings-footer{text-align:center;padding:27px 0 5px}.settings-footer b{display:block;font-size:13px;letter-spacing:3px;color:#9c9fa6}.settings-footer span{display:block;margin-top:8px;color:#636771;font-size:10px}.settings-notifications{padding:20px}.settings-notifications h3{margin:0 0 10px;font-size:15px}.settings-blocked-row{padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff12;font-size:13px}.settings-blocked-row small{display:block;color:#888;margin-top:4px}.settings-blocked-row button{font-size:11px}.rail button[data-bravo-nav=settings]{margin-top:auto}.rail button[data-bravo-nav=settings]+.me{margin-top:0}
@media(max-width:720px){dialog.bravo-settings[open]{inset:0!important;width:100%!important;max-width:none!important;height:var(--bravo-height,100dvh)!important;max-height:none!important;border:0!important;border-radius:0!important;padding:calc(env(safe-area-inset-top) + 25px) 20px calc(env(safe-area-inset-bottom) + 24px)!important;margin:0!important;background:#101113!important}.settings-header h1{font-size:34px}.settings-profile-card{padding:18px!important;gap:13px}.settings-avatar{width:59px;height:59px;flex-basis:59px}.settings-profile-card .settings-text b{font-size:18px}.settings-group .settings-row{padding:17px 16px!important;gap:14px;min-height:73px}.settings-text b{font-size:15px}.settings-text small{font-size:11px}.settings-group{margin-bottom:21px}.mobile-dock button[data-bravo-nav=settings] span{font-size:9px;letter-spacing:-.3px}.settings-footer{padding-bottom:15px}}
/* Home status carousel, contacts, and roomy two-row message composer. */
.brand-row>div{margin-right:auto}.home-status-add{background:#ffffff08;color:#ff9e4c;width:34px;height:34px;flex-shrink:0;border:1px solid #ff861f25;border-radius:11px;padding:7px}.home-status-add svg{fill:none;stroke:currentColor;stroke-width:1.8;width:20px;height:20px;stroke-linecap:round}.brand-row{gap:8px}.home-status-strip{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;overflow-y:hidden;margin:19px -5px 0;padding:3px 5px 9px;scrollbar-width:none;min-height:88px;overscroll-behavior-x:contain}.home-status-strip::-webkit-scrollbar{display:none}.home-story-own{position:relative;flex-shrink:0}.home-story{display:flex;flex-direction:column;align-items:center;gap:7px;width:62px;padding:0;background:none;color:#b9bbc2;font-size:10px;flex-shrink:0}.home-story>span:last-child{max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-story-photo{width:55px;height:55px;border:2px solid #ffffff20;border-radius:50%;padding:3px;background:#202124;display:grid;place-items:center;color:#eee;font-size:16px;font-weight:600}.home-story-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}.home-story.unseen .home-story-photo{border-color:#ff942f;box-shadow:0 0 0 2px #ff942f0d}.home-story.seen .home-story-photo{border-color:#61656b}.home-story-plus{position:absolute;right:1px;top:36px;background:#ff942f;color:#18120c;border:3px solid #141517;border-radius:50%;height:24px;width:24px;display:grid;place-items:center;font-size:16px;padding:0;line-height:1;font-weight:700}.discovery-banner{margin:8px 0 12px;padding:10px 12px;border-radius:12px;gap:9px}.discovery-mark{width:28px;height:28px;border-radius:8px;font-size:19px}.discovery-banner b{font-size:12px}.discovery-banner small{font-size:9px;margin-top:2px}.discovery-arrow{font-size:21px}.quick-features button{padding:8px 3px;flex-direction:row;gap:6px;font-size:9px}.quick-features img{width:19px;height:19px}.sidehead .heading{margin-top:20px}.composer{display:grid;grid-template-columns:36px 36px 1fr 40px 43px;gap:3px 7px;padding:12px 13px 9px;border-radius:25px;min-height:100px}.composer textarea{grid-row:1;grid-column:1/-1;width:100%;min-height:42px;height:42px;padding:6px 4px;font-size:16px}.composer>.icon{grid-row:2;width:34px;height:34px}.composer>.icon:first-child{grid-column:1}.composer>.icon:nth-child(2){grid-column:2}.composer>#mic{grid-column:4}.composer>.send{grid-row:2;grid-column:5}.composer .send{width:38px;height:38px;flex-basis:38px;border-radius:50%;padding:8px}.composer .icon svg{width:22px;height:22px}.bravo-contacts[open]{background:#111214;width:560px;max-width:94vw;padding:30px;max-height:94dvh;border-radius:25px}.contacts-description{font-size:13px;color:#9b9da4;line-height:1.6}.contacts-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 12px}.contacts-tools>span{color:#8b8e96;font-size:11px}.contacts-tools>button{margin:0;padding:9px 13px;border-radius:10px;font-size:12px}.contacts-search{background:#202226!important;margin:0 0 15px!important;border:1px solid #ffffff0a!important;padding:14px!important;font-size:14px!important;width:100%;border-radius:13px!important;color:#eee}.bravo-contact-row{display:flex!important;align-items:center;gap:14px;width:100%;padding:16px 5px!important;margin:0!important;background:none!important;color:#eee!important;text-align:left;border-bottom:1px solid #ffffff0b!important;border-radius:0!important}.bravo-contact-row>span:nth-child(2){flex:1;min-width:0}.bravo-contact-row b{display:block;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bravo-contact-row small{display:block;color:#9396a0;font-size:12px;margin-top:5px}.contacts-privacy{font-size:10px!important;line-height:1.7!important;color:#757a85;padding-top:22px}.contacts-empty{text-align:center;padding:35px 10px;color:#8a8f9a}.contacts-empty h3{font-size:16px;font-weight:500;color:#ccc}.contacts-empty p{font-size:12px!important}.mobile-dock{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:720px){.home-status-strip{gap:16px;margin-top:17px;min-height:90px}.home-story-photo{width:57px;height:57px}.home-story{width:64px;font-size:10px}.home-story-plus{top:37px}.sidehead{padding-top:calc(env(safe-area-inset-top) + 20px)}.sidehead .heading{margin-top:18px}.quick-features button{font-size:9px;padding:8px 2px}.searchbox{margin-top:13px;margin-bottom:11px}.composer{grid-template-columns:34px 34px 1fr 35px 40px;gap:2px 5px;margin:8px 9px 4px;padding:10px 11px 8px;min-height:96px;border-radius:25px}.composer textarea{font-size:16px;min-height:42px;height:42px;padding:5px 4px}.composer>.icon{width:32px;height:34px}.composer .send{width:37px;height:37px}.mobile-dock button span{font-size:9px!important;letter-spacing:-.3px}.mobile-dock button svg{width:21px;height:21px}.mobile-dock button{padding-left:0;padding-right:0}dialog.bravo-contacts[open]{inset:0!important;width:100%!important;max-width:none!important;height:var(--bravo-height,100dvh)!important;max-height:none!important;border:0!important;border-radius:0!important;padding:calc(env(safe-area-inset-top) + 25px) 20px calc(env(safe-area-inset-bottom) + 24px)!important;margin:0!important}.home-status-add{width:32px;height:32px;padding:6px}.brand-row .release-pill{font-size:8px;padding:7px 8px;gap:5px}}

/* Geometric plus: centered independently of font baselines on iOS/Android. */
.home-story-plus{display:flex;align-items:center;justify-content:center;padding:0;margin:0;box-sizing:border-box;line-height:0;appearance:none;-webkit-appearance:none;transform:none;overflow:hidden}.home-story-plus svg{display:block;width:13px;height:13px;flex:0 0 13px;margin:0;padding:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}

/* One circular vector badge, anchored to the avatar circumference. */
.home-story-own{--story-photo-size:55px}.home-story-own .home-story-plus{position:absolute;left:calc(50% + var(--story-photo-size)*.353553);top:calc(var(--story-photo-size)*.853553);right:auto;bottom:auto;transform:translate(-50%,-50%);display:block;width:26px;height:26px;min-width:26px;min-height:26px;max-width:26px;max-height:26px;aspect-ratio:1;border:0;border-radius:50%;background:transparent;box-shadow:none;padding:0;margin:0;line-height:0;overflow:visible;flex:none}.home-story-own .home-story-plus svg{display:block;width:26px;height:26px;min-width:26px;min-height:26px;max-width:26px;max-height:26px;aspect-ratio:1;fill:none;stroke:none;overflow:visible;margin:0;padding:0;transform:none;pointer-events:none}@media(max-width:720px){.home-story-own{--story-photo-size:57px}}

/* Header controls share one box; SVGs fit the content area without overflow. */
.heading button.extra-launcher,.heading button.sound-toggle,.heading button.plus{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;flex:0 0 36px;box-sizing:border-box;padding:7px;margin:0;line-height:0;border-radius:11px;overflow:hidden}.heading button.extra-launcher svg,.heading button.sound-toggle svg,.heading button.plus svg{display:block;width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px;flex:0 0 20px;margin:0;padding:0;transform:none;vertical-align:initial;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
/* Social moments: original BRAVO presence and invitation-based interactions. */
.moment-peer{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;padding:9px 30px;font-size:11px;background:#191a1c;border-bottom:1px solid #ffffff09;line-height:1.6;flex:none}.moment-peer[hidden]{display:none}.moment-state{color:#ffba7b;border:1px solid #ff861f30;padding:1px 7px;border-radius:7px;font-size:10px}.moment-thought{color:#c9c9cd;overflow-wrap:anywhere}.moment-music{color:#ffac64}.moment-music a{color:#e7e8eb;text-underline-offset:3px}.moment-peer>button{margin-left:auto;background:#ff861f17;color:#ffc08c;border-radius:8px;padding:4px 8px;font-size:10px}.composer .moment-interact-button{grid-row:2;grid-column:3;background:transparent;color:#ffb478;font-size:11px;line-height:1.2;padding:6px 10px;width:fit-content;border:1px solid #ff861f20;border-radius:15px;justify-self:end;margin-right:5px}.moment-interact-button span{font-size:14px;margin-left:5px}.moment-favorites{display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid #ffffff0c;border-radius:12px;max-height:230px;overflow:auto;margin-bottom:15px}.moment-interactions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 25px}.moment-interactions>button{background:#242528;color:#eee;padding:17px 12px;border:1px solid #ffffff08;border-radius:15px;font-size:25px;margin:0;min-height:115px;text-align:left}.moment-interactions b{display:block;font-size:13px;margin-top:10px}.moment-interactions small{display:block;font-size:10px;line-height:1.5;color:#9699a2;margin-top:5px}.moment-effect{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);z-index:20000;display:flex;align-items:center;flex-direction:column;gap:10px;background:#18191cf5;border:1px solid #ff861f55;border-radius:28px;box-shadow:0 25px 100px #0009;padding:30px 40px;text-align:center;max-width:90vw;min-width:220px;pointer-events:auto}.moment-effect>span{font-size:65px;display:block;animation:momentPop .8s ease-out}.moment-effect b{font-size:16px;color:#ffb576}.moment-effect small{font-size:12px;color:#ddd}.moment-effect>button{position:absolute;top:7px;right:10px;width:28px;height:28px;border-radius:50%;padding:0;background:#ffffff0b;color:#aaa;font-size:20px}.moment-nudge{animation:momentNudge .32s ease-in-out}.moment-effect-celebrate{border-color:#ffbe5c;background:radial-gradient(ellipse at top,#70391b77,#18191cf5 70%)}.moment-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px auto;max-width:300px}.moment-board>button{aspect-ratio:1;min-height:72px;background:#27282d!important;color:#ffac64!important;border:1px solid #ffffff12;border-radius:14px;font-size:34px;padding:0;margin:0}.moment-board>button:disabled{opacity:1;cursor:default}.moment-game-state{font-size:20px!important;font-weight:650;color:#ffad6d}.moment-game-title{font-size:55px;text-align:center;margin:20px}.moment-rps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.moment-rps>button{background:#25262b!important;color:#eee!important;display:flex;align-items:center;flex-direction:column;padding:17px 5px;font-size:11px;margin:0;border:1px solid #ffffff12}.moment-rps span{font-size:35px;margin-bottom:12px}@keyframes momentPop{0%{transform:scale(.5) rotate(-20deg);opacity:.1}60%{transform:scale(1.15) rotate(8deg)}100%{transform:scale(1) rotate(0)}}@keyframes momentNudge{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:720px){.moment-peer{padding:8px 14px;font-size:10px;gap:4px 9px}.composer .moment-interact-button{font-size:10px;padding:6px 8px;max-width:100%;margin-right:0}.moment-interact-button span{margin-left:2px}.moment-effect{padding:28px 30px;min-width:210px}.moment-effect>span{font-size:60px}}@media(prefers-reduced-motion:reduce){.moment-effect>span,.moment-nudge{animation:none!important}}

.moment-music,.moment-thought{min-width:0;max-width:100%;overflow-wrap:anywhere}
/* R26: editorial status layout and discoverable social features. */
.updates-r23{max-width:1080px;margin:auto;padding:6px 0 28px}.updates-eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#ff9d49;margin:12px 0 16px}.updates-r23 h2{font-size:27px;letter-spacing:-.8px;margin:0}.updates-r23 .status-section-head{align-items:center;margin:0 0 18px}.updates-r23 .status-section-head p,.updates-channel-head p{color:#989da7;font-size:12px;margin:6px 0 0}.updates-r23 .status-tool{width:38px;height:38px;background:#23262c;border:1px solid #30343b;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:9px}.updates-r23 .status-tool svg{width:20px;height:20px}.updates-r23 .status-strip{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:thin}.updates-r23 .status-tile{width:148px;min-width:148px;height:224px;flex:0 0 148px;border-radius:23px;overflow:hidden;position:relative;scroll-snap-align:start;border:1px solid #ffffff15;background:#24262b}.updates-r23 .status-tile-open{width:100%;height:100%;border:0;border-radius:0;padding:0;position:relative;text-align:left;background:#202329}.updates-r23 .status-tile-cover{position:absolute;inset:0}.updates-r23 .status-tile-cover img,.updates-r23 .status-tile-cover video{width:100%;height:100%;object-fit:cover}.updates-r23 .status-tile-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0005 0%,transparent 35%,#000b 100%)}.updates-r23 .status-tile-label{position:absolute;bottom:17px;left:14px;right:12px;font-size:14px;font-weight:750;color:white;line-height:1.25;text-shadow:0 1px 8px #000}.updates-r23 .status-tile-avatar{position:absolute;top:12px;left:12px;width:42px;height:42px;border-radius:50%;outline:2px solid #ff942f;outline-offset:3px;border:2px solid #17191d;box-sizing:border-box}.updates-r23 .status-tile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.updates-r23 .seen .status-tile-avatar{outline-color:#757a84}.updates-r23 .status-tile-add{position:absolute;left:41px;top:41px;width:24px;height:24px;border:2px solid #191b20;border-radius:50%;background:#ff942f;color:#16130f;display:grid;place-items:center;padding:0;line-height:20px;font-size:21px;font-weight:500;z-index:3}.updates-r23 .status-tile-count{position:absolute;right:12px;top:14px;background:#0006;padding:3px 7px;border-radius:12px;font-size:11px}.updates-r23 .status-tile-empty{height:100%;display:flex;align-items:flex-end;padding:24px 14px 60px;background:radial-gradient(ellipse at 20% 20%,#6e452e,transparent 65%),linear-gradient(140deg,#342b25,#16191e);color:#ffd8b5;font-size:20px;font-weight:750;line-height:1.15}.updates-r23 .status-contact-hint{margin:9px 0 24px;padding:17px 0;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff0c;color:#8e949e}.status-contact-hint>span{font-size:32px;color:#ff9b42}.status-contact-hint b{font-size:13px;color:#cbd0d8}.status-contact-hint p{margin:4px 0 0;font-size:12px;line-height:1.5}.status-contact-hint button{margin-left:auto;flex-shrink:0;background:transparent;color:#ffae68;font-size:11px;padding:6px}.moment-home-entry{display:flex;width:calc(100% - 28px);margin:10px 14px 4px;align-items:center;gap:11px;text-align:left;background:linear-gradient(115deg,#30251d,#1b1d22);border:1px solid #ff9a3426;border-radius:16px;padding:12px;color:#f7f5f2}.moment-home-symbol{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;color:#ffae68;background:#ff9b3818;border-radius:13px;font-size:25px}.moment-home-entry>span:nth-child(2){flex:1}.moment-home-entry b,.moment-home-entry small{display:block}.moment-home-entry b{font-size:14px}.moment-home-entry small{font-size:10px;color:#adb0b9;margin-top:4px}.moment-updates-entry{display:flex;width:100%;align-items:center;gap:13px;text-align:left;padding:20px;background:linear-gradient(120deg,#31251d,#1c1e24);border:1px solid #ff9c3b24;border-radius:20px;margin:16px 0 28px;color:#f7f2ee}.moment-updates-entry>span:nth-child(2){flex:1}.moment-updates-entry small{display:block;font-size:9px;letter-spacing:1.3px;color:#ffad67;font-weight:800}.moment-updates-entry b{display:block;margin:6px 0;font-size:16px;letter-spacing:-.4px}.moment-updates-entry span span{display:block;font-size:11px;color:#adb1b9}.updates-r23 .updates-channel-head{align-items:center;margin:0 0 16px}.updates-r23 .updates-channel-head button{font-size:12px;background:#25282e;border-radius:20px;padding:9px 13px}.updates-r23 .social-empty.compact{border:1px solid #ffffff0c;border-radius:19px;background:#171a1f;padding:23px;text-align:left}.updates-r23 .social-empty.compact b{font-size:15px}.updates-r23 .social-empty.compact p{font-size:12px;margin:8px 0 16px;line-height:1.6}.updates-r23 .social-empty.compact button{font-size:12px;border-radius:20px;padding:10px 16px}.moment-hub-hero{padding:15px 4px 23px}.moment-hub-hero>span{font-size:9px;letter-spacing:2px;color:#ffad66;font-weight:800}.moment-hub-hero h2{font-size:36px;line-height:1.04;letter-spacing:-1.5px;margin:12px 0}.moment-hub-hero p{font-size:13px;color:#a8aeb8;line-height:1.5}.moment-feature-grid{display:grid;grid-template-columns:1fr;gap:9px}.moment-feature-card{display:flex;text-align:left;align-items:center;gap:13px;width:100%;background:#202329;color:#f6f7f9;border:1px solid #ffffff09;border-radius:16px;padding:15px}.moment-feature-card>span:nth-child(2){flex:1;min-width:0}.moment-feature-card b{display:block;font-size:14px;margin-bottom:4px}.moment-feature-card small{display:block;font-size:11px;line-height:1.5;color:#a3aab6}.moment-feature-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:13px;background:#ff9d3919;color:#ffab62;font-size:26px}.moment-feature-icon.availability{font-size:18px;color:#78dbac;background:#78dbac15}.moment-feature-icon.music{color:#d0afff;background:#d0afff15}.moment-feature-icon.games{color:#7ac9f0;background:#7ac9f015}.moment-feature-arrow{color:#9a9fa8;font-size:17px}.moment-hub-note{font-size:11px;color:#9098a5;line-height:1.7;padding:8px 4px}.moment-contact-picker{display:grid;gap:7px}@media(min-width:900px){.updates-r23 .status-tile{width:168px;min-width:168px;height:252px;flex-basis:168px}.moment-hub-modal{max-width:650px}.moment-feature-grid{grid-template-columns:1fr 1fr}.moment-feature-card:last-child{grid-column:1/-1}}@media(max-width:600px){.updates-r23{padding-top:0}.updates-r23 .status-tile{width:132px;min-width:132px;height:204px;flex-basis:132px}.updates-r23 .status-strip{gap:10px;margin-right:-14px;padding-right:14px}.updates-r23 h2{font-size:25px}.updates-r23 .status-section-head p{font-size:11px}.updates-r23 .status-contact-hint{gap:9px}.status-contact-hint button{max-width:72px}.moment-updates-entry{padding:16px;gap:11px}.moment-updates-entry b{font-size:14px}.moment-updates-entry span span{font-size:10px}.moment-home-entry small{font-size:10px}.moment-hub-modal{padding-bottom:28px}}

.updates-r23 .status-section-head>div:first-child{display:block;min-width:0;flex:1}.updates-r23 .status-section-head>div:last-child{display:flex;flex-shrink:0;gap:8px}.updates-r23 .status-section-head p{max-width:210px;line-height:1.5}

/* R26: status ring sits close to the photo, matching home avatars. */
.updates-r23 .status-tile .status-tile-avatar{outline-offset:0;border:2px solid #17191d;box-shadow:none;padding:0;overflow:hidden}
.updates-r23 .status-tile .status-tile-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;margin:0}
/* R26: sent is one neutral check; read is two dark green checks. */
.message-receipt{display:inline-flex;vertical-align:middle;margin-left:5px;align-items:center;color:#65523f}.message-receipt svg{width:21px;height:15px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.message-receipt.is-read{color:#075636}
.bubble.mine .stamp .message-receipt{color:#65523f}.bubble.mine .stamp .message-receipt.is-read{color:#075636}
/* R26: two-level composer, clear tool strip and compact attachment sheet. */
.composer.composer-r26{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:10px 20px 8px;padding:16px 13px 11px;border-radius:28px;background:linear-gradient(140deg,#1b1d20,#141619);border:1px solid #ffffff10;box-shadow:0 8px 28px #0002;min-height:120px;flex-shrink:0}.composer.composer-r26 textarea{display:block;grid-area:auto;min-height:46px;max-height:132px;width:100%;box-sizing:border-box;resize:none;border:0;background:transparent;padding:1px 6px;color:#fafafa;font-size:16px;line-height:1.5;border-radius:0;outline:none}.composer-r26 textarea::placeholder{color:#8e9199}.composer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:7px;min-width:0}.composer-r26 .composer-mode{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;width:auto;max-width:43%;padding:7px 10px;border:1px solid #ffffff21;border-radius:20px;color:#c0c2c7;font-size:11px;font-weight:650;background:#ffffff03;line-height:1.15;white-space:nowrap}.composer-mode>span{color:#90959d;font-size:13px}.composer-tools{display:flex;align-items:center;justify-content:flex-end;gap:2px;min-width:0}.composer.composer-r26 .icon{display:flex;align-items:center;justify-content:center;width:34px;height:36px;min-width:30px;padding:6px;border:0;border-radius:50%;color:#d2d4d9;background:transparent;grid-area:auto;margin:0;flex:0 0 auto}.composer.composer-r26 .icon svg{width:23px;height:23px;stroke-width:1.8}.composer.composer-r26 #mic{background:#ffffff09}.composer.composer-r26 .send{display:flex;align-items:center;justify-content:center;grid-area:auto;flex:0 0 36px;width:36px;height:36px;min-width:36px;margin:0 0 0 3px;padding:8px;border-radius:50%;background:#ff952f;color:#1c150e}.composer.composer-r26 .send svg{width:21px;height:21px}.composer-r26 button:focus-visible{outline:2px solid #ffb46e;outline-offset:2px}dialog.bravo-compose-sheet{max-width:470px}.composer-attachment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 10px;padding:24px 0 14px}.composer-attachment-grid>button{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:0;padding:0;color:#e8eaed;min-width:0}.composer-attachment-grid b{font-size:12px;font-weight:550}.composer-attachment-icon{width:58px;height:58px;display:grid;place-items:center;background:#ffffff0a;border:1px solid #ffffff08;border-radius:50%;color:#eee}.composer-attachment-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.composer-attachment-icon.photos{color:#78b8ff}.composer-attachment-icon.file{color:#5cc8e9}.composer-attachment-icon.quick{color:#ffb943}.composer-attachment-icon.effects{color:#c6a1ff}.composer-attachment-icon.emoji{color:#ffcd78}.composer-response-options{display:grid;gap:6px;margin-top:18px}.composer-response-options>button{display:flex;align-items:center;gap:14px;text-align:left;padding:16px 10px;border-radius:15px;color:#f4f4f5;background:#ffffff04;border:1px solid #ffffff07}.composer-response-options>button>span:first-child{color:#ffaf64;font-size:24px;width:25px}.composer-response-options>button>span:nth-child(2){flex:1}.composer-response-options b{display:block;font-size:14px}.composer-response-options small{display:block;color:#999fa9;font-size:11px;line-height:1.5;margin-top:4px}.composer-local-note{font-size:10px;color:#8e959f;line-height:1.6;margin:16px 0 0}.composer-quick-list{display:grid;gap:8px;margin-bottom:16px}.composer-quick-list button{display:flex;align-items:center;gap:12px;justify-content:space-between;text-align:left;color:#e8ebef;background:#ffffff07;border:1px solid #ffffff09;border-radius:13px;padding:14px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.composer-quick-list button span:first-child{min-width:0}.composer-quick-empty{text-align:center;padding:20px 15px 24px}.composer-quick-empty>span{font-size:42px;color:#ffad54}.composer-quick-empty h3{font-size:25px;line-height:1.15;letter-spacing:-.7px;margin:10px 0}.composer-quick-empty p{color:#949ca7;line-height:1.6;font-size:12px}.composer-photo-preview{display:grid;place-items:center;border-radius:18px;background:#111315;overflow:hidden;margin:18px 0}.composer-photo-preview img{display:block;width:100%;max-height:45dvh;object-fit:contain}#composerQuickError{font-size:12px;color:#ffb58b}@media(max-width:720px){.composer.composer-r26{margin:8px 9px 5px;padding:14px 10px 10px;min-height:116px;border-radius:25px;gap:10px}.composer.composer-r26 textarea{min-height:43px;font-size:16px}.composer.composer-r26 .icon{width:31px;min-width:29px;height:34px;padding:5px}.composer.composer-r26 .send{width:34px;min-width:34px;height:34px;flex-basis:34px}.composer-r26 .composer-mode{font-size:10px;padding:7px 9px;gap:4px}.composer-tools{gap:1px}dialog.bravo-compose-sheet[open]{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:78dvh;border-radius:28px 28px 0 0;padding:22px 20px max(25px,env(safe-area-inset-bottom))!important;box-sizing:border-box}.bravo-compose-sheet .extras-heading{margin-bottom:6px}.bravo-compose-sheet .extras-heading h2{font-size:18px}.composer-attachment-grid{padding:22px 0 14px;gap:24px 10px}.composer-attachment-icon{width:60px;height:60px}.composer-attachment-grid b{font-size:12px}.composer-quick-empty{padding:10px 15px 20px}}@media(max-width:350px){.composer.composer-r26 .icon{width:27px;min-width:25px;padding:4px}.composer.composer-r26 .send{width:31px;min-width:31px;flex-basis:31px;height:31px}.composer-r26 .composer-mode{font-size:9px;padding:7px}.composer-attachment-grid b{font-size:11px}}