:root{--bg:#faf9f6;--bg-elevated:#fff;--text:#24221e;--text-muted:#6b675e;--border:#e4e1d8;--accent:#8a5a3b;--accent-contrast:#fff;--danger:#b3432b;--success:#4a7a4a;--shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--font-size-base:17px;--line-height-base:1.6;--column-width:640px;--radius:10px}[data-theme=dark]{--bg:#1c1b19;--bg-elevated:#26241f;--text:#ece8e0;--text-muted:#a39d8f;--border:#3a3730;--accent:#d0966a;--accent-contrast:#1c1b19;--danger:#e08066;--success:#7fb37f;--shadow:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}.container{max-width:880px;margin:0 auto;padding:24px 20px 64px}.reading-container{max-width:var(--column-width);margin:0 auto;padding:24px 20px 96px}.font-small{--font-size-base:15px}.font-medium{--font-size-base:17px}.font-large{--font-size-base:19px}.font-xlarge{--font-size-base:22px}.width-narrow{--column-width:480px}.width-medium{--column-width:640px}.width-wide{--column-width:800px}.spacing-compact{--line-height-base:1.35}.spacing-normal{--line-height-base:1.6}.spacing-relaxed{--line-height-base:1.9}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.btn,.card{background:var(--bg-elevated)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid var(--border);color:var(--text);padding:10px 16px;font-size:.95rem;cursor:pointer;transition:opacity .15s ease,transform .05s ease}.btn:hover{opacity:.85}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-block{width:100%}.input,select.input,textarea.input{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:var(--bg-elevated);color:var(--text)}.stack{display:flex;flex-direction:column;gap:12px}.row,.row-wrap{display:flex;align-items:center;gap:12px}.row-wrap{flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--text-muted)}.small{font-size:.85rem}.progress-bar{height:8px;border-radius:999px;background:var(--border);overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);transition:width .3s ease}.badge{display:inline-block;font-size:.75rem;padding:3px 9px;border-radius:999px;background:var(--border);color:var(--text-muted)}.alert{border-radius:var(--radius);padding:14px 16px;font-size:.92rem;border:1px solid var(--border);background:var(--bg-elevated)}.alert-info{border-color:var(--accent)}.alert-error{border-color:var(--danger);color:var(--danger)}.top-nav{border-bottom:1px solid var(--border);background:var(--bg-elevated)}.top-nav-inner{max-width:880px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.reading-section{margin-top:28px}.reading-section h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:8px}.reading-section p{white-space:pre-wrap}blockquote{margin:0;padding-left:16px;border-left:3px solid var(--accent);color:var(--text-muted);font-style:italic}