:root{--font-mono:Monaco, Consolas, monospace}body{--bg:oklch(0.99 0.005 90);--bg-secondary:oklch(0.97 0.003 90);--bg-tertiary:oklch(0.95 0.003 90);--bg-hover:oklch(0.6 0.15 265 / 0.3);--fg:oklch(0.3 0 0);--fg-weak:oklch(0.5 0.01 90);--fg-strong:oklch(0.4 0.1 240);--fg-accent:oklch(0.5 0.2 255);--fg-hover:oklch(0.6 0.15 40);--fg-codeblock:oklch(0.8 0.01 90);--bg-codeblock:oklch(0.4 0.01 270);--bg-code:oklch(0.92 0 0);--shadow:oklch(0.1 0.05 100 / 0.1);--indent-line:oklch(0.7 0.05 250 / 0.2);--line:oklch(0.6 0.01 270);--bg-header:color-mix(in srgb, var(--bg-secondary) 50%, transparent);--radius:0.5rem;--waline-border:1px solid #2a2; #themetoggle::after { content: "☼"; color: oklch(0.6 0.2 90); font-size: 1.5rem; }}body.dark{--bg:oklch(0.38 0.03 270);--bg-secondary:oklch(0.36 0.029 265);--bg-tertiary:oklch(0.34 0.023 263);--bg-hover:oklch(0.55 0.1 265 / 0.5);--fg:oklch(0.8 0.005 260);--fg-weak:oklch(0.75 0.03 260);--fg-strong:oklch(0.9 0.03 260);--fg-accent:oklch(0.7 0.10 250);--fg-codeblock:oklch(0.8 0.01 270);--bg-codeblock:oklch(0.35 0.01 270);--bg-code:oklch(0.4 0.01 270);--shadow:oklch(0.2 0.02 270 / 0.4);--indent-line:oklch(0.6 0.02 250 / 0.5);--line:oklch(0.3 0.1 275);--waline-white:#000;--waline-light-grey:#666;--waline-dark-grey:#999;--waline-color:#888;--waline-bgcolor:#1e1e1e;--waline-bgcolor-light:#272727;--waline-border:1px solid #111;--waline-border-color:#333;--waline-disable-bgcolor:#444;--waline-disable-color:#272727;--waline-bq-color:#272727;--waline-info-bgcolor:#272727;--waline-info-color:#666; #themetoggle::after { content: "☽"; color: oklch(0.6 0.1 100); font-size: 1.5rem; }}body{--blockquote-bg:#e0e0e0;--blockquote-border:#a5a5a5;--alert-note-bg:#eaf5ff;--alert-note-border:#0969da;--alert-tip-bg:#e6f4ea;--alert-tip-border:#3a9f47;--alert-important-bg:#f4f0ff;--alert-important-border:#8250df;--alert-caution-bg:#ffebe9;--alert-caution-border:#cf222e;--alert-warning-bg:#f7f0e0;--alert-warning-border:#9a6700;&.dark { --blockquote-bg: #424242; --blockquot-border: #121212; --alert-note-bg: #1a3a6f; --alert-tip-bg: #104d3e; --alert-important-bg: #3f2f78; --alert-caution-bg: #712b36; --alert-warning-bg: #5f4a1f; }}.alert{display:flex;flex-direction:column;border-left:.25rem solid var(--blockquote-border);margin:.5rem 0;padding:.25rem 0 .25rem .75rem;background-color:var(--bg-secondary);> .alert-heading { padding: 0; margin: 0; font-weight: bold; background-color: inherit; }}.alert-note{border-color:var(--alert-note-border);border-left-color:var(--alert-note-border);background-color:var(--alert-note-bg);> .alert-heading { color: var(--alert-note-border); }}.alert-tip{border-color:var(--alert-tip-border);background-color:var(--alert-tip-bg);> .alert-heading { color: var(--alert-tip-border); }}.alert-important{border-color:var(--alert-important-border);border-left-color:var(--alert-important-border);background-color:var(--alert-important-bg);> .alert-heading { color: var(--alert-important-border); }}.alert-caution{border-color:var(--alert-caution-border);border-left-color:var(--alert-caution-border);background-color:var(--alert-caution-bg);> .alert-heading { color: var(--alert-caution-border); }}.alert-warning{border-color:var(--alert-warning-border);border-left-color:var(--alert-warning-border);background-color:var(--alert-warning-bg);> .alert-heading { color: var(--alert-warning-border); }}:root{font-size:18px}*{line-height:1.5;box-sizing:border-box;margin:0;padding:0}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}img,picture,video,canvas,svg{max-width:100%}hr,section,select,dd{margin:.25rem .5rem}ul,ol{margin-left:2rem}details{> summary { list-style: none; cursor: pointer; position: relative; padding-right: 1.5rem; &::after { content: "◂"; position: absolute; right: 0.5rem; } } &[open] > summary::after { transform: rotate(-90deg); }}strong,em{color:var(--fg-strong)}table{margin:.5rem;border-collapse:collapse;width:100%;text-indent:0}table caption{margin-bottom:.5rem}tr{border-bottom:.1rem solid var(--line)}td,th{padding:.25rem .5rem;word-break:normal}th:not(:last-child),td:not(:last-child){border-right:.1rem solid var(--line)}th{text-align:left}button{background-color:inherit;cursor:pointer}label{font-weight:700;cursor:pointer;border-radius:var(--radius);color:var(--fg-strong);&:hover { color:var(--fg-hover); }}progress{vertical-align:baseline}a{color:var(--fg-accent);text-decoration:none;word-break:keep-all;&:hover { color:var(--fg-hover); }}.inpage,.footnote-backref,#TableOfContents a{color:var(--fg-strong);&:hover { color:var(--fg-hover); }}.sectionlink{color:inherit;box-shadow:inset 0 -.4em 0 var(--bg-hover);&:hover { text-decoration:none; box-shadow:inset 0 -0.8em 0 var(--bg-hover); }}.pagelink{color:inherit;box-shadow:inset 0 -.2em 0 var(--bg-hover);&:hover { box-shadow:inset 0 -0.4em 0 var(--bg-hover); }}.outlink-icon{height:1rem;width:1rem;vertical-align:middle;margin:0 .25rem}.anchor{font-size:.75em;margin-right:.25em}.tag{color:inherit;border-radius:var(--radius);padding:0 .2rem;background-color:var(--bg-secondary)}mark.tag{font-size:.8rem}mark.tag{border:.1rem solid var(--line)}a.tag{box-shadow:0 .2rem .2rem var(--bg-hover);&:hover { box-shadow:inset 0 -0.5rem 0.1rem var(--bg-hover),0 0.1rem 0.1rem var(--bg-hover); }}img,video,embed,iframe,figure,object{margin:0 auto;height:auto;text-align:center}pre,code,kbd,samp,var{background-color:var(--bg-code);font-family:var(--font-mono);font-size:.8rem;padding:.1rem .3rem}kbd{font-weight:700;border:.1rem solid var(--line);border-radius:var(--radius)}code{border-radius:var(--radius);white-space:pre;word-break:keep-all}.codeblock{background-color:var(--bg-codeblock);color:var(--fg-codeblock);margin:0}pre,.codeblock{overflow:auto;max-height:600px;padding:1rem;> code { background-color: inherit; border-radius: var(--radius); padding: 0; margin: 0; font-size: 1rem; }}.copybtn{border:none;position:absolute;background-color:var(--bg-code);border-radius:var(--radius);padding:0 .25rem;color:var(--fg);font-size:.8rem;top:2.25rem;right:.5rem}body{position:relative;display:grid;grid-template-areas:"banner banner" "sidebar post" "footer footer";grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr;max-width:clamp(900px,90%,1500px);margin:0 auto;min-height:100dvh;background:var(--bg-secondary);color:var(--fg-weak);word-break:normal;> main { grid-area: post; background-color: var(--bg); position: relative; margin: 0 0 0.5rem 0; padding: 0.25rem 2rem 2rem; overflow-y: auto; display: grid; grid-template-areas: "page-start page-start" "main-content aside-bar" "page-end page-end"; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr auto; > article { color: var(--fg); width: clamp(350px, 80%, 800px); margin: 0 auto; grid-area: main-content; position: relative; overflow: hidden; p { margin: 0.5rem 0; } details { margin: 0.5rem 0; position: relative; background-color: var(--bg-secondary); > summary { padding: 0.25rem 1rem 0.25rem 0.5rem; background-color: var(--bg-tertiary); } } } }}.site-header{grid-area:banner;z-index:2;height:2.5rem;position:sticky;top:0;background:color-mix(in srgb,var(--bg-secondary) 50%,transparent);backdrop-filter:blur(.1rem);padding:0 .5rem;display:flex;justify-content:space-between;align-items:center}.site-nav{grid-area:sidebar;display:flex;flex-direction:column;background:inherit;position:sticky;top:0;padding:2.5rem .5rem 0;margin:-2.5rem 0 0;width:250px;max-height:calc(100vh - 1.5rem);overflow-y:auto}.page-header{grid-area:page-start;position:relative;padding-right:1rem;border-bottom:.1rem solid var(--line);padding-bottom:.5rem}.page-aside{grid-area:aside-bar;margin-top:.5rem;width:auto;max-width:200px;min-width:150px}.page-footer{grid-area:page-end}#nav-checkbox:checked~.site-nav{display:none}.site-title{display:flex;font-size:2rem;gap:1rem;align-items:center;justify-content:space-between}#themetoggle{font-size:1.5rem}#menu-btn{display:none;font-size:2rem}.mainmenu{position:relative;display:flex;gap:.5rem;li { list-style: none; }}.mainmenu-top{position:relative}.mainmenu-top[open]>menu{background-color:var(--bg-secondary);position:absolute;top:100%;right:0;white-space:nowrap;width:auto}.site-footer{grid-area:footer;position:sticky;bottom:0;color:var(--fg-weak);background:inherit;padding:0 2rem 0 0;display:flex;align-items:center;justify-content:center}.modified-date{color:var(--fg-weak);text-align:center}.post-end-nav{display:grid;grid-template-areas:"prev top next";grid-template-columns:1fr 5rem 1fr;> div { display: flex; align-items: center; padding: 0.5rem; position: relative; background-color: var(--bg-secondary); border-radius: var(--radius); &:hover { background-color: var(--bg-hover); color: var(--fg-hover); } > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }}.post-prev{grid-area:prev;justify-content:flex-start}.page-top{grid-area:top;justify-content:space-evenly;margin:0 .5rem}.post-next{grid-area:next;justify-content:flex-end}.sideblock{background-color:var(--bg)}.side-entry,#TableOfContents ul li{padding-left:.5rem;padding-right:1.25rem}summary.side-entry:hover{background-color:var(--bg-secondary)}#aside-btn{display:block;position:absolute;right:0;bottom:.5rem}#aside-checkbox:checked~aside{display:none}.sideblock,.asideblock{margin-bottom:.5rem}#TableOfContents ul,.sideblock,.asideblock,.indentline{display:flex;flex-direction:column;li { list-style: none; }}.indentline,#TableOfContents ul{border-left:.25rem solid var(--indent-line);margin:0 0 .25rem .5rem}.pagination{display:flex;justify-content:space-between;margin:1rem auto;padding:0;list-style:none;width:auto;max-width:80%}.archive-month{margin:.5rem 0;display:flex}.archive-month-header{width:3rem;flex:none}.archive-month-posts{flex:1;margin:0}.post-section{display:flex;flex-direction:column;margin:.5rem;padding:.5rem 1rem;position:relative;p { margin: 0; }}.top{position:absolute;right:.5rem;padding:0 .25rem;border-radius:var(--radius);&:hover { color:var(--fg-hover); background-color:var(--bg-hover); }}.socials{display:flex;justify-content:space-evenly}.icon{width:1em;height:1em;vertical-align:middle;margin:0 .25em}.section-tree{list-style:none;margin:0;li { padding: 0.25rem 2rem; }}.comment-switcher{margin:1rem auto 0;display:flex;justify-content:space-between;gap:1rem;width:100%}.comment-label{color:var(--fg-strong);background-color:var(--bg-secondary);width:100%;text-align:center;padding:.5rem}.comment-radio{display:none}.comment-container{margin-top:1rem;display:none}#comment-waline:checked{~ #waline-container { display: block; } ~ .comment-switcher > #waline-btn { color: var(--fg-hover); }}#comment-twikoo:checked{~ #twikoo-container { display: block; } ~ .comment-switcher > #twikoo-btn { color: var(--fg-hover); }}#comment-giscus:checked{~ #giscus-container { display: block; } ~ .comment-switcher > #giscus-btn { color: var(--fg-hover); }}.giscus{display:flex;margin:0 auto}.giscus-frame{margin:0 auto}#searchbox{position:relative;padding:.5rem;width:100%}#searchbox input{height:1.5rem;width:100%;background-color:var(--bg-tertiary);color:var(--fg-accent)}#searchResults{margin:0;> .focus { background-color: var(--bg-tertiary); } .search-result-content { font-size: 0.8rem; color: var(--fg-weak); } strong { color: var(--fg-accent); }}@media(max-width:768px){:root{font-size:16px}body{position:absolute;grid-template-areas:"n banner" "sidebar post" "n2 footer";grid-template-columns:70vw 100vw;width:170vw;left:-70vw;overflow-y:auto;> main { margin: 0; padding: 1rem; position: relative; grid-template-areas: "page-start" "aside-bar" "main-content" "page-end"; grid-template-columns: 1fr; grid-template-rows: auto auto 1fr auto; > article { max-width: 100%; min-width: 50%; width: auto; } }}.site-header{height:auto;flex-direction:column}.site-title{width:100%}#menu-btn{display:block}.site-subtitle{display:none}.site-nav{width:70vw;margin-top:0;padding-top:0}.mainmenu{display:none;flex-direction:column;gap:0;align-items:center;margin:.5rem 0}.mainmenu-top[open]>menu{position:relative}#menu-checkbox:checked~.mainmenu{display:flex;menu, li { flex-direction: column; }}#menu-checkbox:checked~.site-subtitle{display:block}#menu-checkbox:checked~.site-title>#menu-btn{transform:rotate(-90deg)}#nav-checkbox:checked~.site-nav{padding:0 .5rem;display:flex;flex-direction:column;left:0;z-index:1}.page-header{margin:0}#aside-btn{transform:rotate(90deg)}.page-aside{display:none;max-width:none;width:100%;padding:.5rem 0;margin:0;border-bottom:.1rem solid var(--line)}#aside-checkbox:checked~aside{display:block}.site-footer{font-size:.8rem}}@media(max-width:820px) and (min-width:768px){:root{font-size:16px}.site-nav{display:none;width:200px}.page-aside{max-width:150px;min-width:100px}#nav-checkbox:checked~.site-nav{display:flex}}kbd{box-shadow:.1rem .1rem .2rem var(--shadow)}.post-section{box-shadow:0 0 .5rem var(--shadow)}.site-header{backdrop-filter:blur(.2rem)}h1,h2,h3,h4,h5,h6,.site-title{filter:drop-shadow(.1rem .1rem .1rem var(--shadow))}