:root{--ink:#20242d;--muted:#71737d;--coral:#f05954;--coral-dark:#d84142;--cream:#fff8ef;--gold:#f2b746;--navy:#263f71;--line:#ece7df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eee9e2;color:var(--ink);font-family:'DM Sans',sans-serif}.phone-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 18% 12%,#f9ddd3 0 6%,transparent 23%),radial-gradient(circle at 84% 82%,#e2e0f4 0 4%,transparent 25%),#f2eee9}.app{width:min(100%,460px);min-height:100vh;background:#fffdf9;padding:27px 22px 90px;position:relative;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center}.brand{color:#262a32;text-decoration:none;font-size:1.34rem;font-weight:700;letter-spacing:-1.2px}.brand span:not(.brand-mark){color:var(--coral)}.brand-mark{color:var(--coral);font-size:1.65rem;vertical-align:-2px;margin-right:2px}
.made-by{display:block;margin-top:1px;color:#b5b2ab;font-size:.52rem;font-weight:600;letter-spacing:.3px}.profile-button{width:37px;height:37px;border:0;border-radius:50%;background:#f6d2a8;color:#7c4333;font:700 1rem 'DM Sans';cursor:pointer}.greeting{padding:27px 4px 17px}.date,.eyebrow{margin:0;color:#a2a0a0;font-size:.62rem;letter-spacing:1.5px;font-weight:700}.greeting h1{margin:8px 0 11px;font:600 2.18rem/1.06 'Playfair Display',serif;letter-spacing:-1px}.greeting h1 em{color:var(--coral);font-style:normal}.subline{margin:0;color:#7c7c83;font-size:.78rem}.pulse-dot,.live-dot{display:inline-block;width:7px;height:7px;background:#63b88b;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px rgba(99,184,139,.16)}.live-card{height:214px;border-radius:21px;overflow:hidden;position:relative;padding:18px;background:#dfead9;background-image:linear-gradient(22deg,transparent 48%,rgba(255,255,255,.4) 49% 51%,transparent 52%),linear-gradient(108deg,transparent 38%,rgba(255,255,255,.7) 39% 40%,transparent 41%),linear-gradient(148deg,transparent 58%,rgba(255,255,255,.65) 59% 61%,transparent 62%);isolation:isolate}.map-noise{position:absolute;inset:0;opacity:.25;background-image:radial-gradient(#89b58d 1px,transparent 1px);background-size:12px 12px;z-index:-1}.live-top{font-size:.62rem;letter-spacing:1.2px;color:#446953;font-weight:700}.live-dot{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.3)}.more{float:right;border:0;background:transparent;letter-spacing:2px;color:#446953;font-weight:bold}.location-pin{position:absolute;top:83px;left:46%;width:39px;height:39px;border-radius:50% 50% 50% 0;background:var(--coral);transform:rotate(-45deg);box-shadow:0 4px 9px #758c6c}.location-pin span{display:block;transform:rotate(45deg);color:#fff;font-size:1.7rem;text-align:center;line-height:36px}.location-label{position:absolute;top:65px;left:57%;padding:8px 10px;background:#fff;border-radius:7px;font-size:.69rem;font-weight:700;box-shadow:0 5px 12px #6a846850}.location-label small{font-weight:400;color:#838383}.map-route{position:absolute;border:2px solid #e9c65f;border-radius:50%;opacity:.8}.route-one{width:80px;height:180px;left:17px;top:46px;transform:rotate(55deg)}.route-two{width:150px;height:80px;right:-40px;top:8px;transform:rotate(44deg)}.route-three{width:100px;height:130px;right:42px;bottom:-80px;transform:rotate(-18deg)}.share-button{position:absolute;bottom:14px;left:14px;right:14px;padding:11px;border:0;border-radius:10px;background:#fff;color:#39403c;font-size:.75rem;font-weight:700;box-shadow:0 2px 7px #60755d36;cursor:pointer}.share-button span{font-size:1rem;margin-right:6px;color:var(--coral)}.sos-wrap{text-align:center;padding:23px 0 18px}.sos-button{width:139px;height:139px;padding:9px;border:0;border-radius:50%;background:linear-gradient(145deg,#ff8b7c,#e94449);box-shadow:0 9px 22px #e94d4d4d,0 0 0 8px #fff1e8;cursor:pointer;transition:transform .2s}.sos-button:hover{transform:scale(1.04)}.sos-button:active{transform:scale(.95)}.sos-inner{height:100%;display:grid;place-content:center;border:1px solid #ffb0a9;border-radius:50%;color:#fff}.sos-inner strong{font-size:2.5rem;letter-spacing:1px;line-height:.9}.sos-inner small{font-size:.52rem;letter-spacing:1.6px;margin-top:8px;font-weight:700}.sos-help{color:#a1a0a1;margin:15px 0 0;font-size:.69rem}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:29px}.action-card{display:flex;text-align:left;gap:10px;padding:13px 9px;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:pointer}.action-card strong,.circle-card strong,.nearby-card strong,.detection-card strong{display:block;font-size:.73rem}.action-card small,.circle-card p,.nearby-card p,.detection-card p{display:block;color:#919097;font-size:.6rem;line-height:1.4;margin:3px 0 0}.action-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;font-size:1.1rem;font-weight:700}.warm{background:#fff0dc;color:#e99b27}.blue{background:#e8efff;color:#5571b5}.section-head{display:flex;align-items:end;justify-content:space-between;margin:16px 2px 10px}.section-head h2{font:600 1.22rem 'Playfair Display';letter-spacing:-.4px;margin:4px 0 0}.section-head>button{border:0;background:none;color:var(--coral);font-size:.68rem;font-weight:700;cursor:pointer}.circle-card,.nearby-card,.detection-card{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:13px}.avatars{display:flex;min-width:101px}.avatar{width:31px;height:31px;border-radius:50%;margin-right:-7px;border:2px solid #fff;display:grid;place-items:center;font-size:.65rem;font-weight:700;color:#fff}.coral{background:#e98079}.navy{background:#6078a5}.gold{background:#efb653}.add{background:#f5f2ed;color:#757575;font-size:1rem}.chevron{margin-left:auto;color:#aaa;font-size:1.5rem}.nearby-head{margin-top:25px}.switch input{display:none}.switch span{display:block;width:35px;height:20px;padding:3px;border-radius:20px;background:#d4d4d4;transition:.2s;cursor:pointer}.switch span:after{content:'';display:block;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:#65b88b}.switch input:checked+span:after{transform:translateX(15px)}.nearby-card{background:#f4fbf6;border-color:#dceddf}.nearby-icon{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#d9f3e1;color:#52a870;font-size:1.45rem}.detection-card{margin-top:10px;background:#fcf9ff}.sound-icon{color:#9d78cc;font-size:1.45rem;width:30px;text-align:center}.toggle-text{margin-left:auto;border:0;background:transparent;color:#61b583;font-size:.67rem;font-weight:700;cursor:pointer}.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:72px;padding:9px 14px 5px;background:#fff;border-top:1px solid #f0ede7;display:flex;justify-content:space-around;align-items:center}.bottom-nav a{display:grid;justify-items:center;gap:2px;color:#a3a2a2;text-decoration:none;font-size:.55rem}.bottom-nav a span{font-size:1.2rem;line-height:1}.bottom-nav a.active{color:var(--coral)}.nav-center{width:43px;height:43px;margin-top:-22px;border:4px solid #fff;border-radius:50%;background:var(--coral);color:#fff;font-size:1.5rem;box-shadow:0 3px 8px #d75a5a66;cursor:pointer}.toast{position:fixed;z-index:10;left:50%;bottom:86px;transform:translate(-50%,20px);padding:11px 16px;border-radius:9px;color:#fff;background:#283c49;font-size:.75rem;opacity:0;pointer-events:none;transition:.25s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:end center;padding:18px;background:#16202999;opacity:0;visibility:hidden;transition:.25s;z-index:20}.modal-backdrop.open{opacity:1;visibility:visible}.sos-modal{width:min(100%,430px);position:relative;padding:28px 25px 23px;background:#fffdf9;border-radius:24px;text-align:center;transform:translateY(30px);transition:.25s}.open .sos-modal{transform:none}.close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:1.8rem;color:#777;cursor:pointer}.alert-icon{display:grid;place-items:center;width:47px;height:47px;margin:auto;border-radius:50%;background:#ffebe8;color:var(--coral);font-size:1.7rem;font-weight:bold}.danger{color:var(--coral);margin-top:15px}.sos-modal h2{margin:6px 0 8px;font:600 1.65rem 'Playfair Display'}.sos-modal>p:not(.eyebrow){margin:0;color:#73737b;font-size:.8rem;line-height:1.5}.alert-steps{margin:18px 0;text-align:left;background:#fff4ee;border-radius:12px;padding:12px 15px;color:#5a5a60;font-size:.73rem;line-height:2}.alert-steps span{color:#4fa877;font-weight:700;margin-right:7px}.cancel-alert{width:100%;padding:12px;border:1px solid #ddd8d1;border-radius:9px;background:#fff;color:#555;font-size:.75rem;font-weight:700;cursor:pointer}@media(max-width:460px){.phone-shell{display:block}.app{padding-left:17px;padding-right:17px}.greeting h1{font-size:2rem}}@media(min-width:700px){.app{margin:25px 0;border-radius:28px;min-height:880px;box-shadow:0 25px 65px #6b615329}.bottom-nav{border-radius:0 0 28px 28px}}
.home-hidden{display:none!important}.screen-panel{display:none;padding:28px 2px 45px}.screen-panel.active{display:block}.screen-panel h2{margin:5px 0 9px;font:600 1.8rem 'Playfair Display'}.panel-intro{margin:0 0 18px;color:#7b7b82;font-size:.78rem;line-height:1.5}.network-contact,.activity-item{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:12px;margin:9px 0}.network-contact .avatar{margin:0}.network-contact strong,.activity-item strong{font-size:.77rem}.network-contact p,.activity-item p{margin:3px 0 0;color:#929198;font-size:.63rem}.network-contact>span:last-child{margin-left:auto;color:#64b685}.panel-primary{width:100%;padding:13px;margin-top:15px;border:0;border-radius:10px;background:var(--coral);color:#fff;font-size:.76rem;font-weight:700;cursor:pointer}.activity-symbol{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#e2f4e7;color:#52a878;font-weight:700}.activity-symbol.location{background:#fff0e6;color:#e6924f}.profile-hero{display:flex;align-items:center;gap:13px;padding:7px 0 21px}.profile-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#f6d2a8;color:#7c4333;font-size:1.3rem;font-weight:700}.profile-hero h2{margin:3px 0;font-size:1.55rem}.profile-hero p:last-child{margin:0;color:#888;font-size:.7rem}.settings-list{border:1px solid var(--line);border-radius:14px;overflow:hidden}.settings-list button{width:100%;display:flex;align-items:center;gap:10px;padding:15px 13px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;color:#494a51;font-size:.76rem}.settings-list button:last-child{border:0}.settings-list button span{font-size:1.1rem;color:#797a84}.settings-list b{margin-left:auto;color:#777;font-size:.66rem}.contacts-modal{text-align:left;max-height:86vh;overflow:auto}.contacts-modal h2{margin-top:4px}.contact-editor{margin-top:16px}.editor-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}.editor-number{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#fff0e9;color:var(--coral);font-size:.63rem;font-weight:700}.editor-row>div{flex:1;display:grid;grid-template-columns:1fr 1.25fr;gap:6px}.editor-row input{width:100%;padding:8px;border:1px solid #e4ded6;border-radius:7px;font:inherit;font-size:.68rem}.remove-contact{border:0;background:none;color:#c4c0bc;font-size:1.3rem;cursor:pointer}.add-contact{width:100%;margin-top:13px;padding:11px;border:1px dashed #e0b3ad;border-radius:9px;background:#fff8f6;color:var(--coral);font-size:.72rem;font-weight:700;cursor:pointer}.add-contact:disabled{color:#aaa;border-color:#ddd;cursor:not-allowed}
.codeword-modal{text-align:left}.codeword-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff0e9;color:var(--coral);font-size:1.3rem;margin-bottom:13px}.code-label{display:block;margin:18px 0 6px;color:#595961;font-size:.7rem;font-weight:700}.codeword-modal input{width:100%;padding:12px;border:1px solid #ddd5cd;border-radius:9px;font:inherit;font-size:.8rem}.codeword-note{font-size:.65rem!important;color:#929097!important;margin:8px 0 0!important}.test-codeword{width:100%;margin-top:9px;padding:11px;border:1px solid #e3ddd5;border-radius:9px;background:#fff;color:#6b6967;font-size:.72rem;font-weight:700;cursor:pointer}
.demo-tag{display:inline-block;vertical-align:middle;margin-left:8px;padding:3px 7px;border-radius:6px;background:#f2eee9;color:#8a8a8a;font-size:.52rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.sos-action{display:block;width:100%;box-sizing:border-box;text-align:center;padding:12px;margin-top:10px;border-radius:9px;font-size:.78rem;font-weight:700;text-decoration:none;cursor:pointer;border:0}
a.sos-action.panel-primary{background:var(--coral);color:#fff}
.sos-action-call{background:#263f71;color:#fff}
#stepLocation{color:#5a5a60;font-size:.73rem}
.activity-item.empty-hidden{display:none}
#locationLabel.location-denied{color:var(--coral-dark)}
.toggle-text[disabled]{opacity:.45;cursor:not-allowed}