:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#202827;--paper:#fff;--ink:#202827;--muted:#62706c;--line:#d7e0dd;--teal:#0f8b8d;--teal-dark:#0a6567;--rose:#c2415b;--amber:#a76512;--green:#247858;--shadow:0 18px 46px #112d2814;background:#eef4f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:linear-gradient(#ffffffdb,#eef4f2fa),radial-gradient(circle at 0 0,#0f8b8d26,#0000 36rem),#eef4f2;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;min-height:44px;padding:.72rem .8rem}textarea{resize:vertical;min-height:88px}label{color:var(--muted);gap:.38rem;font-size:.82rem;font-weight:650;display:grid}h1,h2,p{margin:0}h1{font-size:1.85rem;line-height:1.08}h2{font-size:1.05rem;line-height:1.2}p,small,span{letter-spacing:0}.app-shell{min-height:100vh;padding:max(.85rem, env(safe-area-inset-top)) max(.85rem, env(safe-area-inset-right)) max(5.5rem, env(safe-area-inset-bottom)) max(.85rem, env(safe-area-inset-left))}.topbar{justify-content:space-between;align-items:center;gap:1rem;max-width:1180px;margin:0 auto 1rem;display:flex}.topbar-actions{align-items:center;gap:.45rem;display:flex}.brand-mark{align-items:center;gap:.72rem;min-width:0;display:flex}.brand-mark img{object-fit:cover;border-radius:8px;width:44px;height:44px;box-shadow:0 10px 24px #112d2824}.brand-mark strong,.brand-mark span{display:block}.brand-mark strong{font-size:1.02rem}.brand-mark span,.section-head p,.empty-state span,.timeline-body small,.detail-meta,.medical-note{color:var(--muted);font-size:.86rem}.main-grid{gap:.85rem;max-width:1180px;margin:0 auto;display:grid}.tabbar{z-index:20;left:max(.75rem, env(safe-area-inset-left));right:max(.75rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #112d2814;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;padding:.35rem;display:grid;position:fixed;box-shadow:0 18px 52px #112d2826}.tab{min-width:0;min-height:48px;color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;gap:.12rem;font-size:.68rem;font-weight:720;display:grid}.tab.active{color:#fff;background:var(--teal)}.stack,.split-layout,.capture-layout{gap:.85rem;display:grid}.split-layout,.capture-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);align-items:start}.panel,.summary-band,.medical-note,.login-panel{box-shadow:var(--shadow);background:#fffffff0;border:1px solid #112d2814;border-radius:8px}.panel{gap:1rem;padding:1rem;display:grid}.section-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.section-subhead{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:780}.summary-band{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.65rem;display:grid}.metric{min-height:72px;color:var(--green);background:#eaf5f1;border-radius:7px;align-content:center;justify-items:center;display:grid}.metric.danger{color:var(--rose);background:#fff0f2}.metric strong{font-size:1.55rem;line-height:1}.metric span{color:inherit;font-size:.72rem;font-weight:720}.record-list,.timeline,.compact-form{gap:.65rem;display:grid}.record-row{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;min-height:64px;padding:.5rem;display:grid}.record-row.active{border-color:#0f8b8da6;box-shadow:inset 0 0 0 1px #0f8b8d29}.row-main{min-width:0;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;padding:0;display:grid}.row-main.passive{cursor:default}.row-main strong,.row-main small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.row-main small{color:var(--muted);margin-top:.08rem;font-size:.78rem}.row-actions{align-items:center;gap:.38rem;display:flex}.status-dot{background:var(--green);border-radius:999px;width:.76rem;height:.76rem}.status-dot.watch{background:var(--amber)}.status-dot.check{background:var(--rose)}.status-dot.muted{background:#a7a09a}.level-pill{min-height:30px;color:var(--green);white-space:nowrap;background:#eef8f4;border-radius:999px;align-items:center;gap:.25rem;padding:.28rem .52rem;font-size:.72rem;font-weight:780;display:inline-flex}.level-pill.watch{color:var(--amber);background:#fff6e8}.level-pill.check{color:var(--rose);background:#fff0f2}.icon-button,.primary-button,.secondary-button,.text-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:.42rem;min-height:42px;font-weight:760;display:inline-flex}.icon-button{width:42px;min-width:42px;color:var(--ink);background:#e7efec}.icon-button.filled,.primary-button{background:var(--teal);color:#fff}.primary-button,.secondary-button{width:100%;padding:.7rem .9rem}.primary-button.compact,.secondary-button.compact{width:auto;min-height:38px;padding:.52rem .74rem}.secondary-button{color:var(--ink);background:#e6eeeb}.secondary-button input{display:none}.text-button{min-height:34px;color:var(--teal-dark);background:0 0;padding:0 .1rem}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.notice{color:var(--teal-dark);background:#f0f7f7;border-radius:8px;gap:.16rem;padding:.75rem;font-size:.88rem;display:grid}.notice.error{color:#96233a;background:#fff0f2}.medical-note{align-items:flex-start;gap:.55rem;padding:.82rem .9rem;display:flex}.medical-note.inline{box-shadow:none}.detail-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.8rem;padding:.65rem 0;display:flex}.timeline-item{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:110px minmax(0,1fr);gap:.75rem;padding:.55rem;display:grid}.timeline-item img{object-fit:cover;background:#e6eeeb;border-radius:7px;width:110px;height:110px}.timeline-body{align-content:start;gap:.38rem;min-width:0;display:grid}.timeline-head,.timeline-measure{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.timeline-measure{color:var(--teal-dark);justify-content:flex-start;font-weight:760}.timeline-body p,.timeline-body small{overflow-wrap:anywhere}.capture-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.camera-box{gap:.7rem;display:grid}.camera-preview,.canvas-wrap{aspect-ratio:4/3;border:1px solid var(--line);background:#191816;border-radius:8px;width:100%;overflow:hidden}.camera-preview{object-fit:cover;display:none}.camera-preview.active{display:block}.canvas-wrap{background:#1f1d1a;place-items:center;display:grid}.canvas-wrap canvas{object-fit:contain;touch-action:none;width:100%;height:100%}.camera-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.step-text{color:var(--muted);margin-right:auto;font-size:.84rem;font-weight:700}.measurement-strip{grid-template-columns:130px minmax(0,1fr);align-items:end;gap:.7rem;display:grid}.measurement-result{min-height:44px;color:var(--teal-dark);background:#eaf5f1;border-radius:8px;align-items:center;gap:.45rem;padding:.65rem .75rem;font-weight:820;display:flex}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.check-pill{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:.44rem;padding:.45rem .55rem;font-size:.78rem;font-weight:710;display:flex}.check-pill input{width:18px;min-height:18px;accent-color:var(--teal)}.empty-state{text-align:center;border:1px dashed var(--line);border-radius:8px;place-content:center;gap:.25rem;min-height:110px;padding:1rem;display:grid}.login-screen,.splash{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-panel{gap:.9rem;width:min(100%,390px);padding:1.15rem;display:grid}.login-panel img,.splash img{object-fit:cover;border-radius:8px;width:74px;height:74px}.splash{color:var(--muted);gap:.75rem;font-weight:760}@media (width>=900px){.app-shell{padding-bottom:1.2rem}.main-grid{grid-template-columns:96px minmax(0,1fr);align-items:start}.tabbar{order:-1;grid-template-columns:1fr;position:sticky;inset:1rem auto auto}.tab{min-height:58px}.main-grid>.notice.error{grid-column:2}}@media (width<=860px){.split-layout,.capture-layout{grid-template-columns:1fr}.detail-panel{min-height:240px}}@media (width<=1120px){.capture-layout{grid-template-columns:1fr}}@media (width<=560px){.topbar{margin-bottom:.7rem}.panel{padding:.78rem}.section-head{align-items:center}.field-row,.measurement-strip,.check-grid,.record-row{grid-template-columns:1fr}.row-actions{justify-content:space-between}.timeline-item{grid-template-columns:86px minmax(0,1fr)}.timeline-item img{width:86px;height:86px}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf5f2;--paper:#111a18;--ink:#edf5f2;--muted:#9dafaa;--line:#2a3f39;--teal:#24b8b4;--teal-dark:#8ce7df;--rose:#ff7890;--amber:#f3b45d;--green:#75d7aa;--shadow:0 18px 46px #0000004d;background:#0b1110}:root[data-theme=dark] body{background:linear-gradient(#0e1615f0,#080d0cfa),radial-gradient(circle at 0 0,#24b8b429,#0000 34rem),#0b1110}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{border-color:var(--line);color:var(--ink);background:#101917}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#71847e}:root[data-theme=dark] .tabbar,:root[data-theme=dark] .panel,:root[data-theme=dark] .summary-band,:root[data-theme=dark] .medical-note,:root[data-theme=dark] .login-panel{background:#111a18f5;border-color:#8de7df1f}:root[data-theme=dark] .record-row,:root[data-theme=dark] .timeline-item,:root[data-theme=dark] .check-pill{background:#101917}:root[data-theme=dark] .metric,:root[data-theme=dark] .measurement-result,:root[data-theme=dark] .notice{background:#132721}:root[data-theme=dark] .metric.danger,:root[data-theme=dark] .level-pill.check,:root[data-theme=dark] .notice.error{background:#351720}:root[data-theme=dark] .level-pill{background:#142820}:root[data-theme=dark] .level-pill.watch{background:#302314}:root[data-theme=dark] .icon-button,:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .timeline-item img{background:#1b2b28}:root[data-theme=dark] .camera-preview,:root[data-theme=dark] .canvas-wrap{background:#050807}
