:root{--paper: #f2ead8;--paper-mid: #e8dfc8;--paper-dark: #ddd3b8;--ink: #141008;--ink-mid: #2e2418;--ink-light: #5a4e3a;--red: #7a1515;--green: #2a5e2a;--primary: #3498db;--border-radius: 0;--shadow: none;font-family:Libre Baskerville,Georgia,serif}.dark{--paper: #2d2a22;--paper-mid: #3a362e;--paper-dark: #4a463e;--ink: #e8dfc8;--ink-mid: #c8bfa8;--ink-light: #a8a088;--red: #c0392b;--green: #27ae60}.theme-modern{--paper: #ffffff;--paper-mid: #f5f5f5;--paper-dark: #eeeeee;--ink: #1a1a1a;--ink-mid: #444444;--ink-light: #757575;--red: #e74c3c;--green: #27ae60;--primary: #3498db;--border-radius: 8px;--shadow: 0 2px 8px rgba(0,0,0,.08);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:inherit;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,Georgia,serif;color:var(--ink)}a{color:var(--ink)}a:hover{color:var(--red)}hr.single{border:none;border-top:1px solid var(--ink)}hr.double{border:none;border-top:3px double var(--ink)}hr.thick{border:none;border-top:3px solid var(--ink)}.btn{display:inline-block;padding:10px 20px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;font-family:Libre Baskerville,Georgia,serif;font-size:13px;border-radius:var(--border-radius);text-decoration:none}.btn:hover{background:var(--paper-mid)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--ink-mid)}.btn-secondary{background:var(--paper-mid);color:var(--ink)}.btn-danger{background:var(--red);color:var(--paper);border-color:var(--red)}input,textarea,select{padding:12px 16px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:15px;font-family:inherit;background:#fff;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3498db33}.card{background:var(--paper);border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid var(--paper-dark)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){body{font-size:14px}}