/* Shared Mirror typography, served locally so no external font service is needed. */
.glucose-chart{min-width:0;width:100%;padding:18px 12px 12px;text-align:left;border:1px solid #30464e;border-radius:16px;background:#08131880;color:var(--text)}
.chart-heading{font-size:14px;font-weight:600;margin:0 8px 12px}.glucose-chart svg{display:block;width:100%;height:auto;overflow:visible}.chart-grid{stroke:#43545b;stroke-width:1;stroke-dasharray:3 5}.chart-label{fill:#b6c6cf;font:600 13px MirrorInter,sans-serif}.chart-line{fill:none;stroke:#35ffcf;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.chart-dot{fill:#35ffcf}.chart-caption{margin:10px 8px 0;font-size:12px;line-height:1.5;color:var(--secondary)}.chart-empty{min-height:130px;display:grid;place-items:center;padding:20px;font-size:14px;color:var(--secondary)}
.people-grid.expanded-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.people-grid.expanded-board.single-person{grid-template-columns:minmax(0,1fr);max-width:1200px;margin-inline:auto}
.expanded-board .person-card{height:auto;min-height:520px;padding:28px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;gap:22px;text-align:left}.expanded-board .card-identity{flex-direction:row;gap:16px;align-items:center;padding-left:0}.expanded-board .identity-name{display:block;min-height:0;font-size:1.5rem;overflow-wrap:anywhere}.expanded-board .avatar{width:68px;height:68px}.expanded-board .reading-value{font-size:3.4rem}.expanded-board .card-reading{align-self:start}.expanded-board .slot-number{display:none}.expanded-board .glucose-chart{grid-column:1/-1;grid-row:2}.expanded-board .card-note{grid-column:1/-1;grid-row:3}.expanded-board .card-note.is-empty{display:none}#person-history{margin:20px 0}
@media(max-width:1050px){.people-grid.expanded-board{grid-template-columns:1fr}.expanded-board .person-card{min-height:0}}
@media(max-width:600px){.expanded-board .person-card{padding:18px;gap:18px 10px}.expanded-board .avatar{width:48px;height:48px}.expanded-board .card-identity{gap:10px}.expanded-board .identity-name{font-size:1.1rem}.expanded-board .reading-value{font-size:2.5rem}.expanded-board .glucose-chart{padding:14px 4px}.chart-heading{font-size:13px}.chart-label{font-size:15px}}
@font-face{font-family:MirrorInter;src:url('./fonts/Inter-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:MirrorInter;src:url('./fonts/Inter-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:MirrorInter;src:url('./fonts/Inter-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{font-family:MirrorInter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--bg:#080f12;--surface:#101d23;--surface-raised:#15262e;--surface-soft:#193039;--border:#30464e;--secondary:#b6c6cf;--tertiary:#899da7;--teal:#35ffcf;--teal-soft:#35ffcf12}
body,body:has(#auth-view:not([hidden])){background:radial-gradient(ellipse at 5% 0,#12413966,transparent 50%),radial-gradient(ellipse at 100% 90%,#152b4644,transparent 55%),var(--bg);background-attachment:fixed}
button,input,textarea,select{font-family:inherit}
h1,h2,h3,.workspace h1,.detail-name{font-weight:600;letter-spacing:-.025em}
.identity-name,.avatar,.reading-arrow,.freshness,.freshness.is-stale,.reading-meta,.unavailable-reading,.card-note,.detail-status,.detail-freshness,.care-row dt,.care-row dd,.local-note-row p,.detail-note p,.banner-title{font-weight:600}
.reading-value,.detail-reading{font-weight:700;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.mode,.eyebrow,.panel-kicker,.section-label,.detail-note-heading{font-weight:600;letter-spacing:.1em}
.round-button,.add-button,.quiet-button,.outline-button,.primary-button,.danger-button,.edit-note-button,.auth-switch-button,.google-button,.settings-content label,#invite-form label{font-weight:600}
.person-card{background:linear-gradient(145deg,#ffffff08,transparent 65%),#101d23;box-shadow:0 10px 24px #00000020,inset 0 1px 0 #ffffff0c}
.person-card.is-selected{background:linear-gradient(145deg,#35ffcf17,#101d23);box-shadow:inset 0 1px 0 #ffffff16}
.empty-slot{background:#101d234d}
.panel,.connect-panel,.settings-panel,.note-panel{background:linear-gradient(145deg,#ffffff06,transparent 60%),#101a20;box-shadow:0 24px 70px #00000055}
.mode,.add-button,.outline-button{background:#35ffcf0c;border-color:#35ffcf40;color:var(--teal)}
.auth-story-copy h1{font-weight:600;letter-spacing:-.04em;line-height:1.15}
.auth-story-copy h1 span{color:var(--teal)}
.auth-story-copy .eyebrow{display:inline-block;padding:7px 12px;border:1px solid #35ffcf40;border-radius:999px;color:var(--teal);background:#35ffcf0b;font-weight:600;font-size:12px;letter-spacing:.08em}
.auth-story-copy>p:not(.eyebrow){color:var(--secondary)}
.auth-card{border:1px solid #76ead332;background:linear-gradient(140deg,#203b3b99,#101b25ed);box-shadow:0 24px 65px #00000038,inset 0 1px 0 #ffffff13;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.auth-card-heading h2,.auth-result h2{font-weight:600}
.auth-card label,.auth-switch-button,.auth-card .google-button{font-weight:600}
.auth-switch-button.is-active{background:#35ffcf17;color:#55ffda;box-shadow:inset 0 0 0 1px #35ffcf30}
.auth-card .primary-button,.primary-button{background:linear-gradient(115deg,#39ffcb,#17e4d3);color:#042621;border:1px solid #6dffdc;font-weight:600;box-shadow:0 6px 22px #14e9bb18;border-radius:999px}
.auth-card .primary-button:hover,.primary-button:hover{background:linear-gradient(115deg,#70ffdb,#36f0de)}
.auth-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #35ffcf18}
.auth-benefits span{font-weight:400;color:var(--secondary)}.auth-benefits b{color:var(--teal)}
@media(max-width:760px){.auth-story-copy h1{font-weight:600}.auth-story-copy .eyebrow{display:none}}
@media(prefers-reduced-transparency:reduce){.auth-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:#14262b}}
