:root{--bg:#0d1117;--bg-soft:#161b22;--bg-code:#1f2428;--fg:#e6edf3;--fg-muted:#8b949e;--accent:#2f81f7;--border:#30363d;--border-soft:#21262d;--max:760px;--radius:8px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.7}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,pre,kbd{font-family:SFMono-Regular,JetBrains Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.88em}.home{max-width:var(--max);margin:0 auto;padding:56px 20px 80px}.home header h1{letter-spacing:-.02em;margin:0 0 .3rem;font-size:2rem}.home .sub{color:var(--fg-muted);margin:0 0 2.5rem}.empty{color:var(--fg-muted);text-align:center;border:1px dashed var(--border);border-radius:var(--radius);padding:2rem}.note-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.note-list li{background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius);justify-content:space-between;align-items:baseline;gap:1rem;padding:16px 18px;transition:border-color .15s,transform .15s;display:flex}.note-list li:hover{border-color:var(--border);transform:translate(2px)}.note-list .note-row{flex-direction:column;gap:.4rem;min-width:0;display:flex}.note-list .title{color:var(--fg);font-size:1.05rem;font-weight:600}.note-list time{color:var(--fg-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.82rem}.home footer{color:var(--fg-muted);gap:.5rem;margin-top:3rem;font-size:.88rem;display:flex}.index-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.index-list li{margin:0}.index-card{background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius);flex-direction:column;gap:.3rem;padding:1.25rem 1.1rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.index-card:hover{border-color:var(--border);text-decoration:none;transform:translateY(-2px)}.index-name{color:var(--fg);font-size:1.15rem;font-weight:650}.index-count{color:var(--fg-muted);font-size:.85rem}.tag-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tag-list li{background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius);justify-content:space-between;align-items:baseline;gap:1rem;padding:12px 16px;display:flex}.tag-list .tag-name{color:var(--accent);font-weight:600}.tag-list .tag-count{color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:.82rem}.tag-cloud{flex-wrap:wrap;gap:.4rem;margin:0 0 2rem;display:flex}.tag{color:var(--accent);white-space:nowrap;background:#2f81f71a;border:1px solid #2f81f740;border-radius:999px;padding:.15em .55em;font-size:.8rem;line-height:1.6;text-decoration:none;display:inline-block}.tag:hover{border-color:var(--accent);background:#2f81f733;text-decoration:none}.note-tags{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.note-header .note-tags{margin-top:1rem}.note{max-width:var(--max);margin:0 auto;padding:40px 20px 96px}.note-nav{margin-bottom:2rem}.note-nav .back{color:var(--fg-muted);font-size:.9rem}.note-nav .back:hover{color:var(--accent)}.note-header{border-bottom:1px solid var(--border-soft);margin-bottom:2.5rem;padding-bottom:1.25rem}.note-header h1{letter-spacing:-.025em;margin:0 0 .6rem;font-size:2.3rem;font-weight:700;line-height:1.15}.note-meta{color:var(--fg-muted);font-variant-numeric:tabular-nums;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.note-meta .dot{opacity:.5}.note-footer{border-top:1px solid var(--border-soft);margin-top:3.5rem;padding-top:1.5rem}.note-footer a{color:var(--fg-muted);font-size:.9rem}.markdown{color:var(--fg);font-size:1.02rem;line-height:1.75}.markdown :is(h1,h2,h3,h4,h5,h6){letter-spacing:-.01em;margin-top:1.8em;margin-bottom:.6em;scroll-margin-top:2rem;font-weight:650;line-height:1.3}.markdown h1{border-bottom:1px solid var(--border-soft);padding-bottom:.3em;font-size:1.7rem}.markdown h2{border-bottom:1px solid var(--border-soft);padding-bottom:.3em;font-size:1.4rem}.markdown h3{font-size:1.18rem}.markdown h4{font-size:1.02rem}.markdown h5,.markdown h6{color:var(--fg-muted);font-size:.92rem}.markdown h1:first-child,.markdown h2:first-child{margin-top:0}.markdown p{margin:1em 0}.markdown strong{color:#f0f6fc;font-weight:680}.markdown em{font-style:italic}.markdown del{color:var(--fg-muted)}.markdown a{color:var(--accent)}.markdown a:hover{text-decoration:underline}.markdown :not(pre)>code{color:#f0f6fc;white-space:nowrap;background:#6e768140;border-radius:5px;padding:.2em .4em;font-size:.86em}.markdown pre{background:var(--bg-code);border:1px solid var(--border-soft);border-radius:var(--radius);margin:1.4em 0;padding:1rem 1.2rem;line-height:1.5;overflow-x:auto}.markdown pre code{color:#e6edf3;white-space:pre;background:0 0;border-radius:0;padding:0;font-size:.86em}.markdown blockquote{border-left:3px solid var(--accent);color:var(--fg-muted);border-radius:0 var(--radius) var(--radius) 0;background:#2f81f70f;margin:1.4em 0;padding:.6em 1.2em}.markdown blockquote p{margin:.5em 0}.markdown blockquote :is(h1,h2,h3,h4){margin-top:.6em}.markdown ul,.markdown ol{margin:1em 0;padding-left:1.6em}.markdown li{margin:.4em 0}.markdown li>p{margin:.5em 0}.markdown :is(ul,ol) li::marker{color:var(--fg-muted)}.markdown li:has(>input[type=checkbox]){margin-left:-1.3em;list-style:none}.markdown li>input[type=checkbox]{accent-color:var(--accent);margin-right:.5em;transform:translateY(1px)}.markdown hr{border:none;border-top:1px solid var(--border);height:0;margin:2em 0}.markdown table{border-collapse:collapse;width:100%;margin:1.5em 0;display:block;overflow-x:auto}.markdown th,.markdown td{border:1px solid var(--border);text-align:left;padding:.55em .9em}.markdown th{background:var(--bg-soft);font-weight:650}.markdown tr:nth-child(2n) td{background:#6e76810f}.markdown img{border-radius:var(--radius);max-width:100%;height:auto;margin:1.4em auto;display:block}.markdown kbd{background:var(--bg-soft);border:1px solid var(--border);color:#f0f6fc;border-bottom-width:2px;border-radius:5px;padding:.1em .45em;font-size:.82em}
