:root{--ink:#24485e;--muted:#567283;--green:#2b7188;--light:#e7f6fb;--paper:#fbfdff;--line:#dceef2;--orange:#edf9fc}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:16px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #4b88b3}button{border:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{letter-spacing:-1.5px;margin:12px 0;font-size:clamp(30px,4vw,42px);line-height:1.2}h2{letter-spacing:-.5px;font-size:22px}h3{margin:0 0 8px;font-size:17px}p{line-height:1.65}.muted{color:var(--muted)}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--green);font-size:12px;font-weight:700}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;width:240px;padding:37px 25px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:23px;font-weight:800;display:flex}.mark{background:var(--green);color:#fff;border-radius:14px;place-items:center;width:40px;height:40px;font-size:25px;display:grid}.sidebar small{color:var(--muted);margin:12px 0 38px;display:block}.nav{gap:8px;display:grid}.nav a{color:var(--muted);border-radius:12px;align-items:center;gap:13px;padding:14px 15px;text-decoration:none;display:flex}.nav a.active{background:var(--light);color:var(--green);font-weight:700}.nav svg{width:21px;height:21px}.sidebar-foot{background:var(--paper);border-radius:16px;margin-top:auto;padding:18px;font-size:13px;line-height:1.7}.sidebar-foot strong{display:block}.main{margin-left:240px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:22px 46px;font-size:14px;display:flex}.badge{background:var(--light);border-radius:30px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-block}.profile{align-items:center;gap:10px;display:flex}.avatar{width:42px;height:42px;color:var(--green);background:#e0f3f8;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid}.content{max-width:1200px;margin:auto;padding:40px 46px 50px}.heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.heading p{margin:10px 0 0}.grid{grid-template-columns:1.45fr 1fr;gap:24px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:23px;padding:26px}.hero{text-align:center;background:#e8f5fd;flex-direction:column;align-items:center;min-height:410px;padding:32px;display:flex;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;border:1px solid #c9e4f5;border-radius:50%;width:440px;height:440px;position:absolute;top:100px;left:50%;transform:translate(-50%)}.hero:after{width:340px;height:340px;top:150px}.hero>*{z-index:1}.check{background:var(--green);color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:170px;height:170px;margin:32px 0 25px;font-size:19px;font-weight:700;display:flex;box-shadow:0 0 0 12px #d8edf9,0 12px 30px #2b718820}.check svg{width:43px;height:43px}.hero .muted{max-width:310px;margin:0;font-size:14px}.stack{gap:22px;display:grid}.row{justify-content:space-between;align-items:center;gap:16px;display:flex}.person{align-items:center;gap:13px;display:flex}.person p{margin:0;font-size:13px}.person strong{font-size:15px}.members{gap:24px;margin-top:25px;display:grid}.dot{background:#3d899d;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.text-btn{color:var(--green);text-underline-offset:4px;background:0 0;padding:8px 0;font-weight:700;text-decoration:underline}.btn{background:var(--green);color:#fff;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn.secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.btn.warm{background:var(--orange);color:#285c7f}.wide{width:100%}.subgrid{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.mini-icon{background:var(--light);border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:17px;display:grid}.mini-icon svg{width:23px}.warm-card{background:#f0f8fe}.label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:12px}.timeline{gap:0;margin-top:15px;display:grid}.event{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:18px 0;display:flex}.event:last-child{border:0}.event p{margin:3px 0;font-size:14px}.event time{color:var(--muted);margin-left:auto;font-size:13px}.footer{color:var(--muted);text-align:center;margin-top:32px;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}label{gap:9px;font-size:14px;font-weight:600;display:grid}input,select{width:100%;color:var(--ink);background:#fff;border:1px solid #bed7e7;border-radius:10px;padding:14px}.form-grid .full{grid-column:1/-1}.settings{max-width:720px}.setting{border-bottom:1px solid var(--line);padding:20px 0}.setting p{margin:6px 0;font-size:14px}.toggle{background:#a5bac8;border-radius:20px;flex-shrink:0;width:48px;height:28px;position:relative}.toggle[aria-checked=true]{background:var(--green)}.toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:4px;left:4px}.toggle[aria-checked=true]:after{left:24px}.notice{background:var(--orange);border-radius:12px;padding:17px;font-size:14px;line-height:1.7}.login{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-art{background:#e2f2fd;flex-direction:column;justify-content:space-between;padding:60px;display:flex}.login-art h1{max-width:520px;font-size:56px}.login-form{align-content:center;gap:18px;width:100%;max-width:460px;margin:auto;padding:36px;display:grid}.login-form h1{font-size:30px}.login-form p{margin:0}.art{color:var(--green);letter-spacing:20px;font-size:110px;line-height:1.3}.mobile-brand{display:none}#toast{background:var(--ink);color:#fff;z-index:10;border-radius:12px;max-width:90%;padding:16px 24px;display:none;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #0002}#toast.show{display:block}.empty{text-align:center;padding:30px}.invite{margin-top:25px}.hidden{display:none!important}@media (width>=1400px){.content{padding-top:50px}}@media (width<=1000px){.sidebar{width:200px;padding:30px 16px}.main{margin-left:200px}.content{padding:30px 24px}.topbar{padding:20px 24px}.grid{grid-template-columns:1fr}.stack{grid-template-columns:1fr 1fr}.hero{min-height:390px}.brand{font-size:21px}}@media (width<=650px),(height<=520px) and (orientation:landscape){.sidebar{width:auto;padding:8px 8px max(8px,env(safe-area-inset-bottom));z-index:5;border-right:0;border-top:1px solid var(--line);position:fixed;inset:auto 0 0}.sidebar .brand,.sidebar small,.sidebar-foot{display:none}.nav{justify-content:space-around;gap:0;display:flex}.nav a{text-align:center;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:5px;min-width:48px;min-height:52px;padding:9px 4px;font-size:10px;display:flex}.nav a svg{width:21px;height:21px}.main{margin:0}.topbar{padding:16px 20px}.topbar .top-label{display:none}.mobile-brand{font-size:19px;font-weight:800;display:block}.profile span:last-child{display:none}.content{padding:28px 18px 110px}.heading{align-items:start}.heading h1{font-size:31px}.heading .badge{display:none}.stack,.subgrid,.form-grid{grid-template-columns:1fr}.hero{padding:26px 20px}.card{padding:23px}.subgrid{gap:18px}.form-grid .full{grid-column:auto}.login{grid-template-columns:1fr}.login-art{min-height:270px;padding:28px}.login-art h1{margin-top:30px;font-size:32px}.login-art .art,.login-art>p{display:none}.login-form{padding:30px 24px}.event time{font-size:11px}#toast{bottom:100px}}body{background-image:radial-gradient(at 88% 8%,#d7f0f675,#0000 40%),radial-gradient(at 30% 82%,#e4f6fa60,#0000 42%);background-attachment:fixed}.hero,.login-art{background-color:#fffefb;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='180'%3e%3cfilter%20id='p'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.72'%20numOctaves='3'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='saturate'%20values='0'/%3e%3cfeComponentTransfer%3e%3cfeFuncA%20type='linear'%20slope='.045'/%3e%3c/feComponentTransfer%3e%3c/filter%3e%3crect%20width='100%25'%20height='100%25'%20filter='url(%23p)'/%3e%3c/svg%3e"),radial-gradient(at 8% 18%,#afe1f1a6,#0000 49%),radial-gradient(at 90% 34%,#bce9f4b3,#0000 48%),radial-gradient(at 30% 108%,#d0f0f6a6,#0000 51%),radial-gradient(at 54% 48%,#ffffffed,#0000 64%);background-size:180px 180px,auto,auto,auto,auto}.hero:before{filter:blur(20px);background:radial-gradient(#a2dce970,#0000 67%);border:0;border-radius:42% 58% 66% 34%;width:620px;height:430px;top:-145px;left:38%;transform:translate(-50%)rotate(-12deg)}.hero:after{filter:blur(25px);background:radial-gradient(#aaddf166,#0000 69%);border:0;border-radius:61% 39% 43% 57%;width:460px;height:380px;top:210px;left:91%;transform:translate(-50%)rotate(21deg)}.card{box-shadow:0 4px 24px #4c8bab05}.check{background:linear-gradient(145deg,#337c94,#245e74);box-shadow:0 0 0 12px #ffffffa6,0 0 0 13px #c1e7efa6,0 14px 32px #467f9e24}.mark,.btn:not(.secondary):not(.warm){background:linear-gradient(145deg,#337c94,#245e74)}.warm-card{background-image:radial-gradient(at 100% 0,#d2f0f685,#0000 75%)}.sidebar-foot{background:linear-gradient(140deg,#fbfdff,#e5f6fa)}.hero .badge{background:#ffffffbd;border:1px solid #fff}.recovery-key{border:1px dashed var(--green);background:var(--light);color:var(--ink);letter-spacing:.04em;word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:12px;margin:12px 0;padding:14px;font:600 1.05rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.row{flex-wrap:wrap;gap:10px;margin:8px 0 16px;display:flex}.note-list{margin:16px 0 0;padding:0;list-style:none}.note{border-top:1px solid var(--line);padding:12px 0}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0}.child-card{grid-template-columns:max-content 1fr;gap:4px 16px;margin:8px 0;display:grid}.child-card dt{color:var(--muted)}.child-card dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.btn.alert,.btn.alert:not(.secondary):not(.warm){color:#fff;background:#b3261e}.check-label{align-items:center;gap:10px;font-weight:500;display:flex}.check-label input{width:auto}.notice.urgent{color:#7a1a14;background:#fdecea;font-weight:600}.actions{flex-wrap:wrap;gap:12px;margin:8px 0;display:flex}form[data-form=report]{margin-bottom:24px}.app-message:empty{display:none}.app-message{z-index:6;background:var(--ink);color:#fff;text-align:center;margin:0;padding:12px 20px;font-size:14px;position:sticky;top:0}.app-section[hidden]{display:none!important}.stack-1{gap:24px;display:grid}.plain{margin:12px 0 0;padding:0;list-style:none}.members.plain{gap:16px;display:grid}.members.plain .person span{line-height:1.4}.home-select{align-items:center;gap:10px;font-size:13px;display:flex}.home-select select{width:auto;padding:8px 10px}.content .grid>.card,.content .stack>.card{align-self:start}.modo-simple{font-size:19px}.modo-simple h1{font-size:clamp(34px,5vw,46px)}.modo-simple .btn{padding:17px 26px;font-size:19px}.modo-simple label,.modo-simple .nav a{font-size:17px}@media (width<=650px),(height<=520px) and (orientation:landscape){.modo-simple .nav a{font-size:12px}.home-select{font-size:0}.home-select select{max-width:150px;font-size:14px}}.hero .badge{margin:0}.hero h2{margin:14px 0 4px}.hero-sm{min-height:auto;padding:24px}.hero-sm:before,.hero-sm:after{display:none}.hero-sm .check{width:128px;height:128px;margin:20px 0 14px;font-size:17px}.hero-sm .check svg{width:34px;height:34px}button.check{cursor:pointer}button.check:disabled{opacity:.6}.after-grid{margin-top:24px}.checkin-state{color:var(--green);font-size:13px}.modo-simple .check{width:190px;height:190px;font-size:22px}.terms{margin:6px 0 12px}.terms li{padding:3px 0}.help-box{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}#caregiving .check-label{margin:10px 0}[data-shift=on]{color:var(--green);font-weight:700}.top-actions{align-items:center;gap:12px;display:flex}.bell{background:var(--light);width:42px;height:42px;color:var(--green);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.bell svg{width:22px;height:22px}.bell-count{color:#fff;background:#b3261e;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute;top:-4px;right:-4px}.bell-count[hidden]{display:none}.notices-panel{z-index:8;width:min(420px,100vw - 32px);max-height:min(70vh,640px);position:fixed;top:78px;right:24px;overflow:auto;box-shadow:0 12px 40px #24485e26}.notices-panel[hidden]{display:none}.notices-panel h2{margin:0}.notices-list{margin:8px 0 0;padding:0;list-style:none}.notices-list li{border-bottom:1px solid var(--line);padding:12px 0 10px}.notices-list li:last-child{border-bottom:0}.notices-list li p{margin:0 0 4px;font-size:15px}.notices-list li[data-read=no] p{font-weight:600}.notices-list li[data-read=no] p:before{content:"";background:var(--green);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.notices-list li.urgent{border-left:4px solid #b3261e;padding-left:10px}.notices-list time{font-size:13px}@media (width<=650px),(height<=520px) and (orientation:landscape){.notices-panel{width:auto;max-height:calc(100vh - 170px);top:70px;left:16px;right:16px}}#push{margin-bottom:24px}#second-reminder:empty{display:none}#second-reminder .card,#charge{margin-bottom:24px}.card .btn,.card .text-btn{margin-top:8px;margin-right:8px}.card h3{margin-top:24px}.card>h3:first-child,.card .row .btn,.card .row .text-btn{margin-top:0}.ecard{background:#fff6f4;border:1px solid #f1c9c0;border-radius:12px;margin-top:10px;padding:14px 16px}.ecard h3{margin:0 0 6px}.ecard p{margin:6px 0}.observations{margin-top:12px}.obs-options{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.obs-options .btn,.observations h4{margin:0}textarea{width:100%;color:var(--ink);font:inherit;resize:vertical;background:#fff;border:1px solid #bed7e7;border-radius:10px;padding:12px 14px}.keys-panel{margin-top:24px}.keys-list .key-item{border-top:1px solid var(--line,#ddd);padding:12px 0}.security-code{letter-spacing:.04em;word-spacing:.4em;overflow-wrap:anywhere;margin:4px 0 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1rem;line-height:1.6;display:block}
