:root{--bg-body:#fbfbfa;--bg-panel:#fff;--bg-subtle:#f7f7f5;--bg-inset:#f0f0eb;--border-color:#e5e5df;--border-dark:#cbd5e1;--border-focus:#1e3a8a;--text-main:#18181b;--text-body:#27272a;--text-muted:#52525b;--text-subtle:#71717a;--primary:#1e3a8a;--primary-hover:#172554;--primary-bg:#eff6ff;--primary-border:#bfdbfe;--accent-blue:#2563eb;--accent-blue-bg:#eff6ff;--accent-blue-border:#bfdbfe;--accent-green:#15803d;--accent-green-bg:#f0fdf4;--accent-green-border:#bbf7d0;--accent-amber:#92400e;--accent-amber-bg:#fffbeb;--accent-amber-border:#fde68a;--accent-red:#991b1b;--accent-red-bg:#fef2f2;--accent-red-border:#fecaca;--accent-purple:#581c87;--accent-purple-bg:#faf5ff;--accent-purple-border:#e9d5ff;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:"Iowan Old Style", "Apple Garamond", "Baskerville", "Times New Roman", "Droid Serif", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-main);letter-spacing:-.015em;font-weight:700}h1{font-size:1.85rem;line-height:1.25}h2{font-size:1.35rem;line-height:1.3}h3{font-size:1.05rem;line-height:1.35}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.glass-panel,.scholar-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem;box-shadow:0 1px 2px #0000000a}.scholar-badge{letter-spacing:.3px;text-transform:uppercase;border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:700;display:inline-block}.scholar-badge-blue{background:var(--accent-blue-bg);color:var(--primary);border:1px solid var(--accent-blue-border)}.scholar-badge-green{background:var(--accent-green-bg);color:var(--accent-green);border:1px solid var(--accent-green-border)}.scholar-badge-amber{background:var(--accent-amber-bg);color:var(--accent-amber);border:1px solid var(--accent-amber-border)}.scholar-badge-red{background:var(--accent-red-bg);color:var(--accent-red);border:1px solid var(--accent-red-border)}.scholar-badge-neutral{background:var(--bg-inset);color:var(--text-muted);border:1px solid var(--border-color)}table.scholar-table{border-collapse:collapse;background:var(--bg-panel);border-top:2px solid var(--text-main);border-bottom:2px solid var(--text-main);width:100%;font-size:.88rem}table.scholar-table th{background:var(--bg-subtle);color:var(--text-main);text-align:left;border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.4px;padding:9px 12px;font-size:.8rem;font-weight:700}table.scholar-table td{color:var(--text-body);border-bottom:1px solid #f0f0eb;padding:9px 12px}table.scholar-table tr:last-child td{border-bottom:none}.markdown-body{color:var(--text-body);font-size:1rem;line-height:1.65}.markdown-body h1{border-bottom:1px solid var(--border-color);color:var(--text-main);margin:1.8rem 0 1rem;padding-bottom:.4rem;font-size:1.75rem}.markdown-body h2{border-bottom:1px solid var(--border-color);color:var(--text-main);margin:1.5rem 0 .8rem;padding-bottom:.3rem;font-size:1.35rem}.markdown-body h3{color:var(--text-main);margin:1.2rem 0 .6rem;font-size:1.1rem}.markdown-body p{margin-bottom:.9rem}.markdown-body ul,.markdown-body ol{margin-bottom:1rem;padding-left:1.4rem}.markdown-body li{margin-bottom:.35rem}.markdown-body strong{color:var(--text-main);font-weight:600}.markdown-body code{background:var(--bg-inset);border:1px solid var(--border-color);font-family:var(--font-mono);color:#831843;border-radius:3px;padding:.15em .35em;font-size:.88em}.markdown-body pre{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:6px;margin-bottom:1rem;padding:1rem;overflow-x:auto}.markdown-body pre code{color:var(--text-main);background:0 0;border:none;padding:0}.markdown-body blockquote{border-left:3px solid var(--primary);background:var(--bg-subtle);color:var(--text-muted);margin:1rem 0;padding:.6rem 1rem}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:#d4d4ce;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a89f}.app-container{background-color:var(--bg-body);flex-direction:column;min-height:100vh;display:flex}.navbar{background:var(--bg-panel);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;padding:.9rem 2rem;display:flex;position:sticky;top:0}.navbar-brand{color:var(--text-main);cursor:pointer;letter-spacing:-.02em;align-items:center;gap:8px;font-size:1.25rem;font-weight:800;display:flex}.navbar-brand:hover{text-decoration:none}.navbar-nav{align-items:center;gap:.8rem;display:flex}.nav-link{color:var(--text-muted);cursor:pointer;border:1px solid #0000;border-radius:4px;padding:.4rem .8rem;font-size:.9rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-main);background:var(--bg-subtle);text-decoration:none}.nav-link.active{color:var(--primary);background:var(--primary-bg);border-color:var(--primary-border);font-weight:600}.main-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.character-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.8rem;margin-top:1.5rem;display:grid}.character-card{background:var(--bg-panel);border:1px solid var(--border-color);text-align:center;cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:80px;padding:1.2rem 1rem;display:flex;box-shadow:0 1px 2px #00000008}.character-card:hover{border-color:var(--primary);background:var(--bg-subtle)}.char-name{color:var(--text-main);font-size:.96rem;font-weight:600}.crud-form{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.crud-input{background:var(--bg-panel);border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-body);border-radius:4px;outline:none;padding:.65rem .8rem;font-size:.9rem}.crud-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg)}.crud-button{background:var(--primary);color:#fff;border:1px solid var(--primary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:.5rem .9rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.crud-button:hover{background:var(--primary-hover);text-decoration:none}.crud-button-secondary{background:var(--bg-panel);color:var(--text-main);border:1px solid var(--border-color)}.crud-button-secondary:hover{background:var(--bg-subtle);border-color:#cbd5e1}.modal-overlay{z-index:1000;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border-radius:6px;width:90%;max-width:480px;padding:20px;box-shadow:0 10px 25px #0000001a;background:var(--bg-panel)!important;border:1px solid var(--border-color)!important}.docs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.doc-card{background:var(--bg-panel);border:1px solid var(--border-color);text-align:left;border-radius:6px;flex-direction:column;justify-content:flex-start;padding:1.25rem;text-decoration:none;display:flex}.doc-card:hover{border-color:var(--primary);background:var(--bg-subtle);text-decoration:none}.doc-title{color:var(--text-main);margin:0 0 .4rem;font-size:1.05rem;font-weight:700}.doc-desc{color:var(--text-muted);margin:0;font-size:.86rem;line-height:1.45}.guide-preformatted{white-space:pre-wrap;color:var(--text-body);word-break:break-word;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:6px;margin-top:1rem;padding:1.25rem;font-family:inherit;font-size:.92rem;line-height:1.6}