:root{--bg-base: #FBFAF8;--bg-elevated: #FFFFFF;--bg-inset: #F2F1EE;--border-subtle: #E5E3DE;--border-strong: #1A1A18;--text-primary: #1A1A18;--text-secondary: #4A4844;--text-muted: #6A6862;--text-placeholder: #A5A29B;--accent: #0E6363;--accent-strong: #0A4E4E;--accent-subtle: #E3EFEF;--on-accent: #FFFFFF;--danger: #B3261E;--on-danger: #FFFFFF;--danger-subtle: #FCEBE9;--warn: #8A5A00;--on-warn: #FFFFFF;--warn-subtle: #FBF1DF;--success: #1F6B3D;--on-success: #FFFFFF;--success-subtle: #E6F2EA;--info: #1A5FB4;--on-info: #FFFFFF;--info-subtle: #E7EEF9;--dose-pending: var(--text-muted);--dose-taken: var(--success);--dose-skipped: var(--text-placeholder);--dose-missed: var(--warn);--border-hairline: 1px;--border-heavy: 2px;--radius-card: 14px;--radius-sheet: 20px;--radius-control: 10px;--radius-chip: 8px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: clamp(11px, .68rem + .1vw, 12px);--text-sm: clamp(13px, .78rem + .1vw, 14px);--text-base: clamp(15px, .9rem + .1vw, 16px);--text-lg: clamp(18px, 1.05rem + .2vw, 20px);--text-xl: clamp(22px, 1.3rem + .3vw, 26px);--text-step: clamp(20px, 1.2rem + .4vw, 26px);--text-input: 16px;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--leading-tight: 1.25;--leading-body: 1.55;--tracking-label: .02em;--header-h: 52px;--tabbar-h: 64px;--content-max: 480px;--tap-min: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--transition-fast: .12s ease;--transition-base: .2s ease;--shadow-card: 0 1px 2px rgba(26, 26, 24, .06), 0 2px 8px rgba(26, 26, 24, .04);--shadow-sheet: 0 -2px 24px rgba(26, 26, 24, .12)}:root[data-text-size=lg]{--text-base: 17px;--text-sm: 15px;--text-lg: 22px;--text-step: 28px}:root[data-text-size=xl]{--text-base: 19px;--text-sm: 17px;--text-lg: 25px;--text-step: 32px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-base: #121212;--bg-elevated: #1E1E1E;--bg-inset: #262626;--border-subtle: #2C2C2C;--border-strong: #F5F5F5;--text-primary: #F5F5F5;--text-secondary: #B3B3B3;--text-muted: #8F8F8F;--text-placeholder: #6E6E6E;--accent: #2FA8A8;--accent-strong: #45BDBD;--accent-subtle: #16302F;--on-accent: #0D0D0D;--danger: #F2645A;--on-danger: #0D0D0D;--danger-subtle: #351816;--warn: #E0A030;--on-warn: #0D0D0D;--warn-subtle: #33260D;--success: #5DBE85;--on-success: #0D0D0D;--success-subtle: #16301F;--info: #6BA6F0;--on-info: #0D0D0D;--info-subtle: #16233A;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--shadow-sheet: 0 -2px 24px rgba(0, 0, 0, .5)}}:root[data-theme=dark]{--bg-base: #121212;--bg-elevated: #1E1E1E;--bg-inset: #262626;--border-subtle: #2C2C2C;--border-strong: #F5F5F5;--text-primary: #F5F5F5;--text-secondary: #B3B3B3;--text-muted: #8F8F8F;--text-placeholder: #6E6E6E;--accent: #2FA8A8;--accent-strong: #45BDBD;--accent-subtle: #16302F;--on-accent: #0D0D0D;--danger: #F2645A;--on-danger: #0D0D0D;--danger-subtle: #351816;--warn: #E0A030;--on-warn: #0D0D0D;--warn-subtle: #33260D;--success: #5DBE85;--on-success: #0D0D0D;--success-subtle: #16301F;--info: #6BA6F0;--on-info: #0D0D0D;--info-subtle: #16233A;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--shadow-sheet: 0 -2px 24px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}.skip-to-content{position:absolute;left:calc(var(--space-2) * -1000);top:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-control);z-index:100}.skip-to-content:focus{left:var(--space-2)}#root{min-height:100dvh}.app-shell{max-width:var(--content-max);margin:0 auto;padding:var(--space-5) var(--space-4) calc(var(--space-6) + var(--safe-bottom))}.card{background:var(--bg-elevated);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-4);box-shadow:var(--shadow-card)}h1{font-size:var(--text-xl);line-height:var(--leading-tight);margin:0 0 var(--space-2)}h2{font-size:var(--text-lg);line-height:var(--leading-tight);margin:0 0 var(--space-2)}p{margin:0 0 var(--space-3)}.muted{color:var(--text-muted);font-size:var(--text-sm)}.banner{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);margin-bottom:var(--space-4);font-size:var(--text-sm)}.banner-danger{background:var(--danger-subtle);color:var(--text-primary);border:var(--border-hairline) solid var(--danger)}.banner-warn{background:var(--warn-subtle);color:var(--text-primary);border:var(--border-hairline) solid var(--warn)}.banner-info{background:var(--info-subtle);color:var(--text-primary);border:var(--border-hairline) solid var(--info)}.banner-label{font-weight:var(--weight-bold)}.btn{min-height:var(--tap-min);padding:0 var(--space-5);border-radius:var(--radius-control);border:none;font:inherit;font-weight:var(--weight-medium);cursor:pointer;background:var(--accent);color:var(--on-accent);transition:background var(--transition-fast)}.btn:hover{background:var(--accent-strong)}input,textarea,select{font-size:var(--text-input);font-family:inherit}.disclaimer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border-hairline) solid var(--border-subtle);color:var(--text-muted);font-size:var(--text-sm)}