@import 'https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=JetBrains+Mono:wght@400;500&display=swap';:root{--theme:#fafafa;--entry:#ffffff;--primary:#1a1a1a;--secondary:#5c5c5c;--tertiary:#e8e8e8;--content:#2d2d2d;--code-block-bg:#1e1e1e;--code-bg:#f0f0f0;--border:#e5e5e5;--accent:#2563eb;--accent-soft:rgba(37, 99, 235, 0.08);--container-max:720px;--header-height:64px;--gap:24px;--content-gap:24px;--radius:10px;--transition:0.2s ease;color-scheme:light}:root[data-theme=dark]{--theme:#0f0f10;--entry:#18181b;--primary:#f4f4f5;--secondary:#a1a1aa;--tertiary:#27272a;--content:#d4d4d8;--code-block-bg:#18181b;--code-bg:#27272a;--border:#27272a;--accent:#60a5fa;--accent-soft:rgba(96, 165, 250, 0.12);color-scheme:dark}.list{background:var(--theme)}body{font-family:dm sans,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;background:var(--theme);color:var(--content);line-height:1.7;font-size:17px;margin:0;padding:0}body::before,body::after{display:none}h1,h2,h3,h4,h5,h6{font-family:dm sans,sans-serif;color:var(--primary);font-weight:600;line-height:1.3;margin-top:0;margin-bottom:.75em}a{color:var(--primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.main{max-width:calc(var(--container-max) + var(--gap) * 2);margin-left:auto;margin-right:auto;padding:var(--gap);min-height:calc(100vh - var(--header-height) - 60px)}.header{position:sticky;top:0;z-index:100;background:rgba(250,250,250,.9);border-bottom:1px solid var(--border);backdrop-filter:saturate(180%)blur(12px);-webkit-backdrop-filter:saturate(180%)blur(12px)}:root[data-theme=dark] .header{background:rgba(15,15,16,.9)}.nav{max-width:calc(var(--container-max) + var(--gap) * 2);margin:0 auto;padding:0 var(--gap);line-height:var(--header-height)}.logo a{font-family:dm sans,sans-serif;font-weight:700;font-size:1.15rem;color:var(--primary);letter-spacing:-.02em;transition:color var(--transition)}.logo a:hover{color:var(--accent)}.logo-theme-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;padding:.25rem;border:none;background:0 0;color:var(--secondary);cursor:pointer;border-radius:6px;transition:color var(--transition),background var(--transition);vertical-align:middle}.logo-theme-toggle:hover{color:var(--primary);background:var(--accent-soft)}.logo-theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.logo-theme-toggle svg{display:block}[data-theme=dark] .logo-theme-toggle #moon{display:none}[data-theme=light] .logo-theme-toggle #sun,html:not([data-theme=dark]) .logo-theme-toggle #sun{display:none}#menu{list-style:none;display:flex;gap:.5rem}#menu a{font-size:.9rem;font-weight:500;color:var(--secondary);padding:.4rem .6rem;border-radius:6px;transition:color var(--transition),background var(--transition)}#menu a:hover{color:var(--primary);background:var(--accent-soft)}#menu a span.active{color:var(--primary);font-weight:600}#menu .active{border-bottom:none}#menu a span.active{position:relative}#menu a span.active::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--accent);border-radius:1px}button#theme-toggle{color:var(--secondary);transition:color var(--transition),transform var(--transition)}button#theme-toggle:hover{color:var(--primary)}button#theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.first-entry,.post-entry{position:relative;display:block;background:var(--entry);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;margin-bottom:1.5rem;transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition);overflow:hidden}.first-entry{min-height:auto;margin:0 0 1.5rem}.post-entry:hover,.first-entry:hover{box-shadow:0 8px 24px rgba(0,0,0,6%);border-color:var(--tertiary)}:root[data-theme=dark] .post-entry:hover,:root[data-theme=dark] .first-entry:hover{box-shadow:0 8px 24px rgba(0,0,0,.25)}.post-entry:active,.first-entry:active{transform:scale(.995)}.entry-header h1,.entry-header h2{font-size:1.5rem;font-weight:600;line-height:1.35;margin-bottom:.5rem;color:var(--primary)}.first-entry .entry-header{overflow:visible;display:block;-webkit-box-orient:unset;-webkit-line-clamp:unset;line-clamp:unset}.first-entry .entry-header h1,.first-entry .entry-header h2{font-size:1.5rem}.entry-content{color:var(--secondary);font-size:.95rem;line-height:1.65;margin:.5rem 0 0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.first-entry .entry-content{-webkit-line-clamp:3;line-clamp:3}.entry-footer{margin-top:1rem;font-size:.8rem;color:var(--secondary);font-weight:500;letter-spacing:0;text-transform:none}.entry-footer span{opacity:.9}.entry-link{position:absolute;inset:0}.entry-hint{color:var(--secondary)}.post-content,.post-content .entry-content{-webkit-line-clamp:unset !important;line-clamp:unset !important;display:block !important;overflow:visible !important}.first-entry.home-info{text-align:left;max-width:100%}.page-header{margin-bottom:var(--content-gap)}.page-header h1{font-size:1.75rem;font-weight:700}.post-single{max-width:var(--container-max);margin:0 auto}.post-header{margin:0 auto var(--content-gap)}.post-title{font-size:2.25rem;font-weight:700;line-height:1.25;margin-bottom:.5rem}.post-description{font-size:1.05rem;color:var(--secondary);margin-top:.5rem;margin-bottom:0}.post-meta,.breadcrumbs{color:var(--secondary);font-size:.85rem;margin-top:.75rem}.post-content{color:var(--content);margin:2rem 0;font-size:1.0625rem}.post-content h1{font-size:1.85rem;margin:2rem 0 1rem}.post-content h2{font-size:1.5rem;margin:1.75rem 0 .75rem}.post-content h3{font-size:1.25rem;margin:1.5rem 0 .5rem}.post-content h4,.post-content h5,.post-content h6{font-size:1.1rem;margin:1.25rem 0 .5rem}.post-content p,.post-content ul,.post-content ol{margin-bottom:1.25rem}.post-content ul,.post-content ol{padding-left:1.5rem}.post-content li{margin-top:.35rem}.post-content blockquote{margin:1.5rem 0;padding:.75rem 1rem .75rem 1.25rem;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius)var(--radius)0;color:var(--content)}.post-content code{font-family:jetbrains mono,ui-monospace,monospace;font-size:.88em;padding:.2em .4em;background:var(--code-bg);border-radius:4px;border:1px solid var(--border)}.post-content pre{margin:1.5rem 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.post-content pre code{display:block;padding:1rem 1.25rem;margin:0;background:var(--code-block-bg) !important;color:var(--content);font-size:.875rem;line-height:1.6;border:none;overflow-x:auto}.post-content .highlight pre code{background:0 0 !important}.post-content table{width:100%;margin:1.5rem 0;border-collapse:collapse;font-size:.95rem}.post-content table th,.post-content table:not(.highlighttable,.highlight table,.gist .highlight) td{padding:.6rem .75rem;border-bottom:1px solid var(--border);text-align:left}.post-content table th{font-weight:600;color:var(--primary);background:var(--code-bg)}.post-content img{max-width:100%;height:auto;border-radius:var(--radius);margin:1.25rem 0}.post-content hr{margin:2rem 0;border:0;height:1px;background:var(--border)}.post-content a{box-shadow:0 1px currentColor;box-decoration-break:clone;-webkit-box-decoration-break:clone}.post-content a:hover{box-shadow:0 2px 0 var(--accent)}.post-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.post-tags a{font-size:.8rem;padding:.35rem .65rem;background:var(--code-bg);border-radius:6px;color:var(--secondary);transition:background var(--transition),color var(--transition)}.post-tags a:hover{background:var(--tertiary);color:var(--primary)}.copy-code{font-family:dm sans,sans-serif;border-radius:6px;padding:.35rem .6rem;font-size:.75rem}.elsewhere-page .post-content.elsewhere-intro{margin-bottom:2.5rem}.elsewhere-links{margin-top:2rem}.elsewhere-links-title{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--secondary);margin-bottom:1.25rem}.elsewhere-links-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.elsewhere-link-card{margin:0}.elsewhere-link-card-inner{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.25rem;background:var(--entry);border:1px solid var(--border);border-radius:var(--radius);color:var(--primary);transition:border-color var(--transition),box-shadow var(--transition)}.elsewhere-link-card-inner:hover{border-color:var(--tertiary);box-shadow:0 4px 12px rgba(0,0,0,6%)}:root[data-theme=dark] .elsewhere-link-card-inner:hover{box-shadow:0 4px 12px rgba(0,0,0,.2)}.elsewhere-link-name{font-weight:600;font-size:1.05rem}.elsewhere-link-desc{font-size:.875rem;color:var(--secondary);line-height:1.4}.elsewhere-link-arrow{margin-top:.25rem;opacity:.5;transition:opacity var(--transition),transform var(--transition)}.elsewhere-link-card-inner:hover .elsewhere-link-arrow{opacity:1;transform:translate(2px,-2px)}.pagination a{border-radius:6px;padding:.5rem 1rem;font-size:.9rem;transition:opacity var(--transition)}.pagination a:hover{opacity:.9}.footer{background:var(--theme);border-top:1px solid var(--border);padding:2rem var(--gap);text-align:center;color:var(--secondary);font-size:.875rem}.footer a:hover{color:var(--primary)}.top-link{transition:transform var(--transition),opacity var(--transition)}.top-link:hover{opacity:.9}.top-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:10px;height:8px;background:var(--theme)}::-webkit-scrollbar-thumb{background:var(--tertiary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border)}::selection{background:var(--accent-soft);color:var(--primary)}@media(max-width:768px){:root{--gap:16px;--header-height:56px}.main{padding:var(--gap)}.nav{padding:0 var(--gap)}#menu{gap:.25rem}#menu a{font-size:.85rem;padding:.35rem .5rem}.first-entry,.post-entry{padding:1.25rem;margin-bottom:1.25rem}.entry-header h1,.entry-header h2{font-size:1.25rem}.entry-content{font-size:.9rem;-webkit-line-clamp:2;line-clamp:2}.post-title{font-size:1.75rem}.post-content{font-size:1rem;margin:1.5rem 0}.post-content h1{font-size:1.5rem}.post-content h2{font-size:1.3rem}.post-content h3{font-size:1.15rem}.post-content pre code{padding:.75rem 1rem;font-size:.8rem}.elsewhere-links-grid{grid-template-columns:1fr}.elsewhere-link-card-inner{padding:1rem 1.25rem}}@media(max-width:480px){.logo a{font-size:1rem}.entry-header h1,.entry-header h2{font-size:1.15rem}.post-title{font-size:1.5rem}}