:root{color:#11174d;--blue:#087cff;--muted:#858cb5;--line:#e8effb;background:linear-gradient(120deg,#f0faff,#fff 45%,#e5f5ff)}svg{width:24px;height:24px;vertical-align:middle;flex-shrink:0}.main{padding:25px 32px;max-width:1250px}.topbar{margin-bottom:22px}.eyebrow{letter-spacing:0;font-size:25px;color:#11174d;display:flex;align-items:center;gap:10px}.eyebrow .mobile-logo{display:block;width:43px;height:43px}.eyebrow span{font-size:27px;font-weight:750;letter-spacing:0}.icon-btn{border:0;background:transparent;padding:6px}.toptools{gap:19px}.toptools .avatar{border-radius:50%}.sidebar{background:#ffffffab}.tag{line-height:1.8}.nav button.active{background:linear-gradient(110deg,#00cbe1,#076bff);color:white}.nav .ico svg{width:25px;height:25px}.reference-layout{display:grid;grid-template-columns:minmax(0,690px) minmax(260px,1fr);gap:25px}.filter-row{display:flex;gap:9px;margin-bottom:16px}.filter{background:#f2f8ff;border:1px solid #e1eeff;border-radius:28px;padding:12px 16px;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px}.filter.chosen{color:white;background:linear-gradient(110deg,#00cde0,#0068ff);border-color:transparent}.filter svg{width:21px;height:21px}.map-card{background:var(--panel);border-radius:24px;overflow:hidden}.nearby-map{position:relative;height:275px;border-radius:22px;overflow:hidden}.map-art{width:100%;height:100%;object-fit:cover}.map-label{position:absolute;top:12px;left:12px;background:white;border-radius:26px;padding:9px 14px;display:flex;gap:8px;align-items:center;font-size:13px}.map-pin{position:absolute;width:31px;height:31px;border-radius:50%;color:white;font-size:21px;box-shadow:0 3px 8px #294c7d22}.map-pin svg{width:17px;height:17px}.map-pin.flood{background:#00b9eb}.map-pin.danger{background:#ff475d}.map-pin.green{background:#00c99a}.map-demo{position:absolute;bottom:9px;right:9px;background:#ffffffdd;padding:5px 8px;border-radius:5px;font-size:10px;color:#677d97}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);padding:17px 8px 18px}.quick-actions button{background:transparent;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:9px}.quick-icon{border-radius:16px;width:47px;height:47px;display:grid;place-items:center}.quick-icon.red{background:#ffe0e5;color:#ff3654}.quick-icon.blue{background:#deedff;color:#0077ff}.quick-icon.mint{background:#caf9eb;color:#00bb94}.quick-icon.purple{background:#eadcff;color:#973aff}.quick-icon svg{width:27px;height:27px}.feed-tabs{display:flex;justify-content:space-between;margin:20px 0 14px;border-bottom:1px solid #e3edfc}.feed-tabs button{padding:12px 9px;background:transparent;color:#848cb9;font-size:13px;border-bottom:2px solid transparent}.feed-tabs .chosen{color:#121850;border-color:#126cff;font-weight:700}.social-post{padding:22px;background:var(--panel);border-radius:23px;margin-bottom:16px}.post-author{display:flex;align-items:center;gap:12px;margin-bottom:12px}.post-author strong{font-size:17px}.post-author small{display:block;color:var(--muted);margin-top:4px;font-size:12px}.round-avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#e1f2ff;font-size:25px;flex-shrink:0}.landscape{background:linear-gradient(#b6ddf4,#8aba9d)}.sunset{background:linear-gradient(#b7c1f6,#f9c49a)}.more{margin-left:auto;color:#747c9d;font-weight:700;background:transparent;font-size:24px}.incident-tag{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(100deg,#ff5065,#ff2d46);color:white;border-radius:20px;font-size:11px;padding:5px 10px}.incident-tag svg{width:15px;height:15px}.social-post p{margin:12px 0;font-size:15px;line-height:1.7;white-space:pre-wrap}.incident-illustration{height:135px;border-radius:13px;background:linear-gradient(#dae6ed 0 50%,#a6bfcb 50% 63%,#7eb3cb 63%);position:relative;overflow:hidden;display:flex;align-items:end;justify-content:center;color:#e2f5ff}.incident-illustration>span{font-size:65px;z-index:1}.city-buildings{position:absolute;top:0;left:15px;font-size:73px;letter-spacing:12px;color:#829aa9;opacity:.65}.incident-illustration small{position:absolute;bottom:8px;right:10px;font-size:10px;background:#ffffffaa;color:#477082;padding:3px 6px;border-radius:5px}.post-controls{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:8px}.post-controls button{display:flex;align-items:center;gap:5px;background:transparent;font-size:12px;color:#7c86b0;padding:0}.post-controls svg{width:21px;height:21px}.post-controls .map-link{padding:8px 12px;border-radius:22px;background:#edf5ff;color:#0674ff}.verification{display:block;color:#a08775;font-size:10px;margin-top:12px}.daily-side h2{font-size:20px;margin-top:10px}.daily-side .card{margin-top:20px;border:0}.design-note p{font-size:12px;color:var(--muted)}.text-link{display:flex;align-items:center;gap:6px;color:var(--blue);background:transparent;padding:8px 0;font-size:12px}.footer-note{text-align:center}.pill{font-size:10px}.brand{color:#11174d}.mobile-nav svg{display:block;width:25px;height:25px;margin:auto auto 4px}.mobile-nav button{color:#878cb3}.mobile-nav .plus{background:linear-gradient(120deg,#00d2de,#0084ff)}.chat-list .search{border-radius:26px;padding:14px;background:#eef3fb}.chat-person{border-radius:0;border-bottom:1px solid var(--line);padding:20px 6px;align-items:center}.chat-person .avatar{width:50px;height:50px;border-radius:50%}.chat-person strong{font-size:16px}.chat-person small{font-size:12px}.chat-person.active{background:transparent;color:#0075ff}.chat-layout{border:0;border-radius:24px}.conversation{background:linear-gradient(130deg,#ecf7ff,#dcefff)}.bubble.me{background:#087fff}.primary{background:linear-gradient(100deg,#00d0d9,#067bff,#8b64ff);border-radius:30px}.theme-options button{flex:1;min-height:90px;border:1px solid var(--line);background:transparent;border-radius:14px}.theme-options button.selected{border:2px solid #0078ff;background:#eff8ff}.profile-panel{max-width:800px;border:0}.settings-row{padding:20px 0}.reference-image{max-width:100%;max-height:70vh;display:block;margin:auto;object-fit:contain}.welcome-master{height:100dvh;width:min(100vw,461px);position:relative;margin:auto;background:#eafaff}.welcome-master>img{width:100%;height:100%;object-fit:fill}.welcome-master button{position:absolute;left:9.4%;width:81.3%;height:8.5%;background:transparent;color:transparent;border-radius:50px}.welcome-master .register-hit{top:69.6%}.welcome-master .login-hit{top:79%}.welcome-container{background:#eaf6ff;min-height:100dvh}.dark{background:#111c38;color:#e8efff;--panel:#1d2c4b;--line:#304260;--muted:#9cafd3}.dark .eyebrow,.dark .brand{color:#e8efff}.dark .sidebar{background:#1d2c4b}.dark .filter{background:#243957;color:#c1d4f1}.dark .feed-tabs .chosen{color:#78b6ff}.dark .chat-person.active{color:#78b6ff}.dark .theme-options button{background:#243957;color:#e8efff}.dark .theme-options button.selected{background:#294873}
@media(max-width:1100px){.reference-layout{grid-template-columns:1fr}.daily-side{display:none}.main{max-width:770px}}
@media(max-width:700px){.main{padding:17px 13px 95px;max-width:540px}.topbar{margin-bottom:19px}.eyebrow span{font-size:25px}.toptools{gap:10px}.toptools .avatar{width:35px;height:35px;font-size:21px}.eyebrow .mobile-logo{width:36px;height:36px}.filter-row{gap:6px;margin-bottom:14px}.filter{font-size:12px;gap:5px;padding:9px 10px;flex:1;justify-content:center}.filter svg{width:17px;height:17px}.nearby-map{height:185px}.quick-actions{padding:14px 4px}.quick-actions button{font-size:11px}.quick-icon{width:40px;height:40px;border-radius:13px}.quick-icon svg{width:24px;height:24px}.map-card{border-radius:19px}.map-label{font-size:12px}.feed-tabs{margin:10px 0 12px}.feed-tabs button{font-size:12px;padding:12px 7px}.social-post{padding:15px;border-radius:20px}.social-post p{font-size:14px}.post-author strong{font-size:16px}.post-author small{font-size:11px}.incident-illustration{height:103px}.city-buildings{font-size:54px}.mobile-nav{border:0;border-radius:23px 23px 0 0;background:#ffffffed;box-shadow:0 -4px 20px #dceaff55;padding-bottom:14px}.mobile-nav .plus{margin-top:-20px;border:4px solid #eef8ff;width:54px;height:54px}.dark .mobile-nav{background:#1d2c4bf5}.chat-layout{background:transparent}.chat-list{padding:0}.chat-person{padding:19px 4px}.chat-person .avatar{width:51px;height:51px}.conversation{border-radius:18px;overflow:hidden}.chat-layout.list-only .conversation{display:none}.chat-layout.conversation-only .chat-list{display:none}.chat-layout.conversation-only .conversation{min-height:70vh}.chat-head .chat-back{display:block}.chat-head{background:#ffffffaa}.profile-panel{padding:18px}.welcome{margin-bottom:16px}.welcome h1{font-size:25px}.welcome .muted{font-size:12px}}
@media(min-width:701px){.chat-back{display:none}}
.welcome-master{width:min(100vw,calc(100dvh * .461538));height:min(100dvh,calc(100vw * 2.166667))}.welcome-master>img{object-fit:contain}
/* Reuse unmodified ZIP mockup assets for their embedded map, media strip and avatars. */
.nearby-map{background-image:url('/assets/screens/a_clean_iphone_app_ui_screen_mockup_portrait_hig.png');background-size:106.9% auto;background-position:center 20.94%;height:auto;aspect-ratio:797/394}.map-art{opacity:0;width:100%;height:100%;position:absolute}.map-label{visibility:hidden}.map-pin{opacity:0}.map-pin:focus-visible{opacity:1}.incident-illustration{background-image:url('/assets/screens/a_clean_iphone_app_ui_screen_mockup_portrait_hig.png');background-size:115.14% auto;background-position:center 71%;height:auto;aspect-ratio:740/146;min-height:0}.incident-illustration>span,.incident-illustration .city-buildings{display:none}.incident-illustration small{font-size:8px}.round-avatar.landscape,.round-avatar.sunset,.chat-person .avatar{background-image:url('/assets/screens/a_clean_iphone_style_screenshot_of_a_messaging_cha.png');background-size:774.5% auto;background-position:4.85% 22.07%;font-size:0}.round-avatar.sunset{background-position:4.85% 67.9%}.chat-person:nth-of-type(2) .avatar{background-position:4.85% 30.85%}.chat-person:nth-of-type(3) .avatar{background-position:4.85% 67.9%}.mobile-nav{background:#f8fcff}.dark .mobile-nav{background:#1d2c4b}
.chat-filters{display:flex;gap:7px;margin:4px 0 7px}.chat-filters button{background:#f1f6ff;border:1px solid var(--line);border-radius:24px;padding:8px 13px;font-size:12px}.chat-filters .chosen{background:linear-gradient(110deg,#00cde0,#0068ff);color:white}.chat-empty{font-size:12px;padding:20px;color:var(--muted)}.chat-person[hidden],.social-post[hidden]{display:none}.room-cover{height:150px;background-image:url('/assets/screens/a_clean_smartphone_ui_screenshot_of_a_social_commu.png');background-size:110% auto;background-position:center 8%;border-radius:18px;margin-bottom:20px}.space-grid .space-card{background:#ffffffc9}.space-card .space-art{border-radius:50%}.theme-options button.selected{color:#087cff}
.mobile-nav .life-logo-button{background:#fff;border:0;border-radius:15px;padding:0;display:grid;place-items:center;width:54px;height:54px;box-shadow:0 4px 14px #0989c72b}.life-logo-button img{display:block;width:54px;height:54px;object-fit:contain;border-radius:15px}
.action-grid .life-action-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;margin-bottom:12px;box-shadow:inset 0 1px 0 #ffffff99}.life-action-icon svg{width:27px;height:27px;stroke-width:1.8}.life-action-icon.cyan{background:linear-gradient(145deg,#d9f6ff,#c5eaff);color:#078fca}.life-action-icon.blue{background:linear-gradient(145deg,#e1edff,#cee2ff);color:#2479e8}.life-action-icon.violet{background:linear-gradient(145deg,#efe8ff,#e1d5ff);color:#8058d5}.life-action-icon.teal{background:linear-gradient(145deg,#dcf8f1,#c7eee5);color:#159c89}.life-action-icon.orange{background:linear-gradient(145deg,#fff1dc,#ffe3bc);color:#dc8a23}.life-action-icon.indigo{background:linear-gradient(145deg,#e7edff,#d5ddff);color:#6774de}.life-action-icon.pink{background:linear-gradient(145deg,#ffe9f1,#ffd6e5);color:#d95d90}
/* Remove the reference phone status bar from the account welcome view. */
.welcome-master{overflow:hidden}
.welcome-master>img{position:absolute;inset:auto;top:-6.383%;left:0;width:100%;height:106.383%;max-width:none}
.welcome-master .register-hit{top:67.66%;height:9.04%}
.welcome-master .login-hit{top:77.66%;height:9.04%}
.welcome-master>img{top:-9.89%;height:109.89%}
.welcome-master .register-hit{top:66.59%;height:9.34%}
.welcome-master .login-hit{top:76.92%;height:9.34%}
/* Crop both phone chrome edges while preserving the reference image proportions. */
.welcome-master{width:min(100vw,calc(100dvh * .55607));height:min(100dvh,calc(100vw * 1.79863));border-radius:0}
.welcome-master>img{top:-10.8434%;height:120.4819%;width:100%;object-fit:fill}
.welcome-master .register-hit{top:73.012%;height:10.241%}
.welcome-master .login-hit{top:84.337%;height:10.241%}