:root{--color-bg: #FAFAF9;--color-bg-elevated: #FFFFFF;--color-bg-muted: #F5F5F4;--color-text: #1C1917;--color-text-muted: #78716C;--color-text-subtle: #A8A29E;--color-primary: #0F766E;--color-primary-hover: #0D9488;--color-primary-muted: #CCFBF1;--color-border: #E7E5E4;--color-border-strong: #D6D3D1;--color-success: #059669;--color-error: #DC2626;--color-warning: #D97706;--font-sans: "DM Sans", "Source Sans 3", system-ui, sans-serif;--font-display: var(--font-sans);--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-hero: clamp(28px, 6vw, 42px);--line-height-tight: 1.25;--line-height-normal: 1.5;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--touch-min: 44px;--radius-button: 8px;--radius-card: 12px;--radius-input: 10px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .06);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .08);--shadow-soft: 0 2px 8px rgba(15, 118, 110, .06);--shadow-cta: 0 4px 14px rgba(15, 118, 110, .28);--gradient-hero: linear-gradient(135deg, rgba(204, 251, 241, .6) 0%, rgba(245, 245, 244, .4) 50%, transparent 70%)}.landing-container{max-width:min(880px,100% - var(--space-6));margin:0 auto;padding:0 var(--space-4)}.app-page{max-width:480px;margin:0 auto;padding:var(--space-4)}.app-page-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-5);letter-spacing:-.02em}.app-card{background:var(--color-bg-elevated);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);padding:var(--space-4);margin-bottom:var(--space-3)}.app-card:last-child{margin-bottom:0}.app-input{width:100%;min-height:var(--touch-min);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-input);font-size:var(--text-base);font-family:inherit;color:var(--color-text);background:var(--color-bg-elevated);transition:border-color .15s ease,box-shadow .15s ease}.app-input::placeholder{color:var(--color-text-subtle)}.app-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.app-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-2)}.app-section-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:var(--space-6) 0 var(--space-3)}.app-empty{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-6);background:var(--color-bg-muted);border-radius:var(--radius-card)}.app-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);padding:var(--space-4);margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-5);border-radius:0}.app-header-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh;min-height:100dvh;padding:0}#root{min-height:100vh;min-height:100dvh}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}