:root{color-scheme:light;font-family:Arial,Malgun Gothic,sans-serif;--page: #fff;--text: #000;--link: #00e;--muted: #666;--line: #ddd;--edge: #aaa;--hover: #f2f2f2}:root[data-theme=dark]{color-scheme:dark;--page: #171717;--text: #eee;--link: #a4baff;--muted: #b3b3b3;--line: #414141;--edge: #777;--hover: #292929}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--page);-webkit-text-size-adjust:100%}.blog-topbar{padding:5px 14px;padding-top:max(5px,env(safe-area-inset-top));border-bottom:1px solid var(--line)}.legacy-blog-header .blog-topbar{display:none}.page{width:min(100%,660px);margin:auto;padding:clamp(28px,8vh,72px) 20px 56px}h1{margin:0 0 24px;font-family:Times New Roman,serif;font-size:40px;font-weight:400}a{color:var(--link)}.post-no{color:var(--muted);font-size:12px;letter-spacing:1px}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0 0 26px;color:var(--muted);font-size:14px}.share-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--page);color:var(--link);font-size:13px;cursor:pointer;min-height:32px;line-height:1}.share-btn:hover{background:var(--hover);border-color:var(--link)}.share-btn:active{background:var(--line)}.share-btn svg{flex:none}.share-btn.copied{color:var(--muted);border-color:var(--line)}.posts{margin:0;padding:0;list-style:none}.posts li{padding:18px 0;border-bottom:1px solid var(--line)}.posts li:first-child{border-top:1px solid var(--line)}.posts a{font-size:19px;text-decoration:none}.posts a:hover{text-decoration:underline}.posts .post-meta{margin:7px 0 0}.posts time{color:var(--muted);font-size:13px}.posts p{margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.7}article h1{margin-bottom:10px}article .date{margin:0 0 26px;color:var(--muted);font-size:14px}article .body{font-size:16px;line-height:1.9}article .body h2{margin:34px 0 10px;font-size:21px}article .body h3{margin:26px 0 8px;font-size:17px}article .body p{margin:14px 0}article .body code{padding:2px 5px;border:1px solid var(--line);background:color-mix(in srgb,var(--line) 30%,transparent);font-size:14px}article .body pre{padding:14px 16px;border:1px solid var(--line);overflow-x:auto;font-size:14px;line-height:1.7}article .body pre code{padding:0;border:0;background:none}.home-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:7px 16px;border:1px solid var(--edge);background:var(--page);color:var(--link);font-size:15px;text-decoration:none}.home-link:hover{background:var(--hover)}.back{display:inline-flex;align-items:center;min-height:40px;margin-bottom:10px;font-size:15px}@view-transition{navigation:auto}@keyframes slide-from-right{0%{transform:translate(10%);opacity:0}}@keyframes slide-to-left{to{transform:translate(-6%);opacity:0}}@keyframes slide-from-left{0%{transform:translate(-6%);opacity:0}}@keyframes slide-to-right{to{transform:translate(10%);opacity:0}}@keyframes reduced-from-right{0%{transform:translate(3%);opacity:0}}@keyframes reduced-to-left{to{transform:translate(-2%);opacity:0}}@keyframes reduced-from-left{0%{transform:translate(-2%);opacity:0}}@keyframes reduced-to-right{to{transform:translate(3%);opacity:0}}::view-transition-old(root){animation:slide-to-left .32s cubic-bezier(.22,.61,.36,1) both}::view-transition-new(root){animation:slide-from-right .32s cubic-bezier(.22,.61,.36,1) both}html.back-nav::view-transition-old(root){animation:slide-to-right .32s cubic-bezier(.22,.61,.36,1) both}html.back-nav::view-transition-new(root){animation:slide-from-left .32s cubic-bezier(.22,.61,.36,1) both}@media(prefers-reduced-motion:reduce){::view-transition-old(root){animation:reduced-to-left .16s ease both}::view-transition-new(root){animation:reduced-from-right .16s ease both}html.back-nav::view-transition-old(root){animation:reduced-to-right .16s ease both}html.back-nav::view-transition-new(root){animation:reduced-from-left .16s ease both}}.site-footer{margin-top:44px;color:var(--muted);font-size:13px}.site-credit{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 18px;line-height:1.7}.site-credit a,.text-link{color:var(--link);text-decoration:underline;background:none;border:0;padding:0;font:inherit;cursor:pointer;min-height:44px;display:inline-flex;align-items:center}.refresh{min-height:44px;padding:7px 16px;border:1px outset var(--line);background:var(--hover);color:var(--text);font-size:15px;cursor:pointer}.status{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.status.error{color:#a00}:root[data-theme=dark] .status.error{color:#faa}.donation{width:min(100% - 16px,720px);margin:24px auto 0;text-align:left}.donation-currency{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;font-size:15px}.donation-currency select{min-height:44px;padding:6px 12px;border:1px solid var(--line);color:var(--text);background:var(--page);font-size:16px}#donate-status:empty,#checkout:empty{display:none}.donation .status{text-align:center}.toc{position:fixed;top:50%;right:4px;z-index:5;transform:translateY(-50%)}.toc-rail{display:flex;flex-direction:column;align-items:flex-end;gap:7px;margin:0;padding:12px 8px;border:0;background:transparent;cursor:pointer}.toc-bar{display:block;width:18px;height:2px;border-radius:1px;background:var(--muted);opacity:.55;transition:width .15s ease,opacity .15s ease,background-color .15s ease}.toc-bar-sub{width:11px}.toc-bar.is-active{width:26px;opacity:1;background:var(--link)}.toc-list{position:absolute;top:50%;right:calc(100% - 4px);transform:translateY(-50%) translate(6px);margin:0;padding:8px;min-width:160px;max-width:min(260px,72vw);max-height:62vh;overflow:auto;list-style:none;border:1px solid var(--line);border-radius:10px;background:var(--page);box-shadow:0 8px 24px #0004;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}.toc:hover .toc-list,.toc:focus-within .toc-list,.toc.is-open .toc-list{opacity:1;visibility:visible;transform:translateY(-50%) translate(0);transition-delay:0s}.toc-list a{display:block;max-width:240px;padding:7px 8px;border-radius:6px;color:var(--text);font-size:13px;line-height:1.45;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-list a.toc-sub{padding-left:22px;color:var(--muted)}.toc-list a:hover{background:var(--hover)}.toc-list a.is-active{color:var(--link);font-weight:600}