:root{--color-primary: #7C5CBF;--color-primary-light: #E8E0F5;--color-primary-dark: #5A3E99;--color-accent: #F0A8C0;--color-accent-light: #FCE8F0;--color-success: #7BC4A4;--color-success-light: #E0F4EC;--color-warning: #F4A261;--color-warning-light: #FEF0E4;--color-danger: #E06C6C;--color-danger-light: #FDEAEA;--color-bg: #FAF8FE;--color-surface: #FFFFFF;--color-surface-2: #F3F0FA;--color-border: #E2DCF0;--color-text: #2D2D3A;--color-text-muted: #6B6B80;--color-text-faint: #A8A8BC;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(124, 92, 191, .08);--shadow-md: 0 4px 12px rgba(124, 92, 191, .12);--shadow-lg: 0 8px 24px rgba(124, 92, 191, .16);--header-height: 60px;--bottom-nav-height: 64px;--max-width: 480px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);min-height:100dvh;overscroll-behavior:none}#root{min-height:100dvh;display:flex;flex-direction:column}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-sans);font-size:var(--font-size-base)}.app{display:flex;flex-direction:column;min-height:100dvh;max-width:var(--max-width);margin:0 auto;background:var(--color-bg);position:relative}.app-main{flex:1;padding-top:var(--header-height);padding-bottom:var(--bottom-nav-height);overflow-y:auto}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:var(--space-4);color:var(--color-text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width);height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);z-index:100}.header-logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:-.3px}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.badge-paid{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--color-primary-light);padding:2px 8px;border-radius:var(--radius-full)}.btn-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:background .15s}.btn-icon:hover{background:var(--color-surface-2)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width);height:var(--bottom-nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:center;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--space-2);color:var(--color-text-faint);font-size:10px;font-weight:var(--font-weight-medium);transition:color .15s;text-transform:uppercase;letter-spacing:.5px}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-icon{font-size:22px;line-height:1}.auth-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(160deg,var(--color-primary-light) 0%,var(--color-bg) 50%)}.auth-hero{text-align:center;margin-bottom:var(--space-8)}.auth-logo{font-size:40px;font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:-1px;margin-bottom:var(--space-2)}.auth-tagline{color:var(--color-text-muted);font-size:var(--font-size-base);line-height:1.5}.auth-card{width:100%;max-width:380px;background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg)}.auth-tabs{display:flex;background:var(--color-surface-2);border-radius:var(--radius-md);padding:3px;margin-bottom:var(--space-6)}.auth-tab{flex:1;padding:var(--space-2) var(--space-4);border-radius:calc(var(--radius-md) - 2px);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);transition:all .15s}.auth-tab.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.form-label-hint{font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);transition:border-color .15s,box-shadow .15s;outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c5cbf1f}.form-input::placeholder{color:var(--color-text-faint)}.form-textarea{resize:vertical;min-height:80px}.form-error{font-size:var(--font-size-sm);color:var(--color-danger);margin-top:var(--space-1)}.scale-selector{display:flex;gap:var(--space-1)}.scale-btn{flex:1;aspect-ratio:1;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);background:var(--color-surface-2);border:1.5px solid transparent;transition:all .12s}.scale-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.scale-btn.selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary-dark)}.tag-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.symptom-tag{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-surface-2);border:1.5px solid var(--color-border);transition:all .12s}.symptom-tag.selected{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:all .15s;cursor:pointer;border:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #7c5cbf4d}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px #7c5cbf66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-surface-2);color:var(--color-text-muted)}.btn-secondary:hover{background:var(--color-border)}.btn-ghost{color:var(--color-primary)}.btn-ghost:hover{background:var(--color-primary-light)}.btn-full{width:100%}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.page{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.dashboard-greeting{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1.2}.dashboard-greeting span{color:var(--color-primary)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;border:1px solid var(--color-border)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1}.stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-faint);margin-top:var(--space-1)}.today-cta{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-xl);padding:var(--space-6);color:#fff;display:flex;flex-direction:column;gap:var(--space-4)}.today-cta-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.today-cta-subtitle{font-size:var(--font-size-sm);opacity:.85;line-height:1.4}.btn-cta{background:#fff;color:var(--color-primary);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);align-self:flex-start}.entry-list{display:flex;flex-direction:column;gap:var(--space-3)}.entry-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border);cursor:pointer;transition:box-shadow .15s}.entry-card:hover{box-shadow:var(--shadow-md)}.entry-date{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);margin-bottom:var(--space-2)}.entry-metrics{display:flex;gap:var(--space-4);margin-bottom:var(--space-2)}.entry-metric{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--color-text)}.entry-metric-icon{font-size:14px}.entry-symptoms{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.entry-symptom-pill{font-size:11px;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary)}.entry-notes{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-2);font-style:italic;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.insight-card{background:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start}.insight-icon{font-size:20px;flex-shrink:0}.insight-text{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5}.paywall-card{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-accent-light) 100%);border:1px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.paywall-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.paywall-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5}.log-form{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.log-form-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.log-form-actions{display:flex;gap:var(--space-3);padding-bottom:var(--space-4)}.section-divider{height:1px;background:var(--color-border)}.log-today-grid{display:flex;flex-direction:column;gap:var(--space-3)}.log-today-card{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.log-today-card--done{border-color:var(--color-success);background:var(--color-success-light)}.log-today-card-icon{font-size:28px;flex-shrink:0}.log-today-card-body{flex:1;min-width:0}.log-today-card-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.log-today-card-status{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.log-today-card-status--empty{color:var(--color-text-faint)}.modal-overlay{position:fixed;inset:0;background:#00000073;z-index:200;display:flex;align-items:flex-end;justify-content:center}.modal-sheet{background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-6);width:100%;max-width:var(--max-width);max-height:90dvh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.quick-add-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.quick-add-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border-radius:var(--radius-lg);background:var(--color-surface-2);border:1.5px solid var(--color-border);transition:all .12s}.quick-add-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.quick-add-icon{font-size:26px;line-height:1}.quick-add-label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-align:center;line-height:1.2}.quick-add-detail{display:flex;flex-direction:column;gap:var(--space-4)}.quick-add-selected-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.stress-selector{display:flex;gap:var(--space-2)}.stress-btn{flex:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-surface-2);border:1.5px solid var(--color-border);transition:all .12s}.stress-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.stress-btn.selected{background:var(--color-surface);color:var(--stress-color, var(--color-primary));border-color:var(--stress-color, var(--color-primary));font-weight:var(--font-weight-semibold)}.checkbox-row{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--font-size-base);color:var(--color-text);-webkit-user-select:none;user-select:none}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.exercise-detail{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.meal-type-selector{display:flex;gap:var(--space-2)}.meal-type-btn{flex:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-surface-2);border:1.5px solid var(--color-border);transition:all .12s}.meal-type-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.meal-type-btn.selected{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.history-list{display:flex;flex-direction:column;gap:var(--space-6)}.history-date-group{display:flex;flex-direction:column;gap:var(--space-3)}.history-date-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.history-section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.history-sleep-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.history-sleep-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.history-checkins{display:flex;flex-direction:column;gap:var(--space-2)}.history-checkin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.history-checkin-time{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.history-food-summary{font-size:var(--font-size-sm);color:var(--color-text);margin-top:var(--space-1);line-height:1.4}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.settings-row-text{display:flex;flex-direction:column;gap:2px}.settings-row-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text)}.settings-row-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4}.toggle-btn{flex-shrink:0;width:44px;height:26px;border-radius:var(--radius-full);background:var(--color-border);position:relative;transition:background .2s;padding:0}.toggle-btn.on{background:var(--color-primary)}.toggle-btn:disabled{opacity:.6;cursor:not-allowed}.toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s;display:block}.toggle-btn.on .toggle-knob{transform:translate(18px)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--font-size-sm)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.empty-state{text-align:center;padding:var(--space-10) var(--space-6);color:var(--color-text-muted)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}