:root{--font-serif: "Lora", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-text: #1a1a1a;--color-text-light: #4a4a4a;--color-bg: #fdfdf9;--color-surface: #ffffff;--color-border: #e0e0e0;--color-primary: #2c5f7f;--color-primary-light: #eef6ff;--color-narrator: #f7f7f9;--color-player: #eef6ff;--color-error: #b00020;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--transition-fast: .15s ease-in-out;--transition-normal: .5s ease-in-out;--transition-slow: 1s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{font-family:var(--font-serif);font-size:18px;line-height:1.7;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,button,label{font-family:var(--font-sans)}h1{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;line-height:1.3}@media(min-width:768px){body{font-size:19px}h1{font-size:1.75rem}}