@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--ink:#192a42;--muted:#66758a;--paper:#f6f7f4;--panel:#fff;--line:#e2e7e4;--blue:#5269ff;--blue-soft:#e9ebff;--coral:#e85d75;--coral-soft:#fff0f3;--green:#168364;--green-soft:#e4f5ef;--shadow:0 18px 50px rgba(25,42,66,.09)}.rsvp{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.rsvp-label{color:var(--muted);font-size:11px;font-weight:700;width:100%;text-align:right}.tiny-button.selected{background:var(--blue);border-color:var(--blue);color:#fff}.unread-badge{background:var(--coral);border-radius:999px;color:#fff;display:inline-block;font-size:10px;line-height:18px;min-width:18px;text-align:center}.nav-item.has-unread{position:relative}.nav-item.has-unread:after{background:var(--coral);border:2px solid #192a42;border-radius:50%;content:'';height:9px;position:absolute;right:11px;top:10px;width:9px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 "DM Sans",sans-serif;min-width:320px}.ambient{position:fixed;width:36rem;height:36rem;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none}.ambient-a{right:-15rem;top:-17rem;background:#c9d9ff}.ambient-b{left:-24rem;bottom:-20rem;background:#caefe0}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh;position:relative}.sidebar{background:#192a42;color:#ecf2f8;padding:28px 18px 20px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.06em;padding:0 8px}.brand-mark{align-items:center;background:#c3fbde;border-radius:11px;color:#192a42;display:inline-flex;font-family:Fraunces,serif;font-size:20px;height:33px;justify-content:center;letter-spacing:-.08em;width:33px}.circle-card{background:#263950;border:1px solid #344b66;border-radius:16px;display:grid;gap:4px;padding:17px}.circle-card strong{font-family:Fraunces,serif;font-size:18px}.circle-card span:last-child{color:#aebdce;font-size:13px}.eyebrow{color:var(--muted);font:500 10px/1 "DM Mono",monospace;letter-spacing:.12em}.sidebar .eyebrow{color:#aebdce}.nav{display:grid;gap:5px}.nav-item,.quiet-button{background:transparent;border:0;border-radius:11px;color:#bdc8d5;cursor:pointer;font:600 14px "DM Sans",sans-serif;min-height:45px;padding:0 13px;text-align:left}.nav-item:hover,.nav-item:focus-visible{background:#263950;color:#fff}.nav-item.active{background:#e2f5eb;color:#1d3c37}.side-bottom{display:grid;gap:9px;margin-top:auto;padding:0 4px}.checkin-button{background:#c3fbde;border:0;border-radius:11px;color:#163936;cursor:pointer;font:700 14px "DM Sans",sans-serif;min-height:46px}.quiet-button{background:#263950;color:#dce6f1;text-align:center}.content{max-width:1450px;padding:26px clamp(18px,4vw,64px) 58px;width:100%;margin:auto}.topbar{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:8px 0 24px}.topbar h1{font:600 clamp(30px,4vw,42px)/1.05 Fraunces,serif;letter-spacing:-.045em;margin:7px 0 0}.top-actions{align-items:center;display:flex;gap:10px}.icon-button,.avatar{align-items:center;background:#fff;border:1px solid var(--line);border-radius:50%;color:var(--ink);cursor:pointer;display:inline-flex;font-weight:700;height:44px;justify-content:center;width:44px}.icon-button{font-size:25px}.own-avatar{background:var(--blue);border-color:var(--blue);color:#fff}.sos-button{background:var(--coral);border:0;border-radius:10px;color:#fff;cursor:pointer;font:700 14px "DM Sans",sans-serif;min-height:44px;padding:0 17px}.home-grid{display:grid;gap:23px;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);padding-top:28px}.stack{display:grid;gap:22px}.panel{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:18px;box-shadow:0 3px 10px rgba(25,42,66,.025);padding:23px}.panel-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.panel h2{font:600 21px/1.1 Fraunces,serif;letter-spacing:-.03em;margin:0}.subtle-link{background:none;border:0;color:var(--blue);cursor:pointer;font:600 13px "DM Sans",sans-serif}.welcome{background:var(--ink);border:0;color:#f8fbff;overflow:hidden;position:relative}.welcome:after{background:radial-gradient(circle,#7d97ff 0,transparent 66%);content:"";height:270px;opacity:.6;position:absolute;right:-80px;top:-130px;width:270px}.welcome h2{font-size:clamp(28px,4vw,39px);line-height:1.02;max-width:480px;position:relative;z-index:1}.welcome p{color:#c5d2df;max-width:480px;position:relative;z-index:1}.welcome-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;position:relative;z-index:1}.primary-button,.secondary-button{border-radius:10px;cursor:pointer;font:700 14px "DM Sans",sans-serif;min-height:43px;padding:0 15px}.primary-button{background:#c3fbde;border:0;color:#163936}.secondary-button{background:transparent;border:1px solid #70829a;color:#f5f8fd}.people-row{display:flex;flex-wrap:wrap;gap:10px}.person-chip{align-items:center;background:#f4f6f5;border:1px solid var(--line);border-radius:13px;display:flex;gap:10px;min-width:155px;padding:10px}.person-chip .avatar{flex:0 0 34px;height:34px;width:34px}.person-chip strong{display:block;font-size:14px}.person-chip small{color:var(--muted);display:block;font-size:12px}.online-dot{background:#34bb7a;border-radius:50%;box-shadow:0 0 0 3px #e5f8ee;display:inline-block;height:7px;margin-right:5px;width:7px}.composer textarea,.message-compose input{border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;outline:none;padding:13px;resize:vertical;width:100%}.composer textarea:focus,.message-compose input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.composer-footer{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.composer-footer span{color:var(--muted);font-size:12px}.post{border-top:1px solid var(--line);padding:18px 0}.post:first-of-type{border-top:0}.post-top{align-items:center;display:flex;gap:10px}.post-top .avatar{height:37px;width:37px}.post-author{font-size:14px;font-weight:700}.post-time{color:var(--muted);font-size:12px}.post p{margin:11px 0 0}.post-actions{display:flex;gap:14px;margin-top:12px}.text-action{background:none;border:0;color:var(--muted);cursor:pointer;font:600 12px "DM Sans",sans-serif;padding:0}.safety-card{background:var(--coral-soft);border-color:#ffd6df}.safety-card p{color:#7d3d4a;font-size:14px;margin:9px 0 17px}.safety-actions{display:flex;gap:10px}.danger-outline{background:#fff;border:1px solid #f5a6b7;border-radius:10px;color:#bd3551;cursor:pointer;font:700 13px "DM Sans",sans-serif;min-height:40px;padding:0 12px}.activity{display:grid;gap:13px}.activity-item{align-items:flex-start;display:flex;gap:10px}.activity-dot{background:var(--blue);border-radius:50%;height:8px;margin-top:7px;width:8px}.activity-item p{font-size:13px;margin:0}.activity-item time{color:var(--muted);font-size:12px}.messages-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;padding-top:28px}.thread-list{display:grid;gap:5px}.thread-button{background:transparent;border:1px solid transparent;border-radius:12px;color:var(--ink);cursor:pointer;display:block;padding:12px;text-align:left}.thread-button.active,.thread-button:hover{background:#edf0ff;border-color:#dce1ff}.thread-button strong,.thread-button span{display:block}.thread-button span{color:var(--muted);font-size:12px;margin-top:2px}.chat-panel{min-height:580px;display:flex;flex-direction:column}.chat-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;margin:-23px -23px 0;padding:19px 23px}.call-button{background:var(--blue);border:0;border-radius:9px;color:#fff;cursor:pointer;font:700 13px "DM Sans",sans-serif;min-height:38px;padding:0 12px}.chat-messages{display:flex;flex:1;flex-direction:column;gap:13px;padding:22px 0}.bubble{align-self:flex-start;background:#f1f4f5;border-radius:13px 13px 13px 3px;max-width:75%;padding:9px 12px}.bubble.own{align-self:flex-end;background:#e5e9ff;border-radius:13px 13px 3px 13px}.bubble strong{display:block;font-size:12px}.bubble p{font-size:14px;margin:3px 0 0}.message-compose{display:flex;gap:9px}.message-compose input{min-height:46px}.message-compose .primary-button{flex:0 0 auto}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:20px;padding-top:28px}.family-map{background:linear-gradient(135deg,#d9ede5,#e7eef7);border:1px solid #cedbd7;border-radius:18px;min-height:600px;overflow:hidden;position:relative}.map-lines:before,.map-lines:after{border:1px solid rgba(68,122,109,.18);border-radius:50%;content:"";position:absolute}.map-lines:before{height:470px;left:9%;top:7%;width:470px}.map-lines:after{height:620px;right:-16%;top:-15%;width:620px}.map-road{background:rgba(255,255,255,.7);height:52px;left:-5%;position:absolute;top:45%;transform:rotate(-16deg);width:112%}.map-road.two{top:30%;transform:rotate(65deg)}.map-pin{align-items:center;background:var(--pin);border:4px solid #fff;border-radius:50%;box-shadow:0 6px 18px rgba(25,42,66,.18);color:#fff;cursor:pointer;display:flex;font-weight:700;height:47px;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:47px}.map-pin:after{border:2px solid var(--pin);border-radius:50%;content:"";height:60px;opacity:.3;position:absolute;width:60px}.map-caption{background:rgba(255,255,255,.9);border-radius:9px;box-shadow:0 3px 10px rgba(25,42,66,.12);font-size:12px;font-weight:700;left:50%;padding:5px 8px;position:absolute;top:52px;transform:translateX(-50%);white-space:nowrap}.location-list{display:grid;gap:11px}.location-card{align-items:center;border:1px solid var(--line);border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:10px}.location-card:hover{background:#f7f8ff}.location-card .avatar{height:37px;width:37px}.location-card strong{display:block;font-size:14px}.location-card span{color:var(--muted);display:block;font-size:12px}.circle-grid{display:grid;gap:20px;grid-template-columns:1.15fr .85fr;padding-top:28px}.member-list{display:grid;gap:8px}.member-row{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;padding:11px 0}.member-row:last-child{border:0}.member-row .avatar{height:42px;width:42px}.member-row strong,.member-row span{display:block}.member-row strong{font-size:14px}.member-row span{color:var(--muted);font-size:12px}.member-actions{margin-left:auto}.tiny-button{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;font:600 12px "DM Sans",sans-serif;min-height:32px;padding:0 9px}.group-list{display:grid;gap:10px}.group-card{align-items:center;border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;padding:13px}.group-card strong{font-size:14px}.group-card span{color:var(--muted);font-size:12px}.empty{color:var(--muted);font-size:14px;padding:24px 0;text-align:center}.modal{border:0;border-radius:18px;box-shadow:var(--shadow);color:var(--ink);max-width:460px;padding:28px;width:calc(100% - 32px)}.modal::backdrop{background:rgba(16,29,45,.52)}.modal-close{background:none;border:0;color:var(--muted);cursor:pointer;font-size:30px;line-height:1;position:absolute;right:14px;top:10px}.modal h2{font:600 28px/1.1 Fraunces,serif;letter-spacing:-.04em;margin:0 0 10px}.modal p{color:var(--muted);font-size:14px}.modal label{display:block;font-size:13px;font-weight:700;margin:18px 0 6px}.modal input,.modal textarea{border:1px solid var(--line);border-radius:10px;font:inherit;padding:11px;width:100%}.modal textarea{resize:vertical}.modal .primary-button{margin-top:16px;width:100%}.toast{background:var(--ink);border-radius:10px;bottom:24px;color:#fff;left:50%;padding:12px 16px;position:fixed;transform:translateX(-50%);z-index:20}.alert-banner{align-items:flex-start;background:#fff0f3;border:1px solid #ffc8d3;border-radius:14px;display:flex;gap:12px;margin-top:22px;padding:14px}.alert-banner strong{color:#a42e48;display:block}.alert-banner p{color:#7d3d4a;font-size:13px;margin:2px 0 0}.alert-banner button{margin-left:auto}@media(max-width:850px){.app-shell{display:block}.sidebar{bottom:0;display:flex;flex-direction:row;height:auto;left:0;padding:9px 12px;position:fixed;right:0;top:auto;z-index:10}.brand,.circle-card,.side-bottom{display:none}.nav{display:flex;justify-content:space-between;width:100%}.nav-item{font-size:11px;min-height:44px;padding:0 9px;text-align:center}.content{padding:19px 16px 88px}.home-grid,.map-layout,.circle-grid,.messages-layout{grid-template-columns:1fr}.topbar{padding-bottom:18px}.topbar h1{font-size:32px}.messages-layout .panel:first-child{display:none}.family-map{min-height:410px}.chat-panel{min-height:500px}.location-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.sos-button{padding:0 11px}.top-actions{gap:7px}.panel{padding:18px}.welcome h2{font-size:29px}.location-list{grid-template-columns:1fr}.map-layout{gap:14px}.family-map{min-height:350px}.message-compose{flex-wrap:wrap}.message-compose .primary-button{width:100%}}.member-picker{border:1px solid var(--line);border-radius:10px;margin:18px 0 0;padding:10px}.member-picker legend{color:var(--muted);font-size:12px;font-weight:700;padding:0 5px}.member-picker label{align-items:center;display:flex;gap:9px;margin:8px 2px}.member-picker input{height:18px;padding:0;width:18px}@media(max-width:480px){.topbar{align-items:flex-start;flex-wrap:wrap;gap:12px}.topbar>div:first-child{width:100%}.top-actions{justify-content:flex-end;width:100%}.topbar .icon-button{display:inline-flex!important}.top-actions .avatar{display:none}.sos-button{flex:1;max-width:180px}}
@media(max-width:850px){.sidebar{height:70px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));z-index:30}.nav{gap:3px}.nav-item{align-items:center;display:flex;flex:1;justify-content:center;line-height:1.1;min-height:48px;padding:0 4px}.content{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.messages-layout .panel:first-child{display:block;max-height:210px;overflow:auto}}