@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";
:root{--surface:#f9f9ff;--surface-dim:#cfdaf2;--surface-bright:#f9f9ff;--surface-container-lowest:#fff;--surface-container-low:#f0f3ff;--surface-container:#e7eeff;--surface-container-high:#dee8ff;--surface-container-highest:#d8e3fb;--on-surface:#111c2d;--on-surface-variant:#444653;--inverse-surface:#263143;--inverse-on-surface:#ecf1ff;--outline:#757684;--outline-variant:#c4c5d5;--surface-tint:#3755c3;--primary:#00288e;--on-primary:#fff;--primary-container:#1e40af;--on-primary-container:#a8b8ff;--inverse-primary:#b8c4ff;--secondary:#0058be;--on-secondary:#fff;--secondary-container:#2170e4;--on-secondary-container:#fefcff;--tertiary:#70000c;--on-tertiary:#fff;--tertiary-container:#9b0015;--on-tertiary-container:#ffa39c;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--primary-fixed:#dde1ff;--primary-fixed-dim:#b8c4ff;--on-primary-fixed:#001453;--on-primary-fixed-variant:#173bab;--secondary-fixed:#d8e2ff;--secondary-fixed-dim:#adc6ff;--on-secondary-fixed:#001a42;--on-secondary-fixed-variant:#004395;--tertiary-fixed:#ffdad7;--tertiary-fixed-dim:#ffb3ad;--on-tertiary-fixed:#410004;--on-tertiary-fixed-variant:#930013;--background:#f9f9ff;--on-background:#111c2d;--surface-variant:#d8e3fb;--rounded-sm:.25rem;--rounded-default:.5rem;--rounded-md:.75rem;--rounded-lg:1rem;--rounded-xl:1.5rem;--rounded-full:9999px;--unit:8px;--container-margin:20px;--stack-gap-sm:12px;--stack-gap-md:24px;--stack-gap-lg:40px;--touch-target-min:48px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--on-background);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;font-family:Inter,sans-serif;display:flex}.app-wrapper{width:100%;max-width:600px;padding-left:var(--container-margin);padding-right:var(--container-margin);flex-direction:column;flex-grow:1;margin:0 auto;display:flex}.top-app-bar{background-color:var(--surface-container-lowest);z-index:40;border-bottom:1px solid #c4c5d54d;width:100%;position:sticky;top:0;box-shadow:0 1px 2px #0000000d}.top-app-bar-content{max-width:600px;padding:0 var(--container-margin);height:var(--touch-target-min);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo-container{color:var(--primary);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.bottom-nav-bar{background-color:var(--surface-container-lowest);z-index:50;border-top-left-radius:var(--rounded-lg);border-top-right-radius:var(--rounded-lg);border-top:1px solid #c4c5d533;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #1e293b14}.bottom-nav-content{justify-content:space-around;align-items:center;max-width:600px;height:80px;margin:0 auto;padding:0 16px;display:flex}.bottom-nav-link{color:var(--on-surface-variant);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--rounded-full);flex-direction:column;justify-content:center;align-items:center;padding:6px 20px;font-size:10px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.bottom-nav-link:active{transform:scale(.95)}.bottom-nav-link.active{background-color:var(--secondary-container);color:var(--on-secondary-container)}.bottom-nav-link:not(.active):hover{color:var(--primary)}.btn-primary{background-color:var(--primary);height:56px;color:var(--on-primary);border-radius:var(--rounded-default);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;font-size:18px;font-weight:600;transition:background-color .2s,transform .1s;display:flex}.btn-primary:hover{background-color:var(--primary-container)}.btn-primary:active{transform:scale(.98)}.btn-secondary{height:56px;color:var(--on-surface-variant);border:2px solid var(--outline-variant);border-radius:var(--rounded-default);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;gap:8px;width:100%;font-size:18px;font-weight:600;transition:background-color .2s,transform .1s;display:flex}.btn-secondary:hover{background-color:var(--surface-container-high)}.btn-secondary:active{transform:scale(.98)}.btn-fab{background-color:var(--primary);width:56px;height:56px;color:var(--on-primary);border-radius:var(--rounded-full);cursor:pointer;border:none;justify-content:center;align-items:center;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 4px 10px #00288e4d}.btn-fab:hover{background-color:var(--primary-container)}.btn-fab:active{transform:scale(.9)}.card{background-color:var(--surface-container-lowest);border-radius:var(--rounded-lg);padding:var(--stack-gap-md);margin-bottom:var(--stack-gap-md);gap:var(--stack-gap-sm);flex-direction:column;display:flex;box-shadow:0 4px 20px #1e293b14}.card-normal{border-left:4px solid var(--primary)}.card-alert{border-left:4px solid var(--error)}.card-neutral{border-left:4px solid var(--outline-variant)}.input-group{flex-direction:column;gap:8px;width:100%;display:flex}.input-label{letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);font-size:14px;font-weight:700}.input-field{border-radius:var(--rounded-default);border:2px solid var(--outline-variant);background-color:var(--surface-bright);width:100%;height:56px;color:var(--on-surface);outline:none;padding:0 16px;font-size:18px;transition:border-color .2s}.input-field:focus{border-color:var(--primary)}.textarea-field{border-radius:var(--rounded-default);border:2px solid var(--outline-variant);background-color:var(--surface-bright);width:100%;color:var(--on-surface);resize:none;outline:none;padding:16px;font-size:16px;transition:border-color .2s}.textarea-field:focus{border-color:var(--primary)}.display-reading{letter-spacing:-.02em;font-size:48px;font-weight:700;line-height:1.1}.headline-lg{font-size:32px;font-weight:700;line-height:1.2}.headline-md{font-size:20px;font-weight:600;line-height:1.3}.body-lg{font-size:18px;font-weight:400;line-height:1.6}.body-md{font-size:16px;font-weight:400;line-height:1.5}.label-caps{letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:700;line-height:1}.interactive{font-size:18px;font-weight:600;line-height:1}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;background-color:#111c2dcc;position:fixed;inset:0}.modal-sheet-container{z-index:1000;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.modal-sheet{background-color:var(--surface-container-lowest);border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;overflow-y:auto;box-shadow:0 8px 30px #0000004d}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{padding:24px var(--container-margin);border-bottom:1px solid #c4c5d54d;justify-content:space-between;align-items:center;display:flex}.btn-close{border-radius:var(--rounded-full);width:48px;height:48px;color:var(--on-surface-variant);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.btn-close:hover{background-color:var(--surface-container-high)}.modal-tabs{background-color:var(--surface-container-low);border-radius:var(--rounded-default);margin:16px var(--container-margin) 0;padding:4px;display:flex}.modal-tab-btn{border-radius:var(--rounded-sm);cursor:pointer;color:var(--on-surface-variant);background-color:#0000;border:none;flex:1;padding:10px 0;font-weight:700;transition:all .2s}.modal-tab-btn.active{background-color:var(--surface-container-lowest);color:var(--primary);box-shadow:0 2px 4px #0000000d}.tab-toggle-bar{background-color:var(--surface-container-low);border-radius:var(--rounded-default);width:100%;padding:4px;display:flex}.tab-toggle-btn{border-radius:var(--rounded-sm);cursor:pointer;color:var(--on-surface-variant);background-color:#0000;border:none;flex:1;padding:10px 0;font-weight:700;transition:all .2s}.tab-toggle-btn.active{background-color:var(--surface-container-lowest);color:var(--primary);box-shadow:0 2px 4px #0000000d}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.measured-value-row{justify-content:space-between;align-items:center;padding:0 16px;display:flex}.measured-val-col{flex-direction:column;align-items:center;display:flex}.separator-slash{color:var(--outline-variant);font-size:32px}.separator-line{background-color:#c4c5d54d;width:1px;height:48px}.badge-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--primary);background-color:var(--surface-container-low);border-radius:var(--rounded-full);padding:4px 12px;font-size:14px;font-weight:700}.card-note-text{color:var(--on-surface-variant);background-color:var(--surface-container-low);border-radius:var(--rounded-default);border:1px solid #c4c5d533;align-items:flex-start;gap:8px;padding:12px;font-style:italic;display:flex}.card-note-text-error{color:var(--on-surface-variant);border-radius:var(--rounded-default);border:1px solid var(--error-container);background-color:#ffdad633;align-items:flex-start;gap:8px;padding:12px;font-style:italic;display:flex}.chart-grid-line{stroke:var(--outline-variant);stroke-width:1px}.chart-line-sys{stroke:var(--primary-container);stroke-width:3px;fill:none;stroke-linejoin:round;stroke-linecap:round}.chart-line-dia{stroke:#3b82f6;stroke-width:3px;fill:none;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:6 4}.chart-point-sys{fill:var(--surface-container-lowest);stroke:var(--primary-container);stroke-width:2px}.chart-point-dia{fill:var(--surface-container-lowest);stroke:#3b82f6;stroke-width:2px}.trending-down{color:#16a34a}.trending-flat{color:var(--outline)}.pulse-badge{border-radius:var(--rounded-full);background-color:var(--error-container);width:48px;height:48px;color:var(--tertiary-container);justify-content:center;align-items:center;display:flex}.material-symbols-outlined.fill-active{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}