:root{--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-tertiary: #2d2d2d;--bg-hover: #383838;--bg-active: #404040;--fg-primary: #d4d4d4;--fg-secondary: #a0a0a0;--fg-muted: #6a6a6a;--accent: #b48ead;--accent-dim: #8a6a8a;--border: #3e3e3e;--link: #88c0d0;--link-hover: #a3d4e0;--premise-border: #a3be8c;--claim-border: #d08770;--conclusion-border: #5e81ac;--remark-border: #bf616a;--sidebar-width: 280px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Latin Modern Roman", "Palatino Linotype", Palatino, Georgia, serif;--font-mono: "JetBrains Mono", "Fira Code", Menlo, Monaco, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg-primary);color:var(--fg-primary);font-family:var(--font-sans);font-size:15px}.app{display:flex;height:100vh}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:16px;border-bottom:1px solid var(--border)}.sidebar-header h1{font-size:14px;font-weight:600;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:1px}.search-box{padding:8px 16px;border-bottom:1px solid var(--border)}.search-box input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;padding:6px 10px;color:var(--fg-primary);font-family:var(--font-mono);font-size:12px;outline:none}.search-box{display:flex;gap:6px;align-items:center}.search-box input:focus{border-color:var(--accent-dim)}.search-box input::placeholder{color:var(--fg-muted)}.telescope-trigger{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--fg-muted);font-family:var(--font-mono);font-size:12px;padding:5px 8px;cursor:pointer;line-height:1}.telescope-trigger:hover{color:var(--fg-primary);border-color:var(--accent-dim)}.sidebar-shortcut{float:right;font-family:var(--font-mono);font-size:10px;color:var(--fg-muted)}.doc-list{flex:1;overflow-y:auto;padding:8px 0}.doc-item{display:block;padding:8px 16px;cursor:pointer;text-decoration:none;color:var(--fg-primary);border-left:2px solid transparent;transition:background .1s}.doc-item:hover{background:var(--bg-hover)}.doc-item.active{background:var(--bg-active);border-left-color:var(--accent)}.doc-item-title{font-size:13px;font-weight:500;margin-bottom:2px}.doc-item-meta{font-size:11px;color:var(--fg-muted)}.doc-item-tags{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.tag{font-size:10px;background:var(--bg-tertiary);color:var(--accent);padding:1px 6px;border-radius:3px;font-family:var(--font-mono)}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border)}.sidebar-footer a{font-size:12px;color:var(--fg-muted);text-decoration:none;cursor:pointer}.sidebar-footer a:hover{color:var(--fg-primary)}.content{flex:1;overflow-y:auto;display:flex;justify-content:center;padding:48px 64px 96px}.content-inner{max-width:700px;width:100%}.doc-header{margin-bottom:2em;padding-bottom:1.5em;border-bottom:1px solid var(--border)}.doc-header h1{font-family:var(--font-serif);font-size:1.8em;font-weight:700;color:var(--fg-primary);margin-bottom:.3em}.doc-header .meta{font-size:.85em;color:var(--fg-muted)}.doc-body{font-family:var(--font-serif);font-size:16px;line-height:1.75}.doc-body h1{font-size:1.5em;margin:1.8em 0 .5em;color:var(--fg-primary)}.doc-body h2{font-size:1.25em;margin:1.5em 0 .4em;color:var(--fg-primary)}.doc-body p{margin:.7em 0}.doc-body a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.doc-body a:hover{color:var(--link-hover)}.doc-body ul,.doc-body ol{padding-left:1.6em;margin:.7em 0}.doc-body li{margin:.3em 0}.doc-body em{font-style:italic}.doc-body strong{font-weight:700}.doc-body pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:1em;margin:1em 0;overflow-x:auto}.doc-body pre code{font-family:var(--font-mono);font-size:.85em;line-height:1.5;color:var(--fg-primary)}.doc-body :not(pre)>code{font-family:var(--font-mono);font-size:.85em;background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;padding:.15em .35em}.doc-body .premise,.doc-body .claim,.doc-body .conclusion,.doc-body .remark{margin:1em 0;padding:.8em 1em;background:var(--bg-secondary);border-left:3px solid var(--border);border-radius:2px}.doc-body .premise{border-left-color:var(--premise-border)}.doc-body .claim{border-left-color:var(--claim-border)}.doc-body .conclusion{border-left-color:var(--conclusion-border)}.doc-body .remark{border-left-color:var(--remark-border)}.doc-body figure{margin:1.5em 0;text-align:center}.doc-body figure img{max-width:200px;border-radius:4px}.doc-body figcaption{font-size:.85em;color:var(--fg-muted);margin-top:.5em;font-style:italic}.home h2{font-family:var(--font-serif);font-size:1.4em;margin-bottom:.5em}.home p{color:var(--fg-secondary);line-height:1.7;margin-bottom:1em;font-family:var(--font-serif)}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--fg-muted);font-family:var(--font-mono);font-size:13px}.telescope-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.telescope{width:800px;max-width:90vw;max-height:70vh;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.telescope-input-row{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);gap:8px}.telescope-prompt{color:var(--accent);font-family:var(--font-mono);font-size:14px;font-weight:700}.telescope-input{flex:1;background:transparent;border:none;color:var(--fg-primary);font-family:var(--font-mono);font-size:14px;outline:none}.telescope-input::placeholder{color:var(--fg-muted)}.telescope-count{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted)}.telescope-body{display:flex;flex:1;overflow:hidden;min-height:0}.telescope-results{width:45%;overflow-y:auto;border-right:1px solid var(--border)}.telescope-result{padding:6px 12px;cursor:pointer;display:flex;flex-direction:column;gap:1px;border-left:2px solid transparent}.telescope-result.selected{background:var(--bg-active);border-left-color:var(--accent)}.telescope-result:hover:not(.selected){background:var(--bg-hover)}.telescope-result-file{font-family:var(--font-mono);font-size:11px;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.telescope-result-line{font-family:var(--font-mono);font-size:11px;color:var(--fg-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.telescope-match{background:#b48ead40;color:#e0c0d0;border-radius:2px;padding:0 1px}.telescope-empty{padding:20px;text-align:center;color:var(--fg-muted);font-family:var(--font-mono);font-size:12px}.telescope-preview{width:55%;overflow-y:auto;padding:8px 0;background:var(--bg-primary)}.telescope-preview-title{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);padding:4px 12px 8px;border-bottom:1px solid var(--border);margin-bottom:4px}.telescope-preview-content{font-family:var(--font-mono);font-size:11px;line-height:1.6}.telescope-preview-line{display:flex;padding:1px 12px 1px 0;color:var(--fg-secondary)}.telescope-preview-line.highlight{background:#b48ead1a;color:var(--fg-primary)}.telescope-line-nr{min-width:40px;text-align:right;padding-right:12px;color:var(--fg-muted);-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-active);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}