:root{color-scheme:dark;--bg: #0f1419;--surface: #1a2332;--border: #2a3649;--text: #e8eef7;--muted: #95a3b8;--accent: #5b9cff;--danger: #ff6b6b;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{max-width:1200px;margin:0 auto;padding:1.25rem}.layout--reader{max-width:min(1680px,100%);padding:.65rem 1rem 1rem}.layout--reader .topbar{padding-bottom:.65rem;margin-bottom:.75rem}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;padding:.65rem 1rem;margin-bottom:1rem;font-size:.92rem;border:1px solid var(--border);border-radius:10px;background:#5b9cff14}.site-nav a{color:var(--accent);font-weight:600;text-decoration:none}.site-nav a:hover{text-decoration:underline}.site-nav a[aria-current=page]{font-weight:800;text-decoration:underline}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border);margin-bottom:1.25rem}.brand{font-weight:700;letter-spacing:.02em}.nav{display:flex;gap:1rem;align-items:center}.button{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.45rem .85rem;border-radius:8px;cursor:pointer;font:inherit}.button.primary{border-color:var(--accent);background:#5b9cff26}.button.danger{border-color:#ff6b6b73;background:#ff6b6b1f}.button:disabled{opacity:.55;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.65rem .5rem;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:.85rem}input,textarea{background:#111827;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.45rem .6rem;font:inherit;width:100%}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.label{font-size:.85rem;color:var(--muted)}.grid{display:grid;gap:1rem}.reader-shell{display:flex;flex-direction:column;min-height:calc(100vh - 7.5rem)}.reader-grid{flex:1;min-height:0}@media (min-width: 900px){.reader-grid{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}}.reader-grid.reader-grid--no-sidebar{grid-template-columns:1fr}.reader-grid.reader-grid--no-sidebar .reader-sidebar{display:none}.reader-main-column{display:flex;flex-direction:column;gap:.35rem;min-width:0;min-height:0;flex:1}.reader-panel{display:flex;flex-direction:column;gap:.75rem}.reader-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.reader-status-line{margin:0}.reader-shortcuts-hint{margin:0 0 .15rem;opacity:.85}.reader-canvas-wrap{position:relative;flex:1;min-height:0;border:1px solid var(--border);border-radius:12px;overflow:auto;background:#0b1020;max-height:calc(100vh - 220px)}.layout--reader .reader-canvas-wrap{max-height:calc(100vh - 10.5rem)}.reader-canvas-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;background:#0b1020eb;border-radius:12px}.reader-canvas-loading__text{font-size:.95rem;color:var(--muted)}.reader-canvas-inner{display:flex;justify-content:center;padding:1rem}canvas{max-width:100%;height:auto}.small{font-size:.85rem;color:var(--muted)}.error{color:var(--danger)}