:root{--color-bg: #fdfdfd;--color-bg-subtle: #f4f6f5;--color-text-main: #2c3e50;--color-text-muted: #7f8c8d;--color-border: #e0e6ed;--color-accent-primary: #2ecc71;--color-accent-secondary: #3498db;--color-accent-tertiary: #e67e22;--color-accent-quaternary: #9b59b6;--color-success: #27ae60;--color-warning: #f1c40f;--color-danger: #e74c3c;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--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: 2rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .025);--shadow-floating: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 10px 10px -5px rgba(0, 0, 0, .02);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 24px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.flex-center{display:flex;align-items:center;justify-content:center}.text-muted{color:var(--color-text-muted)}.reader-content p{margin-bottom:1.4em}.reader-content h1,.reader-content h2,.reader-content h3,.reader-content h4,.reader-content h5,.reader-content h6{margin-top:1.5em;margin-bottom:.75em;font-weight:700!important;line-height:1.3!important;color:inherit!important;font-family:inherit!important}.reader-content h1{font-size:2em!important}.reader-content h2{font-size:1.75em!important}.reader-content h3{font-size:1.5em!important}.reader-content h4{font-size:1.25em!important}.reader-content h5{font-size:1.1em!important}.reader-content h6{font-size:1em!important}.reader-content a{color:#5ba3e0!important;text-decoration:underline!important;text-decoration-color:#5ba3e04d!important;text-underline-offset:2px!important}.reader-content a:hover{text-decoration-color:#5ba3e0!important}.reader-content strong,.reader-content b{font-weight:700!important}.reader-content em,.reader-content i{font-style:italic!important}.reader-content blockquote{margin:1.5em 0!important;padding-left:1.5em!important;border-left:4px solid #5ba3e0!important;font-style:italic!important;color:inherit!important;font-family:inherit!important}.reader-content blockquote *{color:inherit!important;font-family:inherit!important}.reader-content img{max-width:100%!important;height:auto!important;margin:2em auto!important;border-radius:8px!important;display:block!important}.reader-content ul,.reader-content ol{margin:1em 0;padding-left:2em}.reader-content li{margin-bottom:.5em}.reader-scroll-container::-webkit-scrollbar{width:12px}.reader-scroll-container::-webkit-scrollbar-track{background:#1a1a1a}.reader-scroll-container::-webkit-scrollbar-thumb{background-color:#666;border-radius:6px;border:3px solid #1a1a1a}.reader-scroll-container::-webkit-scrollbar-thumb:hover{background-color:#888}