*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--bg-secondary: #f5f5f5;--text: #1a1a1a;--text-secondary: #666666;--border: #e0e0e0;--accent: #3b82f6;--accent-hover: #2563eb;--code-bg: #f1f5f9;--link: #3b82f6}@media (prefers-color-scheme: dark){:root{--bg: #0f0f0f;--bg-secondary: #1a1a1a;--text: #e5e5e5;--text-secondary: #999999;--border: #333333;--code-bg: #1e1e1e;--link: #60a5fa}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.app{min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border);background:var(--bg-secondary);position:sticky;top:0;z-index:100}.logo{font-size:1.25rem;font-weight:700;text-decoration:none;color:var(--text)}.nav{display:flex;gap:1.5rem}.nav a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.nav a:hover{color:var(--accent)}.main{max-width:900px;margin:0 auto;padding:2rem}.loading{text-align:center;padding:4rem;color:var(--text-secondary)}.markdown-content h1{font-size:2rem;margin-bottom:1rem}.markdown-content h2{font-size:1.5rem;margin:1.5rem 0 1rem}.markdown-content h3{font-size:1.25rem;margin:1rem 0 .75rem}.markdown-content p{margin-bottom:1rem}.markdown-content ul,.markdown-content ol{margin-left:1.5rem;margin-bottom:1rem}.markdown-content li{margin-bottom:.25rem}.markdown-content code{background:var(--code-bg);padding:.125rem .375rem;border-radius:.25rem;font-family:monospace;font-size:.9em}.markdown-content pre{background:var(--code-bg);padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1rem}.markdown-content pre code{background:none;padding:0}.markdown-content blockquote{border-left:3px solid var(--accent);padding-left:1rem;color:var(--text-secondary);margin-bottom:1rem}.markdown-content a{color:var(--link);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.markdown-content img{max-width:100%;border-radius:.5rem}.wiki-link{color:var(--link);text-decoration:none;border-bottom:1px dashed var(--link)}.wiki-link:hover{border-bottom-style:solid}.tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tag{display:inline-block;background:var(--code-bg);color:var(--text-secondary);padding:.125rem .5rem;border-radius:.25rem;font-size:.8rem;text-decoration:none;transition:background .2s}.tag:hover{background:var(--accent);color:#fff}.note-meta{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.backlinks{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--border)}.backlinks h3{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}.backlinks-list{list-style:none}.backlinks-list a{color:var(--link);text-decoration:none}.search-box{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);color:var(--text);margin-bottom:1.5rem}.search-box:focus{outline:none;border-color:var(--accent)}.note-list{list-style:none}.note-list-item{padding:.75rem 0;border-bottom:1px solid var(--border)}.note-list-item a{color:var(--text);text-decoration:none;font-weight:500}.note-list-item a:hover{color:var(--accent)}.note-list-item .meta{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.layout{display:grid;grid-template-columns:250px 1fr;gap:2rem}.sidebar{border-right:1px solid var(--border);padding-right:1rem}.sidebar h3{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem}.sidebar ul{list-style:none;margin-bottom:1.5rem}.sidebar li{margin-bottom:.25rem}.sidebar a{color:var(--text);text-decoration:none;font-size:.9rem}.sidebar a:hover{color:var(--accent)}@media (max-width: 768px){.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);padding-bottom:1rem;margin-bottom:1rem}}