:root{--bg: #f5f2e9;--bg-white: #fafaf7;--card: #ffffff;--border: #e8e4d9;--text-primary: #1a1714;--text-secondary: #5c5750;--text-muted: #8c8880;--accent: #1e40af;--accent-soft: #ebf4ff;--success: #15803d;--success-soft: #dcfce7;--warning: #b45309;--danger: #dc2626;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--font-reading: Georgia, "Times New Roman", serif;--font-ui: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code: "JetBrains Mono", "Courier New", monospace;--reading-width: 680px;--line-height: 1.8;--font-size-reading: 17px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit}.container{max-width:960px;margin:0 auto;padding:0 24px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .05s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#1a3496}.btn-primary:disabled{background:#a9b8e3;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg)}.btn-success{background:var(--success);color:#fff}.input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-white);font-size:15px;color:var(--text-primary)}.input:focus{outline:2px solid var(--accent);outline-offset:1px}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-muted{background:var(--border);color:var(--text-secondary)}.reading-content{font-family:var(--font-reading);font-size:var(--font-size-reading);line-height:var(--line-height);max-width:var(--reading-width);margin:0 auto;color:var(--text-primary)}.reading-content h1{font-size:26px;font-weight:700;margin:0 0 8px;line-height:1.3}.reading-content h2{font-size:20px;font-weight:600;margin:32px 0 12px;border-bottom:1px solid var(--border);padding-bottom:6px}.reading-content h3{font-size:17px;font-weight:700;margin:24px 0 8px}.reading-content p{margin:0 0 20px}.reading-content ul,.reading-content ol{margin:0 0 20px 24px;padding:0}.reading-content li{margin-bottom:8px;line-height:1.7}.reading-content code{font-family:var(--font-code);font-size:14px;background:#f0ede6;padding:2px 6px;border-radius:3px}.reading-content pre{background:#1a1714;color:#f5f2e9;padding:20px;border-radius:8px;overflow-x:auto;font-family:var(--font-code);font-size:14px;line-height:1.6;margin:20px 0}.reading-content pre code{background:transparent;padding:0;color:inherit}.reading-content blockquote{border-left:3px solid var(--accent);margin:24px 0;padding:8px 0 8px 20px;color:var(--text-secondary);font-style:italic}.reading-content table{width:100%;border-collapse:collapse;margin:20px 0;display:block;overflow-x:auto}.reading-content th{background:var(--bg);padding:10px 12px;text-align:left;font-family:var(--font-ui);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:2px solid var(--border)}.reading-content td{padding:10px 12px;border-bottom:1px solid var(--border);font-size:15px}.reading-content strong{color:var(--text-primary)}@media(max-width:767px){.reading-content{font-size:16px}}@media print{.no-print{display:none!important}.reading-content{max-width:100%;font-size:12pt;line-height:1.6}body{background:#fff}}