#app{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--border-color: #e0e0e0;--accent-color: #007bff;--warning-color: #ff6b00;--danger-color: #dc3545;--success-color: #28a745;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-scale: 1;--bottom-nav-height: 80px}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #1a1a1a;--text-primary: #ffff00;--text-secondary: #ffffff;--text-muted: #cccccc;--border-color: #333333;--accent-color: #66b3ff;--warning-color: #ff9500;--danger-color: #ff4757}[data-font-size=large]{--font-scale: 1.2}[data-font-size=larger]{--font-scale: 1.4}[data-font-size=largest]{--font-scale: 1.6}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;color:#000;color:var(--text-primary);background-color:#fff;background-color:var(--bg-primary);font-size:1rem;font-size:calc(var(--font-size-base) * var(--font-scale));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}@media (prefers-contrast: high){:root{--text-primary: #000000;--bg-primary: #ffffff}[data-theme=dark]{--text-primary: #ffff00;--bg-primary: #000000}}@media (max-width: 480px){html{font-size:14px}}*:focus{outline:3px solid #007bff;outline:3px solid var(--accent-color);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:8px;background-color:#007bff;background-color:var(--accent-color);color:#fff;font-size:1.125rem;font-size:calc(var(--font-size-lg) * var(--font-scale));font-weight:600;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;transition:all .2s ease;min-height:48px;min-width:48px}.btn:hover{opacity:.9;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-warning{background-color:#ff6b00;background-color:var(--warning-color)}.btn-danger{background-color:#dc3545;background-color:var(--danger-color)}.btn-large{padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl);font-size:1.25rem;font-size:calc(var(--font-size-xl) * var(--font-scale));min-height:60px}.text-primary{color:#000;color:var(--text-primary)}.text-secondary{color:#333;color:var(--text-secondary)}.text-muted{color:#666;color:var(--text-muted)}.text-center{text-align:center}.bg-primary{background-color:#fff;background-color:var(--bg-primary)}.bg-secondary{background-color:#f8f9fa;background-color:var(--bg-secondary)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--spacing-xs)}.p-2{padding:.5rem;padding:var(--spacing-sm)}.p-3{padding:1rem;padding:var(--spacing-md)}.p-4{padding:1.5rem;padding:var(--spacing-lg)}.p-5{padding:2rem;padding:var(--spacing-xl)}.m-0{margin:0}.m-1{margin:.25rem;margin:var(--spacing-xs)}.m-2{margin:.5rem;margin:var(--spacing-sm)}.m-3{margin:1rem;margin:var(--spacing-md)}.m-4{margin:1.5rem;margin:var(--spacing-lg)}.m-5{margin:2rem;margin:var(--spacing-xl)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.reading-highlight{background-color:#ff6b00;background-color:var(--warning-color);color:#fff;padding:2px 4px;border-radius:4px;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.main-content{padding-bottom:calc(80px + 1.5rem);padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-lg))}.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 768px){#app{max-width:480px;margin:0 auto;box-shadow:0 0 20px #0000001a}}