#theme-toggle{width:50px;height:50px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s,color .15s,transform .15s;display:flex;position:relative}#theme-toggle:hover{color:var(--color-text);background:var(--color-bg-secondary)}#theme-toggle:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}#theme-toggle:active{transform:scale(.9)}#theme-toggle svg{display:none}#theme-toggle[data-theme=system] .auto-icon,#theme-toggle[data-theme=dark] .moon-icon,#theme-toggle[data-theme=light] .sun-icon{display:block}#theme-toggle svg{transition:transform .4s}@media (width<=640px){#theme-toggle{width:44px;height:44px}#theme-toggle svg{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){#theme-toggle,#theme-toggle svg{transition:none!important}}:root{--font-sans:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Monaco, "Cascadia Code", Consolas, monospace;--color-bg:#f4f2f6;--color-surface:#fff;--color-bg-secondary:#f2eff6;--color-bg-hover:#edeaf2;--color-border:#e4e0ea;--color-border-strong:#b9b1c8;--color-text:#1c1725;--color-text-body:#3a3547;--color-text-secondary:#4d4759;--color-text-tertiary:#635d73;--color-text-faint:#6c6676;--color-strong:#141019;--color-accent:#c13828;--color-accent-hover:#b0301f;--color-accent-solid:#ff5040;--color-accent-light:#fdeae6;--color-accent-border:#f0b9b0;--accent-grad:linear-gradient(160deg, #ff5040, #d43524);--color-header-bg:#ffffffeb;--color-footer-bg:#eceaf0;--color-code-text:#c23a28;--warn-bg:#fdf3dd;--warn-border:#ecd9a8;--warn-text:#91670d;--good-bg:#e9f7ef;--good-border:#bfe3d0;--good-text:#167d4d;--bad-bg:#fdecec;--bad-border:#f2c5c5;--bad-text:#c53a3a;--amazon:#94640f;--rank-1:#b67f0c;--rank-2:#818b9c;--rank-3:#b8683a;--cat-life:#0f7d53;--cat-gadget:#7444d8;--cat-dev:#2762d0;--cat-kids:#ad560d;--cat-cooking:#c53a3a;--cat-work:#0b7989;--cat-car:#5f6b7a;--svc-game:#b03a86;--svc-pets:#876823;--svc-diary:#4a5bbf;--cal-sun:#c53a3a;--cal-sat:#2762d0;--btn-shadow:0 2px 8px #c4342433;--shadow:0 2px 4px #0000000f;--shadow-card:0 6px 20px #281e371a;--list-marker:#ff5040;--list-marker-nested:#b9b1c8;--list-number:#d6402d;--list-number-nested:#6f6880;--list-guide:#ece8f2}:root.dark{--color-bg:#131118;--color-surface:#1b1822;--color-bg-secondary:#221e2b;--color-bg-hover:#1e1b26;--color-border:#2a2632;--color-border-strong:#4a4358;--color-text:#f2eef4;--color-text-body:#d8d2de;--color-text-secondary:#b9b0c4;--color-text-tertiary:#8f8699;--color-text-faint:#8d8696;--color-strong:#fff;--color-accent:#ff6a55;--color-accent-hover:#ff8a78;--color-accent-light:#241715;--color-accent-border:#47231f;--color-header-bg:#131118e6;--color-footer-bg:#100e14;--color-code-text:#ffb3a8;--warn-bg:#2b2417;--warn-border:#4a3c20;--warn-text:#e8b04b;--good-bg:#16211b;--good-border:#24382e;--good-text:#7ec9a2;--bad-bg:#2b1717;--bad-border:#472222;--bad-text:#ef8080;--amazon:#e8a33d;--rank-1:#ffc24b;--rank-2:#aab4c4;--rank-3:#d4885a;--cat-life:#5fc79a;--cat-gadget:#b28ef5;--cat-dev:#7ea6f0;--cat-kids:#f0a35e;--cat-cooking:#ef8080;--cat-work:#5fbfd4;--cat-car:#9aa5b4;--svc-game:#ec8fc8;--svc-pets:#d4b264;--svc-diary:#97a5f2;--cal-sun:#ef8080;--cal-sat:#7ea6f0;--btn-shadow:0 2px 8px #0000004d;--shadow:0 2px 4px #0003;--shadow-card:0 6px 20px #0006;--list-marker:#ff6a5c;--list-marker-nested:#7a7190;--list-number:#ff8577;--list-number-nested:#9c94a8;--list-guide:#3a3346}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body{transition:background-color .3s,color .3s}.site-wrapper{flex-direction:column;min-height:100vh;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar-mono-heading,.footer-mono-heading{font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-text-tertiary);font-size:.6563rem;font-weight:700}.pill-badge{font-family:var(--font-mono);color:var(--color-accent);border:1px solid var(--color-accent-border);background:var(--color-accent-light);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.6563rem;font-weight:700}.btn-accent{background:var(--accent-grad);color:#fff;font-family:var(--font-sans);cursor:pointer;box-shadow:var(--btn-shadow);border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:900;text-decoration:none;transition:filter .15s;display:inline-flex}.btn-accent:hover{filter:brightness(1.1)}.site-header{z-index:50;background:var(--color-header-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);position:sticky;top:0}.header-content{align-items:center;gap:22px;max-width:1240px;min-height:62px;margin:0 auto;padding:0 24px;display:flex}.site-logo{color:var(--color-text);flex-shrink:0;align-items:center;gap:11px;text-decoration:none;display:flex}.header-logo{border-radius:9px;width:30px;height:30px;display:block}.site-title{letter-spacing:-.01em;font-size:1.0625rem;font-weight:900}.site-title-accent{color:var(--color-accent)}.site-nav{scrollbar-width:none;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.nav-link{color:var(--color-text-secondary);white-space:nowrap;border-radius:8px;padding:7px 13px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .15s,background-color .15s}.nav-link:hover{color:var(--color-text);background:var(--color-bg-hover)}.header-actions{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.nav-search-pill{border:1px solid var(--color-border);color:var(--color-text-tertiary);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:.75rem;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.nav-search-pill:hover{border-color:var(--color-border-strong);color:var(--color-text)}.nav-search-kbd{font-family:var(--font-mono);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px;font-size:.625rem}.header-omikuji-btn{background:var(--accent-grad);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:8px 17px;font-size:.7813rem;font-weight:900;text-decoration:none;transition:filter .15s;display:inline-flex}.header-omikuji-btn:hover{filter:brightness(1.1)}@media (width<=900px){.header-content{flex-wrap:wrap;row-gap:4px;padding:10px 16px}.site-nav{order:3;width:100%}.nav-link{padding:5px 11px}.site-header.nav-collapsed .site-nav{display:none}}@media (width<=560px){.header-content{column-gap:12px}.header-actions{gap:8px}.nav-search-label,.nav-search-kbd{display:none}.nav-search-pill{border-radius:999px;padding:8px}.header-omikuji-btn{padding:7px 13px;font-size:.7188rem}}.site-main{flex:1;grid-template-columns:minmax(0,1fr) 292px;align-items:start;gap:36px;width:100%;max-width:1240px;margin:0 auto;padding:36px 24px 80px;display:grid}.site-main.is-article,.site-main.is-plain{display:block}@media (width<=1024px){.site-main{grid-template-columns:1fr;padding:24px 16px 60px}}.main-content{min-width:0}.list-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.list-heading{color:var(--color-text);font-size:1.25rem;font-weight:900}.list-page-label,.list-count{font-family:var(--font-mono);color:var(--color-text-tertiary);font-size:.7188rem;font-weight:400}.posts-grid{grid-template-columns:1fr 1fr;gap:6px 20px;display:grid}@media (width<=760px){.posts-grid{grid-template-columns:1fr}}.post-card{min-width:0}.post-link{color:inherit;border-radius:12px;align-items:flex-start;gap:13px;padding:12px;text-decoration:none;transition:background-color .15s;display:flex}.post-link:hover{background:var(--color-surface)}.post-thumbnail{background:var(--color-bg-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:44px;display:flex;overflow:hidden}.post-thumbnail img{object-fit:cover;width:100%;height:100%}.post-thumbnail-placeholder{font-size:1.25rem;line-height:1}.post-info{flex:1;min-width:0}.post-title{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;font-weight:700;line-height:1.6;display:-webkit-box;overflow:hidden}.post-link:hover .post-title{color:var(--color-accent)}.post-meta{flex-wrap:wrap;align-items:center;gap:9px;margin-top:5px;display:flex}.post-category{white-space:nowrap;font-size:.6563rem;font-weight:700}.post-date{font-family:var(--font-mono);color:var(--color-text-tertiary);font-size:.6563rem}.empty-state{text-align:center;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:12px;padding:3rem}.empty-state p{color:var(--color-text-secondary);margin:0;font-size:.9375rem}.pagination{justify-content:space-between;align-items:center;gap:.75rem;margin-top:28px;display:flex}.pagination-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);white-space:nowrap;border-radius:999px;padding:9px 20px;font-size:.7813rem;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s}.pagination-btn:hover:not(.disabled){border-color:var(--color-border-strong);color:var(--color-text)}.pagination-btn.disabled{color:var(--color-text-faint);cursor:not-allowed;opacity:.5}.pagination-info{font-family:var(--font-mono);color:var(--color-text-tertiary);white-space:nowrap;font-size:.75rem}.featured-grid{flex-direction:column;gap:10px;min-height:260px;display:flex}.featured-loading,.popular-posts-loading{color:var(--color-text-tertiary);padding:1rem 0;font-size:.8125rem}.featured-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;transition:border-color .15s}.featured-card:hover{border-color:var(--color-accent-solid)}.featured-card-link{color:inherit;grid-template-columns:64px 176px minmax(0,1fr);align-items:center;gap:20px;padding:14px 20px 14px 10px;text-decoration:none;display:grid}.featured-card-rank{font-family:var(--font-mono);color:var(--color-text-faint);text-align:center;font-size:2.125rem;font-style:italic;font-weight:700}.featured-card-rank-1 .featured-card-rank{color:var(--rank-1)}.featured-card-rank-2 .featured-card-rank{color:var(--rank-2)}.featured-card-rank-3 .featured-card-rank{color:var(--rank-3)}.featured-card-image{aspect-ratio:16/9;background:var(--color-bg-secondary);border-radius:9px;overflow:hidden}.featured-card-image img,.featured-card-placeholder{object-fit:cover;width:100%;height:100%;display:block}.featured-card-body{min-width:0}.featured-card-title{-webkit-line-clamp:2;color:var(--color-text);-webkit-box-orient:vertical;font-size:.9688rem;font-weight:700;line-height:1.6;display:-webkit-box;overflow:hidden}.featured-card-views{font-family:var(--font-mono);color:var(--color-text-tertiary);margin-top:9px;font-size:.6875rem;display:inline-block}@media (width<=700px){.featured-card-link{grid-template-columns:36px 96px minmax(0,1fr);gap:12px;padding:12px 14px 12px 8px}.featured-card-rank{font-size:1.25rem}.featured-card-title{font-size:.8125rem}.featured-grid{min-height:300px}}.article-layout{grid-template-columns:minmax(0,1fr) 292px;align-items:start;gap:36px;max-width:1240px;margin:0 auto;display:grid}@media (width<=1100px){.article-layout{grid-template-columns:1fr}.article-sidebar{width:100%;max-width:720px;margin:0 auto}}.article-center{min-width:0}.article-sidebar{align-self:stretch}.article{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;min-width:0;padding:40px 46px}@media (width<=860px){.article{border-radius:12px;padding:24px 18px}}.article-meta{font-family:var(--font-mono);color:var(--color-text-tertiary);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:.7188rem;display:flex}.article-date-link{color:inherit;text-decoration:none}.article-date-link:hover{color:var(--color-accent)}.article-updated:before{content:"·";margin-right:14px}.article-view-count{align-items:center;gap:4px;display:inline-flex}.article-view-count:not(:empty):before{content:"·";margin-right:10px}.article-category{font-family:var(--font-sans);font-size:.6875rem;font-weight:700;text-decoration:none}.article-category:hover{text-decoration:underline}.article-title{letter-spacing:-.01em;text-wrap:pretty;color:var(--color-text);margin:14px 0 0;font-size:1.625rem;font-weight:900;line-height:1.6}@media (width<=640px){.article-title{font-size:1.25rem}}.article-share{align-items:center;gap:8px;margin:20px 0 28px;display:flex}.article-share-label{color:var(--color-text-tertiary);margin-right:2px;font-size:.6875rem}.share-btn{background:var(--color-bg-secondary);cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);border:none;border-radius:9px;place-items:center;transition:color .15s,background-color .15s;display:grid}.share-btn:hover,.share-btn.copied{color:var(--color-strong);background:var(--color-bg-hover)}.article-hero-image{border:1px solid var(--color-border);border-radius:12px;margin-bottom:30px;position:relative;overflow:hidden}.article-hero-image img{width:100%;height:auto;display:block}.ai-image-badge{color:#ffffffd9;background:#0000008c;border-radius:6px;padding:2px 8px;font-size:.625rem;position:absolute;bottom:8px;right:8px}.toc-mobile{background:var(--color-bg-secondary);border-radius:10px;margin-bottom:24px;padding:12px 16px;display:none}.toc-mobile summary{cursor:pointer;color:var(--color-text);font-size:.8125rem;font-weight:700}.toc-mobile .toc-list{margin-top:8px}@media (width<=1100px){.toc-mobile{display:block}.article-sidebar .toc{display:none}}.article-notice{border-radius:12px;align-items:flex-start;gap:12px;margin:22px 0 0;padding:13px 17px;font-size:.75rem;line-height:1.8;display:flex}.article-notice svg{flex-shrink:0;margin-top:3px}.article-notice-stale{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text)}.article-header .article-notice+.article-hero-image,.article-notice~.article-hero-image{margin-top:24px}.prose figure:has(>svg[aria-roledescription]),.prose p:has(>svg[aria-roledescription]),.prose>svg[aria-roledescription]{border:1px solid var(--color-border);background:#fff;border-radius:10px;margin:26px 0;padding:18px 14px;display:block;overflow-x:auto}.prose svg[aria-roledescription]{max-width:100%;height:auto;margin:0 auto;display:block}.series-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:28px;overflow:hidden}.series-box-header{cursor:pointer;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 16px;list-style:none;display:flex}.series-box-header::-webkit-details-marker{display:none}.series-box-header:hover{background:var(--color-bg-hover)}.series-box-label{font-family:var(--font-mono);color:var(--color-text-tertiary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:999px;padding:2px 9px;font-size:.625rem;font-weight:700}.series-box-title{color:var(--color-text);font-size:.7813rem;font-weight:700;text-decoration:none}.series-box-title:hover{color:var(--color-accent-hover)}.series-box-count{font-family:var(--font-mono);color:var(--color-text-tertiary);margin-left:auto;font-size:.6875rem}.series-box-toggle{color:var(--color-text-tertiary);flex-shrink:0;align-items:center;gap:4px;font-size:.7188rem;font-weight:700;display:flex}.series-box-header:hover .series-box-toggle{color:var(--color-text)}.series-box-details[open] .series-box-toggle-text{font-size:0}.series-box-details[open] .series-box-toggle-text:after{content:attr(data-open);font-size:.7188rem}.series-box-chevron{transition:transform .15s}.series-box-details[open] .series-box-chevron{transform:rotate(180deg)}.series-box-list{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);flex-direction:column;gap:6px;padding:12px 16px 14px;list-style:none;display:flex}.series-box-list li{align-items:baseline;gap:7px;min-width:0;display:flex}.series-box-num{font-family:var(--font-mono);color:var(--color-text-tertiary);flex-shrink:0;font-size:.6875rem}.series-box-num:after{content:"."}.series-box-item{color:var(--color-text-secondary);font-size:.75rem;line-height:1.7;text-decoration:none}a.series-box-item:hover{color:var(--color-text)}.series-box-list li.is-current .series-box-item,.series-box-list li.is-current .series-box-num{color:var(--color-accent);font-weight:700}.series-box-prev{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);min-width:0;color:var(--color-text-secondary);align-items:center;gap:8px;padding:9px 16px;text-decoration:none;display:flex}.series-box-prev:hover{background:var(--color-bg-hover);color:var(--color-text)}.series-box-prev svg{color:var(--color-text-tertiary);flex-shrink:0}.series-box-prev-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-text-tertiary);flex-shrink:0;font-size:.625rem;font-weight:700}.series-box-prev-title{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.6;overflow:hidden}.reaction-bar{background:var(--color-bg-secondary);border-radius:12px;flex-direction:column;align-items:center;gap:9px;margin:36px 0;padding:26px;display:flex}.reaction-btn{background:var(--accent-grad);color:#fff;font-family:var(--font-sans);cursor:pointer;box-shadow:var(--btn-shadow);border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 26px;font-size:.8125rem;font-weight:900;transition:filter .15s,opacity .15s;display:inline-flex}.reaction-btn:hover:not([aria-disabled=true]){filter:brightness(1.1)}.reaction-btn[aria-disabled=true]{cursor:default}.reaction-btn.is-reacted{opacity:.85}.reaction-count{font-family:var(--font-mono);font-weight:700}.reaction-count:not(:empty):before{content:"";vertical-align:-1px;background:#ffffff80;width:1px;height:12px;margin-right:8px;display:inline-block}.reaction-hint{color:var(--color-text-tertiary);text-align:center;font-size:.6875rem}.post-nav{grid-template-columns:1fr 1fr;gap:12px;display:grid}.post-nav-link{border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:7px;min-width:0;padding:14px 16px;text-decoration:none;transition:border-color .15s,background-color .15s;display:flex}a.post-nav-link:hover{border-color:var(--color-border-strong);background:var(--color-bg-secondary)}.post-nav-empty{border:none}.post-nav-newer{text-align:right;align-items:flex-end}.post-nav-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-tertiary);font-size:.625rem;font-weight:700}.post-nav-title{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7813rem;font-weight:700;line-height:1.6;display:-webkit-box;overflow:hidden}a.post-nav-link:hover .post-nav-title{color:var(--color-accent)}.post-nav-date{font-family:var(--font-mono);color:var(--color-text-faint);font-size:.625rem}@media (width<=600px){.post-nav{grid-template-columns:1fr}.post-nav-empty{display:none}}.follow-cta{background:var(--color-bg-secondary);border-radius:12px;align-items:center;gap:16px;margin-top:20px;padding:20px;display:flex}.follow-cta-avatar{object-fit:cover;border-radius:999px;flex-shrink:0;width:48px;height:48px}.follow-cta-body{flex:1;min-width:0}.follow-cta-lead{color:var(--color-text);font-size:.8125rem;font-weight:700}.follow-cta-text{color:var(--color-text-secondary);margin-top:4px;font-size:.7188rem;line-height:1.8}.follow-cta-btn{background:var(--color-text);color:var(--color-bg);border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:9px 16px;font-size:.75rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.follow-cta-btn:hover{opacity:.85}@media (width<=600px){.follow-cta{text-align:center;flex-direction:column}}.article-sidebar-sticky{scrollbar-width:thin;flex-direction:column;gap:16px;max-height:calc(100vh - 96px);display:flex;position:sticky;top:78px;overflow-y:auto}.article-sidebar-sticky.is-tall{max-height:none;overflow:visible}@media (width<=1100px){.article-sidebar-sticky{max-height:none;margin-top:24px;position:static;overflow:visible}}.article-sidebar-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:18px 20px}.article-sidebar-section .sidebar-heading,.article-sidebar-section .toc-title{margin-bottom:12px}.toc-list{flex-direction:column;gap:2px;list-style:none;display:flex}.toc-link{border-left:2px solid var(--color-border);color:var(--color-text-secondary);padding:7px 11px;font-size:.75rem;line-height:1.6;text-decoration:none;transition:color .15s,border-color .15s,background-color .15s;display:block}.toc-item-h3 .toc-link{padding-left:24px}.toc-link:hover{color:var(--color-text)}.toc-link.is-active{color:var(--color-accent);border-left-color:var(--color-accent-solid);background:var(--color-accent-light);border-radius:0 8px 8px 0;font-weight:700}.sidebar-series-link{color:var(--color-accent);font-size:.75rem;font-weight:700;text-decoration:none}.sidebar-series-link:hover{color:var(--color-accent-hover)}.sidebar-author-mini{align-items:center;gap:12px;display:flex}.sidebar-author-mini-avatar{object-fit:cover;border-radius:999px;flex-shrink:0;width:40px;height:40px}.sidebar-author-mini-body{min-width:0}.sidebar-author-mini-follow{color:var(--color-accent);font-size:.6875rem;font-weight:700;text-decoration:none}.sidebar-author-mini-follow:hover{color:var(--color-accent-hover)}.site-sidebar{flex-direction:column;gap:16px;min-width:0;display:flex}.sidebar-section,.sidebar-author-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:18px 20px}.sidebar-author-card{padding:20px}.sidebar-author-inner{align-items:center;gap:12px;display:flex}.sidebar-author-avatar{border:2px solid var(--color-border);object-fit:cover;border-radius:999px;width:46px;height:46px}.sidebar-author-info{flex:1;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.sidebar-author-name{color:var(--color-text);font-size:.9375rem;font-weight:900}.sidebar-author-social{gap:10px;display:flex}.sidebar-social-icon{color:var(--color-text-tertiary);transition:color .15s;display:inline-flex}.sidebar-social-icon:hover{color:var(--color-text)}.sidebar-author-about{color:var(--color-accent);margin-top:10px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.sidebar-author-about:hover{text-decoration:underline}.sidebar-author-bio{color:var(--color-text-secondary);margin-top:12px;font-size:.75rem;line-height:1.9}.sidebar-author-bio+.sidebar-author-bio{margin-top:8px}.sidebar-author-details{border-top:1px solid var(--color-border);margin-top:10px;padding-top:10px}.sidebar-author-detail{color:var(--color-text-tertiary);font-size:.6875rem;line-height:1.8}.sidebar-author-detail strong{color:var(--color-text-secondary)}.sidebar-heading{font-size:.6563rem}.sidebar-heading-row{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.sidebar-section>.sidebar-heading:first-child{margin-bottom:12px;display:block}.sidebar-more-link{color:var(--color-accent);white-space:nowrap;font-size:.6875rem;font-weight:700;text-decoration:none}.sidebar-more-link:hover{color:var(--color-accent-hover)}.sidebar-posts{flex-direction:column;gap:12px;list-style:none;display:flex}.sidebar-post-link{align-items:flex-start;gap:10px;text-decoration:none;transition:opacity .15s;display:flex}.sidebar-post-link:hover{opacity:.8}.sidebar-post-image{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:38px;display:flex;position:relative;overflow:hidden}.sidebar-post-image img{object-fit:cover;width:100%;height:100%}.sidebar-post-no-image span{font-size:1rem}.sidebar-post-rank{z-index:1;font-family:var(--font-mono);color:#fff;background:#0009;border-radius:0 0 6px;padding:1px 6px;font-size:.625rem;font-weight:700;position:absolute;top:0;left:0}.sidebar-post-rank-1{background:var(--rank-1);color:#131118}.sidebar-post-rank-2{background:var(--rank-2);color:#131118}.sidebar-post-rank-3{background:var(--rank-3);color:#131118}.sidebar-post-content{min-width:0}.sidebar-post-title{-webkit-line-clamp:2;color:var(--color-text);-webkit-box-orient:vertical;font-size:.7188rem;font-weight:600;line-height:1.55;display:-webkit-box;overflow:hidden}.sidebar-post-date{font-family:var(--font-mono);color:var(--color-text-tertiary);margin-top:3px;font-size:.625rem;display:inline-block}.sidebar-past-label{color:var(--color-accent);font-weight:700}.sidebar-categories{list-style:none}.category-link{border-radius:7px;align-items:center;gap:10px;padding:7px 2px;text-decoration:none;transition:background-color .15s;display:flex}.category-link:hover{background:var(--color-bg-secondary)}.category-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.category-link .category-name{color:var(--color-text);flex:1;font-size:.8125rem;font-weight:600}.category-link .count{font-family:var(--font-mono);color:var(--color-text-tertiary);font-size:.6875rem}.sidebar-archive-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sidebar-archive-cell{background:var(--color-bg-secondary);border-radius:7px;justify-content:space-between;align-items:center;padding:7px 10px;text-decoration:none;transition:background-color .15s;display:flex}.sidebar-archive-cell:hover{background:var(--color-bg-hover)}.sidebar-archive-label{font-family:var(--font-mono);color:var(--color-text);font-size:.7188rem;font-weight:600}.sidebar-archive-count{font-family:var(--font-mono);color:var(--color-text-tertiary);font-size:.625rem}.sidebar-tag-cloud{flex-wrap:wrap;gap:6px;display:flex}.sidebar-tag-chip{color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:6px;padding:4px 9px;font-size:.6875rem;font-weight:600;text-decoration:none;transition:color .15s,background-color .15s}.sidebar-tag-chip:hover{color:var(--color-accent);background:var(--color-accent-light)}.sidebar-tag-count{color:var(--color-text-faint);margin-left:4px}.article-body{color:var(--color-text-body);font-size:.9063rem;line-height:2.1}.article-body h2{color:var(--color-text);border-left:3px solid var(--color-accent-solid);margin:40px 0 18px;padding-left:14px;font-size:1.1875rem;font-weight:900;line-height:1.6}.article-body h3{color:var(--color-text);margin:32px 0 14px;font-size:1rem;font-weight:900;line-height:1.6}.article-body p{margin:0 0 18px}.article-body a{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline;text-decoration-color:var(--color-accent-border)}.article-body a:hover{color:var(--color-accent-hover);text-decoration-color:currentColor}.article-body strong{color:var(--color-strong)}.article-body ul,.article-body ol{margin:1.2em 0;padding:0;list-style:none}.article-body li{padding-left:24px;line-height:2.1;position:relative}.article-body li+li{margin-top:2px}.article-body ul>li:before{content:"";background:var(--list-marker);border-radius:99px;width:6px;height:6px;position:absolute;top:calc(1.05em - 3px);left:4px}.article-body ul ul>li:before{border:1.5px solid var(--list-marker-nested);box-sizing:border-box;background:0 0;width:5px;height:5px;top:calc(1.05em - 2.5px)}.article-body ul ul ul>li:before{background:var(--list-marker-nested);border:0;border-radius:0;width:7px;height:1.5px;top:calc(1.05em - 1px)}.article-body ol{counter-reset:li}.article-body ol>li{counter-increment:li;padding-left:32px}.article-body ol>li:before{content:counter(li) ".";text-align:right;width:24px;font-family:var(--font-mono);color:var(--list-number);font-variant-numeric:tabular-nums;font-size:.7813rem;font-weight:700;line-height:2.1;position:absolute;top:0;left:0}.article-body ol ol>li:before{content:"(" counter(li) ")";width:26px;color:var(--list-number-nested);font-weight:400}.article-body li>ul,.article-body li>ol{border-left:1px solid var(--list-guide);margin:4px 0 6px 4px;padding-left:14px}.article-body blockquote{border-left:3px solid var(--color-border-strong);color:var(--color-text-secondary);margin:0 0 18px;padding:4px 0 4px 18px;font-style:italic}.article-body blockquote>:last-child{margin-bottom:0}.article-body blockquote footer,.article-body blockquote cite{color:var(--color-text-tertiary);margin-top:6px;font-size:.75rem;font-style:normal;display:block}.article-body blockquote footer:before,.article-body blockquote cite:before{content:"— "}.article-body code{font-family:var(--font-mono);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-code-text);border-radius:5px;padding:2px 7px;font-size:.7813rem}.article-body pre{color:#e8e3ee;background:#231e2c;border-radius:12px;margin:0 0 18px;padding:20px 22px;font-size:.7813rem;line-height:1.9;overflow-x:auto}.article-body pre code{color:inherit;font-size:inherit;background:0 0;border:none;padding:0}.article-body pre.astro-code{background-color:var(--shiki-dark-bg,#231e2c)!important}.article-body pre.astro-code span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}.code-block{position:relative}.code-block .code-copy-btn{font-family:var(--font-sans);color:#9c94a8;cursor:pointer;opacity:0;background:0 0;border:1px solid #453e52;border-radius:6px;padding:3px 10px;font-size:.625rem;font-weight:600;line-height:1.5;transition:opacity .15s,color .15s,border-color .15s;position:absolute;top:9px;right:10px}.code-block:hover .code-copy-btn,.code-block:focus-within .code-copy-btn{opacity:1}@media (hover:none){.code-block .code-copy-btn{opacity:1}}.code-block .code-copy-btn:hover,.code-block .code-copy-btn.is-copied{color:#fff;opacity:1;border-color:#7a7190}.article-body hr{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}.article-body img{border:1px solid var(--color-border);border-radius:8px;max-width:100%;height:auto;margin:1.5rem 0}.article-body table{border-collapse:collapse;max-width:100%;margin:1.5rem 0;font-size:.8125rem;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--color-border);min-width:6em;padding:.5em .75em;line-height:1.7}.article-body th{background:var(--color-bg-secondary);color:var(--color-text);font-weight:700}.site-footer{border-top:1px solid var(--color-border);background:var(--color-footer-bg);margin-top:auto}.footer-content{max-width:1240px;margin:0 auto;padding:38px 24px 26px}.footer-grid{grid-template-columns:1fr 2fr;gap:40px;display:grid}@media (width<=800px){.footer-grid{grid-template-columns:1fr;gap:28px}}.footer-brand-logo{color:var(--color-text);align-items:center;gap:9px;margin-bottom:12px;text-decoration:none;display:inline-flex}.footer-logo-img{border-radius:7px;width:22px;height:22px;display:block}.footer-brand-name{font-size:.9063rem;font-weight:900}.footer-brand-desc{color:var(--color-text-tertiary);margin:0 0 14px;font-size:.75rem;line-height:1.8}.footer-contact-link{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:8px;padding:8px 14px;font-size:.75rem;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s;display:inline-block}.footer-contact-link:hover{border-color:var(--color-border-strong);color:var(--color-text)}.footer-mono-heading{letter-spacing:.16em;color:var(--color-text-faint);margin-bottom:12px;font-size:.625rem;display:block}.footer-links{grid-template-columns:repeat(3,1fr);gap:8px 20px;list-style:none;display:grid}.footer-software-heading{margin-top:22px}@media (width<=640px){.footer-links{grid-template-columns:1fr 1fr}}.footer-service-link{color:var(--color-text-tertiary);font-size:.75rem;text-decoration:none;transition:color .15s}.footer-service-link:hover{color:var(--color-text)}.footer-bottom{border-top:1px solid var(--color-border)}.footer-bottom-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;max-width:1240px;margin:0 auto;padding:16px 24px;display:flex}.footer-copy{font-family:var(--font-mono);color:var(--color-text-faint);font-size:.6563rem}.footer-legal{flex-wrap:wrap;gap:18px;display:flex}.footer-legal-link{color:var(--color-text-tertiary);font-size:.6875rem;text-decoration:none;transition:color .15s}.footer-legal-link:hover{color:var(--color-text)}.popular-posts-list{flex-direction:column;gap:8px;list-style:none;display:flex}.popular-post-link{background:var(--color-surface);border:1px solid var(--color-border);color:inherit;border-radius:12px;grid-template-columns:52px 110px minmax(0,1fr);align-items:center;gap:16px;padding:10px 18px 10px 8px;text-decoration:none;transition:border-color .15s;display:grid}.popular-post-link:hover{border-color:var(--color-accent-solid)}.popular-post-rank{font-family:var(--font-mono);color:var(--color-text-faint);text-align:center;font-size:1.375rem;font-style:italic;font-weight:700}.popular-post-rank[data-rank="1"]{color:var(--rank-1)}.popular-post-rank[data-rank="2"]{color:var(--rank-2)}.popular-post-rank[data-rank="3"]{color:var(--rank-3)}.popular-post-thumb{aspect-ratio:16/9;background:var(--color-bg-secondary);border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.popular-post-thumb img{object-fit:cover;width:100%;height:100%}.popular-post-title-text{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8438rem;font-weight:700;line-height:1.6;display:-webkit-box;overflow:hidden}.popular-post-link:hover .popular-post-title-text{color:var(--color-accent)}.popular-post-views{font-family:var(--font-mono);color:var(--color-text-tertiary);margin-top:5px;font-size:.6563rem;display:block}@media (width<=600px){.popular-post-link{grid-template-columns:34px 84px minmax(0,1fr);gap:10px;padding:10px 12px 10px 6px}.popular-post-rank{font-size:1rem}.popular-post-title-text{font-size:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (pointer:coarse){.nav-link,.category-link,.footer-legal-link{align-items:center;min-height:40px;display:inline-flex}}