:root{--ink:#0b1711;--muted:#71877b;--paper:#f7f9f5;--white:#fff;--green:#16c96b;--green-dark:#087d42;--mint:#c7f5d8;--blue:#84d8ff;--orange:#ff9b52;--purple:#ad95ff;--pink:#ff8bc1;--line:#e3ebe5;--shadow:0 24px 70px rgba(14,46,28,.12);--shell:1240px;--font:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular","Menlo",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;border:0;background:none;cursor:pointer;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}.skip{position:fixed;left:16px;top:-80px;z-index:1000;background:#fff;color:#111;padding:10px 15px;border-radius:10px}.skip:focus{top:16px}.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(5px);opacity:.65}.ambient-a{width:460px;height:460px;right:-170px;top:90px;background:radial-gradient(circle,#bdf5d3,transparent 70%)}.ambient-b{width:340px;height:340px;left:-170px;top:720px;background:radial-gradient(circle,#d9d0ff,transparent 70%)}.site-header{position:fixed;z-index:80;inset:0 0 auto;padding-top:env(safe-area-inset-top);background:rgba(247,249,245,.84);border-bottom:1px solid rgba(11,23,17,.07);backdrop-filter:blur(18px)}.nav-shell{height:76px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:136px;height:auto;max-height:42px;object-fit:contain;object-position:left center}.desktop-nav{display:flex;align-items:center;gap:3px;margin-left:22px}.nav-link,.nav-menu summary{display:flex;align-items:center;gap:6px;height:42px;padding:0 13px;border-radius:999px;color:#466154;font-size:13px;list-style:none;cursor:pointer;white-space:nowrap}.nav-link:hover,.nav-menu summary:hover,.nav-link.active{background:#e2f7e9;color:var(--green-dark)}.nav-menu{position:relative}.nav-menu summary span{font-size:15px;color:#789083}.menu-card{position:absolute;top:48px;left:0;width:265px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:grid;gap:2px}.menu-card a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px}.menu-card a:hover{background:#f0f8f2}.menu-card b{display:block;font-size:13px}.menu-card small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.menu-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-weight:800}.menu-icon.mint{background:var(--mint);color:var(--green-dark)}.menu-icon.blue{background:#d9f3ff;color:#1185b5}.menu-icon.orange{background:#fff0e4;color:#d86a1d}.menu-icon.purple{background:#eeeaff;color:#6c50cf}.about-menu{width:250px}.about-menu a{display:block}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-button{width:40px;height:40px;border-radius:50%;font-size:23px;color:#456154;position:relative}.icon-button:hover{background:#e5f4e9}.notification-button i{position:absolute;right:8px;top:7px;width:6px;height:6px;border-radius:50%;background:#ff675c}.publish-button{height:40px;display:inline-flex;align-items:center;gap:4px;padding:0 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:700}.publish-button span{color:var(--green);font-size:18px}.account-button{height:42px;display:flex;align-items:center;gap:8px;padding:0 5px 0 4px;border-radius:999px;color:#456154;font-size:12px;font-weight:700}.account-button:hover{background:#e5f4e9}.account-avatar,.avatar,.large-avatar{display:grid;place-items:center;border-radius:50%;font-weight:800}.account-avatar{width:34px;height:34px;background:linear-gradient(135deg,#0bc86a,#087b46);color:#fff}.mobile-menu-button,.mobile-nav{display:none}.community-hero{position:relative;min-height:710px;padding:152px 0 76px;background:linear-gradient(115deg,#f7f9f5 0%,#f5fbf4 54%,#edf8f1 100%);overflow:hidden}.hero-layout{display:grid;grid-template-columns:1fr .92fr;gap:70px;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{font:700 10px var(--mono);letter-spacing:.13em;color:var(--green-dark)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #d5e9db;border-radius:999px;background:#fff}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #d8f6e2}.hero-copy h1{font-size:clamp(56px,7vw,100px);line-height:.98;letter-spacing:-.075em;margin:25px 0 20px;max-width:720px}.hero-copy h1 em{font-style:normal;background:linear-gradient(95deg,#0ba957,#1bd37b 50%,#58c8f1);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:545px;color:var(--muted);font-size:17px;line-height:1.8;margin:0}.hero-cta{display:flex;gap:12px;align-items:center;margin-top:30px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 21px;border-radius:14px;background:var(--green);color:#082615;font-size:13px;font-weight:800;box-shadow:0 12px 26px rgba(22,201,107,.2);transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(22,201,107,.25)}.text-button{display:inline-flex;gap:8px;align-items:center;padding:0 10px;color:var(--green-dark);font-size:13px;font-weight:800}.hero-metrics{display:flex;gap:26px;border-top:1px solid var(--line);margin-top:43px;padding-top:20px}.hero-metrics span{display:grid;gap:2px}.hero-metrics b{font-size:13px}.hero-metrics small{font-size:11px;color:#83958a}.hero-stage{min-height:520px;display:grid;place-items:center;position:relative}.phone-preview{width:320px;height:510px;border:8px solid #12241a;border-radius:39px;background:#f9fcf9;box-shadow:0 30px 80px rgba(19,69,40,.25),0 0 0 1px rgba(255,255,255,.5);position:relative;z-index:3;overflow:hidden;transform:rotate(4deg)}.phone-top{height:43px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:11px;font-weight:800}.phone-tabs{display:flex;gap:16px;padding:8px 18px 13px;border-bottom:1px solid #e7eee8;font-size:11px;color:#94a69a}.phone-tabs b{color:var(--green-dark);position:relative}.phone-tabs b:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-13px;background:var(--green);border-radius:2px}.phone-post{padding:14px 13px}.post-author,.showcase-top{display:flex;align-items:center;gap:8px}.post-author>div,.showcase-top>span:nth-child(2){display:grid;gap:1px;flex:1}.post-author b,.showcase-top b{font-size:11px}.post-author small,.showcase-top small{font-size:9px;color:#8ca096}.more{font-size:12px;color:#9aaba1}.avatar{width:32px;height:32px;color:#fff;font-size:12px;flex:0 0 auto}.avatar-green{background:linear-gradient(135deg,#24d37b,#0c9b5c)}.avatar-orange{background:linear-gradient(135deg,#ffbd69,#f0752e)}.avatar-blue{background:linear-gradient(135deg,#8ae1ff,#3988e7)}.avatar-purple{background:linear-gradient(135deg,#c7b6ff,#7253d1)}.avatar-pink{background:linear-gradient(135deg,#ffb5d8,#ed5f9d)}.avatar-yellow{background:linear-gradient(135deg,#ffe995,#e6a62e)}.avatar-mint{background:linear-gradient(135deg,#87e9be,#34b984)}.avatar-white{background:#fff;color:#179d5c}.phone-photo{height:205px;border-radius:18px;margin-top:12px;position:relative;overflow:hidden}.photo-one{background:linear-gradient(140deg,#b8e8e2 0 28%,#f6c48b 29% 48%,#eb735c 49% 71%,#425e71 72%);display:flex;align-items:flex-end;padding:16px;color:#fff;font-size:16px;letter-spacing:.03em}.photo-one:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.32);right:-40px;top:-38px}.photo-one b{font-size:22px}.post-caption{font-size:11px;line-height:1.45;margin:11px 2px 8px;color:#4e6759}.post-actions{display:flex;justify-content:space-between;color:#657c6d;font-size:10px}.phone-bottom{height:58px;position:absolute;bottom:0;left:0;right:0;border-top:1px solid #e7eee8;background:rgba(255,255,255,.93);display:flex;justify-content:space-around;align-items:center;color:#8ca096;font-size:16px}.phone-bottom span{display:grid;place-items:center;gap:1px}.phone-bottom small{font-size:8px}.phone-bottom .selected{color:var(--green-dark)}.phone-bottom .plus{width:34px;height:34px;border-radius:12px;background:var(--green);color:#062713;font-size:22px}.orbit{position:absolute;border-radius:50%;border:1px dashed rgba(22,201,107,.33)}.orbit-one{width:550px;height:550px}.orbit-two{width:400px;height:400px;border-color:rgba(142,120,255,.35);transform:rotate(28deg)}.floating-card{position:absolute;z-index:4;padding:12px 14px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-radius:16px;box-shadow:var(--shadow);font-size:10px}.floating-card b{display:block;font-size:11px}.floating-card small{color:var(--muted)}.card-trend{top:9%;right:-4%;display:flex;align-items:center;gap:8px}.trend-dot{width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px #fff0e4}.card-trend strong{color:#e46e27;margin-left:5px}.card-people{bottom:9%;left:-5%}.mini-avatars{display:flex;margin-bottom:7px}.mini-avatars span{width:24px;height:24px;margin-right:-5px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--green);font-size:9px}.mini-avatars span:nth-child(2){background:var(--blue)}.mini-avatars span:nth-child(3){background:var(--purple)}.mini-avatars span:nth-child(4){background:var(--ink);font-size:12px}.section{padding:100px 0;position:relative}.community-section{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-heading h2,.service-heading h2,.moments-copy h2,.about-layout h2,.safety-layout h2{font-size:clamp(34px,4.2vw,58px);line-height:1.04;letter-spacing:-.065em;margin:12px 0 0}.section-heading h2{max-width:650px}.feed-controls,.plaza-tabs{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#f8fbf8}.feed-filter,.plaza-tabs button{padding:8px 14px;border-radius:999px;color:#71877b;font-size:11px}.feed-filter.active,.plaza-tabs .active{background:var(--ink);color:#fff}.community-grid{display:grid;grid-template-columns:210px minmax(0,1fr) 270px;gap:22px;align-items:start}.left-rail,.right-rail{display:grid;gap:14px;position:sticky;top:98px}.rail-card,.side-card{border:1px solid var(--line);border-radius:18px;background:#fff}.rail-profile{overflow:hidden}.profile-cover{height:53px;background:linear-gradient(110deg,var(--green),#73e8b0 46%,var(--blue));position:relative}.profile-cover:after{content:"";position:absolute;width:100px;height:100px;right:-18px;top:-54px;border-radius:50%;border:18px solid rgba(255,255,255,.25)}.profile-body{padding:0 15px 15px;display:grid;gap:3px;position:relative}.large-avatar{width:46px;height:46px;margin-top:-22px;border:3px solid #fff;background:var(--ink);color:var(--green);font-size:17px}.profile-body b{font-size:13px;margin-top:5px}.profile-body small{font-size:10px;color:var(--muted)}.rail-button{display:flex;justify-content:center;align-items:center;height:32px;margin-top:10px;border-radius:10px;background:#e0f8e7;color:var(--green-dark);font-size:11px;font-weight:800}.rail-links{padding:8px}.rail-link{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:10px;color:#567164;font-size:12px}.rail-link:hover,.rail-link.selected{background:#ecf9ef;color:var(--green-dark);font-weight:800}.rail-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;font-weight:800}.rail-icon.green{background:#dff8e8}.rail-icon.blue{background:#e0f5ff}.rail-icon.orange{background:#fff0e4}.rail-icon.purple{background:#eeeaff}.rail-icon.mint{background:#d9f7ee}.mini-legal{padding:14px;display:grid;gap:6px}.mini-legal small{color:#8ca096;font-size:10px;margin-bottom:3px}.mini-legal a{font-size:11px;color:#638071}.feed-column{min-width:0;display:grid;gap:16px}.feed-card{border:1px solid var(--line);border-radius:22px;padding:20px;background:#fff;overflow:hidden}.featured-post{background:linear-gradient(145deg,#fff,#f2fbf5)}.post-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.author{display:flex;align-items:center;gap:9px}.author>div{display:grid;gap:1px}.author b{font-size:12px}.author small{font-size:10px;color:#8ca096}.content-tag,.privacy-label{border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.tag-orange{background:#fff0e4;color:#d66a1f}.privacy-label{color:#82978c;background:#f1f6f2}.feed-card h3{font-size:25px;letter-spacing:-.04em;margin:18px 0 6px}.feed-card>p{font-size:13px;color:#667c6e;margin:0 0 15px}.post-media{border-radius:17px;overflow:hidden;position:relative}.collage-media{height:240px;display:grid;grid-template-columns:1.35fr .65fr;gap:4px}.collage-main{background:linear-gradient(155deg,#d2e9dc,#84b8a0 46%,#f2a46f 47% 73%,#4d6a5b 74%)}.collage-side{display:grid;gap:4px}.collage-side div:first-child{background:linear-gradient(135deg,#87cfe4,#f7c67c)}.collage-side div:last-child{background:linear-gradient(135deg,#b9a0e7,#f58393)}.media-badge,.video-time{position:absolute;bottom:10px;left:10px;padding:6px 8px;border-radius:8px;background:rgba(9,22,14,.72);color:#fff;font-size:10px}.post-footer{display:flex;align-items:center;gap:18px;margin-top:13px;color:#6e8678}.post-footer button{font-size:12px;color:#6e8678;padding:0}.post-footer button:hover{color:var(--green-dark)}.post-footer button.liked{color:#ed5f77}.post-footer button.saved{color:#e6a72a}.post-footer button:last-child{margin-left:auto;font-size:20px}.video-media{height:265px;background:linear-gradient(145deg,#85c5d5,#385a68 44%,#e58c6c 45% 60%,#202e3a 61%)}.video-gradient{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;color:#fff;background:linear-gradient(transparent 35%,rgba(0,0,0,.68))}.play-button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--green-dark);font-size:15px;margin-bottom:auto}.video-gradient b{font-size:20px}.video-gradient small{font-size:11px;opacity:.8}.video-time{left:auto;right:10px}.follow-button,.person-item button{padding:7px 10px;border-radius:999px;background:#e5f8eb;color:var(--green-dark);font-size:10px;font-weight:800}.moment-copy{font-size:20px!important;line-height:1.65;color:#304d3e!important;margin:23px 0 17px!important}.topic-row{display:flex;flex-wrap:wrap;gap:6px}.topic-row a{font-size:10px;color:#0b9c4c;background:#e4f8ea;padding:6px 9px;border-radius:999px}.load-more{text-align:center}.load-more button{padding:10px 15px;color:var(--green-dark);font-size:12px;font-weight:800}.load-more span{font-size:17px}.side-card{padding:16px}.side-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.side-title b{font-size:13px}.side-title a{font-size:10px;color:var(--green-dark)}.topic-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #edf2ee}.topic-rank{font:700 10px var(--mono);color:#a5b5ac}.topic-item span:nth-child(2){display:grid;gap:1px;flex:1}.topic-item b{font-size:11px}.topic-item small{font-size:9px;color:#93a499}.topic-item i{font-style:normal;color:#a3b2a9;font-size:12px}.people-card{display:grid;gap:11px}.person-item{display:flex;align-items:center;gap:8px}.person-item>span:nth-child(2){display:grid;gap:1px;flex:1;min-width:0}.person-item b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-item small{font-size:9px;color:#90a096}.person-item button{padding:6px 8px}.service-mini{display:flex;gap:11px;background:linear-gradient(140deg,#ecfff1,#fff7ea)}.service-orb{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:var(--green);color:#fff;flex:0 0 auto}.service-mini b{font-size:12px}.service-mini p{font-size:10px;color:#71877b;margin:5px 0}.service-mini a{font-size:10px;color:var(--green-dark);font-weight:800}.color-section{background:#0b1b12;color:#fff;overflow:hidden}.color-section:after{content:"";position:absolute;width:600px;height:600px;right:-230px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(22,201,107,.26),transparent 67%);pointer-events:none}.light-heading h2{color:#fff}.outline-button,.outline-dark-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.25);border-radius:13px;color:#fff;font-size:12px;font-weight:800}.outline-button:hover{background:rgba(255,255,255,.1)}.video-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:14px}.video-tile{height:300px}.video-tile.tall{height:378px}.tile-art{height:100%;border-radius:22px;position:relative;overflow:hidden;padding:18px;display:flex;flex-direction:column;justify-content:flex-end}.tile-art:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.72))}.art-city{background:linear-gradient(135deg,#98dfd4,#f6ae66 40%,#e66766 60%,#273c4e)}.art-sea{background:linear-gradient(155deg,#9fe6ef,#2789a0 55%,#0a3240)}.art-night{background:linear-gradient(145deg,#d9b8ff,#7b54cb 45%,#221a4d)}.tile-play{position:relative;z-index:1;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0b7f45;margin-bottom:auto}.tile-art div{position:relative;z-index:1;display:grid;gap:3px}.tile-art small{font-size:10px;opacity:.72}.tile-art b{font-size:21px;letter-spacing:-.03em}.section-note{margin-top:14px;font-size:11px;color:#8da195}.light-heading{color:#fff}.light-section{background:#f0f6f0}.moments-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.moments-copy p{max-width:450px;color:#71877b;font-size:16px;line-height:1.8;margin:22px 0 28px}.moment-stack{display:grid;gap:14px;transform:rotate(2deg)}.moment-showcase{border-radius:24px;padding:20px;box-shadow:var(--shadow)}.green-card{background:linear-gradient(135deg,#0e6f43,#20c477);color:#fff;margin-right:40px}.cream-card{background:#fff8ed;margin-left:40px;color:#243d30}.showcase-top{gap:9px}.showcase-top i{font-style:normal;opacity:.7}.showcase-photo{height:190px;border-radius:17px;margin:14px 0;background:linear-gradient(145deg,#f9d48d,#e66f65 40%,#75bca4 41% 66%,#244d63 67%)}.photo-two{background:linear-gradient(150deg,#c6e5d8,#96c3a0 42%,#f3bd78 43% 70%,#e77d72 71%)}.moment-showcase p{font-size:16px;line-height:1.65;margin:12px 0}.quote{font-size:23px!important;letter-spacing:-.03em;min-height:132px;display:flex;align-items:center}.showcase-actions{font-size:11px;opacity:.72}.plaza-section{background:#fff}.plaza-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:180px 180px;gap:14px}.plaza-card{border-radius:22px;padding:23px;position:relative;overflow:hidden}.plaza-main{grid-row:span 2;background:linear-gradient(145deg,#c1f3d3,#5bc98b 50%,#188956);color:#07341e;display:flex;flex-direction:column;justify-content:space-between}.plaza-main:after{content:"#";position:absolute;right:-18px;top:-73px;font-size:290px;font-weight:900;color:rgba(255,255,255,.24)}.plaza-label{position:relative;z-index:1;font:700 10px var(--mono);letter-spacing:.1em}.plaza-main h3{position:relative;z-index:1;font-size:31px;line-height:1.1;letter-spacing:-.06em;max-width:440px;margin:auto 0 8px}.plaza-main p{position:relative;z-index:1;max-width:410px;font-size:12px;margin:0}.plaza-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;margin-top:24px;font-size:11px;font-weight:800}.small-card{color:#fff;display:flex;flex-direction:column}.blue-card{background:linear-gradient(145deg,#86dfff,#3988e7)}.orange-card{background:linear-gradient(145deg,#ffcc85,#f16c43)}.plaza-symbol{font-size:26px}.small-card h3{font-size:20px;margin:auto 0 0}.small-card p{font-size:10px;margin:2px 0;opacity:.8}.small-card a{font-size:10px;font-weight:800;margin-top:5px}.group-card{grid-column:span 2;display:flex;align-items:center;gap:13px;background:#f5f7f3;border:1px solid var(--line)}.group-card .group-avatars{display:flex;min-width:92px}.group-avatars .avatar{margin-right:-8px;border:3px solid #f5f7f3}.group-card h3{font-size:17px;margin:0}.group-card p{font-size:10px;color:#71877b;margin:3px 0}.group-card>a{margin-left:auto;color:var(--green-dark);font-size:11px;font-weight:800;white-space:nowrap}.service-heading{display:flex;justify-content:space-between;gap:35px;align-items:end}.service-heading>div{max-width:700px}.service-heading p{color:#71877b;max-width:620px;line-height:1.8;margin-top:20px}.outline-dark-button{border-color:#b7cbbd;color:var(--green-dark)}.outline-dark-button:hover{background:#e8f8ec}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}.service-card{min-height:245px;padding:22px;border-radius:22px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.wallet-card{background:#c9f4d7}.esim-card{background:#c9eefa}.card-card{background:#ffe0c4}.transfer-card{background:#e1d7ff}.service-icon{font-size:26px}.service-card small{font:700 9px var(--mono);letter-spacing:.12em;margin-top:27px;opacity:.64}.service-card h3{font-size:26px;letter-spacing:-.05em;margin:5px 0 0}.service-card p{font-size:11px;color:#50685a;margin:4px 0 auto}.service-card>b{font-size:11px;color:#174d30;margin-top:20px}.about-section{background:#fff}.about-layout{display:grid;grid-template-columns:1fr .9fr;gap:80px}.about-layout h2{max-width:650px}.about-layout p{color:#71877b;font-size:16px;line-height:1.8;max-width:600px;margin:23px 0}.about-pills{display:flex;flex-wrap:wrap;gap:7px}.about-pills span{padding:8px 11px;background:#eef8f0;border-radius:999px;color:var(--green-dark);font-size:10px;font-weight:800}.about-list{border-top:1px solid var(--line)}.about-list a{display:grid;grid-template-columns:34px 1fr 20px;gap:13px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.about-list a:hover b{color:var(--green-dark)}.about-list span{font:10px var(--mono);color:#9aac9f}.about-list b{font-size:15px}.about-list small{grid-column:2;color:#82968a;font-size:10px;margin-top:-8px}.about-list i{grid-column:3;grid-row:1/3;font-style:normal;color:#9aac9f}.safety-section{background:#e4eddf}.safety-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.safety-layout p{max-width:450px;color:#71877b;font-size:15px;line-height:1.8;margin-top:20px}.safety-points{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.safety-points>div{background:#fff;border:1px solid rgba(11,23,17,.08);border-radius:18px;padding:18px;min-height:152px}.safety-points span{font:10px var(--mono);color:var(--green-dark)}.safety-points b{display:block;font-size:15px;margin:30px 0 4px}.safety-points small{display:block;color:#81968a;font-size:10px;line-height:1.5}.publish-section{background:#071a10;color:#fff;padding:70px 0}.publish-panel{display:flex;align-items:center;justify-content:space-between;gap:30px}.publish-section h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.06em;margin:10px 0 4px}.publish-section p{color:#9fb4a7;margin:0;font-size:13px}.publish-actions{display:flex;gap:10px;flex-wrap:wrap}.site-footer{background:#071a10;color:#94aa9c;border-top:1px solid rgba(255,255,255,.1);padding:35px 0 calc(35px + env(safe-area-inset-bottom));font-size:11px}.footer-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:24px}.site-footer img{width:122px;filter:brightness(1.08)}.site-footer p{margin:8px 0 0}.footer-links{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.footer-links a:hover{color:var(--green)}.footer-copy{white-space:nowrap}.toast{position:fixed;z-index:100;left:50%;bottom:25px;transform:translate(-50%,20px);background:#0a1b11;color:#fff;border:1px solid rgba(255,255,255,.15);padding:11px 15px;border-radius:12px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}.auth-dialog{width:min(420px,calc(100% - 28px));border:0;border-radius:24px;padding:30px;color:var(--ink);box-shadow:0 30px 120px rgba(0,0,0,.26)}.auth-dialog::backdrop{background:rgba(4,15,9,.62);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:17px;top:13px;font-size:25px;color:#9aaba1}.auth-mark img{width:145px;height:auto}.auth-dialog h2{font-size:30px;letter-spacing:-.05em;margin:14px 0 4px}.auth-dialog>p{font-size:12px;color:#71877b;margin:0 0 22px}.auth-dialog form{display:grid;gap:12px}.auth-dialog label{display:grid;gap:5px;font-size:11px;font-weight:800;color:#4d6758}.auth-dialog input{height:44px;border:1px solid #dce8de;border-radius:11px;padding:0 12px;font:inherit;font-weight:400;outline:none}.auth-dialog input:focus{border-color:var(--green);box-shadow:0 0 0 3px #dff8e7}.auth-submit{width:100%;border:0}.auth-switch{display:block;width:100%;margin-top:15px;color:var(--green-dark);font-size:11px;font-weight:800}.auth-result{display:block;color:#d55252;text-align:center;margin-top:10px;font-size:11px}.register-only{display:none}.auth-dialog.register-mode .register-only{display:grid}
@media(max-width:1100px){.desktop-nav{margin-left:0}.nav-link,.nav-menu summary{padding:0 8px}.community-grid{grid-template-columns:180px minmax(0,1fr)}.right-rail{display:none}.hero-layout{gap:30px}.card-trend{right:-1%}.card-people{left:-1%}.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.shell{width:min(calc(100% - 32px),var(--shell))}.desktop-nav{display:none}.nav-actions{margin-left:auto}.mobile-menu-button{display:block;width:40px;height:40px;font-size:21px;color:#456154}.mobile-nav{display:none;padding:7px 16px 14px;gap:4px;flex-wrap:wrap;border-top:1px solid var(--line)}.mobile-nav.open{display:flex}.mobile-nav a{padding:8px 11px;border-radius:999px;background:#edf8ef;color:var(--green-dark);font-size:11px}.account-label{display:none}.publish-button{display:none}.community-hero{padding-top:125px}.hero-layout{grid-template-columns:1fr}.hero-stage{min-height:520px}.community-grid{grid-template-columns:1fr}.left-rail{display:none}.feed-controls{margin-left:auto}.section-heading{align-items:start}.moments-layout,.about-layout,.safety-layout{grid-template-columns:1fr;gap:38px}.safety-points{grid-template-columns:repeat(3,1fr)}.footer-row{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer-copy{white-space:normal}.publish-panel,.service-heading{display:grid;align-items:start}.hero-copy h1{font-size:clamp(55px,11vw,88px)}}
.auth-verify-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.auth-verify-row button{height:44px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:#eff9f1;color:var(--green-dark);font-size:11px;font-weight:800;white-space:nowrap}.auth-consent>span{display:flex;align-items:flex-start;gap:7px;color:var(--muted);font-size:10px;font-weight:600;line-height:1.45}.auth-consent input{width:15px;height:15px;flex:0 0 auto;margin-top:1px;accent-color:var(--green)}.auth-consent a{color:var(--green-dark);text-decoration:underline}
@media(max-width:560px){.shell{width:min(calc(100% - 24px),var(--shell))}.nav-shell{height:64px}.brand img{width:118px}.icon-button{width:34px}.hero-copy>p{font-size:15px}.hero-cta{display:grid;gap:8px}.primary-button,.text-button{width:100%}.hero-metrics{gap:14px;margin-top:30px}.hero-metrics b{font-size:11px}.hero-metrics small{font-size:9px}.hero-stage{min-height:455px}.phone-preview{width:275px;height:438px}.orbit-one{width:410px;height:410px}.orbit-two{width:320px;height:320px}.floating-card{transform:scale(.88)}.card-trend{top:4%;right:-5%}.card-people{bottom:2%;left:-5%}.section{padding:70px 0}.section-heading{display:grid;gap:18px}.feed-controls{margin-left:0;width:max-content}.feed-card{padding:15px;border-radius:18px}.feed-card h3{font-size:22px}.collage-media{height:195px}.video-media{height:225px}.post-footer{gap:13px}.video-grid{grid-template-columns:1fr 1fr}.video-tile,.video-tile.tall{height:240px}.video-tile.tall{grid-column:span 2}.tile-art b{font-size:17px}.moments-copy h2,.about-layout h2,.safety-layout h2,.service-heading h2{font-size:38px}.moment-stack{transform:none}.green-card,.cream-card{margin:0}.plaza-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 150px 150px}.plaza-main{grid-column:span 2;grid-row:auto}.group-card{grid-column:span 2}.plaza-main h3{font-size:26px}.services-grid{grid-template-columns:1fr 1fr;gap:9px}.service-card{min-height:205px;padding:16px}.service-card h3{font-size:22px}.service-card small{margin-top:18px;font-size:8px}.safety-points{grid-template-columns:1fr}.safety-points>div{min-height:auto}.safety-points b{margin-top:12px}.footer-links{gap:10px}.auth-dialog{padding:24px}.nav-actions{gap:2px}}
.hero-copy h1 br{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-button{transition:none}}
.live-feed-label{display:flex;align-items:center;gap:8px;color:var(--green-dark);font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:4px 2px 0}.live-feed-label:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #dff8e7}.live-feed-label.is-error{color:#b65858}.live-feed-label.is-error:before{background:#e66b6b;box-shadow:0 0 0 5px #ffe3e3}.live-feed-label.is-empty{color:#8a9d91}.live-feed-label.is-empty:before{background:#b7c4bc;box-shadow:0 0 0 5px #e9efeb}.api-video-media{background:#10251a;min-height:210px}.api-video-media video{display:block;width:100%;height:265px;object-fit:cover;background:#10251a}
.live-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.live-stats span{min-width:0}.live-stats b{font-variant-numeric:tabular-nums}.phone-empty{display:grid;place-items:center;min-height:210px;text-align:center;color:#8fa89b;font-size:12px;line-height:1.7;background:linear-gradient(145deg,#10271a,#183c2a)}.phone-live-video{display:block;width:100%;height:185px;object-fit:cover;background:#10251a}.phone-live-copy{display:grid;place-items:center;min-height:185px;padding:20px;color:#e7f7ec;font-size:15px;line-height:1.6;background:linear-gradient(145deg,#1b5840,#12251b)}.api-moment-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;background:#edf5ef}.api-moment-media img,.api-moment-media video{display:block;width:100%;height:180px;object-fit:cover;background:#dcebe0}.api-moment-media.media-count-1{grid-template-columns:1fr}.api-moment-media.media-count-1 img,.api-moment-media.media-count-1 video{height:265px}.api-moment-media.media-count-3 img:first-child,.api-moment-media.media-count-3 video:first-child{grid-row:span 2;height:364px}.api-post .avatar{overflow:hidden}.api-post .avatar img{width:100%;height:100%;object-fit:cover}.api-post[data-author-id]{scroll-margin-top:100px}.follow-button.following,.person-item button.following{background:#dce9e0;color:#5e7468}.feed-loading,.live-feed-error{padding:28px 14px;text-align:center;color:#8a9d91;font-size:12px}.live-feed-error{color:#b65858}.live-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-video-tile{display:block;height:300px;position:relative;border-radius:22px;overflow:hidden;background:#12271c}.live-video-tile video{width:100%;height:100%;object-fit:cover}.live-video-caption{position:absolute;inset:auto 0 0;padding:44px 17px 16px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.78));display:grid;gap:4px}.live-video-caption small{font-size:10px;opacity:.75}.live-video-caption b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-plaza-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:180px}.mint-card{background:linear-gradient(145deg,#9ae7cf,#18a47f);color:#063f2c}.live-plaza-grid .feed-loading{grid-column:1/-1}.auth-dialog input,.auth-dialog button,.feed-filter,.plaza-tabs button,.publish-button,.outline-button,.outline-dark-button,.primary-button,.account-button,.icon-button,.mobile-nav a,.about-pills span,.content-tag,.privacy-label,.follow-button,.person-item button{white-space:nowrap}.nav-link,.nav-menu summary,.footer-links a{white-space:nowrap}.section-heading h2,.service-heading h2,.moments-copy h2,.about-layout h2,.safety-layout h2{font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;font-feature-settings:"kern" 1,"liga" 1}.feed-card,.side-card,.service-card,.plaza-card{letter-spacing:-.01em}.post-footer{white-space:nowrap}.post-footer button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-item b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-item small{white-space:nowrap}.person-item{min-width:0}.person-item>span:nth-child(2){min-width:0}.person-item b,.person-item small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:820px){.live-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.live-stats b{font-size:12px}.live-stats small{white-space:nowrap;font-size:8px}.live-video-grid{grid-template-columns:1fr 1fr}.live-video-tile{height:240px}.live-plaza-grid{grid-template-columns:1fr 1fr;grid-template-rows:160px}.api-moment-media img,.api-moment-media video{height:140px}.api-moment-media.media-count-1 img,.api-moment-media.media-count-1 video{height:225px}}
@media(max-width:560px){.live-stats{gap:4px}.live-stats b{font-size:11px}.live-stats small{font-size:8px}.phone-live-video,.phone-live-copy{min-height:165px;height:165px}.live-video-tile{height:210px}.live-video-caption{padding:32px 10px 10px}.live-video-caption b{font-size:13px}.live-plaza-grid{grid-template-columns:1fr}.live-plaza-grid .small-card{min-height:145px}.post-footer{gap:9px}.post-footer button{font-size:11px}.api-moment-media img,.api-moment-media video{height:120px}}

/* Compact community rhythm and aspect-aware HLS presentation. */
.section{padding:68px 0}.community-hero{min-height:620px;padding:124px 0 54px}.hero-layout{gap:46px}.hero-stage{min-height:450px}.section-heading{margin-bottom:22px}.community-grid{gap:16px}.left-rail,.right-rail{gap:10px}.feed-column{gap:12px}.feed-card{padding:16px;border-radius:18px}.feed-card h3{margin:13px 0 5px;font-size:22px}.feed-card>p{margin-bottom:11px}.post-footer{margin-top:10px;gap:14px}.api-video-media{min-height:0;aspect-ratio:16/9}.api-video-media video{height:100%;object-fit:cover}.api-video-media.video-portrait{aspect-ratio:9/14;background:#0c1d14}.api-video-media.video-portrait video{object-fit:contain}.api-video-media.video-square{aspect-ratio:1}.api-video-media.video-square video{object-fit:contain}.phone-live-frame{background:#10251a;border-radius:13px;overflow:hidden}.phone-live-video{height:185px;object-fit:cover}.phone-live-frame.video-portrait .phone-live-video,.phone-live-frame.video-square .phone-live-video{object-fit:contain}.live-video-tile.video-portrait,.live-video-tile.video-square{background:#08150e}.live-video-tile.video-portrait video,.live-video-tile.video-square video{object-fit:contain}.live-video-tile.video-unknown video{object-fit:cover}
@media(max-width:820px){.section{padding:52px 0}.community-hero{min-height:0;padding:104px 0 38px}.hero-stage{min-height:430px}.feed-card{padding:13px}.community-grid{gap:12px}.feed-column{gap:10px}.api-video-media.video-portrait{aspect-ratio:9/13}.live-video-tile.video-portrait,.live-video-tile.video-square{height:240px}}
@media(max-width:560px){.section{padding:46px 0}.community-hero{padding-top:92px}.section-heading{margin-bottom:16px}.feed-card{padding:12px}.api-video-media.video-portrait{aspect-ratio:9/14}.live-video-tile.video-portrait,.live-video-tile.video-square{height:210px}}

/* Promotional copy stays compact; short labels remain on one line. */
.hero-copy>p{max-width:650px;font-size:15px;line-height:1.58}.hero-metrics small,.section-note,.service-card p,.service-card>b,.plaza-main p,.small-card p,.live-video-caption small{font-size:10px;line-height:1.4}.section-note,.service-card>b,.live-video-caption small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-card p,.plaza-main p,.small-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.service-heading p,.moments-copy p,.about-layout p,.safety-layout p{font-size:13px;line-height:1.58}.service-heading p{margin-top:12px}.moments-copy p,.about-layout p,.safety-layout p{margin-top:14px}.plaza-main h3{font-size:27px}.small-card h3{font-size:18px}
@media(max-width:560px){.hero-copy>p{font-size:13px;line-height:1.5}.service-heading p,.moments-copy p,.about-layout p,.safety-layout p{font-size:12px;line-height:1.5}.section-note{font-size:9px}.service-card p,.plaza-main p,.small-card p{font-size:9px}.plaza-main h3{font-size:24px}}

/* Community feed refresh: compact, editorial and color-coded like a social feed. */
:root{--paper:#f3f6f4;--line:#dfe9e3;--shadow:0 10px 28px rgba(11,45,27,.08)}
.site-header{background:rgba(249,252,249,.92);box-shadow:0 1px 0 rgba(11,23,17,.04)}.nav-shell{height:64px;gap:18px}.brand img{width:124px;max-height:38px}.desktop-nav{margin-left:10px}.nav-link,.nav-menu summary{height:36px;padding:0 11px;font-size:12px}.nav-actions{gap:5px}.icon-button{width:36px;height:36px;font-size:20px}.publish-button{height:36px;padding:0 12px;font-size:11px}.account-button{height:36px;font-size:11px}
.community-hero{min-height:560px;padding:110px 0 42px}.hero-layout{gap:36px}.hero-copy h1{font-size:clamp(48px,6.4vw,82px);margin:18px 0 14px}.hero-copy>p{font-size:14px;line-height:1.52}.hero-cta{margin-top:20px}.hero-metrics{margin-top:28px;padding-top:14px;gap:20px}.hero-stage{min-height:410px}.phone-preview{width:285px;height:455px}.section{padding:54px 0}.section-heading{margin-bottom:18px}.section-heading h2,.service-heading h2,.moments-copy h2,.about-layout h2,.safety-layout h2{font-size:clamp(30px,3.7vw,48px)}.community-grid{grid-template-columns:190px minmax(0,1fr) 240px;gap:14px}.left-rail,.right-rail{gap:8px}.feed-column{gap:10px}.rail-card,.side-card,.feed-card,.service-card,.plaza-card{border-radius:16px}.rail-card,.side-card{box-shadow:0 4px 16px rgba(11,45,27,.04)}.side-card{padding:13px}.feed-card{padding:14px}.feed-card h3{font-size:20px;margin:10px 0 4px}.feed-card>p{font-size:12px;margin-bottom:9px}.post-top{gap:8px}.post-media{border-radius:14px}.post-footer{gap:12px;margin-top:8px}.post-footer button{font-size:11px}.live-video-grid{gap:10px}.live-video-tile{height:255px;border-radius:16px}.live-video-caption{padding:34px 13px 12px}.live-video-caption b{font-size:14px}.plaza-grid,.video-grid{gap:10px}.plaza-card,.tile-art{padding:16px;border-radius:16px}.services-grid{gap:10px;margin-top:24px}.service-card{min-height:205px;padding:16px}.service-card h3{font-size:22px}.moments-layout,.about-layout,.safety-layout{gap:34px}.moment-stack{gap:10px}.moment-showcase{border-radius:16px;padding:15px}.showcase-photo{height:160px;margin:10px 0}.about-list a{padding:14px 0}.site-footer{padding-top:26px}
@media(max-width:1100px){.community-grid{grid-template-columns:180px minmax(0,1fr)}.hero-layout{gap:22px}}
@media(max-width:820px){.nav-shell{height:58px}.community-hero{padding:88px 0 30px}.hero-copy h1{font-size:clamp(44px,10vw,72px)}.hero-stage{min-height:380px}.section{padding:42px 0}.community-grid{gap:10px}.feed-card{padding:12px}.live-video-tile{height:220px}.services-grid{gap:8px}.service-card{min-height:185px;padding:13px}}
@media(max-width:560px){.brand img{width:112px}.community-hero{padding-top:78px}.hero-copy h1{font-size:46px}.hero-stage{min-height:340px}.phone-preview{width:260px;height:415px}.section{padding:36px 0}.section-heading h2,.service-heading h2,.moments-copy h2,.about-layout h2,.safety-layout h2{font-size:34px}.feed-card{padding:11px}.feed-card h3{font-size:19px}.live-video-tile{height:195px}.plaza-card,.tile-art{padding:13px}.service-card{min-height:170px;padding:12px}.service-card h3{font-size:19px}}

/* Mobile repair: compact controls and full-width horizontal media. */
@media(min-width:561px){.post-footer{display:flex;align-items:center;gap:12px}.post-footer button:last-child{margin-left:auto}}

/* Homepage mobile viewport contract (community41).
   Portrait videos fill their native 9:16 stage instead of being letterboxed
   inside the older 9:14 card. The navigation is an edge-docked browser bar,
   not a floating card, and includes the iPhone home-indicator safe area. */
@media(max-width:760px){
  body.portal-body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
  .portal-bottom-nav{
    position:fixed!important;
    inset:auto 0 0 0!important;
    display:flex!important;
    width:100%!important;
    min-height:58px;
    margin:0!important;
    padding:6px 8px calc(5px + env(safe-area-inset-bottom))!important;
    align-items:stretch;
    justify-content:space-around;
    border:1px solid rgba(7,19,14,.1)!important;
    border-width:1px 0 0!important;
    border-radius:18px 18px 0 0!important;
    background:rgba(255,255,255,.96);
    box-shadow:0 -10px 30px rgba(7,43,24,.14);
    -webkit-backdrop-filter:blur(20px) saturate(1.25);
    backdrop-filter:blur(20px) saturate(1.25);
    transform:translateZ(0);
    z-index:1000!important;
  }
  .portal-bottom-nav a{display:grid;place-items:center;gap:1px;min-width:48px;color:#819087;font-size:10px;font-weight:800}
  .portal-bottom-nav a span{font-size:18px;line-height:19px}
  .portal-bottom-nav a small{font-size:9px}
  .portal-bottom-nav a.active{color:var(--green-dark)}
  .portal-bottom-nav a.active span{color:var(--green)}
}
@media(max-width:560px){
  .api-video-media.video-portrait{
    aspect-ratio:9 / 16!important;
    background:transparent!important;
  }
  .api-video-media.video-portrait video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    background:transparent!important;
  }
}

/* Bottom download rail: give the two store entries a clear badge-like presence
   on the dark publish band, while keeping the rail compact on phones. */
.publish-download-panel{min-height:142px!important;padding:13px!important;border-color:rgba(119,227,161,.28)!important;background:linear-gradient(135deg,rgba(27,73,48,.96),rgba(11,34,22,.96))!important;box-shadow:0 18px 38px rgba(0,0,0,.24)!important}
.publish-download-heading{gap:7px!important;flex-wrap:wrap}.publish-download-heading strong{font-size:15px!important}.publish-download-heading small{width:100%;color:#91b9a0;font-size:9px;letter-spacing:.02em}
.publish-download-panel .app-download-actions{gap:10px!important}.publish-download-panel .app-download-button{min-height:78px!important;padding:12px!important;border:1px solid rgba(13,43,26,.1)!important;border-radius:16px!important;background:#fbfffc!important;box-shadow:0 8px 18px rgba(0,0,0,.14)!important;color:#173a27!important}.publish-download-panel .app-download-button:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,0,0,.2)!important}.publish-download-panel .app-download-icon{width:42px!important;height:42px!important;border-radius:13px!important}.publish-download-panel .app-download-icon svg{width:25px!important;height:25px!important}.publish-download-panel .app-download-button small{font-size:9px!important;color:#7c9185!important}.publish-download-panel .app-download-button b{font-size:14px!important}.publish-download-panel .app-download-button em{right:11px!important;bottom:7px!important;font-size:8px!important;color:#b8792c!important}
@media(max-width:1100px){.publish-download-panel{min-height:136px!important}.publish-download-panel .app-download-button{min-height:72px!important;padding:10px!important}.publish-download-panel .app-download-icon{width:38px!important;height:38px!important}}
@media(max-width:820px){.publish-download-panel{width:100%!important}.publish-download-panel .app-download-button{min-height:68px!important}}
@media(max-width:560px){.publish-download-panel{min-height:0!important;padding:11px!important}.publish-download-heading{gap:5px!important}.publish-download-heading strong{font-size:13px!important}.publish-download-heading small{font-size:8px!important}.publish-download-panel .app-download-actions{gap:7px!important}.publish-download-panel .app-download-button{min-height:66px!important;padding:9px!important;border-radius:14px!important}.publish-download-panel .app-download-icon{width:34px!important;height:34px!important;border-radius:11px!important}.publish-download-panel .app-download-icon svg{width:21px!important;height:21px!important}.publish-download-panel .app-download-button b{font-size:12px!important}.publish-download-panel .app-download-button em{right:8px!important;bottom:6px!important;font-size:7px!important}}

/* Final cascade for the compact homepage hero and larger app download actions. */
.community-hero{padding-top:92px!important;padding-bottom:36px!important}
.hero-layout{align-items:start!important}
.hero-stage{align-self:start!important;margin-top:0!important}
.app-download-panel{width:100%!important;max-width:640px!important;margin-bottom:18px!important;padding:15px!important;gap:20px!important}
.app-download-copy{min-width:160px!important}
.app-download-copy strong{font-size:17px!important}
.app-download-actions{min-width:360px!important;gap:10px!important}
.app-download-button{min-height:72px!important;padding:11px 13px!important;gap:10px!important;border-radius:16px!important}
.app-download-icon{width:38px!important;height:38px!important;border-radius:12px!important}
.app-download-icon svg{width:24px!important;height:24px!important}
.app-download-button small{font-size:9px!important}
.app-download-button b{font-size:13px!important}
.app-download-button em{right:10px!important;bottom:7px!important;font-size:8px!important}
@media(max-width:1100px){.app-download-panel{max-width:100%!important}.app-download-actions{min-width:330px!important}.app-download-button{min-height:68px!important}}
@media(max-width:820px){.community-hero{padding-top:80px!important}.hero-layout{align-items:start!important}.hero-stage{margin-top:28px!important}.app-download-actions{min-width:0!important}.app-download-button{min-height:64px!important}}
@media(max-width:560px){.community-hero{padding-top:72px!important}.app-download-panel{margin-bottom:16px!important;padding:12px!important}.app-download-copy strong{font-size:15px!important}.app-download-button{min-height:60px!important;padding:8px 9px!important;border-radius:14px!important}.app-download-icon{width:32px!important;height:32px!important;border-radius:10px!important}.app-download-icon svg{width:20px!important;height:20px!important}.app-download-button b{font-size:11px!important}.app-download-button em{right:8px!important;bottom:5px!important;font-size:7px!important}}
.publish-panel{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,520px) auto;align-items:center;gap:22px}
.publish-download-panel{display:grid;gap:8px;width:100%!important;max-width:520px!important;padding:10px 12px!important;border:1px solid rgba(148,234,184,.2);border-radius:18px;background:rgba(255,255,255,.07);box-shadow:0 14px 30px rgba(0,0,0,.16)}
.publish-download-heading{display:flex;align-items:baseline;gap:8px;min-width:0;color:#d8f5df}
.publish-download-heading span{font:700 8px var(--mono);letter-spacing:.16em;color:#77e3a1}.publish-download-heading strong{font-size:13px;letter-spacing:-.02em}
.publish-download-panel .app-download-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0!important;gap:8px!important}
.publish-download-panel .app-download-button{min-height:64px!important;padding:9px 10px!important;border-color:rgba(195,244,211,.24);background:rgba(255,255,255,.96);border-radius:14px!important}
.publish-download-panel .app-download-icon{width:34px!important;height:34px!important;border-radius:10px!important}.publish-download-panel .app-download-icon svg{width:22px!important;height:22px!important}
@media(max-width:1100px){.publish-panel{grid-template-columns:minmax(0,1fr) minmax(320px,430px) auto;gap:14px}.publish-download-panel{padding:9px!important}.publish-download-panel .app-download-button{padding-inline:8px!important}}
@media(max-width:820px){.publish-panel{grid-template-columns:1fr;gap:16px}.publish-download-panel{max-width:none!important}.publish-actions{justify-content:flex-start}}
@media(max-width:560px){.publish-download-panel{padding:9px!important}.publish-download-heading strong{font-size:12px}.publish-download-panel .app-download-actions{gap:6px!important}.publish-download-panel .app-download-button{min-height:60px!important;padding:8px!important}.publish-download-panel .app-download-icon{width:30px!important;height:30px!important}.publish-download-panel .app-download-icon svg{width:19px!important;height:19px!important}}

/* Final hero cascade: keep the large phone from creating a blank band above
   the copy, and make the two download actions clearly tappable. */
.community-hero{padding-top:92px;padding-bottom:36px}
.hero-layout{align-items:start}
.hero-stage{align-self:start;margin-top:0}
.app-download-panel{width:100%;max-width:640px;margin-bottom:18px;padding:15px;gap:20px}
.app-download-copy{min-width:160px}
.app-download-copy strong{font-size:17px}
.app-download-actions{min-width:360px;gap:10px}
.app-download-button{min-height:72px;padding:11px 13px;gap:10px;border-radius:16px}
.app-download-icon{width:38px;height:38px;border-radius:12px}
.app-download-icon svg{width:24px;height:24px}
.app-download-button small{font-size:9px}
.app-download-button b{font-size:13px}
.app-download-button em{right:10px;bottom:7px;font-size:8px}
@media(max-width:1100px){.app-download-panel{max-width:100%}.app-download-actions{min-width:330px}.app-download-button{min-height:68px}}
@media(max-width:820px){.community-hero{padding-top:80px}.hero-layout{align-items:start}.hero-stage{margin-top:28px}.app-download-actions{min-width:0}.app-download-button{min-height:64px}}
@media(max-width:560px){.community-hero{padding-top:72px}.app-download-panel{margin-bottom:16px;padding:12px}.app-download-copy strong{font-size:15px}.app-download-button{min-height:60px;padding:8px 9px;border-radius:14px}.app-download-icon{width:32px;height:32px;border-radius:10px}.app-download-icon svg{width:20px;height:20px}.app-download-button b{font-size:11px}.app-download-button em{right:8px;bottom:5px;font-size:7px}}

/* Homepage copy emphasis: the liberty line gets a fresh rainbow treatment on
   every page load, while the civility word is intentionally a little larger. */
.rainbow-word{display:inline-block;font-weight:850;background:var(--rainbow-gradient,linear-gradient(90deg,#f24d83,#ff8a43,#f5c542,#20c878,#32b9ee,#8c6bea));background-size:180% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.rainbow-rights{letter-spacing:.02em}
.rainbow-civility{font-size:1.22em;line-height:1;letter-spacing:.04em}

/* Keep the hero content close to the shared header. The large phone mockup
   used to vertically center the whole grid and left an empty band above the
   download actions; the copy now starts at the top of the hero row. */
.community-hero{padding-top:92px;padding-bottom:36px}
.hero-layout{align-items:start}
.hero-stage{align-self:start;margin-top:0}
.app-download-panel{width:100%;max-width:640px;margin-bottom:18px;padding:15px;gap:20px}
.app-download-copy{min-width:160px}
.app-download-copy strong{font-size:17px}
.app-download-actions{min-width:360px;gap:10px}
.app-download-button{min-height:72px;padding:11px 13px;gap:10px;border-radius:16px}
.app-download-icon{width:38px;height:38px;border-radius:12px}
.app-download-icon svg{width:24px;height:24px}
.app-download-button small{font-size:9px}
.app-download-button b{font-size:13px}
.app-download-button em{right:10px;bottom:7px;font-size:8px}
@media(max-width:1100px){.app-download-panel{max-width:100%}.app-download-actions{min-width:330px}.app-download-button{min-height:68px}}
@media(max-width:820px){.community-hero{padding-top:80px}.hero-layout{align-items:start}.hero-stage{margin-top:28px}.app-download-actions{min-width:0}.app-download-button{min-height:64px}}
@media(max-width:560px){.community-hero{padding-top:72px}.app-download-panel{margin-bottom:16px;padding:12px}.app-download-copy strong{font-size:15px}.app-download-button{min-height:60px;padding:8px 9px;border-radius:14px}.app-download-icon{width:32px;height:32px;border-radius:10px}.app-download-icon svg{width:20px;height:20px}.app-download-button b{font-size:11px}.app-download-button em{right:8px;bottom:5px;font-size:7px}}

/* iPhone 17 Pro Max hero preview: a deeper frame, dynamic island and media-first screen. */
.phone-preview.phone-17pm{width:304px;height:600px;border:5px solid #15221b;border-radius:51px;background:#f8fbf8;box-shadow:0 34px 86px rgba(12,55,31,.28),inset 0 0 0 1px rgba(255,255,255,.82),0 0 0 1px rgba(14,37,24,.12);transform:rotate(3deg);isolation:isolate}
.phone-preview.phone-17pm:before{content:"";position:absolute;z-index:8;left:50%;top:10px;width:105px;height:27px;border-radius:999px;transform:translateX(-50%);background:#101511;box-shadow:inset 0 1px 2px rgba(255,255,255,.1),0 1px 2px rgba(0,0,0,.18)}
.phone-preview.phone-17pm:after{content:"";position:absolute;z-index:9;right:-7px;top:148px;width:3px;height:74px;border-radius:0 3px 3px 0;background:#26382c;box-shadow:0 89px 0 #26382c;pointer-events:none}
.phone-preview.phone-17pm .phone-top{height:51px;padding:16px 17px 0;font-size:10px;letter-spacing:.01em}
.phone-preview.phone-17pm .phone-tabs{padding:11px 16px 13px;gap:14px;font-size:10px}
.phone-preview.phone-17pm .phone-tabs b:after{bottom:-13px}
.phone-preview.phone-17pm .phone-post{height:calc(100% - 110px);padding:13px 12px 72px;overflow:hidden}
.phone-preview.phone-17pm .phone-live-frame{height:300px;margin-top:11px;border:1px solid rgba(20,65,40,.1);border-radius:18px;overflow:hidden;background:#06150d;box-shadow:0 8px 18px rgba(16,61,35,.14)}
.phone-preview.phone-17pm .phone-live-video{width:100%;height:100%;object-fit:cover;background:#06150d}
.phone-preview.phone-17pm .phone-live-frame.video-portrait .phone-live-video,.phone-preview.phone-17pm .phone-live-frame.video-square .phone-live-video{object-fit:contain}
.phone-preview.phone-17pm .phone-live-copy{min-height:300px;border-radius:18px;background:linear-gradient(145deg,#0c3b25,#07150d);font-size:14px}
.phone-preview.phone-17pm .post-actions{padding:8px 2px 0;font-size:9px}
.phone-preview.phone-17pm .phone-bottom{height:65px;border-radius:0 0 46px 46px;background:rgba(255,255,255,.95);font-size:15px}
.phone-preview.phone-17pm .phone-bottom .plus{width:37px;height:37px;border-radius:50%;font-size:22px;box-shadow:0 5px 12px rgba(22,201,107,.28)}
@media(max-width:760px){.phone-preview.phone-17pm{width:272px;height:540px;border-radius:45px}.phone-preview.phone-17pm:before{top:8px;width:94px;height:24px}.phone-preview.phone-17pm .phone-live-frame,.phone-preview.phone-17pm .phone-live-copy{height:266px;min-height:266px}.phone-preview.phone-17pm .phone-post{height:calc(100% - 103px)}}

/* The download panel occupies the open space above the hero copy and never crosses into the phone stage. */
.app-download-panel{width:min(100%,570px);display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:12px 13px;border:1px solid rgba(21,143,78,.16);border-radius:19px;background:rgba(255,255,255,.82);box-shadow:0 14px 34px rgba(18,92,48,.08);backdrop-filter:blur(14px)}
.app-download-copy{display:grid;gap:2px;min-width:145px}.app-download-copy>span{font:700 9px var(--mono);letter-spacing:.16em;color:var(--green-dark)}.app-download-copy strong{font-size:15px;letter-spacing:-.03em}.app-download-copy small{color:#7c9185;font-size:10px;white-space:nowrap}
.app-download-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:300px}.app-download-button{position:relative;display:flex;align-items:center;gap:8px;min-width:0;min-height:57px;padding:8px 10px;border:1px solid #dcebe0;border-radius:14px;background:#fff;color:#173a27;box-shadow:0 5px 12px rgba(12,70,36,.05);transition:transform .2s,box-shadow .2s,border-color .2s}.app-download-button:hover{transform:translateY(-2px);border-color:#8dd9aa;box-shadow:0 9px 18px rgba(12,70,36,.11)}.app-download-button:focus-visible{outline:3px solid #81cfff;outline-offset:2px}.app-download-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;flex:0 0 auto;color:#fff}.app-download-icon svg{width:18px;height:18px;fill:currentColor}.app-download-ios .app-download-icon{background:#101511}.app-download-android .app-download-icon{background:linear-gradient(145deg,#35d678,#0b9c55)}.app-download-button>span:nth-child(2){display:grid;gap:1px;min-width:0}.app-download-button small{font-size:8px;color:#8b9b92;line-height:1}.app-download-button b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-download-button i{font-style:normal;color:#8aa295;font-size:13px;margin-left:auto}.app-download-button em{position:absolute;right:8px;bottom:5px;font-style:normal;font-size:7px;color:#c18436;white-space:nowrap}
@media(max-width:1100px){.app-download-panel{max-width:520px}.app-download-actions{min-width:270px}.app-download-button{padding-inline:8px}}
@media(max-width:820px){.app-download-panel{max-width:none;margin-bottom:18px}.app-download-actions{min-width:0;flex:1}.hero-layout{align-items:start}.hero-stage{margin-top:5px}}
@media(max-width:560px){.app-download-panel{display:grid;gap:11px;margin-bottom:16px;padding:11px;border-radius:16px}.app-download-copy{display:flex;align-items:baseline;gap:8px;min-width:0}.app-download-copy>span{font-size:8px}.app-download-copy strong{font-size:14px}.app-download-copy small{margin-left:auto;font-size:9px;overflow:hidden;text-overflow:ellipsis}.app-download-actions{width:100%;gap:7px}.app-download-button{min-height:53px;padding:7px 8px;border-radius:13px}.app-download-button em{font-size:6px;right:7px}.app-download-button i{display:none}.app-download-icon{width:26px;height:26px}.app-download-button b{font-size:10px}}

/* Homepage plaza cards show the complete public post instead of hiding the
   body behind a three-line preview. Images and text remain in one readable
   card, while the homepage samples a fresh public selection on each load. */
.plaza-feed-card .moment-copy{display:block;-webkit-line-clamp:unset;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere}

/* The four-character hero phrase carries the brand's open, colorful tone. */
.hero-copy h1 em{background:linear-gradient(90deg,#f24d83 0%,#ff8a43 18%,#f5c542 36%,#20c878 55%,#32b9ee 74%,#8c6bea 100%);background-size:180% 100%;animation:hero-spectrum 8s ease-in-out infinite alternate;-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes hero-spectrum{from{background-position:0% 50%}to{background-position:100% 50%}}

/* Follow the device theme when the account preference is left on system. */
@media (prefers-color-scheme: dark){
  html:not([data-portal-theme="light"]){color-scheme:dark;--ink:#ecf8f0;--muted:#9bb0a3;--paper:#07110c;--white:#112019;--line:rgba(213,244,224,.12);--shadow:0 14px 34px rgba(0,0,0,.28);--mint:#173b27}
  html:not([data-portal-theme="light"]) body{background:var(--paper);color:var(--ink)}
  html:not([data-portal-theme="light"]) .site-header{background:rgba(7,17,12,.88);border-color:var(--line)}
  html:not([data-portal-theme="light"]) .menu-card,html:not([data-portal-theme="light"]) .rail-card,html:not([data-portal-theme="light"]) .side-card,html:not([data-portal-theme="light"]) .feed-card,html:not([data-portal-theme="light"]) .service-card,html:not([data-portal-theme="light"]) .about-list a,html:not([data-portal-theme="light"]) .safety-points>div,html:not([data-portal-theme="light"]) .auth-dialog{background:#112019;border-color:var(--line);color:var(--ink)}
  html:not([data-portal-theme="light"]) .menu-card small,html:not([data-portal-theme="light"]) .rail-card small,html:not([data-portal-theme="light"]) .side-card p,html:not([data-portal-theme="light"]) .feed-card p,html:not([data-portal-theme="light"]) .service-card p,html:not([data-portal-theme="light"]) .about-layout p,html:not([data-portal-theme="light"]) .safety-layout p{color:var(--muted)}
  html:not([data-portal-theme="light"]) .menu-card a:hover,html:not([data-portal-theme="light"]) .rail-link:hover,html:not([data-portal-theme="light"]) .topic-item:hover,html:not([data-portal-theme="light"]) .person-item:hover{background:#173b27}
  html:not([data-portal-theme="light"]) .community-hero,html:not([data-portal-theme="light"]) .light-section,html:not([data-portal-theme="light"]) .plaza-section{background:#0b1911}
  html:not([data-portal-theme="light"]) .feed-filter,html:not([data-portal-theme="light"]) .outline-dark-button,html:not([data-portal-theme="light"]) .outline-button,html:not([data-portal-theme="light"]) .rail-button,html:not([data-portal-theme="light"]) .auth-dialog input,html:not([data-portal-theme="light"]) .auth-verify-row button{background:#112019;border-color:var(--line);color:var(--ink)}
  html:not([data-portal-theme="light"]) .feed-filter.active,html:not([data-portal-theme="light"]) .primary-button,html:not([data-portal-theme="light"]) .publish-button{background:#22bd67;color:#06170c}
  html:not([data-portal-theme="light"]) .post-footer,html:not([data-portal-theme="light"]) .hero-metrics,html:not([data-portal-theme="light"]) .section-heading{border-color:var(--line)}
  html:not([data-portal-theme="light"]) .site-footer,html:not([data-portal-theme="light"]) .publish-section{background:#050c08;border-color:var(--line)}
  html:not([data-portal-theme="light"]) .portal-bottom-nav{background:rgba(12,29,20,.94);border-color:var(--line)}
  html:not([data-portal-theme="light"]) .portal-bottom-nav a{color:#9bb0a3}
}

/* Final mobile cascade: the community feed owns the viewport width. Keep only
   the intentional inner gutter so cards and media never collapse into a
   narrow centered column after later legacy rules are applied. */
@media(max-width:560px){
  .shell{width:100%;max-width:none;padding-inline:10px}
  .section>.shell,.site-footer>.shell{padding-inline:10px}
}

/* Publish band download cards: keep the two store choices visibly separate
   from the dark background, even when an older cached cascade is present. */
.publish-section .publish-download-panel{visibility:visible!important;opacity:1!important;display:grid!important;min-height:116px!important;align-content:center!important;background:linear-gradient(135deg,#123f29 0%,#0a2417 100%)!important;border:1px solid rgba(119,227,161,.42)!important;box-shadow:0 18px 38px rgba(0,0,0,.28)!important}
.publish-section .publish-download-heading{display:grid!important;grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px;row-gap:2px!important}
.publish-section .publish-download-heading span{grid-column:1/-1!important}
.publish-section .publish-download-heading strong{font-size:15px!important;color:#f4fff7!important;white-space:nowrap}
.publish-section .publish-download-heading small{color:#9fd7b1!important;font-size:9px!important;white-space:nowrap}
.publish-section .publish-download-panel .app-download-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;min-width:0!important;gap:10px!important}
.publish-section .publish-download-panel .app-download-button{min-height:76px!important;background:#ffffff!important;color:#173a27!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 9px 20px rgba(0,0,0,.22)!important}
.publish-section .publish-download-panel .app-download-button:hover{transform:translateY(-3px)!important}
.publish-section .publish-download-panel .app-download-icon{width:42px!important;height:42px!important;border-radius:13px!important}
.publish-section .publish-download-panel .app-download-button b{font-size:14px!important;line-height:1.1!important}
.publish-section .publish-download-panel .app-download-button small{font-size:9px!important;color:#71877b!important}
.publish-section .publish-download-panel .app-download-button em{color:#b8792c!important;font-size:8px!important}
@media(max-width:820px){.publish-section .publish-panel{grid-template-columns:1fr!important}.publish-section .publish-download-panel{max-width:none!important}}
@media(max-width:560px){.publish-section .publish-download-panel{min-height:0!important}.publish-section .publish-download-panel .app-download-button{min-height:66px!important;padding:9px!important}.publish-section .publish-download-panel .app-download-icon{width:34px!important;height:34px!important}.publish-section .publish-download-panel .app-download-button b{font-size:12px!important}}

/* Keep the shared account control visually consistent when the API returns a
   real avatar URL; the initials fallback remains rendered by JavaScript. */
.account-avatar{overflow:hidden}
.account-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.home-retry-button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;margin-left:6px;padding:0 11px;border:1px solid #b8ddc4;border-radius:999px;background:#effaf2;color:var(--green-dark);font-size:11px;font-weight:800}.home-retry-button:hover{background:#dff6e7}
.portal-video-retry{margin-left:4px;padding:2px 7px;border:1px solid currentColor;border-radius:999px;background:rgba(255,255,255,.14);font-size:10px;font-weight:800;color:inherit}

/* Homepage mobile feed uses the full viewport width, with a stable inner
   gutter instead of a second narrow centered column. */
@media(max-width:560px){
  .shell{width:100%;max-width:none;padding-inline:10px}
  .section>.shell,.site-footer>.shell{padding-inline:10px}
  .section-heading h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .feed-card,.plaza-feed-card{width:100%;max-width:none}
}
@media(max-width:560px) and (orientation:landscape){
  .shell{padding-inline:8px}
  .feed-column{width:100%}
  .live-video-grid,.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Home theme bridge: landing-page components honor the same account theme and contrast rules as the portal. */
html[data-portal-theme="dark"]{color-scheme:dark;--ink:#ecf8f0;--muted:#9bb0a3;--paper:#07110c;--white:#112019;--line:rgba(213,244,224,.12);--shadow:0 14px 34px rgba(0,0,0,.28);--mint:#173b27}
html[data-portal-theme="light"]{color-scheme:light;--ink:#0b1711;--muted:#71877b;--paper:#f7f9f5;--white:#fff;--line:#e3ebe5;--shadow:0 24px 70px rgba(14,46,28,.12)}
html[data-portal-theme="dark"] body{background:var(--paper);color:var(--ink)}
html[data-portal-theme="dark"] .site-header{background:rgba(7,17,12,.88);border-color:var(--line)}
html[data-portal-theme="dark"] .nav-link,html[data-portal-theme="dark"] .nav-menu summary,html[data-portal-theme="dark"] .icon-button,html[data-portal-theme="dark"] .account-button{color:#b8d0c0}
html[data-portal-theme="dark"] .nav-link:hover,html[data-portal-theme="dark"] .nav-link.active,html[data-portal-theme="dark"] .nav-menu summary:hover,html[data-portal-theme="dark"] .account-button:hover,html[data-portal-theme="dark"] .icon-button:hover{background:#173b27;color:#7de7a5}
html[data-portal-theme="dark"] .menu-card,html[data-portal-theme="dark"] .rail-card,html[data-portal-theme="dark"] .side-card,html[data-portal-theme="dark"] .feed-card,html[data-portal-theme="dark"] .service-card,html[data-portal-theme="dark"] .about-list a,html[data-portal-theme="dark"] .safety-points>div,html[data-portal-theme="dark"] .auth-dialog{background:#112019;border-color:var(--line);color:var(--ink)}
html[data-portal-theme="dark"] .menu-card small,html[data-portal-theme="dark"] .rail-card small,html[data-portal-theme="dark"] .side-card p,html[data-portal-theme="dark"] .feed-card p,html[data-portal-theme="dark"] .service-card p,html[data-portal-theme="dark"] .about-layout p,html[data-portal-theme="dark"] .safety-layout p{color:var(--muted)}
html[data-portal-theme="dark"] .menu-card a:hover,html[data-portal-theme="dark"] .rail-link:hover,html[data-portal-theme="dark"] .topic-item:hover,html[data-portal-theme="dark"] .person-item:hover{background:#173b27}
html[data-portal-theme="dark"] .community-hero,html[data-portal-theme="dark"] .light-section,html[data-portal-theme="dark"] .plaza-section{background:#0b1911}
html[data-portal-theme="dark"] .phone-preview{background:#0f2117;border-color:#203b2b}
html[data-portal-theme="dark"] .phone-tabs{border-color:var(--line);color:#89a195}
html[data-portal-theme="dark"] .feed-filter,html[data-portal-theme="dark"] .outline-dark-button,html[data-portal-theme="dark"] .outline-button,html[data-portal-theme="dark"] .rail-button,html[data-portal-theme="dark"] .auth-dialog input,html[data-portal-theme="dark"] .auth-verify-row button{background:#112019;border-color:var(--line);color:var(--ink)}
html[data-portal-theme="dark"] .feed-filter.active,html[data-portal-theme="dark"] .primary-button,html[data-portal-theme="dark"] .publish-button{background:#22bd67;color:#06170c}
html[data-portal-theme="dark"] .post-footer,html[data-portal-theme="dark"] .hero-metrics,html[data-portal-theme="dark"] .section-heading{border-color:var(--line)}
html[data-portal-theme="dark"] .site-footer,html[data-portal-theme="dark"] .publish-section{background:#050c08;border-color:var(--line)}

/* Homepage publish band: keep both store entries visibly inside the middle
   column on desktop instead of allowing an older flex rule to collapse the
   download area into an empty-looking gap. */
.publish-section .publish-panel{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,520px) auto!important;align-items:center!important;gap:18px!important}
.publish-section .publish-download-panel{display:grid!important;visibility:visible!important;opacity:1!important;min-width:0!important;width:100%!important;min-height:122px!important;padding:12px!important;align-content:center!important;overflow:visible!important}
.publish-section .publish-download-heading{min-width:0!important;color:#e7fff0!important}
.publish-section .publish-download-heading span{font-size:8px!important;white-space:nowrap!important}
.publish-section .publish-download-heading strong{font-size:15px!important;white-space:nowrap!important}
.publish-section .publish-download-panel .app-download-actions{width:100%!important;min-width:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.publish-section .publish-download-panel .app-download-button{min-width:0!important;min-height:76px!important;overflow:hidden!important}
.publish-section .publish-download-panel .app-download-button>span:nth-child(2){min-width:0!important}
.publish-section .publish-download-panel .app-download-button b{white-space:nowrap!important}
.publish-section .publish-download-panel .app-download-ios .app-download-icon{background:linear-gradient(145deg,#202a23,#050a07)!important}
.publish-section .publish-download-panel .app-download-android .app-download-icon{background:linear-gradient(145deg,#45e58a,#078c4a)!important}
@media(max-width:1100px){.publish-section .publish-panel{grid-template-columns:minmax(0,1fr) minmax(360px,460px) auto!important;gap:14px!important}.publish-section .publish-download-panel{min-height:112px!important}.publish-section .publish-download-panel .app-download-button{min-height:68px!important}}
@media(max-width:820px){.publish-section .publish-panel{grid-template-columns:1fr!important}.publish-section .publish-download-panel{min-height:0!important}.publish-section .publish-actions{justify-content:flex-start!important}}
@media(max-width:560px){.publish-section .publish-download-panel{padding:10px!important}.publish-section .publish-download-panel .app-download-button{min-height:64px!important}.publish-section .publish-download-panel .app-download-button b{font-size:12px!important}}

/* Keep decorative backgrounds inside the document viewport so mobile layouts
   remain genuinely full-width without synthetic horizontal overflow. */
.ambient-a{right:0}
.ambient-b{left:0}
.mobile-bottom-nav{display:none}
@media(max-width:760px){.mobile-bottom-nav{position:fixed;display:flex;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:85;align-items:stretch;justify-content:space-around;padding:6px 6px 5px;border:1px solid rgba(7,19,14,.1);border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(7,43,24,.18);backdrop-filter:blur(18px)}.mobile-bottom-nav a{display:grid;place-items:center;gap:1px;min-width:48px;color:#819087;font-size:10px;font-weight:800}.mobile-bottom-nav a span{font-size:18px;line-height:19px}.mobile-bottom-nav a small{font-size:9px}.mobile-bottom-nav a.active{color:var(--green-dark)}.mobile-bottom-nav a.active span{color:var(--green)}.site-footer{padding-bottom:86px}}
.auth-dialog .register-only{display:none!important}.auth-dialog.register-mode .register-only{display:grid!important}.auth-forgot{display:block;width:max-content;margin:-5px 0 0 auto;color:var(--green-dark);font-size:10px;font-weight:800}.auth-reset-only{display:grid;gap:12px}.auth-reset-only[hidden]{display:none}.auth-verify-button{height:38px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#eff9f1;color:var(--green-dark);font-size:11px;font-weight:800}.auth-dialog.reset-mode .auth-switch{margin-top:12px}
/* Shared chrome rhythm: keep the landing page header aligned with portal pages. */
.site-header .nav-shell{height:62px;gap:14px}.site-header .brand img{width:116px}.site-header .desktop-nav{gap:2px;margin-left:12px}.site-header .nav-link,.site-header .nav-menu summary{height:38px;padding:0 10px;font-size:12px}.site-header .nav-actions{gap:5px}.site-header .icon-button{width:34px;height:34px}.site-header .publish-button{height:34px;padding:0 11px}
@media(max-width:760px){.site-header .nav-shell{height:58px}.site-header .brand img{width:112px}}

/* Final homepage publish-band treatment: the two app entries stay visible in
   the open middle area, read like real store badges, and never merge into the
   dark background.  The links remain intentionally replaceable until the
   official App Store and Android URLs are supplied. */
.publish-download-badge-final{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;align-content:center!important;width:min(100%,560px)!important;min-height:132px!important;padding:14px 15px!important;border:1px solid rgba(114,221,157,.48)!important;border-radius:20px!important;background:linear-gradient(135deg,#123d28 0%,#092217 100%)!important;box-shadow:0 18px 42px rgba(0,0,0,.28)!important}
.publish-download-badge-final .publish-download-heading{display:flex!important;align-items:baseline!important;gap:9px!important;min-width:0!important}
.publish-download-badge-final .publish-download-heading span{font-size:8px!important;letter-spacing:.16em!important;color:#82e6a7!important}
.publish-download-badge-final .publish-download-heading strong{font-size:16px!important;line-height:1!important;color:#f3fff7!important;white-space:nowrap!important}
.publish-download-badge-final .app-download-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;min-width:0!important}
.publish-download-badge-final .app-download-button{min-height:78px!important;padding:10px 12px!important;border:1px solid rgba(255,255,255,.94)!important;border-radius:16px!important;background:#fff!important;color:#163526!important;box-shadow:0 9px 20px rgba(0,0,0,.2)!important}
.publish-download-badge-final .app-download-button:hover{transform:translateY(-3px)!important;box-shadow:0 14px 26px rgba(0,0,0,.28)!important}
.publish-download-badge-final .app-download-icon{width:46px!important;height:46px!important;border-radius:14px!important;flex-basis:46px!important}
.publish-download-badge-final .app-download-icon svg{width:25px!important;height:25px!important}
.publish-download-badge-final .app-download-button>span:nth-child(2){gap:3px!important}
.publish-download-badge-final .app-download-button small{font-size:9px!important;line-height:1!important;color:#71877b!important}
.publish-download-badge-final .app-download-button b{font-size:14px!important;line-height:1.1!important;white-space:nowrap!important}
.publish-download-badge-final .app-download-button i{font-size:16px!important;color:#5b8870!important}
.publish-download-badge-final .app-download-button em{right:10px!important;bottom:7px!important;font-size:8px!important;color:#b8792c!important}
.publish-download-badge-final .app-download-ios .app-download-icon{background:linear-gradient(145deg,#26352c,#050a07)!important}
.publish-download-badge-final .app-download-android .app-download-icon{background:linear-gradient(145deg,#45e58a,#078c4a)!important}
@media(max-width:1100px){.publish-download-badge-final{width:100%!important;min-height:120px!important}.publish-download-badge-final .app-download-button{min-height:70px!important}}
@media(max-width:820px){.publish-download-badge-final{max-width:560px!important}}
@media(max-width:560px){.publish-download-badge-final{min-height:0!important;padding:12px!important;border-radius:17px!important}.publish-download-badge-final .publish-download-heading strong{font-size:14px!important}.publish-download-badge-final .app-download-actions{gap:7px!important}.publish-download-badge-final .app-download-button{min-height:66px!important;padding:8px!important;border-radius:13px!important}.publish-download-badge-final .app-download-icon{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important}.publish-download-badge-final .app-download-icon svg{width:20px!important;height:20px!important}.publish-download-badge-final .app-download-button b{font-size:12px!important}.publish-download-badge-final .app-download-button em{right:7px!important;bottom:5px!important;font-size:7px!important}}

/* The live homepage markup keeps the original class for compatibility; mirror
   the final badge treatment onto that existing node as well. */
.publish-section .publish-download-panel{width:min(100%,560px)!important;min-height:132px!important;padding:14px 15px!important;border:1px solid rgba(114,221,157,.48)!important;border-radius:20px!important;background:linear-gradient(135deg,#123d28 0%,#092217 100%)!important;box-shadow:0 18px 42px rgba(0,0,0,.28)!important}
.publish-section .publish-download-panel .publish-download-heading{display:flex!important;align-items:baseline!important;gap:9px!important}
.publish-section .publish-download-panel .publish-download-heading strong{font-size:16px!important;color:#f3fff7!important}
.publish-section .publish-download-panel .app-download-actions{gap:10px!important}
.publish-section .publish-download-panel .app-download-button{min-height:78px!important;padding:10px 12px!important;border-radius:16px!important}
.publish-section .publish-download-panel .app-download-icon{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:14px!important}
.publish-section .publish-download-panel .app-download-icon svg{width:25px!important;height:25px!important}
@media(max-width:1100px){.publish-section .publish-download-panel{width:100%!important;min-height:120px!important}.publish-section .publish-download-panel .app-download-button{min-height:70px!important}}
@media(max-width:560px){.publish-section .publish-download-panel{min-height:0!important;padding:12px!important;border-radius:17px!important}.publish-section .publish-download-panel .publish-download-heading strong{font-size:14px!important}.publish-section .publish-download-panel .app-download-actions{gap:7px!important}.publish-section .publish-download-panel .app-download-button{min-height:66px!important;padding:8px!important;border-radius:13px!important}.publish-section .publish-download-panel .app-download-icon{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important}.publish-section .publish-download-panel .app-download-icon svg{width:20px!important;height:20px!important}.publish-section .publish-download-panel .app-download-button b{font-size:12px!important}}
.home-site-announcement{width:min(1240px,calc(100% - 48px));margin:8px auto 0;border:1px solid #cfe0ef;border-left:4px solid #348be8;border-radius:12px;background:#eef6ff;color:#173b5e;box-shadow:0 5px 16px rgba(8,58,33,.05)}.home-site-announcement.success{border-color:#bee6d4;border-left-color:#1ba875;background:#ecfbf4;color:#075f45}.home-site-announcement.warning{border-color:#f1dbac;border-left-color:#e59a36;background:#fff8e9;color:#80500d}.home-site-announcement.danger{border-color:#f1c4c9;border-left-color:#dc5b68;background:#fff0f1;color:#8d2936}.home-site-announcement-inner{display:flex;align-items:center;gap:8px;padding:8px 11px;min-width:0}.home-site-announcement-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:currentColor;color:#fff;font-size:12px;font-weight:900}.home-site-announcement-inner div{display:flex;align-items:baseline;gap:7px;min-width:0}.home-site-announcement strong{font-size:11px;font-weight:850;white-space:nowrap}.home-site-announcement-inner span:not(.home-site-announcement-icon){font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;opacity:.82}
@media(max-width:760px){.home-site-announcement{width:calc(100% - 16px);margin-top:6px}.home-site-announcement-inner{padding:7px 8px}.home-site-announcement-inner div{display:block;min-width:0}.home-site-announcement strong{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-site-announcement-inner span:not(.home-site-announcement-icon){display:block;margin-top:2px;font-size:9px}}
.plaza-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.plaza-feed-grid .plaza-feed-card{min-width:0;background:#fff;color:var(--ink);border-color:rgba(255,255,255,.36);box-shadow:0 10px 28px rgba(0,0,0,.14)}.plaza-feed-card .post-top{min-width:0}.plaza-feed-card .post-media{margin-top:12px}.plaza-feed-card .api-moment-media img,.plaza-feed-card .api-moment-media video{height:170px}.plaza-feed-card .api-moment-media.media-count-1 img,.plaza-feed-card .api-moment-media.media-count-1 video{height:210px}.plaza-feed-card .moment-copy{font-size:14px!important;line-height:1.45;margin:12px 0 0!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.plaza-feed-card .post-footer{border-top:1px solid #edf2ee;padding-top:8px}.plaza-feed-card .post-footer button{color:#6e8678}
.home-comments{margin-top:10px;padding-top:9px;border-top:1px solid rgba(26,76,47,.12)}.home-comments[hidden]{display:none}.home-comments-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.home-comments-head strong{font-size:11px;color:#1b6e43}.home-comments-head button{border:0;border-radius:999px;padding:4px 8px;background:#eff8f1;color:#318058;font-size:10px;cursor:pointer}.home-comment-list{display:grid;gap:6px;max-height:260px;overflow:auto}.home-comment{padding:7px 8px;border-radius:10px;background:#f5faf6}.home-comment.is-reply{margin-left:16px;background:#edf7f0}.home-comment-head{display:flex;align-items:baseline;gap:7px;min-width:0}.home-comment-head b{font-size:10px;color:#275b40;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-comment-head time{margin-left:auto;color:#91a39a;font-size:9px;white-space:nowrap}.home-comment p{margin:3px 0 0;color:#51685a;font-size:11px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.home-comment-replies{display:grid;gap:5px;margin-top:5px}.home-comment-state{padding:8px;color:#8a9d91;text-align:center;font-size:10px}.home-comment-state.is-error{color:#a45050}.home-comment-form{display:flex;gap:6px;margin-top:8px}.home-comment-form input{min-width:0;flex:1;height:30px;border:1px solid #dbe9de;border-radius:999px;padding:0 10px;background:#fff;color:inherit;font:inherit;font-size:10px;outline:none}.home-comment-form input:focus{border-color:#54c783;box-shadow:0 0 0 3px #e6f8eb}.home-comment-form button{flex:0 0 auto;border:0;border-radius:999px;padding:0 12px;background:#22bd6c;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.home-comment-form button:disabled{opacity:.55;cursor:wait}html[data-portal-theme="dark"] .home-comments{border-color:rgba(213,244,224,.12)}html[data-portal-theme="dark"] .home-comment{background:#173124}html[data-portal-theme="dark"] .home-comment.is-reply{background:#1b3b28}html[data-portal-theme="dark"] .home-comment p{color:#b4cdbb}html[data-portal-theme="dark"] .home-comment-form input{background:#112019;border-color:rgba(213,244,224,.16);color:#ecf8f0}
@media(max-width:820px){.plaza-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:560px){.plaza-feed-grid{grid-template-columns:1fr;gap:10px}.plaza-feed-card .api-moment-media img,.plaza-feed-card .api-moment-media video{height:190px}.plaza-feed-card .api-moment-media.media-count-1 img,.plaza-feed-card .api-moment-media.media-count-1 video{height:230px}}
@media(max-width:820px){.community-grid{grid-template-columns:minmax(0,1fr)!important;width:100%}.feed-column{width:100%;min-width:0}.feed-card{width:100%;max-width:none}.post-media,.api-video-media{width:100%;max-width:none}}
@media(max-width:560px){.section-heading{display:block}.section-heading h2{font-size:clamp(20px,6.2vw,25px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.06em;margin-top:8px}.section-heading .feed-controls{display:flex;width:max-content;max-width:100%;margin:12px 0 0}.section-heading .feed-filter{font-size:10px;padding:7px 11px}.service-heading h2,.moments-copy h2,.about-layout h2,.safety-layout h2{font-size:clamp(23px,7vw,30px);line-height:1.18}}

/* Every homepage plaza/moments card exposes an unambiguous full-content
   entry. Keep it separate from the reaction buttons so media controls and
   likes/comments retain their existing tap targets. */
.post-detail-row{display:flex;justify-content:flex-end;align-items:center;margin-top:9px;min-height:20px}
.post-detail-link{display:inline-flex;align-items:center;gap:5px;padding:4px 1px;color:var(--green-dark);font-size:11px;font-weight:850;text-decoration:none;white-space:nowrap}
.post-detail-link:hover{text-decoration:underline;text-underline-offset:3px}
.post-detail-link:focus-visible{border-radius:5px}
.post-detail-link span{font-size:13px;line-height:1}
[data-detail-trigger]{cursor:pointer}
[data-detail-trigger]:hover{color:var(--green-dark)}
html[data-portal-theme="dark"] .post-detail-link,html:not([data-portal-theme="light"]) .post-detail-link{color:#65dd98}

/* Homepage account rail and desktop column balance. Authenticated visitors get
   useful account actions instead of the guest login prompt, while the feed is
   capped to a readable width and both supporting rails receive more room. */
.home-account-panel[hidden]{display:none!important}
.home-account-panel[hidden],[data-home-guest-action][hidden]{display:none!important}
.home-account-panel{display:grid;gap:8px;margin-top:10px}
.home-wallet-quick{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:10px 11px;border:1px solid rgba(22,201,107,.2);border-radius:12px;background:linear-gradient(135deg,#e9faef,#eff9ff);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.home-wallet-quick:hover{transform:translateY(-1px);border-color:rgba(22,201,107,.42);box-shadow:0 8px 18px rgba(18,108,58,.1)}
.home-wallet-quick>span{display:grid;gap:2px;min-width:0}
.profile-body .home-wallet-quick small{font-size:9px;color:#668071}
.profile-body .home-wallet-quick strong{margin:0;font-size:14px;line-height:1.15;color:#0a6f3b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-wallet-quick i{font:800 8px var(--mono);font-style:normal;letter-spacing:.08em;color:#1b8950;background:rgba(255,255,255,.8);padding:4px 6px;border-radius:999px}
.home-account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.home-account-actions a{display:flex;align-items:center;justify-content:center;min-height:30px;border-radius:9px;background:#edf5ef;color:#2f6750;font-size:10px;font-weight:800}
.home-account-actions a:first-child{background:#102a1c;color:#f3fff7}
.home-account-actions a:hover{filter:brightness(.97)}
.rail-button.is-logout{border:1px solid rgba(205,73,73,.16);background:#fff2f2;color:#c74343}
.rail-button.is-logout:hover{background:#ffe8e8}
.rail-button[aria-busy="true"]{pointer-events:none;opacity:.7}
@media(min-width:1280px){
  .community-section>.shell{width:min(calc(100% - 48px),1240px)}
  .community-section .community-grid{grid-template-columns:minmax(280px,300px) minmax(0,560px) minmax(300px,340px);justify-content:center;gap:20px}
}
@media(max-width:1279px) and (min-width:1101px){
  .community-section>.shell{width:min(calc(100% - 48px),1240px)}
  .community-section .community-grid{grid-template-columns:230px minmax(0,1fr) 270px;gap:16px}
}
@media (prefers-color-scheme:dark){
  html:not([data-portal-theme="light"]) .home-wallet-quick{background:linear-gradient(135deg,#153425,#132d33);border-color:rgba(90,222,146,.2)}
  html:not([data-portal-theme="light"]) .profile-body .home-wallet-quick strong{color:#79e6a5}
  html:not([data-portal-theme="light"]) .profile-body .home-wallet-quick small{color:#9bb5a5}
  html:not([data-portal-theme="light"]) .home-wallet-quick i{background:rgba(255,255,255,.08);color:#8debb1}
  html:not([data-portal-theme="light"]) .home-account-actions a{background:#19392a;color:#b9d9c5}
  html:not([data-portal-theme="light"]) .home-account-actions a:first-child{background:#22bd67;color:#06170c}
}
html[data-portal-theme="dark"] .home-wallet-quick{background:linear-gradient(135deg,#153425,#132d33);border-color:rgba(90,222,146,.2)}
html[data-portal-theme="dark"] .profile-body .home-wallet-quick strong{color:#79e6a5}
html[data-portal-theme="dark"] .profile-body .home-wallet-quick small{color:#9bb5a5}
html[data-portal-theme="dark"] .home-wallet-quick i{background:rgba(255,255,255,.08);color:#8debb1}
html[data-portal-theme="dark"] .home-account-actions a{background:#19392a;color:#b9d9c5}
html[data-portal-theme="dark"] .home-account-actions a:first-child{background:#22bd67;color:#06170c}
body{min-width:0}img,video{max-width:100%}.shell,.nav-shell,.community-grid,.feed-card,.post-top,.post-footer{min-width:0}.author,.post-top,.post-footer{overflow:hidden}.post-top .author{min-width:0}.post-top .content-tag,.post-top .follow-button{flex:0 0 auto}.post-footer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.post-footer button{min-width:0;width:100%;padding:5px 2px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-footer button:last-child{margin-left:0}.api-video-media,.api-video-media video{width:100%}
@media(max-width:560px){.shell{width:calc(100% - 20px);max-width:none}.nav-shell{padding:0 2px}.post-top{gap:6px}.post-top .author{flex:1}.post-footer{gap:3px}.post-footer button{font-size:10px}.live-video-grid{grid-template-columns:1fr}.live-video-tile{width:100%}.feed-controls,.plaza-tabs{max-width:100%;overflow-x:auto;white-space:nowrap}.feed-filter,.plaza-tabs button{flex:0 0 auto}}
@media(min-width:561px){.post-footer{display:flex;align-items:center;gap:12px}.post-footer button:last-child{margin-left:auto}}