:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#111827;--gb-green: #16a34a;--gb-green-soft: #16a34a14;--gb-border: #e5e7eb;--gb-muted: #6b7280;--gb-ink: #374151;--gb-surface: #ffffff}*{box-sizing:border-box}body{margin:0;background:#f9fafb;-webkit-tap-highlight-color:transparent}input:focus,select:focus,textarea:focus{outline:2px solid var(--gb-green);outline-offset:0;border-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gb-green);outline-offset:2px;border-radius:.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app-shell{max-width:720px;margin:1.5rem auto;padding:0 1rem 4rem}@media(max-width:640px){.app-shell{margin:.5rem auto;padding:0 .75rem 4rem}}.app-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:.5rem;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:.85rem;padding:.3rem .45rem;margin-bottom:.75rem}.app-nav__brand{display:flex;align-items:center;gap:.4rem;flex-shrink:0;padding:0 .35rem;color:var(--gb-green);font-size:1rem;font-weight:700;text-decoration:none;white-space:nowrap}.app-nav__links{display:flex;align-items:center;gap:.15rem;min-width:0}.app-nav__link{position:relative;display:flex;align-items:center;gap:.45rem;min-height:2.5rem;padding:.4rem .6rem;border-radius:.65rem;color:var(--gb-muted);font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap}.app-nav__link:hover{background:#f3f4f6;color:var(--gb-ink)}.app-nav__link.is-active{background:var(--gb-green-soft);color:var(--gb-green)}.app-nav__label{overflow:hidden;text-overflow:ellipsis;max-width:12rem}.app-nav__badge{min-width:1.05rem;padding:0 .3rem;border-radius:999px;background:#dc2626;color:#fff;font-size:.65rem;font-weight:700;line-height:1.05rem;text-align:center}@media(max-width:700px){.app-nav__label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app-nav__link{padding:.4rem .5rem}.app-nav__badge{position:absolute;top:.15rem;left:1.45rem;border:2px solid var(--gb-surface)}}@media(max-width:380px){.app-nav__brand-name{display:none}}.app-nav__status:not(:empty){display:flex;justify-content:flex-end;margin:-.35rem 0 .75rem}.baby-bar{display:flex;align-items:center;gap:.5rem;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:.85rem;padding:.45rem .5rem .45rem .65rem;margin-bottom:.6rem}.baby-bar__identity{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.baby-bar__meta{color:var(--gb-muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.baby-bar__actions{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.tab-nav{display:flex;gap:.25rem;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:.85rem;padding:.25rem;margin-bottom:1.25rem}.tab-nav__tab{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.5rem;padding:.4rem .5rem;border:none;border-radius:.6rem;background:transparent;color:var(--gb-ink);font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer}.tab-nav__tab:hover{background:#f3f4f6}.tab-nav__tab.is-active{background:var(--gb-green);color:#fff}.tab-nav__tab.is-active:hover{background:#15803d}@media(min-width:641px){.tab-nav{justify-content:flex-start}.tab-nav__tab{flex:0 1 auto;min-width:7rem}}.back-nav{display:flex;justify-content:center;margin-bottom:1.25rem}.back-nav__link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:.5rem 1.75rem;border:1px solid var(--gb-border);border-radius:999px;background:var(--gb-surface);color:var(--gb-ink);font-size:.875rem;font-weight:600;text-decoration:none}.back-nav__link:hover{background:#f3f4f6;color:#111827}@media(max-width:640px){.back-nav{margin-bottom:1rem}.back-nav__link{width:100%}}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.summary-card--wide,.summary-card--full{grid-column:1 / -1}.summary-card{display:flex;flex-direction:column;gap:.6rem;position:relative;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:.75rem;--gb-card-padding: 1.25rem;padding:var(--gb-card-padding);overflow:hidden}.summary-card__view{position:relative;display:flex;flex-direction:column;gap:.6rem;flex:1 1 auto;padding-right:1.25rem;color:inherit;text-decoration:none}.summary-card__view:hover .summary-value,.summary-card__view:hover .summary-card__chevron{color:var(--gb-green)}.summary-card__chevron{position:absolute;top:0;right:0;color:#9ca3af}.summary-card__label{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--gb-muted)}.summary-card__icon{display:none}.summary-value{margin:0;font-size:1.125rem;font-weight:600}.summary-card__action{margin-top:auto;padding-top:.25rem}.summary-card__plus{display:none}.summary-growth{display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.summary-growth__stat{flex:1 1 7rem;min-width:0}.summary-growth__metric{margin:0;font-size:.75rem;font-weight:600;color:var(--gb-muted)}.summary-growth__stat .summary-value{margin-top:.2rem}.summary-growth__when{display:block;margin-top:.15rem;font-size:.8125rem;color:var(--gb-muted)}@media(max-width:640px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.summary-card--wide{grid-column:auto}.summary-card--full{order:1}.summary-card{text-align:center;gap:0;--gb-card-padding: .9rem;--gb-card-button-width: 100%;--gb-card-button-padding: .7rem 1rem;--gb-card-button-radius: 0}.summary-card__label,.summary-card__action-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.summary-card__icon{display:block;font-size:2rem;line-height:1;margin:.1rem 0}.summary-value{font-size:1rem}.summary-growth{gap:.5rem}.summary-growth__stat{flex:1 1 0}.summary-card__view{margin:calc(var(--gb-card-padding) * -1) calc(var(--gb-card-padding) * -1) 0;padding:var(--gb-card-padding) var(--gb-card-padding) 1rem}.summary-card__view:active{background:#f3f4f6}.summary-card__chevron{top:.45rem;right:.45rem}.summary-memory{text-align:left}.summary-card__action{margin:auto calc(var(--gb-card-padding) * -1) calc(var(--gb-card-padding) * -1);padding-top:0}.summary-card__plus{display:block;font-size:1.5rem;line-height:1.2}}