:root{--color-primary: #7FAF95;--color-primary-hover: #6F9F86;--color-primary-press: #5F8E76;--color-primary-soft: #E4EFE8;--color-primary-border: #C8D9CD;--color-accent: #E2A48C;--color-accent-soft: #F5E3DA;--color-accent-deep: #C9866A;--color-bg: #FAFAF8;--color-surface: #F0F0ED;--color-surface-soft: #E6E6E2;--color-text-primary: #1F1F1F;--color-text-secondary: #5F5F5F;--color-text-muted: #9A9A9A;--color-text-on-primary: #FFFFFF;--color-disabled: #C9C9C5;--color-border: #E6E6E2;--color-border-strong: #B8B8B2;--color-success: #7FAF95;--color-warning: #D9A86C;--color-error: #C97C7C;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--radius-xs: 6px;--radius-button: 12px;--radius-input: 12px;--radius-card: 20px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(31, 31, 31, .04);--shadow-rest: 0 2px 8px rgba(31, 31, 31, .04);--shadow-elevated: 0 6px 20px rgba(31, 31, 31, .06);--shadow-lg: 0 16px 40px rgba(31, 31, 31, .08);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-display: 40px;--font-h1: 28px;--font-h2: 22px;--font-h3: 18px;--font-body: 16px;--font-secondary: 14px;--font-caption: 12px;--font-eyebrow: 11px;--font-metric: 24px;--weight-regular: 400;--weight-medium: 500;--weight-semi: 600;--weight-bold: 700;--lh-h1: 34px;--lh-h2: 30px;--lh-h3: 24px;--lh-body: 24px;--lh-secondary: 20px;--lh-caption: 16px;--lh-eyebrow: 14px;--tracking-tight: -.01em;--tracking-snug: -.005em;--tracking-normal: 0;--tracking-wide: .01em;--tracking-eyebrow: .06em;--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-settle: cubic-bezier(.16, 1, .3, 1);--t-fast: .12s;--t-base: .2s;--t-slow: .32s}:root{--color-accent: var(--color-primary);--color-accent-hover: var(--color-primary-hover);--color-accent-dark: var(--color-primary-hover);--color-accent-light: var(--color-primary-soft);--color-accent-border: var(--color-primary-border);--color-accent-pop: var(--color-primary);--color-peach: var(--color-accent);--color-peach-light: var(--color-accent-soft);--color-peach-deep: var(--color-accent-deep);--color-warning-soft: #F2DDB8;--color-success-light: var(--color-primary-soft);--color-warning-light: var(--color-warning-soft);--color-error-light: rgba(201, 124, 124, .1);--color-text-on-accent: var(--color-text-on-primary);--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}.dark{--color-accent: var(--color-primary);--color-accent-hover: var(--color-primary-hover);--color-accent-dark: var(--color-primary-hover);--color-accent-light: var(--color-primary-soft);--color-accent-border: var(--color-primary-border);--color-accent-pop: var(--color-primary);--color-peach: var(--color-accent);--color-peach-light: var(--color-accent-soft);--color-peach-deep: var(--color-accent-deep);--color-error-light: rgba(201, 124, 124, .18)}.dark{--color-bg: #121212;--color-surface: #1C1C1C;--color-surface-soft: #262626;--color-text-primary: #F5F5F5;--color-text-secondary: #B0B0B0;--color-text-muted: #767676;--color-disabled: #3A3A3A;--color-border: #2C2C2C;--color-border-strong: #3A3A3A;--color-primary: #6FA688;--color-primary-hover: #5C9676;--color-primary-soft: #1F2A23;--color-primary-border: #2F4D3C;--color-accent: #D9967D;--color-accent-soft: #2A2218;--color-accent-deep: #BF7A60;--color-success: #6FA688;--color-warning: #D9967D;--color-error: #C97C7C;--shadow-rest: 0 1px 2px rgba(0, 0, 0, .3);--shadow-elevated: 0 2px 8px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);font-size:var(--font-body);font-weight:var(--weight-regular);background-color:var(--color-bg);color:var(--color-text-primary);letter-spacing:var(--tracking-normal);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;overflow-x:hidden}button{font-family:inherit}h1{font-size:var(--font-h1);font-weight:var(--weight-semi);line-height:var(--lh-h1);letter-spacing:var(--tracking-tight)}h2{font-size:var(--font-h2);font-weight:var(--weight-semi);line-height:var(--lh-h2);letter-spacing:var(--tracking-tight)}h3{font-size:var(--font-h3);font-weight:var(--weight-medium);line-height:var(--lh-h3);letter-spacing:var(--tracking-snug)}p{font-size:var(--font-body);font-weight:var(--weight-regular);line-height:var(--lh-body)}.text-secondary{font-size:var(--font-secondary);line-height:var(--lh-secondary);color:var(--color-text-secondary)}.text-caption{font-size:var(--font-caption);line-height:var(--lh-caption);color:var(--color-text-muted);letter-spacing:var(--tracking-wide)}.eyebrow{font-size:var(--font-eyebrow);line-height:var(--lh-eyebrow);font-weight:var(--weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-muted)}.metric{font-size:var(--font-metric);font-weight:var(--weight-semi);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.num,[data-tabular],.progress-label,.macro{font-variant-numeric:tabular-nums}#root{min-height:var(--app-height, 100dvh);display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;padding:var(--space-xl);padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom));max-width:480px;margin:0 auto;width:100%}.card{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-xl);box-shadow:var(--shadow-rest);transition:box-shadow var(--t-base) var(--ease-out),transform var(--t-fast) var(--ease-out)}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--shadow-elevated)}.card--interactive:active{transform:translateY(0) scale(.99)}.card--active{background:var(--color-primary-soft);box-shadow:none}.card--done{background:transparent;border:1px solid var(--color-border);box-shadow:none;opacity:.78}.btn-primary{width:100%;padding:16px 20px;min-height:52px;background:var(--color-primary);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-button);font-family:inherit;font-size:var(--font-body);font-weight:var(--weight-semi);line-height:1.2;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background var(--t-base) var(--ease-out),color var(--t-base) var(--ease-out),transform var(--t-fast) var(--ease-out)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{transform:scale(.99);background:var(--color-primary-press)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{width:100%;height:48px;padding:0 24px;background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-button);font-family:inherit;font-size:var(--font-secondary);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.btn-secondary:hover{background:var(--color-surface-soft);border-color:var(--color-border-strong)}.btn-secondary:active{transform:scale(.99)}.btn-ghost{background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-secondary);font-weight:var(--weight-regular);padding:12px 16px;cursor:pointer;transition:color var(--t-fast) var(--ease-out)}.btn-ghost:hover{color:var(--color-text-secondary)}.macro{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;font-size:var(--font-secondary);color:var(--color-text-muted);font-weight:var(--weight-regular);font-variant-numeric:tabular-nums}.macro__item{display:inline-flex;align-items:baseline;gap:4px}.macro__value{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.macro__separator{color:var(--color-text-muted);opacity:.5}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-eyebrow);font-weight:var(--weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.badge--primary{background:var(--color-primary-soft);color:var(--color-primary)}.badge--accent{background:var(--color-accent-soft);color:var(--color-accent-deep)}.badge--muted{background:var(--color-surface-soft);color:var(--color-text-muted)}.progress-bar{height:6px;background:var(--color-surface-soft);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .5s var(--ease-out)}input,textarea,select{font-family:inherit;font-size:var(--font-body);padding:14px 16px;background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-input);width:100%;transition:border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.alert{padding:12px 16px;border-radius:var(--radius-input);font-size:var(--font-secondary);line-height:var(--lh-secondary)}.alert-error{background:#c97c7c1a;border:1px solid rgba(201,124,124,.28);color:#8c4a4a}.alert-warning{background:var(--color-accent-soft);border:1px solid rgba(226,164,140,.32);color:var(--color-accent-deep)}.dark .alert-error{background:#c97c7c29;color:#e8a6a6;border-color:#c97c7c52}.dark .alert-warning{background:#d9967d29;color:#e8b59c;border-color:#d9967d52}.divider{height:1px;background:var(--color-border);margin:var(--space-2xl) 0}.skeleton{background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-soft) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-input)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--t-slow) var(--ease-out)}@keyframes spin{to{transform:rotate(360deg)}}