:root{color-scheme:dark;--bg:#070b0c;--surface:#0e1415;--surface-raised:#131b1d;--surface-soft:#162123;--border:#263235;--border-soft:#1c2729;--text:#f4f7f7;--secondary:#a5b0b2;--tertiary:#687477;--teal:#38d7c9;--teal-soft:rgba(56,215,201,.09);--green:#31d16f;--yellow:#f4c24f;--orange:#ff973e;--red:#ff5f69;--purple:#a98aff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);background-color:var(--bg);background-image:radial-gradient(circle,rgba(56,215,201,.055) 1px,transparent 1px);background-size:25px 25px}body:has(dialog[open]){overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.56}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(56,215,201,.5);outline-offset:3px}
.shell{width:min(100%,1776px);min-height:100vh;margin:0 auto;padding:0 clamp(22px,2.4vw,44px) 24px}.topbar{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand,.top-actions,.auth-card-heading,.workspace-meta,.inline-form,.note-actions{display:flex;align-items:center}.brand{gap:11px}.brand img{width:156px;max-height:38px;object-fit:contain}.mode,.eyebrow,.panel-kicker{font-size:.7rem;font-weight:850;letter-spacing:.15em}.mode{color:var(--secondary);border:1px solid var(--border);border-radius:99px;padding:5px 10px;white-space:nowrap;background:rgba(255,255,255,.025)}.top-actions{gap:9px}
.round-button,.add-button,.quiet-button,.outline-button,.primary-button,.danger-button{border:1px solid var(--border);color:var(--text);background:var(--surface);font-weight:750}.round-button{width:44px;height:44px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:1.25rem;line-height:1}.round-button:hover,.quiet-button:hover{background:var(--surface-soft)}.add-button,.outline-button{min-height:44px;border-color:var(--teal);border-radius:99px;padding:0 18px;color:var(--teal);background:var(--teal-soft)}.add-button:hover,.outline-button:hover{background:rgba(56,215,201,.15)}.primary-button{min-height:50px;padding:0 20px;border:0;border-radius:15px;color:#031b19;background:var(--teal)}.primary-button:hover{background:#63e5da}.quiet-button{min-height:46px;border-radius:14px;padding:0 17px}.danger-button{width:100%;min-height:48px;border-color:rgba(255,95,105,.45);border-radius:14px;color:var(--red);background:rgba(255,95,105,.07)}
.auth-view{min-height:calc(100vh - 120px);display:grid;grid-template-columns:minmax(320px,.92fr) minmax(360px,520px);align-items:center;gap:clamp(46px,8vw,130px);width:min(1120px,100%);margin:-20px auto 0}.auth-intro{max-width:610px}.auth-symbol{width:60px;height:60px;display:grid;place-items:center;margin-bottom:24px;border:1px solid rgba(56,215,201,.4);border-radius:18px;color:var(--teal);background:var(--teal-soft);font-size:2rem}.eyebrow,.panel-kicker{color:var(--teal);margin:0}.auth-intro h1{margin:10px 0 17px;font-size:clamp(3.2rem,6vw,6rem);line-height:.98;letter-spacing:-.055em}.auth-intro>p:last-child{margin:0;color:var(--secondary);font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.55}.auth-card{padding:clamp(26px,3vw,38px);border:1px solid var(--border);border-radius:28px;background:rgba(14,20,21,.96)}.auth-card-heading{gap:14px;margin-bottom:27px}.auth-card-icon,.row-icon{display:grid;place-items:center;flex:none;color:var(--teal);background:var(--teal-soft);border:1px solid rgba(56,215,201,.24)}.auth-card-icon{width:45px;height:45px;border-radius:14px;font-size:1.15rem}.auth-card h2,.panel-top h2{margin:0;font-size:1.55rem;letter-spacing:-.025em}.auth-card-heading p{margin:3px 0 0;color:var(--secondary);font-size:.9rem}.auth-card label,.settings-content label,#invite-form label{display:block;margin:17px 0 8px;color:var(--secondary);font-size:.86rem;font-weight:750}.auth-card input,.settings-content input,.settings-content textarea,#invite-form input{width:100%;border:1px solid var(--border);border-radius:13px;padding:14px 15px;color:var(--text);background:#090e0f}.auth-card .primary-button{width:100%;margin-top:24px}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--tertiary);font-size:.78rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--border)}.google-button{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid #d5d9dc;border-radius:14px;color:#202124;background:#fff;font-weight:750}.google-button:hover{background:#f1f4f4}.google-mark{display:grid;place-items:center;width:24px;height:24px;border:1px solid #d6d9dc;border-radius:50%;color:#4285f4;font-weight:850}.form-message{min-height:1.3em;margin:15px 0 0;color:var(--yellow);font-size:.9rem}
.workspace{padding:4px 0 20px}.workspace-heading{text-align:center;margin:0 0 20px}.workspace h1{margin:0;font-size:clamp(1.15rem,1.65vw,1.35rem);letter-spacing:-.01em}.workspace-meta{justify-content:center;gap:8px;margin-top:7px;color:var(--tertiary);font-size:.78rem}.banner{margin:0 0 14px;padding:12px 15px;border:1px solid rgba(244,194,79,.35);border-radius:12px;color:#ffda88;background:rgba(244,194,79,.08)}.people-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.person-card,.empty-slot{position:relative;width:100%;min-width:0;height:clamp(280px,calc((100vh - 200px)/2),360px);border-radius:18px;color:var(--text);background:rgba(14,20,21,.96)}.person-card{padding:18px 16px 16px;border:1px solid color-mix(in srgb,var(--card-accent,var(--border)) 32%,var(--border));display:grid;grid-template-rows:112px 1fr 50px;text-align:center;transition:border-color .15s ease,background .15s ease,transform .15s ease}.person-card:hover{transform:translateY(-1px);border-color:var(--teal);background:#111a1c}.person-card.is-selected{border:2px solid var(--teal);background:rgba(56,215,201,.055)}.slot-number{position:absolute;top:15px;left:16px;color:var(--tertiary);font-size:.72rem;font-weight:700}.card-identity{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.avatar{width:58px;height:58px;flex:none;display:grid;place-items:center;border:2px solid color-mix(in srgb,var(--card-accent,var(--teal)) 55%,transparent);border-radius:50%;color:var(--secondary);background:#172123;object-fit:cover;font-size:1.45rem;font-weight:800}.identity-name{width:100%;min-height:50px;display:grid;place-items:start center;overflow:hidden;font-size:1.35rem;font-weight:800;line-height:1.15}.card-reading{align-self:center}.reading-line{display:flex;align-items:baseline;justify-content:center;gap:6px;color:var(--card-accent,var(--text))}.reading-value{font-size:clamp(2.8rem,3.45vw,3.3rem);line-height:.95;font-weight:900;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.reading-arrow{font-size:1.8rem;font-weight:800}.reading-meta{margin-top:7px;color:var(--secondary);font-size:.75rem;font-weight:700}.freshness{margin-top:11px;color:var(--secondary);font-size:.82rem;font-weight:650}.freshness.is-stale{color:var(--yellow);font-weight:800}.unavailable-reading{color:var(--tertiary);font-size:.92rem;font-weight:750}.card-note{align-self:end;min-height:44px;display:flex;align-items:flex-start;gap:7px;padding:8px 10px;overflow:hidden;border-radius:10px;color:var(--text);background:var(--teal-soft);text-align:left;font-size:.78rem;font-weight:700;line-height:1.25}.card-note span:last-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-note.is-empty{visibility:hidden}.note-glyph{color:var(--teal)}.empty-slot{display:grid;place-items:center;border:1px dashed rgba(104,116,119,.48);color:var(--secondary)}.empty-slot:hover{color:var(--teal);border-color:rgba(56,215,201,.65);background:rgba(56,215,201,.025)}.empty-content{display:grid;justify-items:center;gap:10px;font-size:.84rem;font-weight:650}.empty-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;font-size:1.35rem}
.range-in{--card-accent:var(--green)}.range-low{--card-accent:var(--yellow)}.range-urgent-low{--card-accent:var(--purple)}.range-high{--card-accent:var(--orange)}.range-urgent-high{--card-accent:var(--red)}.range-stale,.range-unavailable,.range-pending{--card-accent:var(--tertiary)}
dialog{color:var(--text)}.panel,.settings-panel,.note-panel{border:1px solid var(--border);padding:0;color:var(--text);background:var(--surface);box-shadow:0 28px 100px rgba(0,0,0,.55)}.panel::backdrop,.settings-panel::backdrop,.note-panel::backdrop{background:rgba(0,0,0,.64);backdrop-filter:blur(3px)}.panel{width:min(92vw,600px);max-height:calc(100vh - 40px);margin:20px 20px 20px auto;border-radius:24px}.connect-panel,.settings-panel,.note-panel{width:min(92vw,560px);max-height:min(90vh,850px);margin:auto;border-radius:24px}.panel-top{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid var(--border-soft)}.panel-top>div h2{margin-top:4px}.panel-content{max-height:calc(100vh - 118px);overflow:auto;padding:20px 22px 24px}.panel-content>p:first-child{margin-top:0;color:var(--secondary);line-height:1.5}.detail-hero{padding:2px 0 18px;border-bottom:1px solid var(--border)}.detail-identity-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.detail-person{display:flex;align-items:center;gap:14px;min-width:0}.detail-person .avatar{width:76px;height:76px;font-size:1.8rem}.detail-name{margin:0;overflow-wrap:anywhere;font-size:1.8rem;line-height:1.05}.detail-stats{text-align:right}.detail-reading{display:flex;align-items:baseline;justify-content:flex-end;gap:7px;color:var(--card-accent);font-size:3.7rem;font-weight:900;letter-spacing:-.055em;line-height:1}.detail-reading small{margin-left:3px;color:var(--secondary);font-size:.78rem;letter-spacing:0}.detail-status{display:inline-flex;align-items:center;margin-top:8px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--card-accent) 58%,transparent);border-radius:99px;color:var(--card-accent);font-size:.75rem;font-weight:800}.detail-freshness{margin-top:8px;color:var(--secondary);font-size:.82rem;font-weight:700}.access-line{margin:14px 0 0;color:var(--secondary);font-size:.82rem}.section-label{margin:22px 0 3px;color:var(--secondary);font-size:.75rem;font-weight:850;letter-spacing:.12em}.care-list{margin-top:6px}.care-row{display:grid;grid-template-columns:32px minmax(145px,auto) 1fr;align-items:start;gap:11px;padding:15px 0;border-bottom:1px solid var(--border-soft)}.care-row:last-child{border-bottom:0}.care-icon{color:var(--row-accent,var(--secondary));font-size:1.15rem;text-align:center}.care-row dt{color:var(--secondary);font-size:.92rem;font-weight:700}.care-row dd{margin:0;text-align:right;overflow-wrap:anywhere;font-size:.98rem;font-weight:750}.care-row.insulin{--row-accent:var(--teal);grid-template-columns:32px minmax(160px,1fr) auto}.insulin-values{display:grid;grid-template-columns:repeat(2,90px);gap:14px;text-align:right}.insulin-values small{display:block;color:var(--secondary);font-size:.7rem}.insulin-values strong{color:var(--teal);font-size:1.35rem}.local-note-row{padding:15px 0;border-top:1px solid var(--border)}.local-note-row strong{display:block;margin-bottom:7px;color:var(--secondary);font-size:.9rem}.local-note-row p{margin:0;line-height:1.45;font-weight:650}.edit-note-button{width:100%;min-height:50px;margin-top:14px;border:1px solid var(--teal);border-radius:18px;color:var(--teal);background:var(--teal-soft);font-weight:800}.care-empty{color:var(--secondary);padding:20px 0}
.qr-state{min-height:110px;display:grid;place-items:center;gap:13px;margin:18px 0;text-align:center}.qr-state svg{width:min(260px,100%);height:auto;padding:12px;border-radius:16px;background:#fff}.qr-expiry,.field-help{color:var(--tertiary);font-size:.8rem}.connect-panel .outline-button{width:100%}.separator{height:0;margin:28px 0;border-top:1px solid var(--border);color:var(--tertiary);text-align:center}.separator span{position:relative;top:-.7em;padding:0 12px;background:var(--surface)}.inline-form{align-items:stretch;gap:9px}.inline-form .quiet-button{flex:none}
.settings-content{padding:22px;overflow:auto}.settings-content label{margin-top:0}.settings-content .primary-button{width:100%;margin-top:14px}.field-help{margin:-2px 0 10px;line-height:1.4}.settings-actions{margin:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.settings-row{width:100%;min-height:70px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:11px 0;border:0;border-bottom:1px solid var(--border-soft);color:var(--text);background:transparent;text-align:left}.settings-row:last-child{border-bottom:0}.settings-row:hover strong{color:var(--teal)}.settings-row .row-icon{width:36px;height:36px;border-radius:11px}.settings-row strong,.settings-row small{display:block}.settings-row small{margin-top:3px;color:var(--tertiary);font-size:.78rem}.account-block{display:grid;gap:5px;margin-bottom:14px;color:var(--secondary);font-size:.83rem}.account-block strong{color:var(--text);overflow-wrap:anywhere;font-size:.92rem}.settings-content textarea{resize:vertical;min-height:130px;line-height:1.5}.note-actions{justify-content:flex-end;gap:10px;margin-top:18px}.note-actions .primary-button{width:auto;margin:0}
@media(max-width:1099px){.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.person-card,.empty-slot{height:320px}}
@media(max-width:760px){.shell{padding:0 16px 20px}.topbar{min-height:78px}.brand img{width:126px}.mode{font-size:.58rem;padding:4px 7px}.top-actions{gap:7px}.desktop-only{display:none}.round-button{width:40px;height:40px}.add-button{width:40px;min-height:40px;padding:0;font-size:0}.add-button span{font-size:1.25rem}.auth-view{min-height:auto;display:flex;flex-direction:column;align-items:stretch;gap:30px;margin:36px auto 60px}.auth-intro{text-align:center}.auth-symbol{margin:0 auto 18px}.auth-intro h1{font-size:3.1rem}.auth-card{border-radius:22px}.workspace{padding-top:6px}.workspace-heading{margin-bottom:16px}.people-grid{grid-template-columns:1fr;gap:10px}.person-card,.empty-slot{height:auto;min-height:0}.person-card{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:12px 18px;padding:15px 16px;text-align:left}.card-identity{flex-direction:row;align-items:center;gap:12px;padding-left:20px}.identity-name{min-height:0;display:block;font-size:1.1rem}.avatar{width:48px;height:48px;font-size:1.2rem}.card-reading{align-self:center}.reading-value{font-size:2.5rem}.reading-meta,.freshness{text-align:center}.card-note{grid-column:1/-1;min-height:0}.empty-slot{min-height:66px}.empty-content{display:flex;align-items:center}.empty-icon{width:34px;height:34px}.panel,.connect-panel,.settings-panel,.note-panel{width:100vw;max-width:none;height:min(94vh,900px);max-height:none;margin:auto 0 0;border-radius:22px 22px 0 0}.detail-identity-row{align-items:flex-start}.detail-person .avatar{width:62px;height:62px}.detail-name{font-size:1.45rem}.detail-reading{font-size:2.7rem}.care-row{grid-template-columns:28px 1fr}.care-row dd{grid-column:2;text-align:left}.care-row.insulin{grid-template-columns:28px 1fr}.insulin-values{grid-column:2;margin-top:8px;text-align:left}}
@media(prefers-reduced-motion:reduce){.person-card{transition:none}}
.care-row.insulin-row{--row-accent:var(--teal);grid-template-columns:32px minmax(160px,1fr) auto}.detail-note{margin-top:18px;padding:17px;border:1px solid rgba(56,215,201,.3);border-radius:18px;background:var(--teal-soft)}.detail-note-heading{margin-bottom:8px;color:var(--teal);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.detail-note p{margin:0;line-height:1.45;font-weight:650}.detail-note .outline-button{width:100%;margin-top:14px}.round-button.is-loading span{display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.care-row.insulin-row{grid-template-columns:28px 1fr}.care-row.insulin-row .insulin-values{grid-column:2;margin-top:8px;text-align:left}}
@media(prefers-reduced-motion:reduce){.round-button.is-loading span{animation:none}}