:root{--color-bg:#fff;--color-bg-subtle:#fafafa;--color-text:#1a1a1a;--color-text-secondary:#525252;--color-muted:#8b8b8b;--color-border:#e5e5e5;--color-border-subtle:#f0f0f0;--color-surface:#f7f7f7;--color-accent:#06c;--color-accent-hover:#0052a3;--color-danger:#b91c1c;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:2rem;--fs-4xl:2.5rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-6:1.5rem;--sp-8:2rem;--sp-12:3rem;--sp-16:4rem;--sp-24:6rem;--radius:4px;--radius-lg:8px;--content:680px;--wide:1120px;--tr:.12s ease}:root.dark{--color-bg:#0d0d0d;--color-bg-subtle:#141414;--color-text:#ededed;--color-text-secondary:#a0a0a0;--color-muted:#6b6b6b;--color-border:#2a2a2a;--color-border-subtle:#1f1f1f;--color-surface:#181818;--color-accent:#4d9fff;--color-accent-hover:#6eb0ff;--color-danger:#f87171}@media (prefers-color-scheme:dark){:root:not(.light){--color-bg:#0d0d0d;--color-bg-subtle:#141414;--color-text:#ededed;--color-text-secondary:#a0a0a0;--color-muted:#6b6b6b;--color-border:#2a2a2a;--color-border-subtle:#1f1f1f;--color-surface:#181818;--color-accent:#4d9fff;--color-accent-hover:#6eb0ff;--color-danger:#f87171}}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;line-height:1.7;display:flex}#app{display:contents}a{color:var(--color-accent);transition:color var(--tr);text-decoration:none}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{letter-spacing:-.03em;font-weight:700}::selection{background:var(--color-accent);color:#fff}.site{flex-direction:column;flex:1;min-height:100vh;display:flex}.header{z-index:50;background:color-mix(in srgb, var(--color-bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0}.nav{max-width:var(--wide);padding:var(--sp-4) var(--sp-6);justify-content:space-between;align-items:center;gap:var(--sp-4);margin:0 auto;display:flex}.brand{font-size:var(--fs-lg);color:var(--color-text);letter-spacing:-.02em;font-weight:600}.brand:hover{color:var(--color-accent)}.nav-right{align-items:center;gap:var(--sp-4);display:flex}.nav-links{gap:var(--sp-4);font-size:var(--fs-sm);align-items:center;display:flex}.nav-links a{color:var(--color-text)}.nav-links a:hover{color:var(--color-accent)}.nav-admin{color:var(--color-muted)!important}.searchbox input{padding:var(--sp-2) var(--sp-3);font:inherit;font-size:var(--fs-sm);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);width:160px}.searchbox input:focus{border-color:var(--color-accent);outline:none}main{flex:1}.footer{background:var(--color-bg-subtle);border-top:1px solid var(--color-border-subtle);margin-top:var(--sp-24)}.footer-inner{max-width:var(--wide);padding:var(--sp-12) var(--sp-6) var(--sp-8);justify-content:space-between;align-items:center;gap:var(--sp-4);font-size:var(--fs-sm);color:var(--color-muted);flex-wrap:wrap;margin:0 auto;display:flex}.footer-inner a{color:var(--color-text-secondary)}.sep{margin:0 var(--sp-2);color:var(--color-border)}.theme-switch{background:var(--color-surface);border-radius:var(--radius);gap:2px;padding:2px;display:flex}.theme-switch button{width:30px;height:26px;color:var(--color-muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;font-size:13px}.theme-switch button.active{background:var(--color-bg);color:var(--color-text)}.footer-controls{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.social{gap:var(--sp-3);font-size:var(--fs-sm);display:inline-flex}.social a{color:var(--color-text-secondary)}.lang-switch{background:var(--color-surface);border-radius:var(--radius);gap:2px;padding:2px;display:flex}.lang-switch button{color:var(--color-muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;padding:2px 8px;font-size:.78rem}.lang-switch button.active{background:var(--color-bg);color:var(--color-text)}.lang-switch-inline{gap:var(--sp-3);display:inline-flex}.post-lang{margin-bottom:var(--sp-6);font-size:var(--fs-sm)}.container{max-width:var(--content);padding:var(--sp-16) var(--sp-6);margin:0 auto}.intro{margin-bottom:var(--sp-12)}.intro h1{font-size:var(--fs-4xl)}.intro p{margin-top:var(--sp-3);color:var(--color-text-secondary);font-size:var(--fs-lg)}.kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-size:.8rem}.muted{color:var(--color-muted)}.card{padding:var(--sp-6) 0;border-bottom:1px solid var(--color-border-subtle)}.card-meta{align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--color-muted);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.dot{background:var(--color-muted);border-radius:50%;width:3px;height:3px}.card-title{font-size:var(--fs-2xl);font-weight:600}.card a.titlelink{color:inherit}.card a.titlelink:hover .card-title{color:var(--color-accent)}.card-excerpt{margin-top:var(--sp-2);color:var(--color-text-secondary)}.tags{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.tag{font-size:var(--fs-sm);color:var(--color-text-secondary);background:var(--color-surface);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius)}.tag:hover{background:var(--color-border);color:var(--color-text)}.badge{text-transform:uppercase;letter-spacing:.05em;padding:1px var(--sp-2);border-radius:var(--radius);background:var(--color-surface);font-size:.72rem}.badge.draft{color:#b45309}.badge.private{color:var(--color-danger)}.badge.unlisted{color:#8b5cf6}.badge.pin{color:var(--color-accent)}.cover{border-radius:var(--radius-lg);margin-bottom:var(--sp-4);aspect-ratio:16/9;object-fit:cover;width:100%}.article{max-width:var(--content);padding:var(--sp-16) var(--sp-6);margin:0 auto}.article-title{font-size:clamp(var(--fs-3xl), 5vw, var(--fs-4xl));margin-top:var(--sp-3)}.banner{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--fs-sm);color:var(--color-text-secondary);margin-bottom:var(--sp-8)}.toc{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-6);margin-bottom:var(--sp-8)}.toc-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:var(--sp-2);font-size:.75rem}.toc ul{list-style:none}.toc li{margin:var(--sp-1) 0;font-size:var(--fs-sm)}.toc li.lvl-3{padding-left:var(--sp-4)}.prose>*{margin-bottom:1.4em}.prose h2{font-size:var(--fs-2xl);margin-top:1.8em}.prose h3{font-size:var(--fs-xl);margin-top:1.6em}.prose ul,.prose ol{padding-left:var(--sp-6)}.prose li{margin-bottom:.4em}.prose blockquote{padding-left:var(--sp-6);border-left:3px solid var(--color-border);color:var(--color-muted)}.prose pre{padding:var(--sp-4);background:var(--color-surface);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--fs-sm);overflow-x:auto}.prose code{font-family:var(--font-mono);background:var(--color-surface);border-radius:var(--radius);padding:.15em .3em;font-size:.9em}.prose pre{position:relative}.prose pre code{background:0 0;padding:0}.copy-btn{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;opacity:0;transition:opacity var(--tr);padding:2px 8px;font-size:.72rem;position:absolute;top:6px;right:6px}.prose pre:hover .copy-btn{opacity:1}.copy-btn:hover{color:var(--color-text)}.popular{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-6);margin-bottom:var(--sp-8)}.popular ul{list-style:none}.popular li{margin:var(--sp-1) 0}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:var(--sp-2);font-size:.72rem}.media-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.media-item{border:1px solid var(--color-border-subtle);border-radius:var(--radius);padding:var(--sp-2);font-size:.75rem}.media-item img{object-fit:cover;border-radius:var(--radius);background:var(--color-surface);width:100%;height:100px}.media-item button{margin-top:var(--sp-1);width:100%}.media-item .fn{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;display:block;overflow:hidden}.prose img{border-radius:var(--radius);margin:1.5em 0}.prose a{text-underline-offset:2px;text-decoration:underline}.prose table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.prose th,.prose td{border:1px solid var(--color-border);padding:var(--sp-2) var(--sp-3);text-align:left}.post-foot-tags{gap:var(--sp-2);margin-top:var(--sp-12);padding-top:var(--sp-6);border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.prevnext{justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-12);display:flex}.prevnext a{max-width:48%}.related{margin-top:var(--sp-16)}.related h2{font-size:var(--fs-lg);margin-bottom:var(--sp-4)}.pager{justify-content:center;gap:var(--sp-2);margin-top:var(--sp-12);display:flex}.pager a,.pager span{padding:var(--sp-2) var(--sp-3);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--fs-sm)}.pager .current{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.pager .disabled{opacity:.4;pointer-events:none}.cloud{gap:var(--sp-3);margin-top:var(--sp-8);flex-wrap:wrap;display:flex}.cloud a{padding:var(--sp-2) var(--sp-4);border:1px solid var(--color-border);font-size:var(--fs-sm);border-radius:999px}.cloud a:hover{background:var(--color-surface)}.cloud .n{color:var(--color-muted);margin-left:var(--sp-2)}.admin-header{padding:var(--sp-3) var(--sp-6);border-bottom:1px solid var(--color-border);background:var(--color-bg-subtle);justify-content:space-between;align-items:center;display:flex}.admin-header .links{gap:var(--sp-4);font-size:var(--fs-sm);display:flex}.admin-header .links a{color:var(--color-text)}.admin-main{max-width:880px;padding:var(--sp-8) var(--sp-6) var(--sp-24);margin:0 auto}.admin-layout{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.admin-sidebar{border-right:1px solid var(--color-border);background:var(--color-bg-subtle);padding:var(--sp-6) var(--sp-4);gap:var(--sp-2);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.admin-brand{margin-bottom:var(--sp-6);font-size:1.05rem;font-weight:700}.admin-nav{flex-direction:column;gap:2px;display:flex}.admin-nav a{color:var(--color-text-secondary);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);font-size:.92rem}.admin-nav a:hover{background:var(--color-surface);color:var(--color-text)}.admin-nav a.active{background:var(--color-accent);color:#fff}.admin-side-foot{gap:var(--sp-2);padding-top:var(--sp-4);border-top:1px solid var(--color-border);flex-direction:column;margin-top:auto;font-size:.82rem;display:flex}.admin-side-foot .who{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-content{padding:var(--sp-8) var(--sp-12);width:100%;max-width:1040px}.page-head{margin-bottom:var(--sp-6);justify-content:space-between;align-items:center;display:flex}.page-head h1{font-size:1.6rem}.filters{gap:var(--sp-2);margin-bottom:var(--sp-6);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.filter{color:var(--color-text-secondary);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);font:inherit;cursor:pointer;background:0 0;border:none;font-size:.88rem}.filter:hover{background:var(--color-surface)}.filter.active{background:var(--color-surface);color:var(--color-text);font-weight:600}.filter .n{color:var(--color-muted);font-size:.78rem}.settings-grid{gap:var(--sp-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}.set-h{margin-bottom:var(--sp-3);font-size:1rem}@media (width<=720px){.settings-grid{grid-template-columns:1fr}}@media (width<=820px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{align-items:center;gap:var(--sp-3);flex-flow:wrap;height:auto;position:static}.admin-brand{margin:0}.admin-nav{flex-flow:wrap}.admin-side-foot{border:none;flex-direction:row;align-items:center;margin:0 0 0 auto;padding:0}.admin-content{padding:var(--sp-6) var(--sp-4)}}.auth{max-width:380px;margin:var(--sp-16) auto}.field{margin-bottom:var(--sp-4)}.field label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:var(--sp-1);font-size:.78rem;display:block}.field .hint{text-transform:none;letter-spacing:0;color:var(--color-muted)}input,textarea,select{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-sans);font-size:var(--fs-base)}textarea{font-family:var(--font-mono);resize:vertical;line-height:1.6}.row{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.btn{padding:var(--sp-2) var(--sp-4);background:var(--color-accent);color:#fff;border-radius:var(--radius);font:inherit;font-size:var(--fs-sm);cursor:pointer;border:none;display:inline-block}.btn:hover{filter:brightness(1.08)}.btn-ghost{padding:var(--sp-2) var(--sp-3);color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;font-size:var(--fs-sm);cursor:pointer;background:0 0}.btn-ghost:hover{color:var(--color-text)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger)}.linkish{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem}.editor-grid{gap:var(--sp-6);grid-template-columns:1fr 300px;align-items:start;display:grid}.editor-main{min-width:0}.title-input{font-size:var(--fs-2xl);border:none;border-bottom:2px solid var(--color-border-subtle);padding:var(--sp-2) 0;margin-bottom:var(--sp-4);border-radius:0;font-weight:700}.title-input:focus{border-bottom-color:var(--color-accent);outline:none}.md-toolbar{padding:var(--sp-2);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius) var(--radius) 0 0;border-bottom:none;flex-wrap:wrap;align-items:center;gap:4px;display:flex}.md-toolbar button{color:var(--color-text-secondary);border-radius:var(--radius);cursor:pointer;font-size:.82rem;font-family:var(--font-sans);background:0 0;border:1px solid #0000;padding:3px 8px}.md-toolbar button:hover{background:var(--color-surface);color:var(--color-text)}.md-toolbar button.active{background:var(--color-accent);color:#fff}.tb-spacer{flex:1}.editor-panes{grid-template-columns:1fr;display:grid}.editor-panes.split{gap:var(--sp-4);grid-template-columns:1fr 1fr}.ta-wrap{position:relative}.ta-wrap.drag:after{content:"Drop image to upload";background:color-mix(in srgb, var(--color-accent) 12%, transparent);border:2px dashed var(--color-accent);border-radius:0 0 var(--radius) var(--radius);color:var(--color-accent);font-size:var(--fs-sm);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.body-input{border-radius:0 0 var(--radius) var(--radius);border-top:none;min-height:460px}.editor-panes.split .body-input{border-radius:0 0 var(--radius) var(--radius)}.preview-pane{border:1px solid var(--color-border-subtle);border-radius:var(--radius);padding:var(--sp-4);background:var(--color-bg);max-height:600px;overflow-y:auto}.editor-side{gap:var(--sp-4);top:var(--sp-4);flex-direction:column;display:flex;position:sticky}.side-card{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--sp-4)}.side-card .field:last-child{margin-bottom:0}.checkrow{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);text-transform:none;letter-spacing:0;color:var(--color-text);display:flex}.checkrow input{width:auto}@media (width<=820px){.editor-grid,.editor-panes.split{grid-template-columns:1fr}.editor-side{position:static}}.progress-bar{background:var(--color-accent);z-index:200;width:0;height:3px;transition:width 80ms linear;position:fixed;top:0;left:0}.skip-link{background:var(--color-accent);color:#fff;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius);z-index:300;position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--sp-2);top:var(--sp-2)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nf{max-width:var(--content);padding:var(--sp-24) var(--sp-6);text-align:center;margin:0 auto}.nf .code{font-size:var(--fs-4xl);color:var(--color-muted);font-weight:700}.notice{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);margin-bottom:var(--sp-4);font-size:var(--fs-sm)}.notice.error{border-color:var(--color-danger);color:var(--color-danger)}.tbl{border-collapse:collapse;width:100%;font-size:.92rem}.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--color-border);font-size:.72rem}.tbl td{padding:var(--sp-3);border-bottom:1px solid var(--color-border);vertical-align:top}.actions{gap:var(--sp-3);margin-top:var(--sp-4);align-items:center;display:flex}.langchips{gap:6px;display:flex}.langchip{letter-spacing:.03em;border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:600;text-decoration:none}a.langchip:hover{background:var(--color-surface)}.langchip.public{color:#15803d;border-color:#15803d}.langchip.draft{color:#b45309;border-color:#b45309}.langchip.private{border-color:var(--color-danger);color:var(--color-danger)}.langchip.unlisted{color:#8b5cf6;border-color:#8b5cf6}.langchip.missing{opacity:.4;border-style:dashed}html[data-fs=lg]{font-size:1.15rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.fontsize{background:var(--color-surface);border-radius:var(--radius);gap:2px;padding:2px;display:flex}.fontsize button{color:var(--color-muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;padding:2px 7px;line-height:1}.fontsize button:hover{color:var(--color-text)}.callout{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);background:var(--color-bg-subtle);border-left-width:4px;margin:1.4em 0}.callout>p{margin:0}.callout>p+p{margin-top:.5em}.callout-title{font-weight:700;font-size:var(--fs-sm);margin-bottom:.3em!important}.callout.note{border-left-color:#06c}.callout.note .callout-title{color:#06c}.callout.tip{border-left-color:#15803d}.callout.tip .callout-title{color:#15803d}.callout.important{border-left-color:#8b5cf6}.callout.important .callout-title{color:#8b5cf6}.callout.warning{border-left-color:#b45309}.callout.warning .callout-title{color:#b45309}.callout.caution{border-left-color:var(--color-danger)}.callout.caution .callout-title{color:var(--color-danger)}.prose h2,.prose h3,.prose h4{position:relative}.prose .anchor{opacity:0;color:var(--color-muted);font-weight:400;text-decoration:none;position:absolute;left:-1.1em}.prose h2:hover .anchor,.prose h3:hover .anchor,.prose h4:hover .anchor{opacity:1}.prose img{cursor:zoom-in}.post-wrap{gap:var(--sp-12);max-width:calc(var(--content) + 280px);align-items:flex-start;margin:0 auto;display:flex}.post-wrap .article{min-width:0;max-width:var(--content);flex:auto;margin:0}.toc-rail{font-size:var(--fs-sm);max-height:calc(100vh - 120px);padding-top:var(--sp-16);flex:0 0 200px;position:sticky;top:84px;overflow-y:auto}.toc-rail ul{border-left:2px solid var(--color-border-subtle);list-style:none}.toc-rail li{margin:2px 0}.toc-rail li.lvl-3{padding-left:var(--sp-3)}.toc-rail a{padding:2px var(--sp-3);color:var(--color-muted);border-left:2px solid #0000;margin-left:-2px;display:block}.toc-rail a:hover{color:var(--color-text)}.toc-rail li.active a{color:var(--color-accent);border-left-color:var(--color-accent)}@media (width<=980px){.toc-rail{display:none}}.post-actions{align-items:center;gap:var(--sp-4);margin-top:var(--sp-12);padding-top:var(--sp-6);border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.react{align-items:center;gap:var(--sp-2);background:var(--color-surface);border:1px solid var(--color-border);padding:var(--sp-2) var(--sp-4);color:var(--color-text-secondary);cursor:pointer;font:inherit;font-size:var(--fs-sm);border-radius:999px;display:inline-flex}.react:hover{color:var(--color-danger);border-color:var(--color-danger)}.react.done{color:var(--color-danger);border-color:var(--color-danger);cursor:default}.share{gap:var(--sp-2);margin-left:auto;display:inline-flex}.share button,.share a{font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-secondary);cursor:pointer;background:0 0}.share button:hover,.share a:hover{color:var(--color-text);background:var(--color-surface)}.notes-feed{max-width:44rem}.note-item{padding:var(--sp-6) 0;border-bottom:1px solid var(--color-border-subtle)}.note-item .note-body{font-size:var(--fs-lg)}.note-item .note-body>:first-child{margin-top:0}.note-item .note-body>:last-child{margin-bottom:0}.note-meta{align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);font-size:var(--fs-sm);color:var(--color-muted);display:flex}.note-meta a{color:var(--color-muted)}.note-meta a:hover{color:var(--color-text)}.note-react{color:var(--color-danger)}.note-page{max-width:44rem}.note-item.single{padding-top:var(--sp-4);border-bottom:none}.memo-link{font-size:var(--fs-sm);color:var(--color-text-secondary);margin:var(--sp-4) 0;padding:var(--sp-3) var(--sp-4);border-left:3px solid var(--color-border);background:var(--color-surface);border-radius:0 var(--radius) var(--radius) 0}.memo-link ul{margin:var(--sp-2) 0 0;padding-left:var(--sp-5)}.link-box{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);background:var(--color-surface)}.link-box-head{justify-content:space-between;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);font-weight:500;display:flex}.link-list{margin:var(--sp-3) 0 0;gap:var(--sp-2);flex-direction:column;padding:0;list-style:none;display:flex}.link-list li{align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);display:flex}.link-list .badge{padding:1px var(--sp-2);border:1px solid var(--color-border);color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;font-size:.72rem}.author-box{gap:var(--sp-4);margin-top:var(--sp-12);padding:var(--sp-6);background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex}.author-box .avatar{background:var(--color-accent);color:#fff;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.author-box .a-name{font-weight:600}.author-box .a-bio{color:var(--color-text-secondary);font-size:var(--fs-sm);margin:.25em 0}.author-box .a-social{gap:var(--sp-3);font-size:var(--fs-sm);display:flex}.to-top{right:var(--sp-6);bottom:var(--sp-6);border:1px solid var(--color-border);background:var(--color-bg);width:40px;height:40px;color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-dropdown);z-index:90;border-radius:50%;position:fixed}.lightbox{z-index:300;cursor:zoom-out;padding:var(--sp-8);background:#000000d9;place-items:center;display:grid;position:fixed;inset:0}.lightbox img{border-radius:var(--radius);max-width:95vw;max-height:92vh}.cmdk{z-index:300;background:#0006;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.cmdk-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-dropdown);overflow:hidden}.cmdk-box input{border:none;border-bottom:1px solid var(--color-border-subtle);padding:var(--sp-4);font-size:var(--fs-lg);border-radius:0}.cmdk-box input:focus{outline:none}.cmdk-box ul{max-height:50vh;list-style:none;overflow-y:auto}.cmdk-box li a{padding:var(--sp-3) var(--sp-4);color:var(--color-text);border-top:1px solid var(--color-border-subtle);display:block}.cmdk-box li a:hover{background:var(--color-surface)}.comments{margin-top:var(--sp-16);padding-top:var(--sp-8);border-top:1px solid var(--color-border)}.comments h2{font-size:var(--fs-xl);margin-bottom:var(--sp-6)}.comment-list{gap:var(--sp-6);margin-bottom:var(--sp-12);flex-direction:column;list-style:none;display:flex}.comment{border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--sp-4)}.comment-head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.comment-author{font-weight:600}.comment-body{margin-top:var(--sp-2);white-space:pre-wrap;color:var(--color-text-secondary)}.comment-list.replies{margin-top:var(--sp-4);margin-left:var(--sp-6);padding-left:var(--sp-4);border-left:2px solid var(--color-border-subtle);gap:var(--sp-4)}.reply-btn{margin-top:var(--sp-2);font-size:.78rem}.comment-form{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--sp-6)}.comment-form h3{font-size:var(--fs-lg);margin-bottom:var(--sp-4)}@media (width<=640px){.header{position:relative}.row{grid-template-columns:1fr}.searchbox input{width:110px}}