:root{--max-width:480px;--tap-min:44px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--radius:10px;--fg:#1f2933;--fg-muted:#5c6773;--bg:#f7f9fb;--surface:#fff;--border:#d6dde4;--accent:#2563eb;--accent-fg:#fff;--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size:16px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--font-size);color:var(--fg);background:var(--bg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;line-height:1.5}#root{width:100%}.app-shell{width:100%;max-width:var(--max-width);padding:var(--space-4);margin:0 auto}.app-nav{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.app-main{width:100%}.tap-target,.nav-link,.btn{min-height:var(--tap-min);min-width:var(--tap-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-size:var(--font-size);cursor:pointer;justify-content:center;align-items:center;line-height:1.2;text-decoration:none;display:inline-flex}.nav-link{background:var(--surface);border:1px solid var(--border);color:var(--fg)}.btn{border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}h1{margin:0 0 var(--space-3);font-size:1.4rem}.muted{color:var(--fg-muted);font-size:.875rem}input,select,button,textarea{font:inherit;max-width:100%}img,svg,canvas{max-width:100%;height:auto}.entry-form{gap:var(--space-5);flex-direction:column;width:100%;display:flex}.entry-form__section{gap:var(--space-3);flex-direction:column;display:flex}.section-title{margin:0;font-size:1.1rem}.field{gap:var(--space-1);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.field__label{font-size:.95rem;font-weight:600}.field__control{width:100%;min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg)}.segmented{gap:var(--space-2);width:100%;display:flex}.segmented__option{min-width:var(--tap-min);min-height:var(--tap-min);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);font-size:var(--font-size);cursor:pointer;flex:1 1 0}.segmented__option.is-selected{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}.symptom-input{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);background:var(--surface);gap:var(--space-2);flex-direction:column;min-width:0;margin:0;display:flex}.symptom-input__label{padding:0;font-weight:600}.symptom-input__legend{color:var(--fg-muted);margin:0;font-size:.8125rem}.checklist{gap:var(--space-4);flex-direction:column;display:flex}.checklist__group{gap:var(--space-2);flex-direction:column;display:flex}.checklist__heading{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.95rem}.checklist__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.checklist__item{margin:0}.checkbox-row{align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;display:flex}.checkbox-row__box{flex:none;width:22px;height:22px}.checkbox-row__label{flex:auto;min-width:0}.event-editor{gap:var(--space-3);flex-direction:column;display:flex}.event-editor__header{align-items:baseline;gap:var(--space-2);display:flex}.event-editor__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.event-editor__item{gap:var(--space-2);flex-direction:column;display:flex}.empty-state{padding:var(--space-3);border:1px dashed var(--border);border-radius:var(--radius);color:var(--fg-muted);background:var(--surface);margin:0}.field-error{margin:var(--space-1) 0 0;color:#b91c1c;font-size:.8125rem}.submit-error{padding:var(--space-3);border-radius:var(--radius);color:#b91c1c;background:#fdecec;border:1px solid #f3b4b4;margin:0}.btn--primary{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.btn--secondary{background:var(--surface);border-color:var(--border);color:var(--fg)}.btn--ghost{border-color:var(--border);color:var(--fg-muted);background:0 0}.btn--block{width:100%}.history-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.history-list__item{margin:0}.history-item{gap:var(--space-1) var(--space-2);width:100%;min-height:var(--tap-min);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);grid-template-columns:auto 1fr;grid-template-areas:"date period""phase phase""summary summary";text-decoration:none;display:grid}.history-item__date{grid-area:date;font-weight:600}.history-item__period{padding:2px var(--space-2);border:1px solid var(--border);color:var(--fg-muted);border-radius:999px;grid-area:period;place-self:center start;font-size:.8125rem}.history-item__phase{grid-area:phase}.history-item__summary{grid-area:summary}.charts{gap:var(--space-5);flex-direction:column;display:flex}.charts__block{gap:var(--space-3);flex-direction:column;display:flex}.charts__grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.charts__symptom{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.chart-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-width:0;padding:var(--space-2);position:relative}.chart-box--sm{height:200px}.chart-box--lg{height:300px}.chart-box canvas{max-width:100%}.combined-chart{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.chart-toggles{gap:var(--space-2);flex-wrap:wrap;display:flex}.chart-toggle{align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:var(--space-1) var(--space-3);border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:999px;font-size:.8125rem;display:inline-flex}.chart-toggle.is-off{opacity:.55;text-decoration:line-through}.chart-toggle__swatch{border:2px solid;border-radius:3px;flex:none;width:14px;height:14px}.phase-legend{gap:var(--space-3);color:var(--fg-muted);flex-wrap:wrap;font-size:.8125rem;display:flex}.phase-legend__item{align-items:center;gap:var(--space-1);display:inline-flex}.phase-legend__swatch{border:1px solid var(--border);border-radius:3px;flex:none;width:16px;height:16px}.timeline{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.timeline__grid{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2);gap:2px;display:grid;overflow-x:auto}.timeline__row{display:contents}.timeline__rowlabel{color:var(--fg-muted);padding-right:var(--space-2);white-space:nowrap;text-overflow:ellipsis;align-self:center;font-size:.75rem;font-weight:600;overflow:hidden}.timeline__colhead{color:var(--fg-muted);text-align:center;writing-mode:vertical-rl;white-space:nowrap;justify-self:center;min-height:44px;font-size:.625rem;transform:rotate(180deg)}.timeline__cell{background:#eef2f6;border-radius:4px;justify-content:center;align-items:center;min-width:28px;min-height:22px;display:flex}.timeline__cell--span{background:#2563eb1f}.timeline__cell--checked{background:var(--accent);color:var(--accent-fg)}.timeline__check{font-size:.75rem;line-height:1}.timeline__event-dot{color:#dc2626;font-size:.75rem;line-height:1}.timeline__empty{color:var(--fg-muted);padding:var(--space-1) var(--space-2);align-self:center;font-size:.8125rem;font-style:italic}