:root{--color-dark-green: #0B4230;--color-jewel: #116C4F;--color-sinbad: #AADBCB;--color-aqua: #EBF5F2;--color-cream: #FFF3F8;--color-berry-red: #FF444F;--color-sun-yellow: #FCC128;--color-white: #FFFFFF;--color-black: #000000;--color-text-primary: var(--color-dark-green);--color-text-secondary: var(--color-jewel);--color-bg-primary: var(--color-cream);--color-bg-secondary: var(--color-white);--color-bg-reading: var(--color-cream);--color-border: var(--color-sinbad);--color-success: var(--color-jewel);--color-warning: var(--color-sun-yellow);--color-danger: var(--color-berry-red);--color-signal-gaze: var(--color-jewel);--color-signal-speech: var(--color-berry-red);--color-signal-face: var(--color-sun-yellow);--color-signal-analytics: var(--color-dark-green);--font-serif: Georgia, "Garamond", serif;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Monaco", "Menlo", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--shadow-sm: 0 1px 2px rgba(11, 66, 48, .05);--shadow-md: 0 4px 6px rgba(11, 66, 48, .1);--shadow-lg: 0 10px 15px rgba(11, 66, 48, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--line-height-normal)}body{font-size:var(--font-size-base)}#root{width:100%;min-height:100vh}h1{font-family:var(--font-serif);font-size:var(--font-size-4xl);font-weight:900;line-height:var(--line-height-tight);color:var(--color-text-primary)}h2{font-family:var(--font-serif);font-size:var(--font-size-3xl);font-weight:700;line-height:var(--line-height-tight);color:var(--color-text-primary)}h3{font-family:var(--font-serif);font-size:var(--font-size-2xl);font-weight:700;line-height:var(--line-height-tight)}p{line-height:var(--line-height-relaxed)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-muted{color:var(--color-text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.border{border:1px solid var(--color-border)}.shadow{box-shadow:var(--shadow-md)}