@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@600;700;800;900&display=swap";
:root{--deep:#123b4d;--petrol:#104b61;--petrol-2:#176b74;--ink:#1c303b;--muted:#70858b;--bg:#f7f9f8;--line:#e6ecec;--rose:#ad6075;--pink:#fae9ec;--gold:#f8e9cb;--soft:#ebf4f1}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:var(--bg);margin:0;font-family:DM Sans,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Nunito,DM Sans,sans-serif}a{color:inherit;text-decoration:none}.visually-hidden{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{min-height:100vh;display:flex}.desktop-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex:0 0 260px;width:260px;height:100vh;padding:29px 18px;display:flex;position:sticky;top:0}.brand,.top-left{align-items:center;gap:12px;display:flex}.brand{padding:0 12px 37px}.brandmark{background:var(--petrol);color:#fff;border-radius:16px;flex-shrink:0;place-items:center;width:47px;height:47px;display:grid}.brand strong,.top-left strong{color:var(--deep);font-family:Nunito;font-size:21px;font-weight:900}.brand strong span,.top-left strong span{color:var(--rose)}.brand small,.top-left small{color:var(--muted);white-space:nowrap;font-size:10px;display:block}.nav-list{flex-direction:column;gap:9px;display:flex}.nav-item{text-align:left;color:#647982;background:0 0;border:0;border-radius:14px;align-items:center;gap:14px;padding:15px;font-size:14px;font-weight:700;display:flex;position:relative}.nav-item:hover{background:#f4f8f7}.nav-item.selected{color:var(--petrol);background:#eaf3f1}.nav-dot{background:var(--petrol);border-radius:50%;width:6px;height:6px;margin-left:auto}.sidebar-bottom{color:#8a9b9c;margin-top:auto;padding:18px 10px;font-size:10px}.small-motto{color:var(--rose);background:#f6f3ef;border-radius:15px;margin-bottom:20px;padding:16px;font-size:13px;font-weight:800;line-height:1.5}.small-motto svg{margin-bottom:6px;display:block}.main-shell{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;justify-content:space-between;align-items:center;height:83px;padding:0 40px;display:flex;position:sticky;top:0}.top-left .mobile-icon{display:none}.top-left strong{font-size:18px}.top-actions{align-items:center;gap:16px;display:flex}.demo-chip{color:#845c27;background:#fff2d9;border-radius:22px;padding:9px 12px;font-size:11px;font-weight:800}.header-avatar{width:40px;height:40px;color:var(--petrol);background:#edf1ed;border:2px solid #dce9e7;border-radius:50%;place-items:center;font-weight:900;display:grid;overflow:hidden}.header-avatar img,.portrait img{object-fit:cover;width:100%;height:100%}.content{flex:1;width:min(1130px,100%);margin:0 auto;padding:37px 40px 55px}.footer{color:#97a5a6;justify-content:center;align-items:center;gap:5px;padding:20px;font-size:12px;display:flex}.footer svg{color:var(--rose)}.mobile-nav{display:none}.hero{color:#fff;background:linear-gradient(112deg,#104d61,#187278 70%,#318884);border-radius:25px;justify-content:space-between;align-items:center;min-height:266px;padding:32px 44px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 28px #103b4c18}.hero-copy{z-index:2;max-width:590px;position:relative}.eyebrow{letter-spacing:1.8px;color:var(--rose);margin-bottom:12px;font-size:10px;font-weight:900;display:block}.eyebrow.light{color:#bddfda}.hero h1{margin:0 0 13px;font-size:clamp(27px,4vw,40px);font-weight:900;line-height:1.13}.hero p{color:#e3f4f3;max-width:520px;margin-bottom:21px;font-size:14px;line-height:1.75}.hero-button{color:var(--petrol);background:#fff;border:0;border-radius:11px;align-items:center;gap:11px;padding:12px 17px;font-size:13px;font-weight:900;display:inline-flex}.hero-drawing{flex-shrink:0;width:230px;height:190px;position:relative}.big-heart{color:#fff;background:#ffffff28;border:2px solid #ffffff30;border-radius:48px 48px 45px 45px;place-items:center;width:148px;height:148px;display:grid;position:absolute;top:22px;left:32px;transform:rotate(-13deg)}.big-heart svg{transform:rotate(13deg)}.bubble{color:#ffcfdb;font-size:40px;position:absolute}.b1{top:-1px;right:5px}.b2{bottom:-6px;left:4px}.section-head{margin:36px 0 18px}.section-head h2{margin-bottom:4px;font-size:21px;font-weight:900}.section-head p{color:var(--muted);margin:0;font-size:13px}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.quick-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:19px;flex-direction:column;align-items:flex-start;min-height:190px;padding:21px;transition:transform .16s,box-shadow .16s;display:flex;position:relative}.quick-card:hover{transform:translateY(-3px);box-shadow:0 12px 23px #233f4812}.quick-icon,.tiny-icon{border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:23px;display:grid}.quick-icon.teal{color:#197779;background:#e5f3ef}.quick-icon.rose{color:#b86076;background:#fae9ef}.quick-icon.gold{color:#b38843;background:#fff3df}.quick-icon.blue{color:#6677a9;background:#e9eef8}.quick-card strong{margin-bottom:5px;font-size:14px;font-weight:900}.quick-card small{color:#819398;padding-right:13px;font-size:12px;line-height:1.5}.quick-arrow{color:#9babaa;position:absolute;bottom:20px;right:19px}.row-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.subtle-link{color:var(--petrol);background:0 0;border:0;align-items:center;gap:3px;font-size:12px;font-weight:800;display:flex}.feature-banner{background:#eff5f0;border:1px solid #e2ede7;border-radius:18px;align-items:center;gap:25px;padding:20px 25px;display:flex}.feature-illustration{color:#518575;background:#d8eae1;border-radius:18px;flex:0 0 100px;place-items:center;width:100px;height:97px;display:grid}.light-pill{color:#48796c;background:#dcebe5}.feature-banner h3{margin:11px 0 5px;font-size:18px}.feature-banner p{color:#6c8181;margin:0;font-size:12px;line-height:1.6}.pill{color:#a18056;white-space:nowrap;background:#f8f0e9;border-radius:30px;padding:6px 9px;font-size:10px;font-weight:900}.page-intro{margin:3px 0 29px}.page-intro h1{margin:0 0 7px;font-size:33px;font-weight:900}.page-intro p{color:#768a8d;margin:0;font-size:14px;line-height:1.7}.accent{font-size:.84em}.group-list{gap:10px;display:grid}.group-row{border:1px solid var(--line);text-align:left;background:#fff;border-radius:18px;align-items:center;gap:17px;width:100%;padding:19px;display:flex}.group-row:hover{border-color:#b1d2cb;box-shadow:0 6px 15px #162d3610}.group-icon{color:#27767b;background:#e5f2f0;border-radius:16px;flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid}.group-1{color:#b36884;background:#f9e9ed}.group-2{color:#977342;background:#fcf0db}.group-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.group-info strong{font-size:15px}.group-info small{color:#889b9e;font-size:12px}.group-category{color:#72908d;background:#eff6f4;border-radius:20px;padding:7px 10px;font-size:10px;font-weight:800}.privacy-note{color:#829795;align-items:center;gap:8px;margin-top:18px;font-size:11px;line-height:1.5;display:flex}.chat-page{min-height:60vh}.chat-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:5px 0 22px;display:flex}.chat-head h2{margin:0 0 3px;font-size:17px}.chat-head small{color:#8a9d9f;font-size:11px}.chat-head .group-icon{flex-basis:42px;width:42px;height:42px}.icon-button{color:var(--petrol);background:#eaf1ef;border:0;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.messages{flex-direction:column;gap:15px;height:min(48vh,480px);padding:25px 9px;display:flex;overflow-y:auto}.message-row{display:flex}.message-row.mine{justify-content:flex-end}.message-bubble{border:1px solid var(--line);background:#fff;border-radius:16px 16px 16px 4px;max-width:min(75%,460px);padding:12px 16px;font-size:13px;line-height:1.6}.message-bubble strong{color:var(--petrol);font-size:11px}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0}.message-bubble time{color:#829695;text-align:right;font-size:10px;display:block}.mine .message-bubble{background:#e2f2eb;border-color:#d1e8db;border-radius:16px 16px 4px}.chat-compose{border:1px solid var(--line);background:#fff;border-radius:16px;gap:9px;padding:12px;display:flex}.chat-compose input{border:0;outline:0;flex:1;min-width:0;padding:8px;font-size:14px}.chat-compose button{background:var(--petrol);color:#fff;border:0;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.chat-empty{color:var(--muted);margin:auto;font-size:13px}.demo-footer{color:#a08451;text-align:center;margin-top:13px;font-size:11px}.empty-card{text-align:center;color:#728986;background:#fff;border:1px dashed #cddbd9;border-radius:19px;padding:45px 22px}.empty-card svg{color:#72aaa3}.empty-card h3{color:var(--ink);margin:14px 0 7px}.empty-card p{max-width:420px;margin:auto;font-size:13px;line-height:1.7}.mission-callout,.newsletter-banner{color:#fff;background:linear-gradient(110deg,#19516a,#327982);border-radius:23px;align-items:center;gap:24px;padding:30px;display:flex}.mission-illustration,.newsletter-icon{background:#ffffff23;border-radius:22px;flex-shrink:0;place-items:center;width:95px;height:95px;display:grid}.mission-callout h2,.newsletter-banner h2{margin:0 0 6px;font-size:23px}.mission-callout p,.newsletter-banner p{color:#d5eeeb;margin:0;font-size:13px;line-height:1.75}.mini-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.mini-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px}.mini-card svg{color:var(--rose);margin-bottom:17px}.mini-card strong{font-size:14px;display:block}.mini-card p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.7}.newsletter-banner{background:linear-gradient(110deg,#85526c,#b36b80)}.news-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.news-card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.news-visual{color:#4f9087;background:#e4f1e9;place-items:center;height:145px;display:grid}.news-1{color:#be6c80;background:#fce5ea}.news-2{color:#b8894b;background:#fff0d9}.news-content{padding:21px}.news-content h3{margin:0 0 9px;font-size:17px;line-height:1.4}.news-content p{color:#73898b;margin:0;font-size:12px;line-height:1.75}.profile-hero{background:linear-gradient(100deg,#e6f0ed,#f7f1ee);border:1px solid #e0e9e6;border-radius:20px;align-items:center;gap:20px;margin-bottom:20px;padding:24px 28px;display:flex}.portrait{width:93px;height:93px;color:var(--petrol);background:#fff;border:4px solid #fff;border-radius:28px;flex-shrink:0;place-items:center;font-size:28px;font-weight:900;display:grid;position:relative;overflow:visible;box-shadow:0 5px 18px #193f4516}.portrait img{border-radius:23px}.camera-badge{background:var(--petrol);box-sizing:content-box;color:#fff;border:3px solid #fff;border-radius:50%;padding:7px;position:absolute;bottom:-8px;right:-8px}.profile-summary h2{margin:0 0 3px;font-size:23px}.profile-summary p{color:#66827d;margin:0 0 11px;font-size:13px}.profile-pill{color:#597d71;background:#fff;border:1px solid #e1ebe7;border-radius:30px;align-items:center;gap:6px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.profile-columns{grid-template-columns:1fr 1fr;align-items:start;gap:17px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:20px;padding:25px}.panel-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.tiny-icon{width:44px;height:44px;color:var(--petrol);background:#e6f3f0;border-radius:13px;flex:0 0 44px;margin:0}.tiny-icon.pink{color:var(--rose);background:#fbe9ed}.panel-title h2{margin:0 0 4px;font-size:18px}.panel-title p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.identity-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:12px 0;font-size:12px;display:flex}.identity-row span{color:#809494}.identity-row strong{text-align:right;overflow-wrap:anywhere;max-width:60%;font-size:12px}.form{flex-direction:column;gap:16px;display:flex}.form label{flex-direction:column;gap:8px;font-size:12px;font-weight:800;display:flex}.form input{background:#fff;border:1px solid #dce6e7;border-radius:10px;outline-color:#5d9c94;width:100%;padding:12px 13px;font-size:13px}.form.details{padding-top:17px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.primary-button{background:var(--petrol);color:#fff;border:0;border-radius:11px;justify-content:center;align-items:center;gap:10px;padding:13px 15px;font-size:13px;font-weight:900;display:inline-flex}.secondary-button{border:1px solid var(--line);color:var(--petrol);background:#fff;border-radius:11px;align-items:center;gap:8px;padding:12px 15px;font-weight:800;display:flex}.document-item{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:15px 0;display:flex}.document-item:last-of-type{border-bottom:0}.doc-icon{color:#57857c;background:#f0f5f3;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.document-item>div{flex:1;min-width:0}.document-item strong{font-size:13px;display:block}.document-item small{color:#8ca09f;margin-top:3px;font-size:11px;line-height:1.6;display:block}.document-alert{color:#897953;background:#f7f6ef;border-radius:11px;align-items:flex-start;gap:9px;margin-top:18px;padding:12px;display:flex}.document-alert svg{flex-shrink:0}.document-alert p{margin:0;font-size:11px;line-height:1.6}.logout-row{justify-content:flex-end;margin-top:20px;display:flex}.small-note{color:var(--muted);align-items:center;gap:8px;font-size:11px;line-height:1.6;display:flex}.feedback{border-radius:12px;align-items:center;gap:10px;margin:0 0 15px;padding:13px;font-size:12px;line-height:1.5;display:flex}.feedback button{color:inherit;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.feedback.error{color:#9d3d4f;background:#fff0f0}.feedback.success{color:#387757;background:#edf8f1}.center-screen{min-height:100vh;color:var(--petrol);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding:30px;display:flex}.center-screen p{max-width:500px;color:var(--muted);line-height:1.7}.center-screen h1{margin:0}.loader{border:3px solid #e5f0ec;border-top-color:var(--petrol);border-radius:50%;width:36px;height:36px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-wrap{background:#fff;grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login-art{color:#fff;background:linear-gradient(140deg,#104b61,#27807a);flex-direction:column;justify-content:center;align-items:flex-start;padding:12vh 11%;display:flex}.login-art .brandmark{background:#ffffff30;width:68px;height:68px;margin-bottom:48px}.login-art h1{margin:0 0 25px;font-size:clamp(38px,5vw,66px);line-height:1.1}.login-art h1 svg{color:#ffcad0}.login-art p{color:#e3f1f0;max-width:440px;font-size:17px;line-height:1.8}.login-panel{flex-direction:column;justify-content:center;padding:8vh 12%;display:flex}.login-panel h2{margin:0 0 9px;font-size:32px}.login-panel p{color:var(--muted);margin-bottom:29px;font-size:14px;line-height:1.6}.login-panel .form{margin-bottom:18px}.login-panel .small-note{margin-top:45px}.text-button{color:var(--petrol);text-align:left;background:0 0;border:0;padding:0;font-size:12px;font-weight:800}.mobile-brand{display:none}@media (max-width:1100px){.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-card{min-height:165px}.desktop-sidebar{flex-basis:220px;width:220px}.content{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.profile-columns{grid-template-columns:1fr}.news-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.desktop-sidebar{display:none}.mobile-nav{z-index:9;border-top:1px solid var(--line);padding:9px 3px calc(9px + env(safe-area-inset-bottom));background:#fff;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 22px #143c4c0d}.mobile-nav button{color:#8a999d;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:4px 0;font-size:9px;font-weight:700;display:flex}.mobile-nav button.active{color:var(--petrol)}.mobile-nav button.active svg{stroke-width:2.8px}.topbar{height:69px;padding:0 20px}.top-left .mobile-icon{background:var(--petrol);color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.top-left strong{font-size:17px}.top-left small{font-size:10px}.demo-chip{text-align:center;max-width:118px;padding:6px 8px;font-size:9px}.content{padding:21px 17px 110px}.footer{display:none}.hero{min-height:255px;padding:28px 23px}.hero-copy{max-width:85%}.hero h1{font-size:30px}.hero p{font-size:12px}.hero-drawing{opacity:.24;position:absolute;top:10px;right:-112px}.hero-button{font-size:12px}.section-head{margin-top:28px}.quick-grid{gap:11px}.quick-card{min-height:171px;padding:17px}.quick-icon{width:43px;height:43px;margin-bottom:20px}.quick-card strong{font-size:13px}.quick-card small{font-size:11px}.feature-banner{gap:13px;padding:16px}.feature-illustration{flex-basis:65px;width:65px;height:75px}.feature-illustration svg{width:27px}.feature-banner h3{font-size:15px}.feature-banner p{font-size:11px}.page-intro h1{font-size:28px}.page-intro p{font-size:12px}.group-row{gap:12px;padding:13px}.group-category{display:none}.group-info strong{font-size:13px}.group-info small{font-size:11px}.mission-callout,.newsletter-banner{gap:15px;padding:22px}.mission-illustration,.newsletter-icon{border-radius:14px;flex-basis:62px;width:62px;height:62px}.mission-callout h2,.newsletter-banner h2{font-size:19px}.mission-callout p,.newsletter-banner p{font-size:12px}.mini-grid,.news-grid{grid-template-columns:1fr}.mini-card{padding:19px}.profile-hero{gap:17px;padding:17px}.portrait{border-radius:19px;width:77px;height:77px;font-size:23px}.profile-summary h2{font-size:18px}.panel{padding:18px}.profile-columns{gap:15px}.messages{height:48vh}.message-bubble{max-width:90%}.login-wrap{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh;padding:40px 9%}.mobile-brand{color:var(--petrol);margin-bottom:65px;font-family:Nunito;font-size:25px;font-weight:900;display:block}}.progress-card{border:1px solid var(--line);background:#fff;border-radius:19px;align-items:center;gap:16px;margin-top:20px;padding:17px 21px;display:flex;box-shadow:0 7px 20px #194e5210}.progress-symbol{color:#ac6077;background:#f7edf0;border-radius:14px;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid}.progress-copy{flex:1;min-width:0}.progress-copy strong{font-size:13px;font-weight:900}.progress-copy p{color:var(--muted);margin:6px 0 9px;font-size:11px}.progress-track{background:#e9f0ed;border-radius:20px;max-width:400px;height:6px;overflow:hidden}.progress-track span{border-radius:inherit;background:#2e9286;height:100%;transition:width .18s;display:block}.progress-action{color:var(--petrol);white-space:nowrap;background:#eaf4f1;border:0;border-radius:10px;align-items:center;gap:6px;padding:11px 12px;font-size:11px;font-weight:900;display:flex}.group-search{border:1px solid var(--line);color:#839795;background:#fff;border-radius:13px;align-items:center;gap:10px;min-height:49px;margin-bottom:15px;padding:0 15px;display:flex}.group-search:focus-within{outline-offset:1px;outline:2px solid #add4cf}.group-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.mission-list{gap:13px;display:grid}.mission-card{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:17px;padding:19px;display:flex}.mission-emoji{background:#ecf4f0;border-radius:16px;flex:0 0 53px;place-items:center;width:53px;height:53px;font-size:26px;display:grid}.mission-details{flex:1;min-width:0}.mission-details .eyebrow{margin-bottom:5px;font-size:9px}.mission-details h3{margin:0 0 4px;font-size:16px}.mission-details p{color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.6}.mission-location{color:#698a8b;align-items:center;gap:4px;font-size:11px;display:inline-flex}.availability-button{border:1px solid var(--petrol);background:var(--petrol);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-width:146px;min-height:42px;padding:11px 12px;font-size:11px;font-weight:900;display:flex}.availability-button.joined{color:#277a61;background:#eaf8f0;border-color:#c8e4d8}.filter-pills{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.filter-pills button{border:1px solid var(--line);color:#5b777f;background:#fff;border-radius:24px;padding:10px 13px;font-size:11px;font-weight:800}.filter-pills button.current{background:var(--petrol);color:#fff;border-color:var(--petrol)}.article-button{color:var(--petrol);background:0 0;border:0;align-items:center;gap:7px;margin-top:14px;padding:0;font-size:11px;font-weight:900;display:flex}.article-backdrop{z-index:20;background:#0c263bd1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.article-dialog{background:#fff;border-radius:22px;width:min(620px,100%);max-height:90vh;padding:32px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #001e2c3c}.article-close{width:35px;height:35px;color:var(--petrol);background:#f0f3f2;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:17px;right:17px}.article-dialog h2{margin-bottom:15px;padding-right:20px;font-size:25px}.article-dialog p{color:#5f777c;font-size:14px;line-height:1.8}.article-placeholder{color:#698d85;background:#f6faf7;border:1px dashed #bfd2cc;border-radius:14px;align-items:center;gap:13px;margin:21px 0;padding:18px;font-size:12px;display:flex}.profile-progress{background:#f0f7f3;border:1px solid #e2ebe6;border-radius:17px;margin-bottom:19px;padding:19px 23px}.profile-progress strong{font-size:15px}.profile-progress p{color:#6a8781;margin:5px 0 16px;font-size:11px;line-height:1.6}.profile-step-list{flex-wrap:wrap;gap:9px;display:flex}.profile-step-list span{color:#899b9c;background:#fff;border:1px solid #e4ebea;border-radius:20px;align-items:center;gap:5px;padding:9px 12px;font-size:11px;font-weight:800;display:flex}.profile-step-list span svg{stroke-width:1.5px;opacity:.5}.profile-step-list span.done{color:#246e5a;background:#d9efe4;border-color:#cae6da}.profile-step-list span.done svg{stroke-width:3px;opacity:1}@media (max-width:760px){.progress-card{flex-wrap:wrap;gap:11px;padding:15px}.progress-symbol{flex-basis:41px;width:41px;height:41px}.progress-copy{flex:1}.progress-action{justify-content:center;width:100%;margin-top:2px}.mission-card{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:16px}.mission-emoji{border-radius:12px;flex-basis:43px;width:43px;height:43px}.mission-details{flex:calc(100% - 60px)}.mission-details h3{font-size:15px}.availability-button{width:100%}.article-dialog{padding:25px 20px}.article-dialog h2{font-size:21px}.profile-progress{padding:16px}.profile-step-list span{padding:8px;font-size:10px}}.brandmark img,.mobile-icon img{object-fit:contain;border-radius:inherit;width:100%;height:100%;display:block}.brandmark,.mobile-icon{overflow:hidden;background:#000!important}.splash-screen{color:#123b4d!important;background:#f5f6f8!important}.splash-logo{object-fit:contain;width:min(70vw,290px);height:auto}.splash-screen .loader{border-color:#8da9d6 #e3e8e8 #e3e8e8}.hub{width:100%;max-width:1100px;margin:0 auto;padding-bottom:60px}.hub h1{margin:0 0 10px;font-size:clamp(26px,3.5vw,36px)}.hub h2{color:var(--deep);margin:24px 0 10px;font-size:20px}.hub h3{margin:12px 0;font-size:16px}.hub p{line-height:1.58}.hub-muted{color:var(--muted);margin-bottom:14px;font-size:14px}.hub-index,.hub-missions,.hub-detail,.hub-conversation{flex-direction:column;gap:10px;min-width:0;display:flex}.hub-group-list{gap:9px;margin:6px 0 12px;display:grid}.hub-group{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:16px;align-items:center;gap:15px;padding:16px;transition:background .15s,border-color .15s;display:flex}.hub-group:hover{background:#f0f7f5;border-color:#aacdc9}.hub-group-icon{background:#ebf4f1;border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:23px;display:grid}.hub-group>span:nth-child(2){flex:1;gap:5px;min-width:0;display:grid}.hub-group small{color:var(--muted);overflow-wrap:anywhere;font-size:12px;display:block}.hub-group>svg{color:var(--petrol)}.hub-panel{border:1px solid var(--line);background:#fff;border-radius:18px;min-width:0;margin:10px 0;padding:20px}.hub-panel h2{margin:0 0 10px}.hub-panel p{color:var(--muted);font-size:14px}.hub-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hub-between h2{margin:0}.hub-primary,.hub-secondary,.hub-small,.hub-link,.hub-back{text-align:center;justify-content:center;align-items:center;gap:8px;font-weight:700;line-height:1.3;display:inline-flex}.hub-primary{background:var(--petrol);color:#fff;border:1px solid var(--petrol);border-radius:12px;padding:12px 16px}.hub-primary:hover:not(:disabled){background:var(--deep)}.hub-secondary{color:var(--petrol);background:#fff;border:1px solid #c6dcda;border-radius:11px;align-self:flex-start;margin:7px 0;padding:10px 14px}.hub-small{color:var(--deep);border:1px solid var(--line);background:#f4f7f7;border-radius:9px;padding:8px 12px;font-size:12px}.hub-approve{color:#087b59;background:#eaf8f2;border-color:#bce8d5}.hub-back,.hub-link{color:var(--petrol);background:0 0;border:0;align-self:flex-start;padding:8px 0}.hub-form{gap:13px;margin-top:18px;display:grid}.hub-form label,.hub-slot-editor label{color:var(--deep);gap:6px;font-size:13px;font-weight:700;display:grid}.hub-form input,.hub-form textarea,.hub-form select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #c6d5d7;border-radius:10px;padding:11px;font-size:14px;font-weight:400}.hub-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hub-slot-editor{background:#f8fbfb;border:1px solid #dde8e7;border-radius:12px;gap:10px;padding:14px;display:grid}.hub-slot-editor .hub-secondary{margin:0}.hub-activity-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:14px;margin:10px 0 18px;display:grid}.hub-activity{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:18px;flex-direction:column;gap:9px;padding:18px;display:flex}.hub-activity:hover{border-color:#91bebb;box-shadow:0 6px 22px #0d465b0c}.hub-activity>strong{font-size:18px;line-height:1.3}.hub-activity>p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;display:-webkit-box;overflow:hidden}.hub-activity>small{color:var(--ink);align-items:center;gap:6px;font-size:12px;display:flex}.hub-activity-top,.hub-card-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.hub-type{letter-spacing:.04em;color:var(--petrol);font-size:11px;font-weight:800}.hub-status{color:#087b59;background:#e9f6ef;border-radius:30px;padding:5px 9px;font-size:11px;font-weight:700}.hub-dim{color:#65777b;background:#eef1f2}.hub-card-bottom{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;margin-top:auto;padding-top:12px;font-size:12px}.hub-card-bottom span:last-child{color:var(--petrol);align-items:center;gap:5px;font-weight:700;display:flex}.hub-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.hub-detail-head>div{flex:1;min-width:220px}.hub-detail-head h1{margin:7px 0}.hub-detail-head p{white-space:pre-wrap}.hub-facts{gap:8px;margin:10px 0 16px;display:grid}.hub-facts span{align-items:center;gap:9px;font-size:14px;display:flex}.hub-slots{gap:9px;margin:12px 0;display:grid}.hub-slot{border:1px solid var(--line);background:#fbfdfc;border-radius:11px;align-items:center;gap:12px;padding:12px;font-size:13px;display:flex}.hub-slot>input{accent-color:var(--petrol);width:18px;height:18px}.hub-slot>span:first-of-type{flex:1;gap:5px;display:grid}.hub-slot small,.hub-slot>span:last-child{color:var(--muted);font-size:11px}.hub-feedback{border-radius:11px;align-items:center;gap:9px;margin:6px 0;padding:12px 14px;font-size:13px;display:flex}.hub-feedback span{flex:1}.hub-feedback button{background:0 0;border:0;place-items:center;display:grid}.hub-error{color:#8d253b;background:#ffedf0}.hub-success{color:#096d4c;background:#e9f8f1}.hub-neutral{color:#355762;background:#edf3f5}.hub-applications{gap:10px;max-height:650px;display:grid;overflow-y:auto}.hub-application{border:1px solid var(--line);border-radius:12px;gap:9px;padding:12px;display:grid}.hub-application>div:first-child{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hub-application>div:first-child>small{width:100%;color:var(--muted)}.hub-mini-slots{flex-wrap:wrap;gap:8px;display:flex}.hub-mini-slots label{align-items:center;gap:6px;font-size:12px;display:flex}.hub-actions{gap:7px;display:flex}.hub-readonly,.hub-locked{color:#64777b;align-items:center;gap:6px;font-size:12px;display:flex}.hub-conversation-head{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px}.hub-conversation-head p{color:var(--muted);margin:0;font-size:13px}.hub-message-list{background:#f0f5f5;border-radius:16px;flex-direction:column;gap:14px;min-height:220px;max-height:min(67vh,720px);padding:20px 12px;display:flex;overflow:hidden auto}.hub-message{background:#fff;border-radius:14px;align-self:flex-start;min-width:0;max-width:min(100%,560px);padding:12px 14px;box-shadow:0 1px 4px #0a304011}.hub-message.hub-mine{background:#e1f1ec;align-self:flex-end}.hub-message>small{color:#627a7a;margin-bottom:8px;font-size:11px;display:block}.hub-message>p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px}.hub-message>.hub-activity{width:min(480px,100%);box-shadow:none}.hub-empty-message{color:var(--muted);text-align:center;font-size:14px}.hub-composer{gap:9px;padding:6px 0;display:flex}.hub-composer input{background:#fff;border:1px solid #cadadd;border-radius:12px;flex:1;min-width:0;padding:13px;font-size:14px}.hub-composer button{background:var(--petrol);color:#fff;border:0;border-radius:12px;place-items:center;min-width:46px;display:grid}.hub-locked{padding:12px}.hub-empty{border:1px solid var(--line);text-align:center;color:var(--muted);background:#fff;border-radius:18px;justify-items:center;gap:8px;padding:28px;display:grid}.hub-empty h2{margin:0}@media (max-width:640px){.hub{padding-bottom:70px}.hub-two{grid-template-columns:1fr}.hub-panel{padding:15px}.hub-activity-grid{grid-template-columns:1fr}.hub-group{gap:11px;padding:13px}.hub-group-icon{width:40px;height:40px}.hub-detail-head{flex-direction:column}.hub-message-list{max-height:62vh;padding:12px 8px}.hub-between .hub-primary{font-size:12px}}.hub-unread{color:#fff;font-variant-numeric:tabular-nums;background:#007a69;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:23px;height:23px;padding:0 7px;font-size:12px;font-weight:800;display:inline-flex}.hub-region-selector{gap:12px;margin:4px 0 18px;display:grid}.hub-region-selector label{color:var(--ink);font-size:14px;font-weight:700}.hub-region-selector select{appearance:auto;min-height:48px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:12px 14px;font-size:15px}.hub-region-selector select:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}.hub-unread-slot:empty{display:none}.hub-message-target{outline-offset:3px;border-radius:12px;outline:2px solid #0e8975}
:root{--deep:#141924;--petrol:#263956;--petrol-2:#647c9d;--ink:#1c2534;--muted:#64738a;--bg:#f5f6fa;--line:#e2e7ef;--rose:#c71d27;--pink:#fff0f1;--gold:#f4e9e6;--soft:#eaf0f8;--wtp-black:#101318;--wtp-slate:#697fa3;--wtp-red:#ed171d;--wtp-action:#c91f28;--wtp-white:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{background:var(--bg);scrollbar-gutter:stable}body{background:var(--bg);overflow-x:hidden}.app-shell,.main-shell,.content{min-width:0}button,input,textarea,select{font-family:inherit}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #8ba0c7}::selection{color:var(--wtp-black);background:#f5cbd0}.eyebrow{color:var(--wtp-action)}.brandmark,.mobile-icon{background:#111!important}.desktop-sidebar{background:var(--wtp-black);border-right:1px solid #303849;box-shadow:8px 0 24px #0b152012}.desktop-sidebar .brand strong{color:#fff}.desktop-sidebar .brand strong span{color:#ff4648}.desktop-sidebar .brand small{color:#b2bbce}.desktop-sidebar .nav-item{color:#d1d8e6}.desktop-sidebar .nav-item:hover{color:#fff;background:#263044}.desktop-sidebar .nav-item.selected{color:#fff;border-left:3px solid var(--wtp-red);background:#303c56}.desktop-sidebar .nav-dot{background:var(--wtp-red)}.sidebar-bottom{color:#919cad}.small-motto{color:#f2f4f9;background:#222d42;border:1px solid #364258}.small-motto svg{color:#ff565b}.topbar{border-bottom:1px solid var(--line);background:#fffffff7;box-shadow:0 4px 18px #15233b0a}.top-left strong{color:var(--deep)}.top-left strong span{color:var(--wtp-action)}.top-left small{color:var(--muted)}.header-avatar{color:var(--deep);background:#ebf0f8;border-color:#cbd5e6}.hero{background:radial-gradient(circle at 90% 20%,#c5232d72 0%,#0000 28%),linear-gradient(118deg,#11151e 0%,#263954 62%,#536d93 100%);box-shadow:0 16px 32px #131b2d1c}.hero .eyebrow.light{color:#e4e9f5}.hero p{color:#edf0f8}.hero-button{background:var(--wtp-action);color:#fff;box-shadow:0 7px 18px #ad13253d}.hero-button:hover{background:#a9141c}.bubble{color:#ff565b}.progress-card,.quick-card,.panel,.news-card,.hub-group,.hub-panel,.hub-activity,.hub-conversation-head{border-color:var(--line);box-shadow:0 3px 12px #15223808}.quick-card:hover,.group-row:hover,.hub-activity:hover{border-color:#a9b8d3;box-shadow:0 11px 24px #1d33571a}.quick-icon.teal,.quick-icon.blue,.tiny-icon{color:#344f73;background:#e6edf7}.quick-icon.rose,.tiny-icon.pink,.progress-symbol{color:#bb2631;background:#fce8eb}.quick-icon.gold{color:#86616a;background:#f6eaf0}.feature-banner{background:#eaf0f8;border-color:#d7e1ef}.feature-illustration{color:#425d82;background:#d8e3f3}.light-pill{color:#455c7e;background:#d7e2f1}.feature-banner p{color:#526a83}.progress-track{background:#e6ebf3}.progress-track span{background:var(--wtp-red)}.progress-action{color:#a91822;background:#fce9eb}.mission-callout{background:linear-gradient(110deg,#181f30,#415c85)}.newsletter-banner{background:linear-gradient(110deg,#501d2c,#b8293a)}.group-icon,.mission-emoji,.doc-icon{color:#3e577b;background:#e9eef8}.group-1{color:#c11d2c;background:#fbe9ec}.group-2{color:#52678a;background:#e3eafb}.group-category{color:#4d6185;background:#edf1f8}.group-row:hover{border-color:#aebed9}.profile-hero{background:linear-gradient(105deg,#e6ecf7,#f8e9eb);border-color:#dce3ef}.profile-summary p{color:#566a89}.profile-pill{color:#314869;border-color:#d7dfec}.profile-progress{background:#edf2fa;border-color:#d7e1ef}.profile-progress p{color:#5d6f8c}.profile-step-list span.done{color:#245c56;background:#e2f3ed;border-color:#b8dfd0}.document-alert{color:#78605a;background:#fff4ed}.document-alert svg{color:var(--wtp-action)}.primary-button,.availability-button,.chat-compose button,.hub-primary,.hub-composer button{background:var(--wtp-action);color:#fff;border-color:var(--wtp-action)}.primary-button:hover:not(:disabled),.availability-button:hover:not(:disabled),.hub-primary:hover:not(:disabled),.chat-compose button:hover:not(:disabled),.hub-composer button:hover:not(:disabled){background:#a9111c;border-color:#a9111c}.availability-button.joined{color:#304b74;background:#e5f0fa;border-color:#d1ddec}.secondary-button,.subtle-link,.article-button,.text-button,.hub-secondary,.hub-back,.hub-link{color:#354d70}.hub-primary{box-shadow:0 5px 13px #a8192633}.hub-group-icon{background:#e8edf8}.hub-group:hover{background:#f1f4fa;border-color:#b1bfd7}.hub-activity:hover{border-color:#a6b6d1}.hub-type,.hub-card-bottom span:last-child{color:#354b70}.hub-slot{background:#f8faff;border-color:#dce4f1}.hub-slot>input{accent-color:var(--wtp-action)}.hub-application{border-color:#dfe5ef}.hub-approve{color:#2a5c50;background:#e9f3f0;border-color:#c9dfd7}.hub-message-list{background:#edf1f8}.hub-message{box-shadow:0 2px 8px #121b2c10}.hub-message.hub-mine{background:#dce6f6}.hub-message>small{color:#556781}.hub-feedback.hub-neutral{color:#324d72;background:#e8eef9}.hub-status{color:#405d83;background:#e7eef9}.hub-status.hub-dim{color:#637184;background:#eff1f5}.hub-error{color:#9a1a2c;background:#ffebee}.hub-success{color:#2a6857;background:#e8f4ef}.hub-conversation-head{border-left:4px solid var(--wtp-red)}.login-art{background:radial-gradient(circle at 89% 15%,#dd1b2e9c,#0000 34%),linear-gradient(140deg,#101318,#394d71)}.login-art .eyebrow.light{color:#e9eaf2}.login-art h1 svg{color:#ff454a}.login-art p{color:#eef0f8}.login-panel{background:#fff}.mobile-brand{color:var(--deep)}.splash-screen{color:#fff!important;background:#101318!important}.splash-screen .loader{border-color:#f5353f #40516c #40516c}.filter-pills button.current{background:var(--wtp-action);border-color:var(--wtp-action)}.news-visual{color:#435e82;background:#e6eefb}.news-1{color:#b82637;background:#fbe7eb}.news-2{color:#61759b;background:#e8ebf5}.article-placeholder{color:#526687;background:#f0f3fa;border-color:#d8e2f0}.article-backdrop{background:#0b1020d9}.install-card{border:1px solid #cad6e8;border-left:4px solid var(--wtp-red);background:linear-gradient(120deg,#fff,#edf2fa);border-radius:17px;flex-wrap:wrap;align-items:flex-start;gap:14px;min-width:0;margin:16px 0 18px;padding:17px 48px 17px 17px;display:flex;position:relative;box-shadow:0 5px 18px #1e2d4b0c}.install-app-icon{background:#111;border-radius:13px;flex:0 0 49px;width:49px;height:49px;overflow:hidden}.install-app-icon img{object-fit:cover;width:100%;height:100%;display:block}.install-copy{flex:1;justify-items:start;gap:6px;min-width:180px;display:grid}.install-copy strong{color:var(--deep);font-size:14px;font-weight:900}.install-copy p{color:var(--muted);margin:0 0 4px;font-size:12px;line-height:1.5}.install-button{background:var(--wtp-action);color:#fff;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 15px;font-size:13px;font-weight:800;display:inline-flex}.install-button:hover{background:#a9111c}.install-dismiss,.install-close{color:#68768d;background:0 0;border:0;place-items:center;width:30px;height:30px;padding:0;display:grid}.install-dismiss{position:absolute;top:10px;right:10px}.install-instructions{background:#fff;border:1px solid #d8e1ef;border-radius:12px;width:100%;padding:16px 42px 15px 16px;position:relative}.install-instructions strong{color:#1f2e44;font-size:13px}.install-instructions p{color:#354963;margin:10px 0;font-size:13px;line-height:1.75;display:block}.install-instructions p svg{vertical-align:middle;color:var(--wtp-action);margin-right:4px}.install-instructions small{color:#68768d;font-size:11px;line-height:1.6}.install-close{position:absolute;top:7px;right:7px}.install-compact{margin:12px 0 0;padding:14px 45px 14px 12px}.install-compact .install-app-icon{flex-basis:40px;width:40px;height:40px}.install-compact .install-copy strong{font-size:13px}.install-compact .install-copy p{font-size:11px}@media (max-width:1023px){.desktop-sidebar{display:none}.mobile-nav{z-index:15;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#fffffffa;border-top:1px solid #dbe2ed;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 26px #11192813}.mobile-nav button{color:#64748e;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:51px;padding:5px 1px;font-size:10px;font-weight:700;display:flex}.mobile-nav button.active{color:#b71b27;background:#fff0f2;border-radius:12px}.mobile-nav button.active svg{stroke-width:2.8px}.content{width:min(100%,1000px);padding:26px clamp(18px,4vw,36px) calc(125px + env(safe-area-inset-bottom))}.topbar{height:75px;padding:0 clamp(18px,4vw,36px)}.top-left .mobile-icon{background:#111;border-radius:12px;place-items:center;width:41px;height:41px;display:grid}.top-left strong{font-size:18px}.top-left small{font-size:11px}.footer{display:none}}@media (min-width:761px) and (max-width:1023px){.hero{min-height:260px}.quick-grid,.news-grid,.profile-columns,.hub-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-panel{padding:7vh 8%}}@media (max-width:760px){.topbar{height:69px}.mobile-nav button{font-size:10px}.hero{border-radius:20px}.hero-copy{max-width:92%}.hero-drawing{right:-125px}.news-grid,.profile-columns,.hub-activity-grid{grid-template-columns:1fr}.login-panel{min-height:100dvh;padding:40px 8% calc(45px + env(safe-area-inset-bottom))}.install-card{gap:12px}.hub-message-list{max-height:min(57dvh,680px)}}@media (max-width:450px){.content{padding:19px 14px calc(115px + env(safe-area-inset-bottom))}.topbar{padding:0 14px}.hero{padding:22px 20px}.hero h1{font-size:clamp(25px,7.4vw,32px)}.hero p{line-height:1.55}.quick-grid{gap:10px}.quick-card{border-radius:15px;min-height:162px;padding:14px}.quick-card strong{font-size:12px}.quick-card small{font-size:11px}.quick-icon{margin-bottom:14px}.page-intro h1{font-size:clamp(24px,7.2vw,30px)}.profile-hero{flex-wrap:wrap}.profile-summary{min-width:0}.identity-row{flex-wrap:wrap}.identity-row strong{text-align:left;max-width:100%}.form-row{grid-template-columns:1fr}.mobile-nav button{gap:4px;font-size:9px}.mobile-nav button svg{width:20px;height:20px}.install-card{padding-right:38px}.install-app-icon{flex-basis:42px;width:42px;height:42px}.install-copy{min-width:0}.install-button{width:100%}.hub-slot{flex-wrap:wrap}.hub-slot>span:last-child{margin-left:26px}.hub-message{max-width:95%}}@media (max-width:360px){.top-left small{font-size:9px}.top-left strong{font-size:15px}.header-avatar{width:35px;height:35px}.quick-card{min-height:157px}.quick-card small{font-size:10px}.hub-detail-head>div{min-width:0}.install-app-icon{display:none}}@media (pointer:coarse){.primary-button,.secondary-button,.hero-button,.hub-primary,.hub-secondary,.install-button,.filter-pills button,.hub-small{min-height:44px}input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}.hub-composer button,.chat-compose button{min-width:48px;min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (display-mode:standalone){.topbar{padding-top:env(safe-area-inset-top);height:calc(83px + env(safe-area-inset-top))}.login-panel{padding-top:max(40px,calc(20px + env(safe-area-inset-top)));padding-bottom:max(40px,calc(20px + env(safe-area-inset-bottom)))}.center-screen{padding-top:calc(30px + env(safe-area-inset-top));padding-bottom:calc(30px + env(safe-area-inset-bottom))}}@media (display-mode:standalone) and (max-width:1023px){.topbar{height:calc(75px + env(safe-area-inset-top))}}@media (display-mode:standalone) and (max-width:760px){.topbar{height:calc(69px + env(safe-area-inset-top))}}