:root{--bg: #f2f2f7;--card: #ffffff;--card-2: #f2f2f7;--text: #000000;--text-2: rgba(60, 60, 67, .6);--text-3: rgba(60, 60, 67, .3);--sep: rgba(60, 60, 67, .18);--fill: rgba(120, 120, 128, .12);--fill-2: rgba(120, 120, 128, .2);--accent: #007aff;--red: #ff3b30;--orange: #ff9500;--yellow: #ffcc00;--green: #34c759;--mint: #00c7be;--teal: #30b0c7;--cyan: #32ade6;--blue: #007aff;--indigo: #5856d6;--purple: #af52de;--pink: #ff2d55;--brown: #a2845e;--gray: #8e8e93;--body: var(--teal);--training: var(--orange);--sleep: var(--indigo);--blood: var(--red);--meds: var(--green);--goal: var(--pink);--radius: 18px;--font: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-text: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #000000;--card: #1c1c1e;--card-2: #2c2c2e;--text: #ffffff;--text-2: rgba(235, 235, 245, .6);--text-3: rgba(235, 235, 245, .3);--sep: rgba(84, 84, 88, .6);--fill: rgba(118, 118, 128, .24);--fill-2: rgba(118, 118, 128, .32);--accent: #0a84ff;--red: #ff453a;--orange: #ff9f0a;--yellow: #ffd60a;--green: #30d158;--mint: #63e6e2;--teal: #40c8e0;--cyan: #64d2ff;--blue: #0a84ff;--indigo: #5e5ce6;--purple: #bf5af2;--pink: #ff375f;--brown: #ac8e68}}:root[data-theme=dark]{--bg: #000000;--card: #1c1c1e;--card-2: #2c2c2e;--text: #ffffff;--text-2: rgba(235, 235, 245, .6);--text-3: rgba(235, 235, 245, .3);--sep: rgba(84, 84, 88, .6);--fill: rgba(118, 118, 128, .24);--fill-2: rgba(118, 118, 128, .32);--accent: #0a84ff}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-text);font-size:15px;line-height:1.35;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}input,textarea,select{font:inherit;color:inherit}.shell{display:flex;min-height:100dvh}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:space-around;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--card) 85%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--sep)}.nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:500;color:var(--gray);padding:2px 4px;flex:1;max-width:96px;white-space:nowrap}.nav a.active{color:var(--accent)}.main{flex:1;min-width:0}.page{max-width:760px;margin:0 auto;padding:8px 16px 120px;display:flex;flex-direction:column;gap:18px}.topbar{display:flex;justify-content:flex-end;gap:4px;max-width:760px;margin:0 auto;padding:8px 12px 0}.icon-btn{border:0;background:none;padding:8px;border-radius:10px;color:var(--accent);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--fill)}@media(min-width:900px){.nav{position:sticky;top:0;bottom:auto;height:100dvh;width:200px;flex-direction:column;justify-content:flex-start;gap:4px;padding:20px 12px;border-top:0;border-right:.5px solid var(--sep)}.nav a{flex-direction:row;gap:10px;font-size:15px;padding:9px 12px;border-radius:10px;color:var(--text);flex:none;max-width:none}.nav a.active{background:var(--fill);color:var(--accent)}.nav .brand{display:flex!important}.page{padding-bottom:60px}}.nav .brand{display:none;font:700 20px var(--font);padding:4px 12px 16px;align-items:center;gap:8px}.large-title{font:700 34px/1.1 var(--font);margin:0}.title2{font:800 22px var(--font)}.title3{font:700 20px var(--font)}.headline{font-weight:600}.caption{font-size:12px}.caption2{font-size:11px}.tiny{font-size:9px}.secondary{color:var(--text-2)}.tertiary{color:var(--text-3)}.bold{font-weight:700}.rounded{font-family:var(--font)}.num{font-family:var(--font);font-variant-numeric:tabular-nums}.card{background:var(--card);border-radius:var(--radius);padding:16px;min-width:0}.card.tight{padding:12px}.section-header{font:700 20px var(--font);padding:0 4px;margin:4px 0 -8px}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:6px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spacer{flex:1}.divider{height:.5px;background:var(--sep);margin:12px 0}.tap{cursor:pointer;border:0;background:none;padding:0;text-align:left;width:100%;display:block;color:inherit}.tap:active{opacity:.6}.card.tap{background:var(--card);padding:16px}.card.tight.tap{padding:12px}.label{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700}.btn{border:0;border-radius:12px;padding:10px 16px;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;display:inline-flex;align-items:center;gap:6px;justify-content:center}.btn.secondary{background:var(--fill);color:var(--accent)}.btn.small{padding:6px 12px;font-size:13px;border-radius:10px}.btn:disabled{opacity:.4;cursor:default}.chip{border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;background:var(--fill);color:var(--text)}.chip.on{background:var(--accent);color:#fff}.pill{display:inline-block;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.field{width:100%;border:0;border-radius:12px;padding:10px 12px;background:var(--fill);outline:none}.field:focus{box-shadow:0 0 0 2px var(--accent)}.stat-tile{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-width:0}.stat-tile .v{font:700 19px var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--fill-2);border-top-color:var(--text-2);animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.banner{background:color-mix(in srgb,var(--yellow) 18%,transparent);font-size:12px;text-align:center;padding:6px;color:var(--text-2)}.error{color:var(--red);font-size:13px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:40}.sheet{position:fixed;z-index:41;background:var(--bg);display:flex;flex-direction:column;left:0;right:0;bottom:0;top:6dvh;border-radius:14px 14px 0 0;overflow:hidden}@media(min-width:900px){.sheet{left:auto;top:0;width:440px;border-radius:0;border-left:.5px solid var(--sep)}}.sheet-head{display:flex;align-items:center;gap:8px;padding:12px 12px 8px}.sheet-body{flex:1;overflow-y:auto;padding:0 16px 16px}.brain-btn{position:fixed;right:18px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:30;width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;color:#fff;background:var(--red);box-shadow:0 6px 18px #ff3b3066;display:flex;align-items:center;justify-content:center}@media(min-width:900px){.brain-btn{bottom:28px;right:28px}}
