*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8f7f4;--bg-alt: #f0efec;--bg-surface: #e8e7e3;--text: #1a1a1a;--text-body: #333;--text-secondary: #6b6b6b;--text-tertiary: #999;--border: #ddd;--border-light: #e5e4e0;--topbar-bg: #1a1a1a;--topbar-text: #fff;--topbar-muted: #888;--topbar-divider: #555;--topbar-cite: #ccc;--topbar-edit-border: #444;--link: #2563eb;--link-hover: #1d4ed8;--unresolved: #999;--unresolved-border: #ccc;--status-ok: #22c55e;--status-no: #ddd;--cite-badge-bg: #e8e8e8;--cite-badge-text: #555;--cite-badge-primary-bg: #1a1a1a;--cite-badge-primary-text: #fff;--sidebar-action: #555;--sidebar-meta-strong: #555;--tab-active-border: #1a1a1a;--tab-active-text: #1a1a1a;--footnote-text: #666;--error-bg: #fef2f2;--error-border: #fecaca;--error-text: #dc2626;--status-bg: #f0f7ff;--status-border: #dbeafe;--status-text: #2563eb}[data-theme=dark]{--bg: #181818;--bg-alt: #1e1e1e;--bg-surface: #252525;--text: #e4e4e4;--text-body: #ccc;--text-secondary: #888;--text-tertiary: #555;--border: #333;--border-light: #2a2a2a;--topbar-bg: #111;--topbar-text: #e4e4e4;--topbar-muted: #777;--topbar-divider: #444;--topbar-cite: #aaa;--topbar-edit-border: #555;--link: #60a5fa;--link-hover: #93c5fd;--unresolved: #666;--unresolved-border: #444;--status-ok: #4ade80;--status-no: #444;--cite-badge-bg: #333;--cite-badge-text: #aaa;--cite-badge-primary-bg: #2563eb;--cite-badge-primary-text: #fff;--sidebar-action: #aaa;--sidebar-meta-strong: #bbb;--tab-active-border: #e4e4e4;--tab-active-text: #e4e4e4;--footnote-text: #888;--error-bg: #2d1b1b;--error-border: #5c2626;--error-text: #f87171;--status-bg: #1a2332;--status-border: #253344;--status-text: #60a5fa}body{font-family:-apple-system,system-ui,Segoe UI,sans-serif;background:var(--bg);color:var(--text);transition:background .2s,color .2s}.topbar{position:sticky;top:0;z-index:10;background:var(--topbar-bg);color:var(--topbar-text);padding:8px 16px;display:flex;align-items:center;gap:12px;font-size:14px;box-shadow:0 1px 3px #00000040}.topbar-brand{font-weight:700;letter-spacing:-.5px;font-size:15px}.topbar-divider{color:var(--topbar-divider)}.topbar-cite{font-family:SF Mono,Fira Code,monospace;color:var(--topbar-cite);font-size:13px}.topbar-editable{cursor:pointer;padding:2px 6px;border-radius:3px;transition:background .15s}.topbar-editable:hover{background:#ffffff1a}.topbar-cite-input{font-family:SF Mono,Fira Code,monospace;font-size:13px;background:#ffffff1a;color:var(--topbar-text);border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:2px 8px;width:180px;outline:none}.topbar-cite-input:focus{border-color:#fff6}.topbar-case{color:var(--topbar-muted);font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-edit{color:var(--topbar-muted);font-size:12px;cursor:pointer;padding:2px 8px;border:1px solid var(--topbar-edit-border);border-radius:3px;transition:all .15s;background:none}.topbar-edit:hover{color:var(--topbar-text);border-color:var(--topbar-muted)}.topbar-nav{color:var(--topbar-muted);font-size:12px;cursor:pointer;background:none;border:1px solid var(--topbar-edit-border);border-radius:3px;padding:2px 6px;line-height:1;transition:all .15s}.topbar-nav:hover:not(:disabled){color:var(--topbar-text);border-color:var(--topbar-muted)}.topbar-nav:disabled{opacity:.3;cursor:default}.theme-toggle{color:var(--topbar-muted);font-size:18px;cursor:pointer;background:none;border:none;padding:2px 6px;line-height:1;transition:color .15s}.theme-toggle:hover{color:var(--topbar-text)}.layout{display:flex;height:calc(100vh - 40px)}.main{flex:1;min-width:0;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.main-content{flex:1;overflow-y:auto}.sidebar{width:300px;min-width:300px;background:var(--bg-alt);overflow-y:auto;font-size:13px}.sidebar-section{padding:16px;border-bottom:1px solid var(--border)}.sidebar-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:600;margin-bottom:8px}.sidebar-title{font-size:15px;font-weight:600;line-height:1.3;margin-bottom:4px}.sidebar-meta{color:var(--text-secondary);line-height:1.5}.sidebar-meta strong{color:var(--sidebar-meta-strong);font-weight:500}.view-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg-alt);flex-shrink:0}.view-tab{padding:8px 20px;font-size:13px;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;background:none}.view-tab:hover{color:var(--text)}.view-tab.active{color:var(--tab-active-text);font-weight:600;border-bottom-color:var(--tab-active-border);background:var(--bg)}.landing{display:flex;flex-direction:column;align-items:center;padding:10vh 1rem 4rem;min-height:100vh;position:relative}.landing-theme-toggle{position:absolute;top:16px;right:16px;background:none;border:none;font-size:20px;color:var(--text-tertiary);cursor:pointer;padding:4px;transition:color .15s}.landing-theme-toggle:hover{color:var(--text)}.landing-hero{text-align:center;margin-bottom:2rem}.landing-brand{font-size:2.5rem;font-weight:700;letter-spacing:-1.5px;margin-bottom:.25rem}.landing-tagline{font-size:1.15rem;color:var(--text-secondary);margin-bottom:.5rem}.landing-desc{font-size:.9rem;color:var(--text-tertiary);line-height:1.6;max-width:440px;margin:0 auto}.landing-input-hint{font-size:.8rem;color:var(--text-tertiary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.landing-form{display:flex;gap:.5rem;margin-bottom:.5rem}.landing-form input{padding:12px 16px;border:2px solid var(--border);border-radius:8px;font-size:16px;font-family:SF Mono,Fira Code,monospace;background:var(--bg);color:var(--text);width:280px}.landing-form input:focus{outline:none;border-color:var(--link)}.landing-form button{padding:12px 24px;background:var(--topbar-bg);color:var(--topbar-text);border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .15s}.landing-form button:hover{opacity:.85}.landing-form button:disabled{opacity:.5;cursor:wait}.landing-examples{margin-top:.75rem;font-size:.85rem;color:var(--text-tertiary)}.landing-examples-label{margin-right:.25rem}.landing-example{color:var(--link);text-decoration:none;margin:0 .35rem;font-family:SF Mono,Fira Code,monospace;font-size:.8rem}.landing-example:hover{text-decoration:underline}.landing-features{display:flex;gap:1.5rem;margin-top:2.5rem;max-width:580px;width:100%;justify-content:center}.landing-feature{display:flex;gap:.5rem;align-items:center}.landing-feature-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.landing-feature-text{font-size:.8rem;line-height:1.3}.landing-feature-text strong{color:var(--text)}.landing-feature-text span{color:var(--text-secondary);display:block}@media(max-width:640px){.landing-features{flex-direction:column;align-items:center}}.landing-tools{display:flex;gap:1rem;margin-top:2.5rem;max-width:580px;width:100%;flex-wrap:wrap}.landing-tool{flex:1;min-width:250px;display:flex;gap:.75rem;align-items:flex-start;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);transition:border-color .15s,box-shadow .15s}.landing-tool:hover{border-color:var(--link);box-shadow:0 2px 8px #0000000f}.landing-tool.coming-soon{opacity:.75}.landing-tool.coming-soon:hover{border-color:var(--link);opacity:1}.landing-tool-icon{font-size:1.5rem;line-height:1;flex-shrink:0;margin-top:2px}.landing-tool-text{font-size:.85rem;line-height:1.4}.landing-tool-text strong{display:block;font-size:.95rem;margin-bottom:.2rem}.landing-tool-text span{color:var(--text-secondary)}.coming-soon-badge{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:3px;background:var(--cite-badge-bg);color:var(--cite-badge-text);vertical-align:middle;margin-left:4px}.landing-links{margin-top:2rem;font-size:.85rem}.landing-footer{margin-top:3rem;font-size:.8rem;color:var(--text-tertiary)}.landing-footer a{color:var(--text-secondary);text-decoration:none}.landing-footer a:hover{color:var(--link)}.page-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-tertiary)}.page-footer a{color:var(--text-secondary);text-decoration:none}.page-footer a:hover{color:var(--link)}.landing-link{color:var(--text-secondary);text-decoration:none;transition:color .15s}.landing-link:hover{color:var(--link)}.landing-link-sep{color:var(--text-tertiary);margin:0 .5rem}.page{max-width:680px;margin:0 auto;padding:3rem 1.5rem 4rem}.page h1{font-family:Georgia,Times New Roman,serif;font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.page h2{font-size:1.15rem;font-weight:600;margin-top:2rem;margin-bottom:.5rem}.page p{font-size:.95rem;line-height:1.7;color:var(--text-body);margin-bottom:1rem}.page a{color:var(--link);text-decoration:none}.page a:hover{text-decoration:underline}.page ul{margin:.5rem 0 1rem 1.5rem;font-size:.95rem;line-height:1.7;color:var(--text-body)}.page .back-link{display:inline-block;margin-top:2rem;font-size:.9rem;color:var(--text-secondary)}.page .back-link:hover{color:var(--link)}.page-topbar{background:var(--topbar-bg);color:var(--topbar-text);padding:8px 16px;font-size:14px}.page-topbar{display:flex;align-items:center;justify-content:space-between}.page-topbar a,.page-topbar a:visited{color:var(--topbar-text);text-decoration:none;font-weight:700;letter-spacing:-.5px}.page-theme-toggle{background:none;border:none;font-size:18px;color:var(--topbar-muted);cursor:pointer;padding:2px 6px;transition:color .15s}.page-theme-toggle:hover{color:var(--topbar-text)}.topbar-brand,.topbar-brand:visited{color:var(--topbar-text);text-decoration:none}.hidden{display:none!important}.sidebar-toggle{display:none;position:fixed;right:16px;bottom:16px;width:40px;height:40px;background:var(--topbar-bg);color:var(--topbar-text);border:none;border-radius:50%;font-size:18px;cursor:pointer;box-shadow:0 2px 8px #0000004d;z-index:20}@media(max-width:768px){.sidebar{display:none}.sidebar.open{display:block;position:fixed;right:0;top:40px;bottom:0;z-index:15;width:300px;box-shadow:-2px 0 8px #0003;background:var(--bg-alt)}.sidebar-toggle{display:block}.reader{padding:20px 16px 48px}.topbar-case{display:none}.topbar{font-size:13px;padding:6px 12px;gap:8px}.topbar-nav{font-size:10px;padding:2px 4px}.landing{padding:6vh 1rem 3rem}.landing-brand{font-size:2rem}.landing-form{flex-direction:column;align-items:stretch;width:100%;max-width:320px}.landing-form input{width:100%}.landing-tools{flex-direction:column}.landing-tool{min-width:0}.page-viewer-toolbar{flex-wrap:wrap;gap:8px}}