:root{color-scheme:light;--bg: #f5f6f8;--panel: #ffffff;--heading: #333333;--text: #555555;--muted: #9a9a9a;--line: #d8dee8;--line-soft: #ebeff5;--accent: #2563eb;--accent-soft: #e9f0ff;--code: #f0f2f5;--shadow: 0 16px 50px rgb(24 35 55 / 10%);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit}button,input{font:inherit}.site-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-rows:56px 1fr}.top-bar{grid-column:1 / -1;display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,520px) minmax(220px,1fr);align-items:center;gap:12px;height:56px;padding:0 18px;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:20}.top-title{grid-column:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:18px}.site-title{color:var(--heading);font-weight:650}.header-search{position:relative;grid-column:2;width:100%}.header-search-box input{width:100%;height:36px;border:1px solid var(--line);border-radius:6px;padding:0 12px;background:#fbfcfe;color:var(--text)}.header-search-box input:focus{outline:2px solid #b7cdfc;border-color:var(--accent)}.search-popover{position:absolute;top:calc(100% + 8px);left:0;width:100%;max-height:min(360px,calc(100vh - 80px));overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);padding:10px}.search-popover[hidden]{display:none}.icon-button{width:36px;height:36px;border:1px solid var(--line);background:var(--panel);color:var(--text);display:none;align-items:center;justify-content:center;border-radius:6px;cursor:pointer}.sidebar{position:sticky;top:56px;grid-row:2;border-right:1px solid var(--line);background:var(--panel);height:calc(100vh - 56px);overflow:hidden;display:flex;flex-direction:column}.sidebar-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:10px;border-bottom:1px solid var(--line-soft)}.sidebar-tab{border:0;background:transparent;color:var(--muted);min-height:34px;border-radius:6px;cursor:pointer;font-size:13px}.sidebar-tab.is-active{background:var(--accent-soft);color:var(--accent)}.sidebar-panel{display:none;min-height:0;overflow:auto}.sidebar-panel.is-active{display:block}.article-list,.outline-list{padding:10px}.article-link+.article-link{border-top-color:var(--line-soft)}.article-link,.search-result{display:block;text-decoration:none;border-radius:6px;padding:14px 10px;border:1px solid transparent}.article-link[hidden]{display:none}.search-results,.search-tag-list{display:flex;flex-wrap:wrap;gap:8px}.search-tag{border:1px solid var(--line);border-radius:999px;padding:5px 9px;background:#fbfcfe;color:var(--muted);font:inherit;font-size:12px;line-height:1.2;cursor:pointer}.article-link:hover,.search-result:hover,.search-tag:hover,.article-link.is-active{background:var(--accent-soft);border-color:#cfddff}.article-title,.search-result-title{display:block;color:var(--heading);font-weight:650;font-size:14px;line-height:1.35;margin-top:4px}.article-meta,.search-result-file,.search-result-snippet{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.article-meta{margin-top:0;text-transform:lowercase}.article-tag{color:var(--muted)}.article-tag:before{content:"#"}.article-meta time{margin-left:auto}.article-description{display:-webkit-box;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.outline-link{display:block;padding:7px 10px;border-radius:6px;text-decoration:none;color:var(--muted);font-size:13px;line-height:1.4}.outline-link:hover,.outline-link.is-current{color:var(--accent);background:var(--accent-soft)}.outline-link.depth-3{padding-left:24px}.outline-link.depth-4{padding-left:38px}.search-status,.empty-state{color:var(--muted);font-size:12px;margin:0 0 10px}.content-shell{grid-row:2;min-width:0;padding:16px}.note-article{width:100%;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);padding:42px 52px;color:var(--text);line-height:1.8;font-size:16px}.note-header{border-bottom:1px solid var(--line-soft);margin-bottom:28px;padding-bottom:18px}.note-file{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--muted);font-size:13px;margin:0 0 8px}.note-file time{white-space:nowrap}.note-description{color:var(--muted);margin:8px 0 0}.note-article h1,.note-article h2,.note-article h3,.note-article h4{color:var(--heading);line-height:1.3;scroll-margin-top:76px}.note-article h1{font-size:32px;margin:0}.note-article h2{font-size:24px;margin-top:34px}.note-article h3{font-size:20px;margin-top:28px}.note-article p,.note-article ul,.note-article ol,.note-article blockquote,.note-article pre,.note-article table{margin-top:0;margin-bottom:18px}.note-article code{background:var(--code);color:var(--text);border-radius:4px;padding:2px 5px;font-size:.92em}.note-article pre{background:var(--code);border:1px solid var(--line-soft);border-radius:6px;padding:16px;overflow:auto}.note-article pre code{background:transparent;padding:0}.note-article blockquote{border-left:4px solid var(--line);padding-left:14px;color:var(--muted)}.note-article table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.note-article th,.note-article td{border:1px solid var(--line);padding:8px 10px;text-align:left}.note-article th{background:#f8fafc}.note-article input[type=checkbox]{margin-right:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:820px){.site-shell{grid-template-columns:1fr}.top-bar{display:flex;z-index:40}.top-title{display:none}.header-search{flex:1 1 auto;min-width:0}.icon-button{display:inline-flex}.sidebar{position:fixed;z-index:30;top:56px;left:0;width:min(320px,88vw);height:calc(100vh - 56px);box-shadow:var(--shadow);transform:translate(-105%);transition:transform .18s ease}.site-shell.is-sidebar-open .sidebar{transform:translate(0)}.content-shell{padding:14px}.note-article{padding:26px 20px;border-radius:0;box-shadow:none}.note-article h1{font-size:26px}}