@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#f3f5f0;--bg-secondary:#fff;--text-primary:#1d3523;--text-secondary:#566c5c;--accent:#4b7c5c;--accent-hover:#396548;--border:#d9e3de;--divider:#aec2b8;--header-bg:#f3f5f0b8;--code-bg:#ebeee8;--shadow:#1c33220a;--font-sans:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-expressive:all .4s cubic-bezier(.34, 1.56, .64, 1);--shadow-lg:0 16px 36px var(--shadow);--font-size-title:2.8rem;--font-size-subtitle:1.05rem;--font-size-body:.95rem;--font-size-badge:.9rem;--font-size-tag:.9rem;--spacing-header-mb:1.5rem;--spacing-footer-mt:2.5rem;--radius-badge:12px;--radius-tag:8px;--shape-xs:4px;--shape-s:8px;--shape-m:12px;--shape-l:16px;--shape-xl:28px;--shape-full:999px;--elevation-1:0 1px 3px var(--shadow);--elevation-2:0 4px 12px var(--shadow);--elevation-3:0 6px 16px var(--shadow);--elevation-4:0 10px 24px var(--shadow);--elevation-5:0 16px 36px var(--shadow);--state-hover:.08;--state-focus:.1;--state-pressed:.1;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-emphasized:cubic-bezier(.05, .7, .1, 1);--duration-short:.15s;--duration-medium:.3s;--reveal-distance:14px;--reveal-duration:.6s;--reveal-ease:cubic-bezier(.22, 1, .36, 1);--duration-long:.45s;--primary:var(--accent);--primary-hover:var(--accent-hover);--on-primary:var(--bg-secondary);--primary-container:color-mix(in srgb, var(--accent) 18%, var(--bg-secondary));--on-primary-container:var(--accent-hover);--surface:var(--bg-primary);--surface-container:var(--bg-secondary);--on-surface:var(--text-primary);--on-surface-variant:var(--text-secondary);--outline:var(--border);--outline-variant:var(--divider);--display-l:clamp(3rem, 9vw, 5.5rem);--headline-l:2.3rem;--headline-m:1.45rem;--headline-s:1.2rem;--title-l:1.15rem;--title-m:1rem;--body-l:1.05rem;--body-m:.95rem;--body-s:.9rem;--label-l:.85rem;--label-m:.8rem;--label-s:.72rem}[data-theme=dark]{--bg-primary:#18251c;--bg-secondary:#1f2d23;--text-primary:#d1e6d3;--text-secondary:#9fb2a1;--accent:#a2c3a5;--accent-hover:#bcd7bf;--border:#2a3c2e;--divider:#4a6450;--header-bg:#18251cb8;--code-bg:#1f2e22;--shadow:#00000040}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-color:color-mix(in srgb, var(--accent) 65%, transparent) transparent;overflow-x:clip}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--accent) 60%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--accent)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:var(--transition-smooth);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:600;line-height:1.25}a{color:var(--accent);transition:var(--transition-smooth);text-decoration:none}a:hover{color:var(--accent-hover)}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--shape-xs)}code,pre{font-family:var(--font-mono);font-size:.9em}code{background-color:var(--code-bg);color:var(--accent-hover);transition:var(--transition-smooth);border-radius:6px;padding:.25em .45em}[data-theme=dark] code{color:var(--accent)}pre{background-color:var(--bg-secondary);border:1px solid var(--border);box-shadow:0 4px 12px var(--shadow);border-radius:12px;margin:1.5rem 0;padding:1.25rem;overflow-x:auto}pre code{color:var(--text-primary);background-color:#0000;border-radius:0;padding:0}[data-theme=dark] .shiki,[data-theme=dark] .shiki span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}.container{max-width:800px;margin:0 auto;padding:2.5rem 1.5rem}.card-wrapper{width:100%;max-width:580px;transition:var(--transition-expressive);justify-content:center;align-items:center;display:flex;position:relative}.card-backlight-base{z-index:0;filter:blur(14px);opacity:.5;pointer-events:none;background:var(--accent);border-radius:30px;transition:opacity .5s,filter .5s;position:absolute;inset:-6px}.card-backlight-hover{z-index:0;filter:blur(18px);opacity:0;pointer-events:none;background:radial-gradient(320px circle at var(--mouse-x,50%) var(--mouse-y,50%), #ed5e5e 0%, #f6ce55 15%, #30e871 35%, #42b6f0 60%, #be5eed 80%, transparent 100%);border-radius:30px;transition:opacity .5s,filter .5s;position:absolute;inset:-6px}@media (hover:hover){.card-wrapper:hover .card-backlight-base{opacity:0;filter:blur(18px)}.card-wrapper:hover .card-backlight-hover{opacity:.85}}@media (hover:none){.card-wrapper:active .card-backlight-base{opacity:0;filter:blur(18px)}.card-wrapper:active .card-backlight-hover{opacity:.85}}.card-expressive{background-color:var(--bg-secondary);border:1px solid var(--border);width:100%;box-shadow:0 10px 30px var(--shadow);transition:var(--transition-expressive);z-index:1;border-radius:24px;padding:3.5rem 2.5rem;position:relative}.card-wrapper:hover .card-expressive{border-color:var(--accent);box-shadow:0 14px 30px var(--shadow);transform:translateY(-3px)}.card-wrapper:active .card-expressive{transform:translateY(-1px)scale(.99)}.btn-expressive{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--shape-xl);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);box-shadow:var(--elevation-2);transition:var(--transition-expressive);padding:.6rem 1.2rem;font-weight:500;position:relative;overflow:hidden}.btn-expressive:hover{box-shadow:var(--elevation-3);border-color:var(--accent);background-color:color-mix(in srgb, var(--accent) calc(var(--state-hover) * 100%), var(--bg-secondary));transform:translateY(-2px)}.btn-expressive:active{border-radius:var(--shape-m);transform:scale(.94)translateY(0)}.dom-ripple{pointer-events:none;z-index:10;background-color:currentColor;border-radius:50%;animation:.6s cubic-bezier(.2,0,0,1) ripple-animation;position:absolute;transform:scale(0)}.dom-ripple-surface{border-radius:inherit;pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}@keyframes ripple-animation{0%{opacity:.15;transform:scale(0)}to{opacity:0;transform:scale(1)}}.rainbow-border{z-index:0;position:relative;overflow:hidden;background:0 0!important;border:none!important}.rainbow-border:before{content:"";z-index:-2;opacity:0;pointer-events:none;background:conic-gradient(#ed5e5e,#f6ce55,#30e871,#42b6f0,#be5eed,#ed5e5e);width:200%;height:200%;transition:opacity .3s;animation:4s linear infinite spin-rainbow;position:absolute;top:-50%;left:-50%}.rainbow-border:after{content:"";z-index:-1;background:var(--bg-secondary);border-radius:inherit;transition:var(--transition-smooth);position:absolute;inset:1px}.rainbow-border.btn-accent:after{background:var(--accent)}.rainbow-border.btn-accent:hover:after{background:var(--accent-hover)}@media (hover:hover){.rainbow-border:hover:before{opacity:1}}@media (hover:none){.rainbow-border:active:before{opacity:1}}@keyframes spin-rainbow{to{transform:rotate(360deg)}}.page-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:85vh;padding:2.5rem 1.5rem;display:flex}.fullscreen-portal{z-index:200;background:var(--bg-primary);position:fixed;inset:0;overflow-y:auto}.site-header{margin-bottom:var(--spacing-header-mb)}.site-footer{margin-top:var(--spacing-footer-mt);color:var(--text-secondary);font-size:.85rem}.title-main{font-size:var(--font-size-title);color:var(--text-primary);font-family:var(--font-sans);letter-spacing:-.03em;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:700;display:flex}.text-subtitle{color:var(--text-secondary);font-size:var(--font-size-subtitle);font-family:var(--font-sans);letter-spacing:-.01em;margin-bottom:2rem;font-weight:400;line-height:1.5}.badge-expressive{background-color:var(--code-bg);border-radius:var(--radius-badge);color:var(--accent-hover);font-family:var(--font-mono);font-size:var(--font-size-badge);transition:var(--transition-smooth);margin-bottom:2rem;padding:.8rem 1.5rem;display:inline-block}.badge-tag{font-size:var(--font-size-tag);border-radius:var(--radius-tag);font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;display:inline-block}.badge-tag-beta{background-color:var(--accent);color:var(--bg-secondary)}.badge-tag-danger{color:#fff;background-color:#b52632}.text-desc{color:var(--text-secondary);font-size:var(--font-size-body);line-height:1.6}.text-desc-mb{margin-bottom:2rem}.btn-accent{background-color:var(--accent);color:var(--bg-secondary);transition:var(--transition-expressive);box-shadow:0 4px 14px var(--shadow);border-radius:12px;justify-content:center;align-items:center;padding:.8rem 1.8rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-accent:hover{box-shadow:0 6px 20px var(--shadow);background-color:var(--accent-hover);color:var(--bg-secondary);transform:translateY(-2px)}.btn-ghost{color:var(--text-primary);border:1px solid var(--border);transition:var(--transition-expressive);background-color:#0000;border-radius:12px;justify-content:center;align-items:center;padding:.8rem 1.8rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 4px 14px var(--shadow);transform:translateY(-2px)}.btn-ghost:active{transform:scale(.97)translateY(0)}.rainbow-border.btn-ghost{box-shadow:0 0 0 1px var(--border)}.rainbow-border.btn-ghost:after{background:var(--bg-primary)}.rainbow-border.btn-ghost:hover{box-shadow:0 4px 14px var(--shadow)}.landing-cta-row{flex-wrap:wrap;justify-content:center;gap:.9rem;display:inline-flex}@media (width<=640px){.landing-cta-row{flex-direction:column;gap:.7rem;display:flex}.landing-cta-row .btn-accent,.landing-cta-row .btn-ghost{width:100%}}.btn-accent:active{transform:scale(.97)translateY(0)}.blog-layout-container{flex-direction:column;align-items:stretch;width:100%;max-width:900px;min-height:100vh;margin:0 auto;padding:0 1.5rem 1.5rem;display:flex}.blog-header{z-index:50;width:100vw;margin-left:calc(50% - 50vw);margin-bottom:var(--spacing-header-mb);background:0 0;transition:background .3s;position:sticky;top:0}.blog-header:after{content:"";border-bottom:1px dashed var(--divider);pointer-events:none;width:calc(min(100vw,900px) - 3rem);transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.blog-header.is-scrolled:after{width:100vw}.blog-header.is-scrolled{background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.blog-header-inner{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:1.4rem 1.5rem;transition:padding .3s;display:flex}.blog-header.is-scrolled .blog-header-inner{padding-top:.6rem;padding-bottom:.6rem}.blog-header-version{z-index:1;font-family:var(--font-mono);color:var(--on-surface-variant);background:var(--surface);border:1px solid var(--border);border-radius:var(--shape-xs);pointer-events:none;-webkit-user-select:none;user-select:none;padding:.15rem .45rem;font-size:.6rem;position:absolute;bottom:0;right:max(1.5rem,50vw - 450px + 1.5rem);transform:translateY(50%)}html.theme-switching .blog-header.is-scrolled{background:var(--bg-primary);-webkit-backdrop-filter:none;backdrop-filter:none}.blog-header-brand{font-family:var(--font-sans);flex-direction:column;gap:.15rem;display:flex}.blog-brand-row{align-items:center;font-size:1.4rem;font-weight:700;display:flex}.blog-brand-tagline{font-family:var(--font-mono);letter-spacing:.01em;color:var(--text-secondary);min-height:1em;font-size:.72rem}.type-caret{background:var(--accent);vertical-align:-.15em;width:2px;height:1.05em;margin-left:2px;animation:1.05s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.blog-brand-logo{color:var(--text-primary);cursor:help;text-decoration:none}.blog-brand-logo:hover,.blog-brand-logo:active{color:var(--text-primary)}.blog-header-nav{align-items:center;gap:.3rem;display:flex}.nav-sep,.footer-sep{color:var(--on-surface-variant);-webkit-user-select:none;user-select:none;font-size:1.5rem;line-height:1}.blog-nav-link{color:var(--text-secondary);border-radius:var(--shape-s);transition:var(--transition-smooth);padding:.3rem .6rem;font-size:.95rem;font-weight:500;position:relative;overflow:hidden}.blog-nav-link:after{content:"";background-color:var(--accent);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.blog-nav-link:hover{color:var(--text-primary)}.blog-nav-link:hover:after,.blog-nav-link.active:after{width:calc(100% - 1.2rem)}.blog-nav-link.active{color:var(--text-primary)}.blog-footer{margin-top:var(--spacing-footer-mt);border-top:1px dashed var(--divider);color:var(--text-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 0;font-size:.85rem;display:flex}.blog-hero-card-wrapper{z-index:1;width:100%;position:relative}.blog-hero-box{text-align:left}.blog-hero-box .title-main{justify-content:flex-start;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:2.8rem;display:flex}.blog-hero-box .text-subtitle{color:var(--text-secondary);font-size:1.25rem;font-family:var(--font-sans);margin-bottom:1.5rem}.blog-hero-desc{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7}.blog-hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.blog-btn-primary{background-color:var(--accent);box-shadow:0 4px 12px var(--shadow);transition:var(--transition-expressive);border-radius:12px;align-items:center;padding:.8rem 1.8rem;font-weight:500;display:inline-flex;color:var(--bg-secondary)!important}.blog-btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.blog-btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);transition:var(--transition-expressive);border-radius:12px;align-items:center;padding:.8rem 1.8rem;font-weight:500;display:inline-flex}.blog-btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.blog-landing-feed-grid{text-align:left;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem;display:grid}@media (width<=768px){.blog-landing-feed-grid{grid-template-columns:1fr}}.blog-feed-column{flex-direction:column;gap:1.25rem;display:flex}.blog-column-title{border-left:4px solid var(--accent);color:var(--text-primary);margin-bottom:.5rem;padding-left:.75rem;font-size:1.25rem}.blog-column-posts{flex-direction:column;gap:1rem;display:flex}.blog-feed-post-card{text-align:left;padding:1.5rem}.blog-feed-post-date{color:var(--text-secondary);font-size:.8rem;font-family:var(--font-mono)}.blog-feed-post-title{margin:.4rem 0;font-size:1.1rem;line-height:1.35}.blog-feed-post-title a{color:var(--text-primary)}.blog-feed-post-title a:hover{color:var(--accent)}.blog-feed-post-summary{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.9rem;display:-webkit-box;overflow:hidden}.blog-btn-text{color:var(--accent);transition:var(--transition-smooth);font-size:.85rem;font-weight:600;display:inline-block}.blog-btn-text:hover{color:var(--accent-hover);text-decoration:underline}.blog-btn-text-archive{color:var(--text-secondary)}.blog-btn-text-archive:hover{color:var(--accent)}.blog-archived-feed-card{border-left:2px solid var(--border)}.blog-feed-post-meta{justify-content:space-between;align-items:center;display:flex}.blog-btn-more{text-align:center;color:var(--accent);border:1px dashed var(--border);transition:var(--transition-expressive);border-radius:12px;padding:.75rem;font-weight:500;display:block}.blog-btn-more:hover{border-color:var(--accent);background-color:var(--bg-secondary);transform:translateY(-2px)}.blog-hero{text-align:left;margin-bottom:2.5rem}.blog-hero .title-main{justify-content:flex-start;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:3rem;display:flex}.blog-filter-controls{flex-direction:column;gap:1rem;width:100%;margin-bottom:2.5rem;display:flex}.blog-search-input{border:1px solid var(--border);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);font-family:var(--font-sans);box-shadow:var(--elevation-2);transition:var(--transition-smooth);border-radius:12px;outline:none;padding:.9rem 1.2rem;font-size:1rem}.blog-search-input:focus{border-color:var(--accent);box-shadow:0 4px 18px #4a7c591f}.blog-tag-filter-list{flex-wrap:wrap;gap:.6rem;display:flex}.blog-tag-filter-btn{border:1px solid var(--border);background-color:var(--bg-secondary);color:var(--text-secondary);font-size:.85rem;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth), transform .2s cubic-bezier(.22, 1, .36, 1);border-radius:30px;padding:.4rem 1rem;font-weight:500}.blog-tag-filter-btn:active{transform:scale(.92)}.blog-tag-filter-btn:hover{border-color:var(--accent);color:var(--accent)}.blog-tag-filter-btn.active{background-color:var(--accent);border-color:var(--accent);color:var(--bg-secondary)}.blog-posts-section{text-align:left;margin-bottom:3.5rem}.blog-section-title{border-bottom:2px solid var(--border);text-align:left;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.4rem}.blog-section-desc{text-align:left;color:var(--text-secondary);margin-top:-1rem;margin-bottom:1.5rem;font-size:.95rem}.blog-posts-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){.blog-posts-grid{grid-template-columns:1fr}}.blog-post-card{text-align:left;flex-direction:column;padding:2rem;display:flex}.blog-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.8rem;display:flex}.blog-card-date{color:var(--text-secondary);font-size:.8rem;font-family:var(--font-mono)}.blog-card-tags{gap:.4rem;display:flex}.tag-prefix{vertical-align:-.1em;background-color:currentColor;flex-shrink:0;width:.85em;height:.85em;margin-right:.2em;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E") 50%/contain no-repeat}.blog-badge-tag{background-color:var(--code-bg);color:var(--accent-hover);border-radius:var(--radius-tag);font-size:.75rem;font-weight:600;font-family:var(--font-mono);cursor:pointer;transition:var(--transition-smooth);padding:.2rem .5rem;display:inline-block}.blog-badge-tag:hover{background-color:var(--accent);color:var(--bg-secondary)}[data-theme=dark] .blog-badge-tag{color:var(--accent)}[data-theme=dark] .blog-badge-tag:hover{color:var(--bg-primary)}.blog-badge-tag-archive{color:#fff;background-color:#b52632}.blog-card-title{margin-bottom:.75rem;font-size:1.25rem;line-height:1.35}.blog-card-title a{color:var(--text-primary)}.blog-card-title a:hover{color:var(--accent)}.blog-card-summary{color:var(--text-secondary);flex-grow:1;margin-bottom:1.5rem;font-size:.9rem}.blog-archived-card{border-left:3px solid #b52632}.blog-text-muted{text-align:left;color:var(--text-secondary);font-size:.95rem;font-style:italic}.blog-single-post-content{text-align:left;padding-bottom:1rem}.blog-post-topmeta{flex-direction:column;gap:.6rem;margin-bottom:1.5rem;padding-top:1rem;display:flex}.post-reveal{animation:dlog-view-reveal var(--reveal-duration) var(--reveal-ease) both;animation-delay:var(--reveal-delay,0s)}.blog-post-article{width:100%}.blog-post-header{flex-direction:column;gap:.75rem;display:flex}.blog-post-meta{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.blog-post-date{color:var(--text-secondary);font-size:.85rem;font-family:var(--font-mono)}.blog-post-tags{gap:.5rem;display:flex}.blog-post-title-main{font-size:var(--headline-l);letter-spacing:-.02em;color:var(--text-primary);margin-top:.5rem;font-weight:700;line-height:1.25}.blog-post-summary-lead{font-size:var(--title-l);color:var(--text-secondary);margin-top:.5rem;font-weight:400;line-height:1.6}.blog-post-divider{background-color:var(--border);border:0;height:1px;margin:2rem 0}.blog-markdown-body{color:var(--text-primary);font-size:1.05rem;line-height:1.75}.blog-markdown-body img{border-radius:8px;max-width:100%;height:auto;margin-inline:auto;display:block}:root{--img-shimmer:linear-gradient(105deg, transparent 30%, #ffffff4d 50%, transparent 70%)}[data-theme=dark]{--img-shimmer:linear-gradient(105deg, transparent 30%, #ffffff24 50%, transparent 70%)}img.img-loading{background-position:200% 0,50%;background-repeat:no-repeat;background-size:200% 100%,cover;animation:1.4s infinite img-shimmer}@keyframes img-shimmer{to{background-position:-100% 0,50%}}@media (prefers-reduced-motion:reduce){img.img-loading{animation:none}}.img-fallback{border:1.5px dashed var(--divider);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:160px;margin-inline:auto;padding:1.5rem 1rem;display:flex;overflow:hidden}.img-fallback svg{color:var(--divider)}.img-fallback-alt{text-overflow:ellipsis;white-space:nowrap;max-width:90%;color:var(--text-secondary);font-size:.8rem;overflow:hidden}.img-fallback-msg{color:var(--text-secondary);opacity:.75;font-size:.72rem}.img-fallback.img-fallback--cover{aspect-ratio:16/9;min-height:0;display:flex}.dlog-card-cover.img-fallback{border-radius:var(--shape-l) var(--shape-l) 0 0}.blog-markdown-body p{margin-bottom:1.5rem}.blog-markdown-body .table-wrap{border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem;overflow-x:auto}.blog-markdown-body table{border-collapse:separate;border-spacing:0;width:100%;font-size:.9rem;line-height:1.55}.blog-markdown-body th,.blog-markdown-body td{text-align:left;vertical-align:top;border:0 solid var(--border);border-width:0 1px 1px 0;padding:.55rem .85rem}.blog-markdown-body tr>:last-child{border-right-width:0}.blog-markdown-body tbody tr:last-child>*{border-bottom-width:0}.blog-markdown-body thead th{background:var(--accent);color:var(--bg-secondary);border-color:color-mix(in hsl, var(--accent), var(--bg-secondary) 25%);font-weight:600}.blog-markdown-body h1,.blog-markdown-body h2,.blog-markdown-body h3{margin-top:2rem;margin-bottom:1rem}.blog-markdown-body h1{font-size:1.8rem}.blog-markdown-body h2{font-size:var(--headline-m);border-bottom:1px dashed var(--border);padding-bottom:.4rem}.blog-markdown-body h3{font-size:var(--headline-s)}.blog-markdown-body ul,.blog-markdown-body ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-markdown-body li{margin-bottom:.5rem}.blog-markdown-body pre{margin:1.5rem 0}.blog-markdown-body a{text-underline-offset:4px;text-decoration:underline}.blog-markdown-body a:hover{color:var(--accent-hover)}.blog-markdown-body blockquote{border-bottom:1px solid var(--border);margin:1.5rem 0;padding:.25rem 1rem 1rem 2.75rem;font-size:1.05rem;font-style:italic;line-height:1.8;position:relative}.blog-markdown-body blockquote:before{content:"“";color:var(--accent);opacity:.28;font-family:Georgia,Times New Roman,serif;font-size:4.5rem;font-style:normal;line-height:1;position:absolute;top:-.6rem;left:0}.blog-markdown-body blockquote:after{content:"”";color:var(--accent);opacity:.28;font-family:Georgia,Times New Roman,serif;font-size:4.5rem;font-style:normal;line-height:1;position:absolute;bottom:-2rem;right:0}.blog-markdown-body blockquote p:last-child{margin-bottom:0}.blog-card-cover{aspect-ratio:16/9;object-fit:cover;background:var(--surface-2,#0000000a);border-radius:12px;width:100%;margin-bottom:1rem;display:block}.blog-pinned-flag{letter-spacing:.02em;color:var(--accent);text-transform:uppercase;align-items:center;gap:.25rem;font-size:.72rem;font-weight:700;display:inline-flex}.blog-post-cover{object-fit:cover;border-radius:16px;width:100%;max-height:420px;margin:1.5rem 0;display:block}.blog-wayback-note{border:1px dashed var(--border);background:var(--surface-2,#00000008);color:var(--text-secondary);border-radius:12px;flex-direction:column;align-items:flex-start;gap:.4rem;margin:1.5rem 0;padding:.85rem 1.1rem;font-size:.9rem;display:flex}.blog-wayback-note a{color:var(--accent);font-weight:600;text-decoration:none}.blog-wayback-note a:hover{text-decoration:underline}.blog-state{min-height:40vh;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.m3-loader{border:3px solid var(--primary);width:56px;height:56px;animation:m3-morph 2.4s var(--ease-emphasized) infinite, m3-spin 3s linear infinite;background:0 0}@keyframes m3-morph{0%,to{border-radius:42% 58% 60% 40%/50% 45% 55% 50%}25%{border-radius:62% 38% 30% 70%/60% 40%}50%{border-radius:30% 70% 70% 30%/30% 52% 48% 70%}75%{border-radius:50% 50% 38% 62%/66% 34%}}@keyframes m3-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.m3-loader{animation:m3-morph 2.4s var(--ease-emphasized) infinite}}.loading-dots:after{content:"";text-align:left;width:1.5em;animation:1.4s step-end infinite loading-dots;display:inline-block}@keyframes loading-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@media (prefers-reduced-motion:reduce){.loading-dots:after{content:"…";animation:none}}.blog-state-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite blog-spin}@keyframes blog-spin{to{transform:rotate(360deg)}}.blog-empty{grid-column:1/-1}.landing-hero{padding:1rem 0 1.5rem}.landing-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-size:.8rem}.landing-name{font-family:var(--font-sans);font-size:var(--display-l);letter-spacing:-.04em;font-weight:700;line-height:1}.landing-tagline{max-width:34rem;color:var(--text-secondary);margin:.9rem 0 1.4rem;font-size:1.1rem;line-height:1.7}.landing-section{border-top:1px dashed var(--divider);padding:1.9rem 0}.landing-main .landing-section:last-of-type{padding-bottom:.95rem}.landing-main+.blog-footer{margin-top:1.25rem}.landing-section-label{font-family:var(--font-mono);font-size:var(--label-m);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:1.25rem}.landing-section-label:before{content:"// ";color:var(--accent)}.landing-topics{flex-wrap:wrap;gap:.6rem;display:flex}.chip{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--shape-full);cursor:pointer;transition:var(--transition-smooth), transform .2s cubic-bezier(.22, 1, .36, 1);align-items:center;padding:.4rem .85rem;font-size:.85rem;line-height:1.5;display:inline-flex;position:relative;overflow:hidden}.chip:hover{color:var(--accent);border-color:var(--accent);background-color:color-mix(in srgb, var(--accent) calc(var(--state-hover) * 100%), var(--bg-secondary))}.landing-recent-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.landing-col-head h3{font-size:1.2rem}.landing-col-sub{color:var(--text-secondary);margin:.15rem 0 1rem;font-size:.85rem}.landing-entry-list{flex-direction:column;list-style:none;display:flex}.landing-entry{border-bottom:1px solid var(--border);flex-direction:column;gap:.2rem;padding:.7rem 0;display:flex}.landing-entry:last-child{border-bottom:none}.landing-entry-date{font-family:var(--font-mono);color:var(--text-secondary);font-size:.75rem}.landing-entry-title{color:var(--text-primary);font-weight:500;line-height:1.4}.landing-entry-title:hover{color:var(--accent)}.landing-pin{margin-right:.35rem;font-size:.85em}.landing-col-empty{color:var(--text-secondary);padding:.7rem 0;font-size:.9rem}.landing-more{font-family:var(--font-mono);margin-top:1.5rem;font-size:.9rem;display:inline-block}.kanban-board{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:.75rem;display:grid}.kanban-col{background:var(--surface-container);border:1px solid var(--border);border-radius:var(--shape-m);padding:.75rem}.kanban-col-head{border-bottom:1px solid var(--border);align-items:center;gap:.45rem;margin-bottom:.6rem;padding-bottom:.55rem;display:flex}.kanban-col-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.kanban-col--next{--kcol:var(--outline-variant)}.kanban-col--doing{--kcol:#f59e0b}.kanban-col--done{--kcol:var(--primary)}.kanban-col--next .kanban-col-dot{background:var(--outline-variant)}.kanban-col--doing .kanban-col-dot{background:#f59e0b;animation:1.8s ease-out infinite status-pulse}.kanban-col--done .kanban-col-dot{background:var(--primary)}.kanban-col-label{letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);flex:1;font-size:.75rem;font-weight:700}.kanban-col--doing .kanban-col-label{color:#b45309}[data-theme=dark] .kanban-col--doing .kanban-col-label{color:#fbbf24}.kanban-col--done .kanban-col-label{color:var(--primary)}.kanban-col-count{background:var(--code-bg);color:var(--on-surface-variant);border-radius:var(--shape-full);padding:.1em .5em;font-size:.7rem;font-weight:600}.kanban-cards{height:var(--kanban-h,18rem);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--kcol,var(--primary)) 65%, transparent) transparent;flex-direction:column;gap:.45rem;min-height:8rem;max-height:34rem;margin:0;padding:0 .35rem 0 0;list-style:none;display:flex;overflow-y:auto}.kanban-cards::-webkit-scrollbar{width:6px}.kanban-cards::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--kcol,var(--primary)) 60%, transparent)}.kanban-cards::-webkit-scrollbar-thumb:hover{background-color:var(--kcol,var(--primary))}.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--shape-s);color:var(--on-surface);transition:var(--transition-smooth);border-left-width:3px;padding:.55rem .65rem;font-size:.875rem;line-height:1.45}.kanban-card:hover{box-shadow:var(--elevation-2)}.kanban-col--next .kanban-card{border-left-color:var(--outline-variant)}.kanban-col--doing .kanban-card{border-left-color:#f59e0b}.kanban-col--done .kanban-card{border-left-color:var(--primary);opacity:.65}.kanban-card-id{font-family:var(--font-mono);color:var(--on-surface-variant);opacity:.55;letter-spacing:.04em;margin-bottom:.25rem;font-size:.65rem;display:block}.kanban-card-text{display:block}.kanban-progress-row{align-items:center;gap:.5rem;margin-top:.65rem;display:flex}.kanban-progress{flex:1;height:10px;position:relative}.kanban-progress:before{content:"";left:calc(var(--p,0%) + 3px);background:color-mix(in srgb, var(--kcol,var(--primary)) 25%, transparent);border-radius:9999px;height:3px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.kanban-progress:after{content:"";background:var(--kcol,var(--primary));border-radius:50%;width:3px;height:3px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.kp-start-dot{background:var(--kcol,var(--primary));border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.kp-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.kp-fill{fill:none;stroke:var(--kcol,var(--primary));stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.kanban-progress-pct{font-family:var(--font-mono);color:var(--on-surface-variant);opacity:.75;text-align:right;flex-shrink:0;min-width:2.2rem;font-size:.65rem}@keyframes status-pulse{0%{box-shadow:0 0 #f59e0b8c}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.kanban-col--doing .kanban-col-dot{animation:none}}@media (width<=640px){.kanban-board{grid-template-columns:1fr}.kanban-cards{height:var(--kanban-h,14rem)}}.kanban-resize-handle{cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:1rem;margin-top:.35rem;display:flex}.kanban-resize-grip{border-radius:var(--shape-full);background:var(--border);width:2.5rem;height:4px;transition:background-color .15s,width .15s}.kanban-resize-handle:hover .kanban-resize-grip,.kanban-resize-handle.is-active .kanban-resize-grip{background:var(--accent);width:3.5rem}.fold-head{border-radius:var(--shape-s);cursor:pointer;background:0 0;border:none;align-items:center;gap:.55rem;margin:0 0 .95rem -.45rem;padding:.3rem .45rem;display:inline-flex;position:relative;overflow:hidden}.fold-head .landing-section-label{margin-bottom:0}.fold-icon{width:1.2rem;height:1.2rem;font-family:var(--font-mono);color:var(--on-surface-variant);background:var(--surface-container);border:1px solid var(--outline);border-radius:var(--shape-xs);transition:var(--transition-smooth);flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;line-height:1;display:inline-flex}.fold-head:hover .fold-icon{color:var(--primary);border-color:var(--primary)}.fold-ellipsis{font-family:var(--font-mono);color:var(--on-surface-variant);letter-spacing:1px}.fold-badge{font-family:var(--font-mono);color:var(--on-surface-variant);background:color-mix(in srgb, var(--on-surface-variant) 9%, transparent);border:1px solid var(--border);border-radius:var(--shape-xs);opacity:.7;padding:.1rem .38rem;font-size:.6rem}.fold-body{transition:grid-template-rows .3s var(--ease-standard);grid-template-rows:1fr;display:grid}.fold-body.is-closed{grid-template-rows:0fr}.fold-inner{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.fold-body{transition:none}}.blog-footer-social{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.blog-footer-social a{color:var(--text-secondary);font-size:.85rem}.blog-footer-social a:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(var(--reveal-distance));transition:opacity var(--reveal-duration) var(--reveal-ease), transform var(--reveal-duration) var(--reveal-ease);transition-delay:var(--reveal-delay,0s)}.reveal.is-visible{opacity:1;transform:none}.tt-label{margin-left:.4rem}.mobile-nav-toggle{display:none}.mobile-nav-panel{max-height:0;transition:max-height .25s var(--ease-standard);overflow:hidden}@media (width<=640px){.landing-recent-grid{grid-template-columns:1fr;gap:1.5rem}.blog-brand-row{font-size:1.2rem}.tt-label{display:none}.blog-header-inner{row-gap:.4rem}.blog-header-brand{flex:auto;min-width:0}.mobile-nav-toggle{align-self:flex-start}.blog-footer{text-align:center;flex-direction:column;align-items:center;gap:.5rem}.blog-header-nav{display:none}.mobile-nav-toggle{border-radius:var(--shape-s);border:1px solid var(--border);background:var(--bg-secondary);width:32px;height:32px;color:var(--accent);font-family:var(--font-mono);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:flex}.mobile-nav-panel{flex-direction:column;padding:0 1.5rem;display:flex}.mobile-nav-panel.is-open{max-height:260px}.mobile-nav-panel .blog-nav-link{text-align:left;padding:.6rem .3rem}.mobile-nav-panel .blog-nav-link:after{display:none}.mobile-nav-panel .blog-nav-link.active{color:var(--accent)}.mobile-nav-theme-row{border-top:1px dashed var(--divider);justify-content:space-between;align-items:center;margin-top:.3rem;padding:.6rem .3rem .8rem;display:flex}.mobile-nav-theme-row span{font-family:var(--font-mono);color:var(--text-secondary);font-size:.72rem}.mobile-nav-theme-row .tt-label{display:inline}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.type-caret,.dlog-card:hover:after{animation:none}.tag-rail-row,.tag-rail-caret,.blog-header-inner,.mobile-nav-panel{transition:none}}.dlog-head{animation:dlog-view-reveal var(--reveal-duration) var(--reveal-ease) both;padding:1rem 0}.dlog-head-sub{font-family:var(--font-mono);color:var(--text-secondary);margin-top:.5rem;font-size:.85rem}.dlog-controls{animation:dlog-view-reveal var(--reveal-duration) var(--reveal-ease) .1s both;flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-divider{background:var(--outline-variant);flex-shrink:0;align-self:center;width:1px;height:1.3rem;margin:0 .3rem}.dlog-search{width:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);transition:var(--transition-smooth);border-radius:12px;padding:.75rem 1rem;font-size:1rem}.dlog-search:focus{border-color:var(--accent);outline:none}.tag-rail{align-items:flex-start;gap:.5rem;display:flex}.tag-rail-row{flex-wrap:wrap;flex:1;gap:.5rem;min-width:0;max-height:2.4rem;transition:max-height .4s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.tag-rail-toggle{width:2.2rem;height:2.2rem;font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;transition:var(--transition-smooth);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.85rem;line-height:1;display:inline-flex;position:relative;overflow:hidden}.tag-rail-toggle:hover{color:var(--accent);border-color:var(--accent)}.tag-rail-toggle.is-hidden{display:none}.tag-rail-caret{font-size:1.25rem;line-height:1;transition:transform .3s cubic-bezier(.22,1,.36,1);display:inline-block}.tag-rail-toggle[aria-expanded=true] .tag-rail-caret{transform:rotate(180deg)}.chip.is-active{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.chip:active{transform:scale(.92)}button.chip{cursor:pointer}.dlog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:1fr;gap:1.5rem;display:grid}.dlog-card-wrap{height:100%;position:relative}.dlog-card-glow{z-index:0;filter:blur(18px);opacity:0;pointer-events:none;background:radial-gradient(260px circle at var(--mouse-x,50%) var(--mouse-y,50%), #ed5e5e 0%, #f6ce55 15%, #30e871 35%, #42b6f0 60%, #be5eed 80%, transparent 100%);border-radius:24px;transition:opacity .5s;position:absolute;inset:-8px}.dlog-card-wrap:hover .dlog-card-glow{opacity:.85}:root{--incomplete:#c43131}[data-theme=dark]{--incomplete:#da8181}.dlog-card-wrap--incomplete{outline:2px dashed var(--incomplete);border-radius:var(--shape-l)}.incomplete-chip{border:1px dashed var(--incomplete);color:var(--incomplete);white-space:nowrap;border-radius:999px;align-items:center;gap:.3em;padding:.1em .6em;font-size:.68rem;line-height:1.4;display:inline-flex}.dlog-card-skeleton{z-index:2;border-radius:var(--shape-l);background:var(--bg-secondary);box-shadow:0 0 0 1px var(--border);opacity:1;flex-direction:column;transition:opacity .45s;display:flex;position:absolute;inset:0;overflow:hidden}.dlog-card-skeleton.is-hidden{opacity:0;pointer-events:none}.dlog-card-skeleton .sk-cover{aspect-ratio:16/9;width:100%}.dlog-card-skeleton .sk-body{flex-direction:column;gap:.7rem;padding:1.2rem 1.25rem 1.35rem;display:flex}.dlog-card-skeleton .sk-line{border-radius:6px;height:.7rem}.dlog-card-skeleton .sk-meta{width:40%}.dlog-card-skeleton .sk-title{width:85%;height:1rem;margin-bottom:.3rem}.dlog-card-skeleton .sk-short{width:60%}.dlog-card-skeleton .sk-cover,.dlog-card-skeleton .sk-line{background:linear-gradient(100deg, var(--code-bg) 30%, color-mix(in srgb, var(--code-bg) 55%, var(--bg-secondary)) 50%, var(--code-bg) 70%);background-size:200% 100%;animation:1.4s ease-in-out infinite sk-shimmer}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.dlog-card-skeleton .sk-cover,.dlog-card-skeleton .sk-line{animation:none}}.dlog-card{z-index:1;--rb-angle:0deg;background:var(--bg-secondary);border-radius:var(--shape-l);height:100%;color:inherit;box-shadow:0 0 0 1px var(--border);flex-direction:column;text-decoration:none;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.dlog-card:hover{transform:translateY(-2px)scale(1.022)}@property --rb-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.dlog-card:after{content:"";z-index:2;border-radius:inherit;background:conic-gradient(from var(--rb-angle), #ed5e5e, #f6ce55, #30e871, #42b6f0, #be5eed, #ed5e5e);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dlog-card:hover:after{opacity:1;animation:4s linear infinite rb-spin}@keyframes rb-spin{to{--rb-angle:360deg}}.dlog-card-cover{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.dlog-card-cover-fallback{background:radial-gradient(130% 130% at 0% 0%, color-mix(in srgb, var(--accent) 45%, transparent), transparent 55%), linear-gradient(135deg, var(--accent), var(--accent-hover));flex-wrap:wrap;justify-content:center;align-items:center;gap:.225em .5em;padding:2.5rem 1.25rem;font-size:2.1rem;line-height:1.1;display:flex;overflow:hidden}.dlog-card-cover-fallback span{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--bg-secondary);font-size:1em;font-weight:600}.dlog-card-body{flex-direction:column;flex:1;gap:.6rem;padding:1.1rem 1.25rem 1.35rem;display:flex}.dlog-card-meta{align-items:center;gap:.6rem;display:flex}.dlog-kind{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:.15rem .5rem;font-size:.68rem;font-weight:500}.dlog-kind-dlog{color:var(--on-primary);background:var(--primary)}.dlog-kind-archive{color:var(--on-surface-variant);background:var(--code-bg);border:1px solid var(--outline)}.dlog-card-date{font-family:var(--font-mono);color:var(--text-secondary);font-size:.72rem}.dlog-card-pin{margin-left:auto}.pin-icon{background-color:var(--primary);vertical-align:-.15em;width:1em;height:1em;font-size:.9rem;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 9V4h1c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1h1v5c0 1.66-1.34 3-3 3v2h5.97v7l1 1 1-1v-7H19v-2c-1.66 0-3-1.34-3-3z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 9V4h1c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1h1v5c0 1.66-1.34 3-3 3v2h5.97v7l1 1 1-1v-7H19v-2c-1.66 0-3-1.34-3-3z'/%3E%3C/svg%3E") 50%/contain no-repeat}.new-dot{background:var(--primary);vertical-align:middle;border-radius:50%;width:.5em;height:.5em;margin-bottom:.1em;margin-right:.4em;animation:1.5s ease-in-out infinite new-dot-blink;display:inline-block}.new-dot--recent{background:#73737380}[data-theme=dark] .new-dot--recent{background:#a6a6a680}@keyframes new-dot-blink{0%,33.33%,to{opacity:1}16.67%{opacity:.25}}@media (prefers-reduced-motion:reduce){.new-dot{animation:none}}.dlog-card-title{font-size:var(--title-l);color:var(--text-primary);line-height:1.35}.dlog-card:hover .dlog-card-title{color:var(--accent)}.dlog-card-summary{font-size:var(--body-s);color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.dlog-card-tags{flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.2rem;display:flex}.dlog-card-tag{font-family:var(--font-mono);color:var(--text-secondary);font-size:.72rem}.dlog-empty{text-align:center;color:var(--text-secondary);padding:3rem 0}.dlog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:2.5rem;display:flex}.dlog-page{font-family:var(--font-mono);min-width:2.2rem;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;transition:var(--transition-smooth);border-radius:8px;padding:.4rem .7rem;font-size:.85rem}.dlog-page:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.dlog-page.is-active{color:var(--bg-secondary);background:var(--accent);border-color:var(--accent);pointer-events:none;cursor:default}.dlog-page:disabled{opacity:.4;cursor:not-allowed}.dlog-page-ellipsis{font-family:var(--font-mono);min-width:2.2rem;color:var(--text-secondary);text-align:center;-webkit-user-select:none;user-select:none;padding:.4rem .2rem;font-size:.85rem}::view-transition-group(root){width:100%!important;height:100%!important;animation:none!important;inset:0!important;transform:none!important}::view-transition-image-pair(root){width:100%!important;height:100%!important;animation:none!important;inset:0!important;transform:none!important}::view-transition-old(root){mix-blend-mode:normal;width:100%;height:100%;animation:none}::view-transition-new(root){mix-blend-mode:normal;width:100%;height:100%;animation:none}::view-transition-old(root){z-index:0}::view-transition-new(root){z-index:1;will-change:clip-path;animation:.55s cubic-bezier(.22,1,.36,1) theme-reveal}@keyframes theme-reveal{0%{clip-path:circle(0% at var(--vt-x,50%) var(--vt-y,50%))}to{clip-path:circle(var(--vt-r,150%) at var(--vt-x,50%) var(--vt-y,50%))}}.dlog-head-def{color:var(--text-secondary);margin-top:.4rem;font-size:1.05rem}.landing-aka{vertical-align:baseline;font-family:var(--font-mono);letter-spacing:.01em;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:999px;margin-left:.7rem;padding:.25rem .7rem;font-size:.8rem;font-weight:500;display:inline-block}.brand-deco{color:var(--accent);animation:.4s brand-deco-in}@keyframes brand-deco-in{0%{opacity:0}to{opacity:1}}.blog-nav-link.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media (prefers-reduced-motion:reduce){.brand-deco{animation:none}}.scroll-top-fab{z-index:60;width:2.75rem;height:2.75rem;color:var(--bg-secondary);background:var(--accent);box-shadow:0 6px 18px var(--shadow);cursor:pointer;opacity:0;pointer-events:none;border:none;border-radius:50%;place-items:center;font-size:1.1rem;transition:opacity .3s,transform .3s,background .3s;display:grid;position:fixed;bottom:1.5rem;right:1.5rem;transform:translateY(12px)scale(.9)}.scroll-top-fab.is-visible{opacity:1;pointer-events:auto;transform:none}.scroll-top-fab:hover{background:var(--accent-hover);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.scroll-top-fab{transition:opacity .2s}.scroll-top-fab.is-visible,.scroll-top-fab:hover{transform:none}}.dlog-view-switch{animation:dlog-view-reveal var(--reveal-duration) var(--reveal-ease) both;justify-content:center;margin-bottom:1.25rem;display:flex}.dlog-view-toggle{isolation:isolate;background:var(--surface-container);border-radius:var(--shape-full);grid-template-columns:1fr 1fr;align-self:center;display:inline-grid;position:relative}.dlog-view-toggle-thumb{z-index:0;background:var(--primary);border-radius:var(--shape-full);width:50%;transition:transform var(--duration-medium,.3s) var(--ease-emphasized);position:absolute;inset:0 auto 0 0}.dlog-view-toggle[data-active=graph] .dlog-view-toggle-thumb{transform:translate(100%)}.dlog-view-toggle button{z-index:1;color:var(--on-surface-variant);cursor:pointer;border-radius:var(--shape-full);min-height:44px;transition:color var(--duration-medium,.3s) var(--ease-standard);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 22px;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.dlog-view-toggle button.is-active{color:var(--on-primary)}.dlog-view-toggle button:not(.is-active):hover{color:var(--on-surface)}.dlog-list-zone{border-top:1px dashed var(--divider);animation:dlog-view-reveal var(--reveal-duration) var(--reveal-ease) .2s both;padding-top:1.9rem}@keyframes dlog-view-reveal{0%{opacity:0;transform:translateY(var(--reveal-distance))}to{opacity:1;transform:translateY(0)}}.dlog-graph{animation:dlog-view-reveal var(--reveal-duration) var(--reveal-ease) .1s both;grid-template-columns:1fr 300px;align-items:start;gap:16px;display:grid}.dlog-graph.is-maximized{animation:none;transform:none}.dlog-graph-stage{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--shape-xl);box-shadow:var(--elevation-1);view-transition-name:graph-stage;position:relative;overflow:hidden}::view-transition-group(graph-stage){animation-duration:.35s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(graph-stage){animation:none}::view-transition-new(graph-stage){animation:none}.dlog-graph-svg{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:520px;display:block}.dlog-graph-svg.is-panning{cursor:grabbing}.dlog-graph-legend{color:var(--on-surface-variant);pointer-events:none;gap:16px;font-size:.68rem;display:flex;position:absolute;bottom:12px;left:14px}.dlog-graph-legend b{color:var(--on-surface);font-weight:600}.dlog-graph-bg{fill:#0000}.dlog-graph-zoom{flex-direction:column;gap:4px;display:flex;position:absolute;top:12px;right:12px}.dlog-graph-zoom button{border:1px solid var(--outline-variant);background:var(--surface-container);width:34px;height:34px;color:var(--on-surface);border-radius:var(--shape-m);cursor:pointer;transition:background var(--duration-short,.15s) var(--ease-standard), transform var(--duration-short,.15s) var(--ease-standard);place-items:center;font-size:1.1rem;line-height:1;display:grid;position:relative;overflow:hidden}.dlog-graph-zoom button:hover{color:var(--accent);border-color:var(--accent);background-color:color-mix(in srgb, var(--accent) calc(var(--state-hover) * 100%), var(--surface-container))}.dlog-graph-zoom button:active{transform:scale(.92)}.dlog-graph-maximize{border:1px solid var(--outline-variant);background:var(--surface-container);width:34px;height:34px;color:var(--on-surface);border-radius:var(--shape-m);cursor:pointer;transition:background var(--duration-short,.15s) var(--ease-standard), color var(--duration-short,.15s) var(--ease-standard), border-color var(--duration-short,.15s) var(--ease-standard), transform var(--duration-short,.15s) var(--ease-standard);place-items:center;display:grid;position:absolute;bottom:12px;right:12px;overflow:hidden}.dlog-graph-maximize:hover{color:var(--accent);border-color:var(--accent);background-color:color-mix(in srgb, var(--accent) calc(var(--state-hover) * 100%), var(--surface-container))}.dlog-graph-maximize:active{transform:scale(.92)}.dlog-graph-stage.is-maximized{z-index:300;border:none;border-radius:0;position:fixed;inset:0}.dlog-graph-stage.is-maximized .dlog-graph-svg{height:100%}.dlog-graph-zoom-reset{transition:background var(--duration-short,.15s) var(--ease-standard), opacity .2s var(--ease-standard), transform .2s var(--ease-standard)}.dlog-graph-zoom-reset.is-at-default{opacity:0;pointer-events:none;transition:opacity .15s ease-in,transform .15s ease-in;transform:scale(.75)}@media (prefers-reduced-motion:reduce){.dlog-graph-zoom-reset,.dlog-graph-zoom-reset.is-at-default{transition:none}}.dlog-graph-edge{stroke:var(--on-surface-variant);opacity:.45;pointer-events:none;transition:opacity var(--duration-short,.15s) var(--ease-standard), stroke var(--duration-short,.15s) var(--ease-standard)}.dlog-graph-edge.is-lit{stroke:var(--primary);opacity:.8}.dlog-graph-edge.is-dim{opacity:.1}.dlog-graph-nodeg{cursor:pointer;outline:none}.dlog-graph-nodeg:focus-visible .dlog-graph-node{stroke:var(--accent);stroke-width:2.5px}.dlog-graph-node{stroke:var(--surface);stroke-width:1.5px;transition:opacity var(--duration-short,.15s) var(--ease-standard)}.dlog-graph-node.is-active{fill:var(--primary);stroke:var(--on-primary);stroke-width:2.5px}.dlog-graph-node.is-dim{opacity:.18}.dlog-graph-label{pointer-events:none;transition:opacity var(--duration-short,.15s) var(--ease-standard)}.dlog-graph-label text{fill:var(--on-surface);font-family:ui-monospace,SF Mono,Menlo,monospace}.dlog-graph-label.is-active text{fill:var(--primary);font-weight:700}.dlog-graph-label.is-dim{opacity:.2}.dlog-graph-label-icon{fill:none;stroke:var(--on-surface);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.dlog-graph-label.is-active .dlog-graph-label-icon{stroke:var(--primary)}.dlog-graph-panel{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--shape-xl);flex-direction:column;min-height:200px;max-height:520px;padding:18px;display:flex}.dlog-graph-panel.is-empty{text-align:center;color:var(--on-surface-variant);justify-content:center;align-items:center;font-size:.88rem;display:flex}.dlog-graph-panel-tag{color:var(--primary);word-break:break-word;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.25rem;font-weight:700}.dlog-graph-panel-count{color:var(--on-surface-variant);font-variant-numeric:tabular-nums;margin:2px 0 14px;font-size:.82rem}.dlog-graph-panel-filter{flex:none;width:100%;margin-bottom:16px;padding:.6rem 1.2rem;font-size:.95rem}.dlog-graph-panel-lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);margin-bottom:6px;font-size:.64rem}.dlog-graph-panel-neigh{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.dlog-graph-panel-nl{color:var(--on-surface-variant);background:var(--surface-2);border:1px solid var(--outline-variant);border-radius:var(--shape-full);cursor:pointer;padding:3px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem}.dlog-graph-panel-nl:hover{color:var(--primary);border-color:var(--primary)}.dlog-graph-panel-arts{flex-direction:column;flex:1;gap:0;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.dlog-graph-panel-arts li{border-bottom:1px solid var(--border);align-items:baseline;gap:8px;padding:.6rem 0;font-size:.82rem;display:flex}.dlog-graph-panel-arts li:last-child{border-bottom:none}.dlog-graph-panel-k{border-radius:var(--shape-xs);letter-spacing:.03em;flex:none;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.6rem}.dlog-graph-panel-k.dlog{background:var(--surface-2);color:var(--primary)}.dlog-graph-panel-k.archive{background:var(--surface-2);color:var(--on-surface-variant)}.dlog-graph-panel-arts a{color:var(--on-surface);text-decoration:none}.dlog-graph-panel-arts a:hover{color:var(--primary)}@media (width<=780px){.dlog-graph{grid-template-columns:1fr}.dlog-graph-svg{height:420px}}@media (prefers-reduced-motion:reduce){.dlog-graph-edge,.dlog-graph-node,.dlog-graph-label,.dlog-view-toggle button,.dlog-view-toggle-thumb,.dlog-graph-panel-filter{transition:none}.dlog-head,.dlog-view-switch,.dlog-controls,.dlog-list-zone,.dlog-graph,.post-reveal{animation:none}}.site-breadcrumb{font-family:var(--font-mono);color:var(--accent);overflow-wrap:anywhere;margin:0 0 .5rem;font-size:.75rem}.site-breadcrumb a{color:var(--accent);text-decoration:none}.site-breadcrumb a:hover{text-decoration:underline}.work-page{padding-top:1rem;padding-bottom:1rem}.work-title{margin:0 0 .4rem;font-size:1.6rem;font-weight:700}.work-title .badge{vertical-align:.25em;margin-left:.6rem}.work-desc{color:var(--text-secondary);max-width:56ch;margin:0 0 1.4rem;font-size:.9rem;line-height:1.65}.work-shell{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--shape-m);margin-bottom:1.2rem;overflow:hidden}.work-shell-bar{font-family:var(--font-mono);color:var(--text-secondary);overflow-wrap:anywhere;padding:.55rem .9rem;font-size:.72rem}.work-shell-bar.has-output{border-bottom:1px dashed var(--divider)}.work-shell-bar b{color:var(--accent);font-weight:500}.work-table-scroll{overflow-x:visible}table.work-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.85rem}.work-table th:first-child,.work-table td:first-child{width:32%}.work-table th:nth-child(2),.work-table td:nth-child(2){width:16%}.work-table th:nth-child(3),.work-table td:nth-child(3){width:15%}.work-table th:nth-child(4),.work-table td:nth-child(4){width:37%}.work-table tbody tr{animation:dlog-view-reveal var(--reveal-duration) var(--reveal-ease) both;animation-delay:var(--row-delay,0s)}@media (prefers-reduced-motion:reduce){.work-table tbody tr{animation:none}}.work-shell-total{font-family:var(--font-mono);color:var(--text-secondary);opacity:.75;padding:.45rem .9rem 0;font-size:.7rem}.work-table td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-table th{text-align:left;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);white-space:nowrap;padding:.55rem .9rem;font-size:.68rem;font-weight:500}.work-table td{border-top:1px solid var(--border);vertical-align:middle;padding:.6rem .9rem}.work-table tr.is-primary td{font-weight:600}.work-name{color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;text-decoration:none}a.work-name:hover,.work-name.is-dir{color:var(--accent)}.work-name.is-dim{color:var(--text-secondary);opacity:.8}.work-table td.is-pending{opacity:.45;cursor:not-allowed}.work-table tbody tr.is-navigable{clip-path:inset(0);color:var(--accent);cursor:pointer;position:relative}.work-table tbody tr.is-navigable:hover td{background:color-mix(in srgb, var(--accent) 8%, transparent)}.work-perm{font-family:var(--font-mono);color:var(--text-secondary);font-size:.78rem}.work-note{color:var(--text-secondary);font-size:.82rem}@media (width<=640px){.work-table thead{display:none}table.work-table,.work-table tbody{display:block}.work-table tbody tr{border-top:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:.2rem .55rem;padding:.55rem .9rem .6rem;display:grid}.work-table td{border-top:0;padding:0}.work-table td:first-child{grid-area:1/1/auto/3;width:auto}.work-table td:nth-child(3){grid-area:1/3;justify-self:end;width:auto}.work-table td:nth-child(2){grid-area:2/1;width:auto}.work-table td:nth-child(4){grid-area:2/2/auto/4;width:auto;font-size:.7rem}.work-perm{font-size:.7rem}}.badge{font-family:var(--font-mono);border-radius:var(--shape-full);white-space:nowrap;border:1px solid #0000;padding:.15rem .5rem;font-size:.68rem;display:inline-block}.badge-active{color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.badge-legacy{color:#b5651d;background:#b5651d24;border-color:#b5651d4d}.badge-completed{color:var(--text-secondary);background:var(--bg-primary);border-color:var(--border)}.work-private-icon{opacity:.8;margin-left:.4rem;font-size:.8em}.work-table .incomplete-chip{margin-left:.4rem}.work-shell .blog-markdown-body{padding:1rem 1.1rem 1.2rem}.work-shell .blog-wayback-note{margin-left:1.1rem;margin-right:1.1rem}.work-body-reveal{animation:dlog-view-reveal var(--reveal-duration) var(--reveal-ease) both}@media (prefers-reduced-motion:reduce){.work-body-reveal{animation:none}}