.shell{min-height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);grid-template-rows:auto 1fr auto;display:grid}.shell__skip{position:absolute;left:-9999px}.shell__skip:focus{background:var(--snoot-primary-container);color:var(--snoot-on-primary-container);border-radius:var(--snoot-radius-small);margin:.5rem;padding:.5rem .75rem;display:inline-block;position:static}.shell__header{padding:1rem 1.25rem .25rem}.shell__name{letter-spacing:.08em;text-transform:uppercase;color:var(--snoot-on-surface-variant);font-size:.8125rem;font-weight:600}.shell__content{padding:.75rem 1.25rem 1.5rem}.shell__content:focus{outline:none}.nav{background:var(--snoot-surface-container);border-top:1px solid var(--snoot-outline-variant);padding-bottom:env(safe-area-inset-bottom);position:sticky;bottom:0}.nav__list{margin:0;padding:.25rem .25rem .375rem;list-style:none;display:flex}.nav__item{flex:1 1 0}.tab{border-radius:var(--snoot-radius-medium);min-height:48px;color:var(--snoot-on-surface-variant);flex-direction:column;align-items:center;gap:.125rem;padding:.375rem .25rem;text-decoration:none;display:flex}.tab__icon{border-radius:var(--snoot-radius-large);box-sizing:content-box;width:24px;height:24px;padding:.125rem .75rem}.tab__label{font-size:.75rem;font-weight:500}.tab[data-active]{color:var(--snoot-on-secondary-container)}.tab[data-active] .tab__icon{background:var(--snoot-secondary-container)}.update{background:var(--snoot-secondary-container);color:var(--snoot-on-secondary-container);border-radius:var(--snoot-radius-medium);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:0 1rem .75rem;padding:.75rem 1rem;display:flex}.update__actions{gap:.5rem;display:flex}.update__later,.update__take{border-radius:var(--snoot-radius-small);cursor:pointer;min-height:40px;padding:0 1rem}.update__later{border:1px solid var(--snoot-outline);color:inherit;background:0 0}.update__take{background:var(--snoot-primary);color:var(--snoot-on-primary);border:none;font-weight:600}@media (width>=900px){.shell{grid-template:"nav header""nav content"1fr"nav update"/15rem 1fr}.shell__header{grid-area:header}.shell__content{grid-area:content;max-width:46rem}.update{grid-area:update}.nav{border-top:none;border-inline-end:1px solid var(--snoot-outline-variant);grid-area:nav;align-self:start;height:100vh;position:sticky;top:0}.nav__list{flex-direction:column;gap:.25rem;padding:1rem .75rem}.tab{flex-direction:row;justify-content:flex-start;gap:.875rem;padding:.625rem .875rem}.tab__icon{padding:0}.tab__label{font-size:.9375rem}.tab[data-active]{background:var(--snoot-secondary-container)}.tab[data-active] .tab__icon{background:0 0}}.screen{flex-direction:column;gap:.75rem;display:flex}.screen__title{font-size:1.75rem}.screen__blurb{color:var(--snoot-on-surface-variant);max-width:60ch}.screen__crumb{font-size:.875rem}.screen__action{background:var(--snoot-primary);min-height:40px;color:var(--snoot-on-primary);border-radius:var(--snoot-radius-small);align-self:flex-start;padding:.5rem 1rem;font-weight:600;text-decoration:none}.button{border-radius:var(--snoot-radius-small);background:var(--snoot-primary);min-height:40px;color:var(--snoot-on-primary);cursor:pointer;border:none;padding:.375rem 1rem;font-weight:600}.button:disabled{opacity:.6;cursor:default}.button--quiet{color:var(--snoot-primary);border:1px solid var(--snoot-outline);background:0 0;align-self:flex-start;font-weight:500}.signin{justify-content:flex-start;min-height:44px;display:flex}.search{display:block}.search__input{border:1px solid var(--snoot-outline);border-radius:var(--snoot-radius-small);background:var(--snoot-surface);width:100%;min-height:44px;color:inherit;font:inherit;padding:.5rem .75rem}.microchip{letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Menlo,monospace;font-size:1.25rem}.calendar{border-collapse:collapse;table-layout:fixed;width:100%}.calendar__caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.calendar th{color:var(--snoot-on-surface-variant);padding:.25rem 0;font-size:.6875rem;font-weight:500}.calendar td{text-align:center;padding:.125rem}.calendar__day{border-radius:var(--snoot-radius-extra-small);color:var(--snoot-on-surface-variant);background:var(--snoot-surface);padding:.375rem 0;font-size:.8125rem;display:block}.calendar td[data-noted] .calendar__day{background:var(--snoot-secondary-container);color:var(--snoot-on-secondary-container);font-weight:600}.calendar__outside{background:0 0}.season{border-collapse:collapse;table-layout:fixed;width:100%}.season td{text-align:center;color:var(--snoot-on-surface-variant);border-radius:var(--snoot-radius-extra-small);padding:.375rem 0;font-size:.6875rem}.season td[data-season]{background:var(--snoot-surface-variant);color:var(--snoot-on-surface-variant)}.season td[data-dose=given]{background:var(--snoot-primary);color:var(--snoot-on-primary);font-weight:600}.season td[data-dose=today],.season td[data-dose=upcoming]{background:var(--snoot-primary-container);color:var(--snoot-on-primary-container);font-weight:600}.season td[data-dose=skipped]{box-shadow:inset 0 0 0 1px var(--snoot-outline);background:0 0}.entries{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.entry{border-inline-start:2px solid var(--snoot-outline-variant);flex-direction:column;gap:.25rem;padding-inline-start:.75rem;display:flex}.entry__when{color:var(--snoot-on-surface-variant);font-size:.8125rem;font-weight:600}.entry__note{max-width:60ch}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{background:var(--snoot-surface-container);border-radius:var(--snoot-radius-medium);flex-direction:column;gap:.625rem;padding:1rem 1.125rem;display:flex}.card[data-tone=pinned]{background:var(--snoot-primary-container);color:var(--snoot-on-primary-container)}.card[data-tone=late]{border:1px solid var(--snoot-outline-variant)}.card__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.card__title{font-size:1.0625rem}.card__blurb,.notice{color:var(--snoot-on-surface-variant);max-width:60ch;font-size:.875rem}.card[data-tone=pinned] .card__blurb{color:inherit}.notice[data-tone=warn]{background:var(--snoot-tertiary-container);color:var(--snoot-on-tertiary-container);border-radius:var(--snoot-radius-small);padding:.5rem .75rem}.group{flex-direction:column;gap:.375rem;display:flex}.group__title{letter-spacing:.06em;text-transform:uppercase;color:var(--snoot-on-surface-variant);font-size:.8125rem;font-weight:600}.empty{flex-direction:column;gap:.375rem;padding:.5rem 0;display:flex}.empty__title{font-weight:600}.empty__body{color:var(--snoot-on-surface-variant);max-width:56ch}.chips{flex-wrap:wrap;gap:.375rem;display:flex}.chip{border:1px solid var(--snoot-outline-variant);border-radius:var(--snoot-radius-large);min-height:36px;color:inherit;cursor:pointer;background:0 0;padding:.25rem .875rem}.chip[aria-pressed=true]{background:var(--snoot-secondary-container);color:var(--snoot-on-secondary-container);border-color:#0000;font-weight:600}.fields{gap:.375rem 1rem;margin:0;display:grid}.field{flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;display:flex}.field__label{color:var(--snoot-on-surface-variant);font-size:.875rem}.field__value{text-align:end;margin:0}.lines{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.line{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.line__main{flex-direction:column;gap:.125rem;min-width:0;display:flex}.line__detail{color:var(--snoot-on-surface-variant);font-size:.875rem}.line__aside{color:var(--snoot-on-surface-variant);text-align:end;white-space:nowrap;font-size:.875rem}.line[data-tone=done] .line__title{color:var(--snoot-on-surface-variant)}.line[data-tone=late] .line__aside{font-weight:600}.marker{border-radius:var(--snoot-radius-large);background:var(--snoot-marker-neutral);color:var(--snoot-marker-neutral-ink);padding:.125rem .5rem;font-size:.8125rem;display:inline-block}.marker[data-family=stool]{background:var(--snoot-marker-stool);color:var(--snoot-marker-stool-ink)}.marker[data-family=appetite]{background:var(--snoot-marker-appetite);color:var(--snoot-marker-appetite-ink)}.marker[data-family=energy]{background:var(--snoot-marker-energy);color:var(--snoot-marker-energy-ink)}.marker[data-family=water]{background:var(--snoot-marker-water);color:var(--snoot-marker-water-ink)}.marker[data-family=mood]{background:var(--snoot-marker-mood);color:var(--snoot-marker-mood-ink)}.marker[data-family=symptom]{background:var(--snoot-marker-symptom);color:var(--snoot-marker-symptom-ink)}.markers{flex-wrap:wrap;gap:.25rem;display:flex}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--snoot-brand-green:#1f6f5c;--snoot-brand-cream:#fbfaf7;--snoot-radius-extra-small:6px;--snoot-radius-small:10px;--snoot-radius-medium:16px;--snoot-radius-large:24px;--snoot-radius-extra-large:32px;--snoot-primary:#1f6f5c;--snoot-on-primary:#fff;--snoot-primary-container:#a9f0dc;--snoot-on-primary-container:#00201a;--snoot-secondary:#4b635b;--snoot-on-secondary:#fff;--snoot-secondary-container:#cde9de;--snoot-on-secondary-container:#072019;--snoot-tertiary:#9c6c2f;--snoot-on-tertiary:#fff;--snoot-tertiary-container:#ffddb6;--snoot-on-tertiary-container:#321300;--snoot-background:#fbfaf7;--snoot-on-background:#191c1a;--snoot-surface:#fbfaf7;--snoot-on-surface:#191c1a;--snoot-surface-variant:#dbe5df;--snoot-on-surface-variant:#3f4945;--snoot-surface-container:#f0efeb;--snoot-outline:#6f7975;--snoot-outline-variant:#bfc9c3;--snoot-error:#ba1a1a;--snoot-on-error:#fff;--snoot-error-container:#ffdad6;--snoot-on-error-container:#410002;--snoot-marker-stool:#e3d2b0;--snoot-marker-stool-ink:#40331a;--snoot-marker-appetite:#ffcb8e;--snoot-marker-appetite-ink:#3b2200;--snoot-marker-energy:#d2cef4;--snoot-marker-energy-ink:#221e4a;--snoot-marker-water:#b9dcf2;--snoot-marker-water-ink:#0d2e3e;--snoot-marker-mood:#edcbe8;--snoot-marker-mood-ink:#3d1f39;--snoot-marker-symptom:#ffcdbe;--snoot-marker-symptom-ink:#43150a;--snoot-marker-neutral:#cde9de;--snoot-marker-neutral-ink:#072019}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--snoot-primary:#8dd4c0;--snoot-on-primary:#00382c;--snoot-primary-container:#005141;--snoot-on-primary-container:#a9f0dc;--snoot-secondary:#b2ccc2;--snoot-on-secondary:#1d352e;--snoot-secondary-container:#334b44;--snoot-on-secondary-container:#cde9de;--snoot-tertiary:#f3bb77;--snoot-on-tertiary:#4a2800;--snoot-tertiary-container:#6a3c00;--snoot-on-tertiary-container:#ffddb6;--snoot-background:#101413;--snoot-on-background:#e1e3df;--snoot-surface:#101413;--snoot-on-surface:#e1e3df;--snoot-surface-variant:#3f4945;--snoot-on-surface-variant:#bfc9c3;--snoot-surface-container:#1c201f;--snoot-outline:#89938e;--snoot-outline-variant:#3f4945;--snoot-error:#ffb4ab;--snoot-on-error:#690005;--snoot-error-container:#93000a;--snoot-on-error-container:#ffdad6;--snoot-marker-stool:#4b3f28;--snoot-marker-stool-ink:#eee1ca;--snoot-marker-appetite:#5c3c10;--snoot-marker-appetite-ink:#ffe1be;--snoot-marker-energy:#33305a;--snoot-marker-energy-ink:#dfdcf7;--snoot-marker-water:#21414f;--snoot-marker-water-ink:#cfe6f4;--snoot-marker-mood:#4e3349;--snoot-marker-mood-ink:#f2d9ee;--snoot-marker-symptom:#5a2e22;--snoot-marker-symptom-ink:#ffdcd2;--snoot-marker-neutral:#334b44;--snoot-marker-neutral-ink:#cde9de}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--snoot-background);color:var(--snoot-on-background);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0}a{color:var(--snoot-primary)}button{font:inherit}:focus-visible{outline:3px solid var(--snoot-primary);outline-offset:2px;border-radius:var(--snoot-radius-extra-small)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
