@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{color:#102940;font-synthesis:none;background:#f2f7fa;font-family:DM Sans,Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}img{max-width:100%;display:block}.app-shell{background:linear-gradient(#f6fbfe 0%,#eef5f8 100%);width:100%;min-height:100dvh;padding-bottom:90px}.app-header{justify-content:space-between;align-items:center;max-width:1050px;height:88px;margin:auto;padding:18px 22px 8px;display:flex}.brand-zone{flex-direction:column;gap:3px;display:flex}.wordmark{text-align:left;letter-spacing:-1.4px;color:#082744;background:0 0;border:0;padding:0;font-size:clamp(24px,4.6vw,31px);font-weight:800;line-height:1}.wordmark strong{color:#efb73d}.location{color:#10779c;align-items:center;gap:5px;font-size:12px;font-weight:750;display:flex}.header-actions{gap:9px;display:flex}.icon-button{color:#143b5b;background:#e9f1f7;border:0;border-radius:15px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.icon-button:active{transform:scale(.97)}.main-content{width:min(100% - 30px,960px);margin:0 auto}.demo-ribbon{color:#577187;background:#e9f3fb;border-radius:10px;align-items:center;gap:7px;max-width:960px;margin:0 auto 12px;padding:7px 15px;font-size:11px;line-height:1.35;display:flex}.ribbon-dot{background:#1686ae;border-radius:50%;flex-shrink:0;width:6px;height:6px}.surface{background:#fff;border:1px solid #1e567809;border-radius:19px;box-shadow:0 8px 30px #1037550e}.alert{z-index:11;color:#654217;cursor:pointer;background:#fff0d9;border-radius:12px;justify-content:space-between;align-items:center;max-width:960px;margin:0 auto 12px;padding:12px 18px;font-size:13px;display:flex;position:sticky;top:0}.hero-banner{color:#fff;background-position:50%;background-size:cover;border-radius:18px;flex-direction:column;justify-content:center;gap:8px;min-height:160px;padding:27px 28px;display:flex;overflow:hidden}.hero-banner h1{letter-spacing:-1.6px;margin:0;font-size:clamp(27px,5vw,45px);font-weight:800;line-height:1.05}.hero-banner h1 em{color:#ffcf65;font-style:normal}.hero-eyebrow{letter-spacing:3px;font-size:10px;font-weight:800}.hero-banner p{max-width:350px;margin:0;font-size:clamp(12px,2vw,16px);font-weight:500;line-height:1.35}.quick-compose{align-items:center;gap:12px;margin:14px 0 23px;padding:14px 16px;display:flex}.avatar{color:#1f6689;background:#d7ecf5;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-small{width:31px;height:31px}.avatar-large{width:54px;height:54px}.compose-trigger{color:#6d8091;text-align:left;background:#f1f6fa;border:1px solid #dce8ef;border-radius:26px;flex:1;min-height:43px;padding:0 16px;font-size:13px}.quick-photo{color:#087da4;background:0 0;border:0;place-items:center;display:grid}.feed-heading{justify-content:space-between;align-items:center;margin:0 1px 15px;display:flex}.feed-heading h2,.page-heading h2{letter-spacing:-.6px;margin:0 0 4px;font-size:22px;font-weight:800;line-height:1.2}.feed-heading small,.page-heading p{color:#71849a;margin:0;font-size:12px}.live-pill{color:#0c779d;background:#e1f1f8;border-radius:22px;padding:7px 10px;font-size:10px;font-weight:800}.post-card{margin-bottom:15px;padding:18px}.post-top{align-items:center;gap:10px;display:flex}.post-person{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.post-person b{color:#122c47;font-size:13px}.post-person small{color:#7b90a1;align-items:center;gap:4px;font-size:10px;display:flex}.demo-tag,.authentic-tag{color:#3982a6;white-space:nowrap;background:#e9f2fb;border-radius:12px;padding:5px 8px;font-size:10px;font-weight:800}.authentic-tag{color:#188a56;background:#e3f7ed}.post-copy{color:#203a51;margin:16px 0;font-size:14px;line-height:1.55}.post-photo{object-fit:cover;object-position:center;border-radius:12px;width:100%;height:clamp(150px,30vw,320px)}.post-actions{justify-content:space-between;gap:8px;margin-top:14px;display:flex}.post-actions button,.disabled-action{color:#5d748a;background:0 0;border:0;align-items:center;gap:6px;padding:7px 0;font-size:11px;display:inline-flex}.post-actions .liked{color:#e35460}.report-link{color:#8594a2;text-align:left;background:0 0;border:0;border-top:1px solid #eef3f7;align-items:center;gap:5px;width:100%;margin-top:6px;padding:10px 0 0;font-size:10px;display:flex}.demo-divider{text-align:center;color:#658096;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:25px 0 18px;font-size:12px;display:flex}.demo-divider b{color:#1485aa;letter-spacing:1.3px;font-size:9px}.empty-feed,.loading-msg{color:#73879b;text-align:center;margin:10px 0;padding:25px;font-size:13px}.bottom-nav{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;border-top:1px solid #e3edf3;justify-content:space-around;align-items:center;height:69px;padding:4px max(12px,50vw - 490px);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 20px #1f496b0a}.nav-slot{flex:1;justify-content:center;display:flex;position:relative}.nav-button{color:#687f94;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:54px;font-size:10px;font-weight:650;display:flex}.nav-button.active{color:#087aa4}.nav-create{color:#fff;z-index:1;background:linear-gradient(140deg,#098cb1,#067197);border:5px solid #fff;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;top:-39px;box-shadow:0 5px 20px #096b9240}.nav-slot:nth-child(3) .nav-button{padding-top:13px}.page-heading{margin:10px 0 20px}.page-heading h2{font-size:27px}.search-box{color:#6c8294;background:#fff;border:1px solid #d9e8f1;border-radius:16px;align-items:center;gap:10px;margin:0 0 18px;padding:12px 14px;display:flex}.search-box input{color:#20394e;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.chip-row{scrollbar-width:none;gap:7px;margin-bottom:23px;display:flex;overflow-x:auto}.chip{white-space:nowrap;color:#5d7387;background:#fff;border:1px solid #e4edf2;border-radius:22px;padding:10px 14px;font-size:11px;font-weight:700}.chip.selected{color:#fff;background:#087aa5;border-color:#087aa5}.section-title{justify-content:space-between;align-items:center;margin:21px 0 14px;display:flex}.section-title h3,.mini-heading{letter-spacing:-.4px;margin:0;font-size:17px}.section-title span{color:#2283a1;font-size:11px;font-weight:750}.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.explore-card{color:#fff;background:#d5eaf3;border-radius:16px;min-height:155px;position:relative;overflow:hidden}.explore-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 25%,#031d36e6);position:absolute;inset:0}.explore-card img{object-fit:cover;width:100%;height:100%;position:absolute}.explore-card>div{z-index:1;flex-direction:column;gap:7px;display:flex;position:absolute;bottom:12px;left:13px;right:13px}.explore-card small{color:#0a5273;background:#ffffffd9;border-radius:12px;align-self:flex-start;padding:4px 7px;font-size:9px;font-weight:800}.explore-card b{font-size:13px;line-height:1.25}.exploration-note,.muted-note{color:#3180a2;align-items:flex-start;gap:12px;margin:20px 0;padding:16px;display:flex}.exploration-note b{color:#25435b;font-size:13px}.exploration-note p{color:#71879a;margin:6px 0 0;font-size:12px;line-height:1.45}.secondary-action{color:#0a779a;background:#fff;border:1px solid #d6e5ef;border-radius:14px;align-items:center;gap:9px;padding:13px 16px;font-size:13px;font-weight:750;display:flex}.demo-chip{color:#5f8199;background:#e9f3f8;border-radius:11px;margin:0 0 15px;padding:9px 11px;font-size:11px;line-height:1.5;display:inline-flex}.threads{overflow:hidden}.thread-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #f0f4f6;align-items:center;gap:12px;width:100%;padding:14px 15px;display:flex}.thread-row:last-child{border:0}.thread-row:hover{background:#f7fbfe}.thread-detail{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.thread-detail b{font-size:13px}.thread-detail small{color:#8192a3;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.4;overflow:hidden}.thread-meta{flex-direction:column;align-items:center;gap:7px;display:flex}.thread-meta small{color:#8192a3;font-size:10px}.thread-meta b{color:#fff;background:#0682b3;border-radius:50%;place-items:center;width:19px;height:19px;font-size:10px;display:grid}.chat-header{align-items:center;gap:10px;padding:10px 14px;display:flex}.chat-header>div{flex-direction:column;gap:4px;display:flex}.chat-header b{font-size:14px}.chat-header small{color:#68889d;font-size:10px}.plain{color:#144361;background:0 0;border:0;place-items:center;padding:0;display:grid}.chat-page>.demo-chip{margin:12px 0}.chat-messages{flex-direction:column;align-items:stretch;gap:12px;min-height:calc(100dvh - 350px);padding:8px 4px 78px;display:flex}.date-divider{text-align:center;color:#879ba9;font-size:11px}.bubble{border-radius:17px;max-width:82%;padding:11px 13px;font-size:13px;line-height:1.45;box-shadow:0 5px 12px #10344d0d}.bubble small{text-align:right;opacity:.7;margin-top:6px;font-size:9px;display:block}.incoming{color:#233c52;background:#e7f0f5;border-bottom-left-radius:3px;align-self:flex-start}.outgoing{color:#fff;background:#087da8;border-bottom-right-radius:3px;align-self:flex-end}.chat-photo{object-fit:cover;border-radius:13px;align-self:flex-start;max-width:79%;max-height:240px}.chat-composer{border-radius:25px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:sticky;bottom:14px}.chat-composer input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:8px;font-size:13px}.send{color:#fff;background:#087ca8;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.notice-row{border-bottom:1px solid #edf3f7;align-items:flex-start;gap:12px;padding:17px 15px;font-size:12px;line-height:1.45;display:flex}.notice-row:last-child{border:0}.notice-row>div{flex:1}.notice-row b{color:#223e55}.notice-row small{color:#8a9baa;margin-top:5px;display:block}.notice-symbol{color:#1886b1}.mini-heading{margin:12px 0}.profile-cover{background:#c5e6f1;border-radius:20px 20px 0 0;height:180px;overflow:hidden}.profile-cover img{object-fit:cover;width:100%;height:100%}.profile-main{border-radius:0 0 20px 20px;padding:17px 18px 20px;position:relative}.profile-avatar{margin-top:-54px}.profile-avatar .avatar{border:5px solid #fff;width:79px;height:79px;font-size:30px;box-shadow:0 2px 10px #154f761f}.profile-controls{justify-content:flex-end;gap:8px;min-height:39px;margin-top:-38px;display:flex}.outlined{color:#115b7b;background:#f7fbfd;border:1px solid #d6e6ef;border-radius:12px;align-items:center;gap:5px;padding:10px 12px;font-size:12px;font-weight:700;display:inline-flex}.profile-main h2{letter-spacing:-.5px;margin:15px 0 0;font-size:24px}.profile-handle{color:#7990a2;margin:1px 0 10px;font-size:13px}.profile-bio{margin:0 0 10px;font-size:13px;line-height:1.5}.profile-location{color:#6e869a;align-items:center;gap:5px;font-size:11px;display:flex}.profile-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.profile-gallery img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}.profile-editor{border-top:1px solid #eaf0f4;gap:9px;margin-top:12px;padding-top:12px;display:grid}.profile-editor label{color:#637a8e;flex-direction:column;gap:5px;font-size:12px;display:flex}.profile-editor input{border:1px solid #d7e4eb;border-radius:10px;width:100%;padding:10px}.primary{color:#fff;background:linear-gradient(140deg,#0b8aaa,#006c9b);border:0;border-radius:12px;padding:12px 18px;font-size:13px;font-weight:750}.section-head{align-items:center;gap:7px;margin-bottom:15px;display:flex}.section-head h2{font-size:21px}.compose-sheet{padding:20px}.author-line{align-items:center;gap:12px;margin-bottom:18px;display:flex}.author-line>div{flex-direction:column;gap:5px;display:flex}.author-line small{color:#7991a4;align-items:center;gap:5px;font-size:11px;display:flex}.compose-sheet label{margin-bottom:9px;font-size:15px;font-weight:750;display:block}.compose-sheet textarea{resize:vertical;border:1px solid #dae8f0;border-radius:13px;outline-color:#0e86ad;width:100%;min-height:200px;padding:14px;font-size:14px}.compose-bottom{color:#8699a8;justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;display:flex}.muted-note{color:#5b788e;align-items:center;font-size:12px}@media (width>=760px){.app-shell{padding-bottom:95px}.app-header{height:94px;padding-left:24px;padding-right:24px}.demo-ribbon{max-width:960px}.hero-banner{height:228px;padding:40px 50px}.hero-banner p{max-width:460px}.quick-compose{padding:18px 22px}.feed-heading h2{font-size:25px}.feed-page{max-width:680px;margin:auto}.post-card{padding:23px}.post-copy{font-size:16px}.post-person b{font-size:15px}.post-actions button,.disabled-action{font-size:13px}.explore-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.explore-card{min-height:200px}.messages-page,.notifications-page,.profile-page,.chat-page,.compose-page{max-width:720px;margin:auto}.bottom-nav{border:1px solid #edf1f5;border-radius:25px 25px 0 0;width:min(680px,100%);left:50%;transform:translate(-50%)}.thread-detail b{font-size:15px}.thread-detail small{font-size:13px}}@media (width<=365px){.main-content{width:calc(100% - 20px)}.app-header{padding-left:13px;padding-right:13px}.hero-banner{padding:21px 18px}.post-card{padding:14px}.post-actions{gap:5px}.post-actions button{font-size:10px}.demo-ribbon{margin-left:9px;margin-right:9px}.nav-button{font-size:9px}.profile-controls{justify-content:flex-start;margin-top:10px}}.signin-strip{color:#386881;background:#e8f4fa;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;margin:-8px 0 19px;padding:11px 13px;font-size:12px;display:flex}.signin-strip button{color:#fff;background:#087fa7;border:0;border-radius:11px;padding:9px 13px;font-size:11px;font-weight:750}