*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-bg: #f6f1e8;--color-surface: #fbf8f2;--color-border: #e4dcc9;--color-text: #3d3a34;--color-text-muted: #7a7364;--color-sage: #7c9473;--color-sage-hover: #6c8264;--radius-md: .75rem;--radius-lg: 1.25rem;--shadow-soft: 0 1px 3px rgba(61, 58, 52, .06);--transition-slow: .32s ease}@media(prefers-color-scheme:dark){:root{--color-bg: #26241f;--color-surface: #302d27;--color-border: #443f35;--color-text: #ede8dd;--color-text-muted: #b3ab98;--color-sage: #93ac89;--color-sage-hover: #a3bb99;--shadow-soft: 0 1px 3px rgba(0, 0, 0, .25)}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}.page{max-width:80ch;margin-inline:auto;padding:2rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dose-page{display:flex;flex-direction:column;gap:2.5rem;max-width:40rem}.dose-page__header{display:flex;flex-direction:column;gap:.5rem}.dose-page__header h1{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:500;letter-spacing:-.01em}.dose-page__date{color:var(--color-text-muted);font-size:1rem}.dose-empty{display:flex;flex-direction:column;gap:1rem;padding:2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.dose-empty h2{font-size:1.25rem;font-weight:500}.dose-empty p{color:var(--color-text-muted)}.dose-checklist__list{display:flex;flex-direction:column;gap:1rem;list-style:none}.dose-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:background-color var(--transition-slow),box-shadow var(--transition-slow)}.dose-row__info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.dose-row__name{font-size:1.0625rem;font-weight:500}.dose-row__status{font-size:.875rem;color:var(--color-text-muted)}.dose-row__button{flex-shrink:0;min-height:3.25rem;padding-inline:1.5rem;border-radius:var(--radius-md);border:1px solid transparent;background-color:var(--color-sage);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color var(--transition-slow),opacity var(--transition-slow)}.dose-row__button:hover{background-color:var(--color-sage-hover)}.dose-row__button:focus-visible{outline:2px solid var(--color-sage);outline-offset:2px}.dose-row__button--done{background-color:transparent;color:var(--color-sage);border-color:var(--color-sage)}.dose-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.5rem;background-color:var(--color-surface)}.dose-section summary{cursor:pointer;font-weight:500;padding-block:.5rem}.dose-section[open] summary{margin-bottom:.75rem}.add-pill-form{display:flex;flex-direction:column;gap:.5rem;margin-block-end:1rem}.add-pill-form label{font-size:.875rem;color:var(--color-text-muted)}.add-pill-form__row{display:flex;gap:.75rem}.add-pill-form__row input{flex:1;min-width:0;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text)}.add-pill-form__row input:focus-visible{outline:2px solid var(--color-sage);outline-offset:1px}.add-pill-form__row button{padding-inline:1.25rem;border-radius:var(--radius-md);border:1px solid var(--color-sage);background-color:transparent;color:var(--color-sage);font-weight:500;cursor:pointer;transition:background-color var(--transition-slow),color var(--transition-slow)}.add-pill-form__row button:hover{background-color:var(--color-sage);color:#fff}.manage-list{display:flex;flex-direction:column;gap:.5rem;list-style:none}.manage-list__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.5rem;border-bottom:1px solid var(--color-border)}.manage-list__item:last-child{border-bottom:none}.manage-list__item button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.875rem;text-decoration:underline;transition:color var(--transition-slow)}.manage-list__item button:hover{color:var(--color-text)}.dose-history__day{margin-block-end:1rem}.dose-history__day:last-child{margin-block-end:0}.dose-history__day h3{font-size:.875rem;font-weight:500;color:var(--color-text-muted);margin-block-end:.375rem}.dose-history__day ul{list-style:none;display:flex;flex-direction:column;gap:.25rem}.dose-history__empty{color:var(--color-text-muted)}@media(max-width:30rem){.dose-row{flex-direction:column;align-items:stretch}.dose-row__button{width:100%}}