@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');:root{ --bg:#ffffff; --fg:#1f2937; --muted:#6b7280; --border:#e5e7eb; --accent:#2563eb; --accent-contrast:#ffffff; --accent-rgb:37,99,235; --code-bg:#eef0ff; --code-fg:#111827; --code-border:#d9def5; --code-inline-bg:#f3f4ff; --accent-soft:rgba(37,99,235,0.12); --accent-softer:rgba(37,99,235,0.08); --muted-soft:rgba(148,163,184,0.12); --radius:8px; --max-width:960px; --line:1.6; --space-1:0.25rem; --space-2:0.5rem; --space-3:0.75rem; --space-4:1rem; --space-5:1.25rem; --space-6:1.5rem; --space-8:2rem;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{ --bg:#0f172a; --fg:#e5e7eb; --muted:#94a3b8; --border:#1f2937; --accent:#60a5fa; --accent-contrast:#0f172a; --accent-rgb:96,165,250; --code-bg:#1e293b; --code-fg:#e2e8f0; --code-border:#334155; --code-inline-bg:#1e293b; --accent-soft:rgba(96,165,250,0.24); --accent-softer:rgba(96,165,250,0.14); --muted-soft:rgba(148,163,184,0.2)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;background:var(--bg);color:var(--fg)}body{margin:0;font-family:'Poppins',sans-serif;background:var(--bg);color:var(--fg);line-height:var(--line); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;overflow-y:scroll}img,video,svg{max-width:100%;height:auto}a{color:var(--accent);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline;text-underline-offset:0.2em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin: -1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header.site-header,main,footer.site-footer{width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--space-6)var(--space-4)}header.site-header{padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.site-header__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.site-navigation{position:relative;margin-left:auto}.site-nav-toggle{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:0.35rem;width:2.75rem;height:2.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease}.site-nav-toggle span[aria-hidden="true"]{display:block;width:1.6rem;height:2px;background:currentColor;border-radius:999px}.site-nav-toggle:hover,.site-nav-toggle:focus-visible{background:var(--accent-soft);border-color:var(--accent)}.site-nav-panel{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);min-width:12rem;box-shadow:0 20px 40px rgba(15,23,42,0.12);display:none;z-index:20}.site-nav-panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.site-navigation.is-open .site-nav-panel{display:block}.site-nav-panel a{display:block;padding:var(--space-2)var(--space-3);border-radius:calc(var(--radius)/1.5)}.site-nav-panel a:hover,.site-nav-panel a:focus-visible{background:var(--accent-soft);text-decoration:none}.tag-pill-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-6)0 var(--space-6);padding:0}.tag-pill{ --tag-pill-bg:rgba(var(--accent-rgb),0.18); --tag-pill-border:rgba(var(--accent-rgb),0.26); --tag-pill-fg:var(--accent); --tag-pill-count-bg:rgba(var(--accent-rgb),0.16);display:inline-flex;align-items:center;gap:var(--space-2);padding:0.35rem 0.75rem;border-radius:999px;background:var(--tag-pill-bg);border:1px solid var(--tag-pill-border);color:var(--tag-pill-fg);font-weight:600;font-size:0.95rem;letter-spacing:0.01em;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease}.tag-pill:hover,.tag-pill:focus-visible{background:rgba(var(--accent-rgb),0.32);border-color:rgba(var(--accent-rgb),0.45);color:var(--accent-contrast);box-shadow:0 12px 24px rgba(var(--accent-rgb),0.25);transform:translateY(-1px);text-decoration:none}.tag-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tag-pill__name{white-space:nowrap}.tag-pill__count{padding:0 var(--space-2);border-radius:999px;background:var(--tag-pill-count-bg);font-size:0.85em;font-weight:500;font-variant-numeric:tabular-nums}.tag-pill--weight-1{ --tag-pill-bg:rgba(var(--accent-rgb),0.12); --tag-pill-border:rgba(var(--accent-rgb),0.18); --tag-pill-count-bg:rgba(var(--accent-rgb),0.14)}.tag-pill--weight-2{ --tag-pill-bg:rgba(var(--accent-rgb),0.18); --tag-pill-border:rgba(var(--accent-rgb),0.26); --tag-pill-count-bg:rgba(var(--accent-rgb),0.18)}.tag-pill--weight-3{ --tag-pill-bg:rgba(var(--accent-rgb),0.24); --tag-pill-border:rgba(var(--accent-rgb),0.34); --tag-pill-count-bg:rgba(255,255,255,0.28)}.tag-pill--weight-4{ --tag-pill-bg:rgba(var(--accent-rgb),0.34); --tag-pill-border:rgba(var(--accent-rgb),0.45); --tag-pill-fg:var(--accent-contrast); --tag-pill-count-bg:rgba(255,255,255,0.32)}.tag-pill--weight-5{ --tag-pill-bg:rgba(var(--accent-rgb),0.5); --tag-pill-border:rgba(var(--accent-rgb),0.6); --tag-pill-fg:var(--accent-contrast); --tag-pill-count-bg:rgba(255,255,255,0.38)}@media(min-width:720px){.site-nav-toggle{display:none}.site-navigation.is-open .site-nav-panel,.site-nav-panel{position:static;display:block!important;border:none;box-shadow:none;padding:0;background:transparent}.site-nav-panel ul{flex-direction:row;gap:var(--space-4)}.site-nav-panel a{padding:0}}.site-header h1{margin:0;display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap;font:400 16px/1.5 -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI","Segoe UI Emoji","Segoe UI Symbol","Apple Color Emoji",Roboto,Helvetica,Arial,sans-serif}.site-title{font-size:1.625rem;letter-spacing: -1px;color:#000000}@media(prefers-color-scheme:dark){.site-title{color:#ffffff}}.site-title-letter{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;background:var(--bg);border:1px solid var(--border);border-radius:0.6rem;color:var(--fg);font-weight:400;font-size:1.05rem;line-height:1;font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI","Segoe UI Emoji","Segoe UI Symbol","Apple Color Emoji",Roboto,Helvetica,Arial,sans-serif;box-shadow:0 1px 0 rgba(0,0,0,0.02)inset}@media(prefers-color-scheme:dark){.site-title-letter{box-shadow:0 2px 8px rgba(2,6,23,0.6)inset}}.site-header p{margin:var(--space-2)0 0;color:var(--muted);max-width:60ch}.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:0.95rem;padding-top:var(--space-4);padding-bottom:var(--space-6);margin-top:var(--space-6)}.site-footer__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-6)}.site-footer__contact-block{display:flex;flex-direction:column;gap:var(--space-3);min-width:12rem}.site-footer__subscribe-link{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--accent);text-decoration:none}.site-footer__subscribe-link svg{width:1.5rem;height:1.5rem}.site-footer__subscribe-link:hover,.site-footer__subscribe-link:focus-visible{color:var(--accent);text-decoration:underline}.site-footer__contact{display:flex;flex-direction:column;gap:0.35rem}.site-footer__contact-name{margin:0;font-weight:600;color:var(--fg)}.site-footer__contact-email{color:inherit;text-decoration:none;word-break:break-all}.site-footer__contact-email:hover,.site-footer__contact-email:focus-visible{color:var(--accent);text-decoration:underline}.site-footer__description{margin:0;max-width:36rem;color:var(--muted);line-height:1.6}.site-footer__social{display:flex;justify-content:center;gap:var(--space-3);list-style:none;padding:var(--space-4)0 var(--space-3);margin:0}.site-footer__social-link{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);transition:color 0.2s ease,border-color 0.2s ease,background 0.2s ease}.site-footer__social-link svg{width:1rem;height:1rem}.site-footer__social-link:hover,.site-footer__social-link:focus-visible{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);text-decoration:none}.site-footer__credit{margin:var(--space-3)0 0;text-align:center;font-size:0.85rem}@media(max-width:720px){.site-footer__top{flex-direction:column;align-items:stretch}.site-footer__description{max-width:none}.site-footer__social{justify-content:flex-start}}h1,h2,h3,h4,h5,h6{line-height:1.3;margin:var(--space-6)0 var(--space-3)}h1{font-size:clamp(2rem,5vw,2.5rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}p{margin:0 0 var(--space-4)}main.post{display:grid;gap:var(--space-4);position:relative}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;margin:var(--space-4)0 var(--space-4);list-style:none}.post-tags a{display:inline-flex;align-items:center;gap:var(--space-1);padding:0.25rem 0.6rem;border-radius:999px;background:var(--accent-softer);color:inherit;font-size:0.85rem}.post-tags a:hover,.post-tags a:focus-visible{background:var(--accent-soft);text-decoration:none}@media(min-width:960px){main.post{display:block;position:relative;gap:var(--space-8)}.post article{max-width:none;width:100%}}.post article{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(var(--space-4),2vw,var(--space-6))}.post h2{margin-top:0}.post .meta,.post time{display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--muted);font-size:0.95rem}.tags,.post .tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3)0;padding:0;list-style:none}.tags a,.tag{display:inline-block;padding:0.25rem 0.6rem;border:1px solid var(--border);border-radius:999px;font-size:0.85rem;color:var(--accent);background:var(--accent-soft)}.post-header-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.post-header-meta .post-date{margin:0}.post-content{margin-top:var(--space-4)}.post-content pre,.post-content pre code{font-family:'Fira Code','JetBrains Mono',ui-monospace,SFMono-Regular,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;font-size:0.95rem;line-height:1.55}.post-content pre{margin:var(--space-4)0;padding:var(--space-4);background:var(--code-bg);color:var(--code-fg);border:1px solid var(--code-border);border-radius:calc(var(--radius)*1.25);overflow-x:auto;white-space:pre;box-shadow:0 12px 24px rgba(15,23,42,0.08)}.post-content pre code{background:transparent;padding:0;border-radius:0}.post-content code:not(pre code){padding:0.1rem 0.35rem;border-radius:calc(var(--radius)/1.5);background:var(--code-inline-bg);color:var(--code-fg);border:1px solid var(--code-border);font-size:0.9em}.post-content pre code.language-unknown{display:block}.post-content pre:has(code.language-unknown){border-color:#d4c9ea!important}@media(prefers-color-scheme:dark){.post-content pre:has(code.language-unknown){background:#2d2438!important;border-color:#4a3d5c!important;color:#e2e8f0!important}}.post-content hr{margin:var(--space-8)0;border:none;border-top:1px solid var(--border)}@media(prefers-color-scheme:dark){.post-content pre .keyword{color:#c792ea}.post-content pre .string{color:#c3e88d}.post-content pre .comment{color:#697098;font-style:italic}.post-content pre .class-name{color:#82aaff}.post-content pre .function{color:#82aaff}.post-content pre .number{color:#f78c6c}.post-content pre .operator{color:#89ddff}.post-content pre .punctuation{color:#a6accd}.post-content pre .variable{color:#eeffff}.post-content pre .property{color:#89ddff}.post-content pre .constant{color:#f78c6c}.post-content pre .type{color:#ffcb6b}.post-content pre .attribute{color:#c792ea}.post-content .mermaid .edgePath .path,.post-content .mermaid path{stroke:#94a3b8!important;stroke-width:2px!important}}@keyframes copySuccess{0%{opacity:0;transform:translate(-50%, -50%)scale(0.8)}100%{opacity:1;transform:translate(-50%, -50%)scale(1)}}.post-list{display:grid;gap:var(--space-4)}@media(min-width:640px){.post-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.post-list>*{display:block;border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);background:var(--bg);transition:transform 0.15s ease,border-color 0.15s ease}.post-list>*:hover,.post-list>*:focus-visible{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 20px rgba(15,23,42,0.12)}.post-list h2,.post-list h3{margin:0 0 var(--space-2);font-size:clamp(1.1rem,3vw,1.4rem)}.post-list p{margin:0;color:var(--muted);font-size:0.95rem}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:0.35rem;margin:var(--space-2)0;color:var(--muted);font-size:0.875rem;line-height:1.4}.post-meta .post-date{font-weight:600;white-space:nowrap}.post-meta .reading-time{display:inline-flex;align-items:center;gap:0.25rem;font-weight:500;white-space:nowrap}.post-feed{margin-bottom:var(--space-8);padding:var(--space-6);border:1px solid var(--border);border-radius:calc(var(--radius)*1.5);background:linear-gradient(180deg,rgba(37,99,235,0.06)0%,rgba(37,99,235,0.03)100%);box-shadow:0 18px 40px rgba(15,23,42,0.12);display:grid;gap:var(--space-5)}@media(prefers-color-scheme:dark){.post-feed{background:linear-gradient(180deg,rgba(96,165,250,0.08)0%,rgba(96,165,250,0.04)100%);box-shadow:0 18px 40px rgba(0,0,0,0.45);border-color:var(--border)}}.post-feed__header{display:grid;gap:var(--space-3)}@media(min-width:760px){.post-feed__header{grid-template-columns:minmax(0,2fr)minmax(0,1fr);align-items:end}}.post-feed__heading{display:grid;gap:var(--space-2)}.post-feed__title{margin:0;font-size:clamp(1.35rem,2.4vw,1.65rem)}.post-feed__subtitle{margin:0;color:var(--muted);font-size:0.95rem}.post-feed__controls{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap}.post-feed__control{position:relative;display:flex;align-items:center;border-radius:var(--radius);background:var(--bg);border:1px solid var(--border);padding:0;transition:border-color 0.15s ease,box-shadow 0.15s ease}.post-feed__control input[type='search'],.post-feed__control select{border:none;padding:var(--space-2)var(--space-3);font:inherit;color:inherit;background:transparent;min-width:12rem}.post-feed__control input[type='search']{width:16rem}.post-feed__control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-softer)}.post-feed__status,.post-feed__empty,.post-feed__error{margin:0;color:var(--muted);font-size:0.95rem}.post-feed__error{color:var(--accent)}.post-feed__load-more{align-self:center;display:inline-flex;align-items:center;gap:0.35rem;padding:var(--space-2)var(--space-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit;cursor:pointer;transition:border-color 0.15s ease,background 0.15s ease}.post-feed__load-more:hover,.post-feed__load-more:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.post-feed__load-more[hidden]{display:none}.post-feed__sentinel{width:100%;height:1px;pointer-events:none}@media(max-width:720px){.post-feed{padding:var(--space-4)}.post-feed__controls{justify-content:stretch}.post-feed__control{flex:1 1 220px}.post-feed__control input[type='search'],.post-feed__control select{width:100%;min-width:0}}.featured-posts{margin-bottom:var(--space-8)}.post-catalog{margin-top:var(--space-8);padding:var(--space-6);border:1px solid var(--border);border-radius:calc(var(--radius)*1.5);background:linear-gradient(180deg,rgba(37,99,235,0.04)0%,rgba(37,99,235,0.02)100%);box-shadow:0 18px 40px rgba(15,23,42,0.12);display:grid;gap:var(--space-5)}@media(prefers-color-scheme:dark){.post-catalog{background:linear-gradient(180deg,rgba(96,165,250,0.07)0%,rgba(96,165,250,0.035)100%);box-shadow:0 18px 40px rgba(0,0,0,0.45);border-color:var(--border)}}.post-catalog__header{display:grid;grid-template-columns:minmax(0,2fr)minmax(0,1fr);align-items:end;gap:var(--space-4)}.post-catalog__heading{display:grid;gap:var(--space-2)}.post-catalog__title{margin:0;font-size:clamp(1.35rem,2.4vw,1.65rem)}.post-catalog__subtitle{margin:0;color:var(--muted);font-size:0.95rem}.post-catalog__controls{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap}.post-catalog__control{position:relative;display:flex;align-items:center;border-radius:var(--radius);background:var(--bg);border:1px solid var(--border);padding:0;min-width:220px;flex:1 1 240px}.post-catalog__control--filter{min-width:180px;flex:0 0 200px}.post-catalog__control input,.post-catalog__control select{ -webkit-appearance:none;appearance:none;border:none;background:transparent;color:inherit;font:inherit;padding:var(--space-2)var(--space-4);width:100%}.post-catalog__control input:focus,.post-catalog__control select:focus{outline:none}.post-catalog__control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,0.2)}.post-catalog__control--search::before{content:"\1F50D";position:absolute;left:var(--space-3);color:var(--muted);font-size:0.95rem;pointer-events:none}.post-catalog__control--search input{padding-left:calc(var(--space-4) + 1.2rem)}.post-catalog__control--filter::after{content:"";position:absolute;right:var(--space-3);width:0.5rem;height:0.5rem;border:2px solid currentColor;border-top:0;border-left:0;transform:rotate(45deg);pointer-events:none;opacity:0.55}.post-catalog__control--filter select{padding-right:calc(var(--space-4) + 1.2rem);cursor:pointer}.post-catalog__table-wrapper{border-radius:calc(var(--radius)*1.25);border:1px solid var(--border);background:var(--bg);overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,0.08)}.post-table{width:100%;border-collapse:collapse;min-width:640px;table-layout:fixed}.post-table th:nth-child(1),.post-table td:nth-child(1),.post-table th:nth-child(2),.post-table td:nth-child(2),.post-table th:nth-child(3),.post-table td:nth-child(3),.post-table th:nth-child(4),.post-table td:nth-child(4){min-width:initial;width:auto}.post-table thead th{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--border);background:rgba(37,99,235,0.08);text-transform:uppercase;letter-spacing:0.08em;font-size:0.75rem;color:var(--muted)}.post-table thead button{display:inline-flex;align-items:center;gap:0.4rem;border:none;background:none;padding:0;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer}.post-table thead button:hover,.post-table thead button:focus-visible{color:var(--accent)}.post-table thead button::after{content:"\25BC";font-size:0.6rem;transform:translateY(-1px)rotate(0deg);transition:transform 0.2s ease;opacity:0.4}.post-table thead button[data-sort-direction="ascending"]::after{transform:translateY(-1px)rotate(180deg);opacity:0.8}.post-table thead button[data-sort-direction="descending"]::after{opacity:0.8}.post-table tbody tr{border-bottom:1px solid var(--border);transition:background 0.15s ease}.post-table tbody tr:last-child{border-bottom:none}.post-table tbody tr:hover{background:rgba(37,99,235,0.05)}.post-table td{padding:var(--space-3)var(--space-4);vertical-align:top}.post-table__date{white-space:nowrap;font-weight:600;color:var(--muted)}.post-table__summary{color:var(--muted);display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.post-table__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.post-table__tag{display:inline-flex;align-items:center;padding:0.2rem 0.55rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:0.75rem;font-weight:500;white-space:nowrap}.post-table__empty td{text-align:center;color:var(--muted);padding:var(--space-6)}.post-catalog__pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.post-catalog__pagination button{display:inline-flex;align-items:center;gap:0.35rem;padding:var(--space-2)var(--space-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit;cursor:pointer;transition:border-color 0.15s ease,background 0.15s ease}.post-catalog__pagination button:hover:not(:disabled),.post-catalog__pagination button:focus-visible:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.post-catalog__pagination button:disabled{opacity:0.6;cursor:not-allowed}.post-catalog__error,.post-catalog__noscript{margin:0;color:var(--muted);font-size:0.9rem}@media(max-width:720px){.post-catalog{padding:var(--space-4)}.post-catalog__header{grid-template-columns:1fr;gap:var(--space-3)}.post-catalog__controls{justify-content:flex-start}.post-table,.post-table thead,.post-table tbody,.post-table tr,.post-table th,.post-table td{display:block;width:100%}.post-table{min-width:0}.post-table thead{position:absolute;width:1px;height:1px;margin: -1px;border:0;padding:0;clip:rect(0,0,0,0);overflow:hidden}.post-table tbody tr{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-3);background:var(--bg)}.post-table td{border:none;padding:var(--space-3)0 var(--space-3)calc(var(--space-4) + 6.5rem);position:relative}.post-table td::before{content:attr(data-label);position:absolute;left:var(--space-3);top:var(--space-3);font-weight:600;color:var(--muted);text-transform:uppercase;font-size:0.7rem;letter-spacing:0.04em}.post-table__summary{max-width:none; -webkit-line-clamp:unset}.post-table__tags{margin-top:var(--space-2)}}.toc-wrapper{position:absolute;top:0;right:0;z-index:100}.toc-hamburger{position:fixed;top:6rem;right:0;width:3rem;height:3rem;background:var(--bg);border:1px solid var(--border);border-right:none;border-radius:var(--radius)0 0 var(--radius);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.35rem;padding:0.75rem;box-shadow: -2px 2px 8px rgba(0,0,0,0.1);transition:all 0.3s ease;z-index:101}.toc-hamburger:hover{background:var(--accent-softer);border-color:var(--accent)}.toc-hamburger.active{background:var(--accent-soft);border-color:var(--accent)}.toc-icon{ --bar-offset:0.58rem;display:grid;grid-template-columns:1.25rem 0.35rem;grid-auto-rows:auto;align-items:center;justify-content:center;gap:0.4rem 0.35rem}.toc-icon .bar,.toc-icon .bullet{transition:background 0.2s ease,transform 0.25s ease,opacity 0.2s ease}.toc-icon .bar{width:1.25rem;height:0.18rem;background:var(--fg);border-radius:2px}.toc-icon .bullet{width:0.32rem;height:0.32rem;background:var(--fg);border-radius:2px}.toc-hamburger:hover .toc-icon .bar,.toc-hamburger:hover .toc-icon .bullet,.toc-hamburger.active .toc-icon .bar,.toc-hamburger.active .toc-icon .bullet{background:var(--accent)}.toc-hamburger.active .toc-icon{display:block;position:relative;width:1.25rem;height:1.25rem}.toc-hamburger.active .toc-icon .bar,.toc-hamburger.active .toc-icon .bullet{position:absolute;top:50%;left:50%;transform-origin:center center}.toc-hamburger.active .toc-icon .bar{width:1.1rem}.toc-hamburger.active .toc-icon .bullet{opacity:0;transform:translate(-50%, -50%)scale(0.6)}.toc-hamburger.active .toc-icon .bar:nth-child(1){transform:translate(-50%, -50%)rotate(45deg)}.toc-hamburger.active .toc-icon .bar:nth-child(3){transform:translate(-50%, -50%)scaleX(0);opacity:0}.toc-hamburger.active .toc-icon .bar:nth-child(5){transform:translate(-50%, -50%)rotate(-45deg)}.toc-panel{position:fixed;top:0;right: -320px;width:300px;height:100vh;background:var(--bg);border-left:1px solid var(--border);box-shadow: -4px 0 16px rgba(0,0,0,0.15);overflow-y:auto;transition:right 0.3s ease;padding:var(--space-6)var(--space-4);z-index:100}.toc-wrapper.open .toc-panel{right:0}.toc-heading{margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--border);font-weight:600;font-size:1rem;color:var(--fg);text-transform:uppercase;letter-spacing:0.05em}.toc{border:none;border-radius:0;padding:0;font-size:0.8125rem;background:transparent;color:var(--muted);box-shadow:none}.toc ul{list-style:none;margin:0;padding:0}.toc li{margin:0}.toc a{display:block;padding:0.5rem var(--space-3);border-radius:calc(var(--radius)/1.5);color:var(--muted);text-decoration:none;font-size:0.8125rem;line-height:1.4;transition:all 0.2s ease;border-left:3px solid transparent;margin:0.125rem 0}.toc a:hover,.toc a:focus-visible{background:var(--accent-softer);color:var(--accent);border-left-color:var(--accent);transform:translateX(4px)}.toc a.active{background:var(--accent-soft);color:var(--accent);border-left-color:var(--accent);font-weight:500}.toc ul ul{margin-left:var(--space-3);font-size:0.75rem;border-left:1px solid var(--border);padding-left:var(--space-3);margin-top:0.25rem;margin-bottom:0.25rem}.toc ul ul a{padding:0.375rem var(--space-2);color:var(--muted);font-size:0.75rem;line-height:1.3}.toc ul ul a:hover,.toc ul ul a:focus-visible{color:var(--fg)}.toc ul ul ul{margin-left:var(--space-2);font-size:0.7rem;padding-left:var(--space-2)}.toc ul ul ul a{padding:0.25rem var(--space-1);font-size:0.7rem;line-height:1.2}@media(max-width:768px){.toc-hamburger{width:2.5rem;height:2.5rem;gap:0.25rem;top:5rem}.toc-icon{grid-template-columns:1rem 0.3rem;gap:0.3rem 0.3rem; --bar-offset:0.48rem}.toc-icon .bar{width:1rem}.toc-icon .bullet{width:0.28rem;height:0.28rem}.toc-hamburger.active .toc-icon{width:1rem;height:1rem}.toc-panel{right: -100%;width:85%;max-width:320px}}@media(min-width:769px){.toc-hamburger.scrolled{top:1rem}}@media(prefers-color-scheme:dark){.toc-hamburger{box-shadow: -4px 2px 12px rgba(0,0,0,0.4)}.toc-panel{box-shadow: -6px 0 24px rgba(0,0,0,0.5)}}.post-content .toc{display:none}.post-shortlink{margin-top:var(--space-2)}.post-shortlink-input-wrap{display:inline-flex;align-items:center;gap:var(--space-2)}.post-shortlink-input{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:0.35rem var(--space-3);font-size:0.95rem}.post-shortlink-copy,.post-shortlink-toggle{display:inline-flex;align-items:center;gap:0.35rem;border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit;border-radius:var(--radius);padding:0.35rem var(--space-3);font-size:0.95rem;cursor:pointer;transition:border-color 0.15s ease,background 0.15s ease,color 0.15s ease}.post-shortlink-copy{gap:0;justify-content:center;padding-inline:var(--space-2)}.post-shortlink-copy-icon{position:relative;display:inline-flex;width:1.25rem;height:1.25rem}.post-shortlink-copy-icon svg{width:100%;height:100%;fill:currentColor;transition:opacity 0.2s ease,transform 0.2s ease}.post-shortlink-copy-icon .icon-check{position:absolute;inset:0;opacity:0;transform:scale(0.7)}.post-shortlink-copy-icon .icon-copy{opacity:1;transform:scale(1)}.post-shortlink-copy.copied{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.post-shortlink-copy.copied .icon-copy{opacity:0;transform:scale(0.8)}.post-shortlink-copy.copied .icon-check{opacity:1;transform:scale(1)}.post-shortlink-copy.copy-error{border-color:#ef4444;background:rgba(239,68,68,0.12);color:#991b1b}.post-shortlink-qr-icon{display:inline-flex;width:1.1rem;height:1.1rem}.post-shortlink-qr-icon svg{width:100%;height:100%;fill:currentColor}.post-shortlink-copy:hover,.post-shortlink-copy:focus-visible,.post-shortlink-toggle:hover,.post-shortlink-toggle:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.post-shortlink-toggle[aria-expanded="true"]{background:var(--accent-softer);border-color:var(--accent)}.post-shortlink-qr-overlay[hidden]{display:none}.post-shortlink-qr-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000}.post-shortlink-qr-overlay-backdrop{position:absolute;inset:0;background:rgba(17,24,39,0.65)}.post-shortlink-qr-overlay-dialog{position:relative;max-width:min(90vw,24rem);width:100%;background:var(--surface);border-radius:0.75rem;box-shadow:0 20px 45px rgba(15,23,42,0.35);padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.post-shortlink-qr-overlay-close{position:absolute;top:0.75rem;right:0.75rem;border:none;background:transparent;color:inherit;font-size:1.5rem;line-height:1;cursor:pointer}.post-shortlink-qr-overlay-close:hover,.post-shortlink-qr-overlay-close:focus-visible{color:var(--accent)}.post-shortlink-qr-overlay-body img{display:block;width:100%;height:auto}.u-email:after{content:attr(data-name)"@"attr(data-domain)"."attr(data-tld)}