:root{color-scheme:light;--bg-base: #fafafa;--bg-surface: #ffffff;--text-main: #1a1a1a;--text-muted: #666666;--text-light: #999999;--border-color: #eaeaea;--accent-color: #000000;--link-hover: #3b82f6;--tag-bg: #f1f5f9;--tag-text: #334155;--code-bg: #f4f4f5;--shadow-card: rgba(0, 0, 0, .05);--hover-row: #f1f5f9;--max-width: 1160px}html[data-theme=dark]{color-scheme:dark;--bg-base: #121212;--bg-surface: #1a1a1a;--text-main: #e8e8e8;--text-muted: #a3a3a3;--text-light: #737373;--border-color: #2e2e2e;--accent-color: #f5f5f5;--link-hover: #60a5fa;--tag-bg: #27272a;--tag-text: #d4d4d8;--code-bg: #27272a;--shadow-card: rgba(0, 0, 0, .35);--hover-row: #262626}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-base);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.serif{font-family:"Noto Serif SC","Noto Serif",serif}header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.nav-container{max-width:var(--max-width);margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem 1rem}.nav-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem;padding:0;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-surface);color:var(--text-muted);cursor:pointer;font:inherit;transition:color .2s,border-color .2s,background .2s}.theme-toggle:hover{color:var(--text-main);border-color:var(--text-light)}.theme-toggle-icon{display:inline-flex;align-items:center;justify-content:center}.theme-toggle-sun,html[data-theme=dark] .theme-toggle-moon{display:none}html[data-theme=dark] .theme-toggle-sun{display:inline-flex}.nav-left{display:flex;align-items:center;gap:2rem}.logo{font-size:1.1rem;font-family:Sora,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;letter-spacing:.04em;text-decoration:none;color:var(--text-main);display:flex;align-items:center;gap:8px}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{font-size:.95rem;color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text-main)}.lang-switch{display:inline-flex;align-items:center;gap:2px;min-height:2.5rem;padding:2px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-surface)}.lang-switch a,.lang-switch button{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;min-height:calc(2.5rem - 6px);padding:0 .5rem;border:0;border-radius:4px;background:transparent;font-size:.8rem;font-weight:500;cursor:pointer;color:var(--text-muted);font-family:inherit;text-decoration:none;transition:background .2s,color .2s}.lang-switch a.active,.lang-switch button.active{background:color-mix(in srgb,var(--text-main) 10%,transparent);color:var(--text-main)}html[data-theme=dark] .lang-switch a.active,html[data-theme=dark] .lang-switch button.active{background:color-mix(in srgb,var(--text-main) 16%,transparent);color:var(--text-main)}.layout{max-width:var(--max-width);margin:2.5rem auto;padding:0 2rem;padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right));display:flex;gap:4rem;align-items:flex-start}.main-content{flex:1;min-width:0}.sidebar-toggle{display:none;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);border-radius:6px;width:2.5rem;height:2.5rem;padding:0;margin:0;font:inherit;line-height:1;cursor:pointer}.sidebar-toggle-icon{font-size:1.05rem;line-height:1}.sidebar-toggle:hover{color:var(--text-main);border-color:var(--text-light)}.sidebar-shell{flex-shrink:0}.mobile-drawer-menu,.sidebar-backdrop{display:none}.site-footer{margin-top:2rem;padding:1.5rem max(2rem,env(safe-area-inset-right)) 2rem max(2rem,env(safe-area-inset-left));border-top:1px solid var(--border-color);background-color:var(--bg-surface)}.site-footer-inner{max-width:var(--max-width);margin:0 auto;font-size:.8rem;color:var(--text-muted);text-align:center;line-height:1.5}.site-footer-inner p{margin:0}.site-footer-sep{margin:0 .35rem}.site-footer a{color:inherit;text-decoration:underline;text-underline-offset:2px}.site-footer a:hover{color:var(--link-hover)}.sidebar{width:280px;flex-shrink:0;position:sticky;top:5rem}@media(max-width:1024px){.nav-container{padding:.9rem 1.25rem}.nav-left{gap:1.25rem}.nav-links{gap:1rem}.nav-left{gap:.75rem}.layout{gap:2rem;padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}.collection-card{padding:1.5rem}.sidebar-toggle{display:inline-flex}.sidebar-shell{position:fixed;top:0;right:0;width:min(86vw,320px);height:100dvh;z-index:210;transform:translate(100%);transition:transform .22s ease}.sidebar-shell .sidebar{width:100%;height:100%;position:static;top:auto;overflow-y:auto;padding:1rem;border-left:1px solid var(--border-color);background:var(--bg-surface)}.mobile-drawer-menu{display:block;padding:4.25rem 1rem .6rem;border-bottom:1px solid var(--border-color);margin:-1rem -1rem .85rem}.mobile-drawer-links{display:flex;flex-direction:column;gap:.35rem}.mobile-drawer-links a{font-size:.95rem;color:var(--text-main);text-decoration:none;font-weight:500;padding:.5rem .6rem;border-radius:6px}.mobile-drawer-links a:hover{background:var(--hover-row)}.mobile-drawer-actions{display:flex;align-items:center;gap:.55rem;margin-top:.75rem;padding:0 .6rem .2rem}.mobile-drawer-actions .lang-switch{margin-left:auto}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:200;border:0;background:#00000047;opacity:0;pointer-events:none;transition:opacity .2s ease}body.sidebar-open{overflow:hidden}body.sidebar-open .sidebar-shell{transform:translate(0)}body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.nav-left .nav-links,.nav-right .theme-toggle,.nav-right .lang-switch{display:none}}.feed-header{font-size:1.25rem;font-weight:600;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--text-main);display:inline-block}.post-item{margin-bottom:3rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border-color)}.post-item:last-child{border-bottom:none}.post-meta{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--text-muted);margin-bottom:10px;flex-wrap:wrap}.tag{background:var(--tag-bg);padding:2px 8px;border-radius:4px;color:var(--tag-text);font-weight:500}.post-title{font-size:1.4rem;font-weight:600;line-height:1.4;margin-bottom:10px}.post-title a{color:inherit;text-decoration:none;transition:color .2s}.post-title a:hover{color:var(--link-hover)}.post-excerpt{color:var(--text-muted);font-size:1rem;line-height:1.7;margin-bottom:1rem}.post-excerpt a{color:var(--link-hover);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}.post-excerpt a:visited{color:var(--link-hover)}.post-excerpt a:hover{text-decoration-thickness:2px}.post-with-media{display:flex;gap:1.5rem}.post-media-text{flex:1}.post-thumbnail{width:180px;height:120px;border-radius:6px;object-fit:cover;border:1px solid var(--border-color)}.collections-grid{display:flex;flex-direction:column;gap:2rem}.collection-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:2rem;transition:box-shadow .2s}.collection-card:hover{box-shadow:0 4px 12px var(--shadow-card)}.col-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.col-title{font-size:1.25rem;font-weight:600}.col-title a{color:inherit;text-decoration:none}.col-title a:hover{color:var(--link-hover)}.col-count{font-size:.85rem;color:var(--text-light)}.col-articles{list-style:none}.col-articles li{padding:.75rem 0;display:flex;gap:1rem;align-items:baseline;border-bottom:1px dashed var(--border-color)}.col-articles li:last-child{border-bottom:none;padding-bottom:0}.col-index{color:var(--text-light);font-size:.85rem;font-family:monospace}.col-article-title{color:var(--text-main);text-decoration:none;font-size:.95rem;font-weight:500}.col-article-title:hover{color:var(--link-hover)}.sidebar-widget{margin-bottom:2.5rem}.sidebar-title{font-size:.85rem;font-weight:600;text-transform:uppercase;color:var(--text-light);margin-bottom:1rem;letter-spacing:.05em}.profile-bio{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin-bottom:1rem}.sidebar-widget-divider{padding-top:1.5rem;border-top:1px solid var(--border-color)}.product-links{list-style:none;margin:0;padding:0}.product-links li{display:flex;align-items:center;gap:.45rem;margin-bottom:.25rem}.product-links li:before{content:"";flex-shrink:0;width:4px;height:4px;border-radius:50%;background:var(--text-light)}.product-links a{display:block;flex:1;min-width:0;font-size:.9rem;color:var(--text-muted);text-decoration:none;padding:5px 8px;margin-right:-8px;border-radius:4px;transition:color .2s,background .2s}.product-links a:hover{color:var(--link-hover);background:var(--hover-row)}.category-list{list-style:none}.category-list li{margin-bottom:.5rem}.category-link{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--text-main);font-size:.95rem;padding:6px 8px;border-radius:4px;transition:background .2s}.category-link:hover{background:var(--hover-row)}.cat-count{color:var(--text-light);font-size:.8rem}.category-group-gap{height:1rem;margin:0;list-style:none}.category-parent{cursor:default;font-weight:500}.category-sub{font-size:.85rem}.category-sub-label{color:var(--text-muted);padding-left:.25rem}.category-empty{color:var(--text-muted);font-size:.95rem;margin-bottom:1.5rem}.article-header{margin-bottom:2rem}.article-title{font-size:2rem;font-weight:600;line-height:1.25;margin-bottom:.75rem}.article-prose{font-size:1.05rem;line-height:1.75;color:var(--text-main);max-width:100%;overflow-x:hidden;overflow-wrap:anywhere;word-break:break-word}.article-prose h2,.article-prose h3{margin-top:1.75rem;margin-bottom:.75rem;font-weight:600}.article-prose p{margin-bottom:1rem}.article-prose img,.article-prose video{display:block;max-width:100%;height:auto}.article-prose ul,.article-prose ol{margin:0 0 1rem 1.25rem}.article-prose pre{background:var(--code-bg);border:1px solid var(--border-color);border-radius:6px;padding:1rem;overflow-x:hidden;max-width:100%;margin-bottom:1rem;font-size:.9rem;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.article-prose pre.astro-code{background-color:var(--code-bg);white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:break-word}.article-prose pre.astro-code span[style*=--shiki-light-font-weight]{font-weight:var(--shiki-light-font-weight)}.article-prose pre.astro-code span[style*=--shiki-light-font-style]{font-style:var(--shiki-light-font-style)}html[data-theme=dark] .article-prose pre.astro-code{background-color:var(--shiki-dark-bg)!important;color:var(--shiki-dark)!important}html[data-theme=dark] .article-prose pre.astro-code span[style*=--shiki-dark]{color:var(--shiki-dark)!important}html[data-theme=dark] .article-prose pre.astro-code span[style*=--shiki-dark-font-weight]{font-weight:var(--shiki-dark-font-weight)}html[data-theme=dark] .article-prose pre.astro-code span[style*=--shiki-dark-font-style]{font-style:var(--shiki-dark-font-style)}.article-prose code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9em}.article-prose :not(pre)>code{background:var(--code-bg);border:1px solid var(--border-color);border-radius:4px;padding:.15em .4em;font-size:.88em}.article-prose pre code{font-size:inherit;background:none;border:0;padding:0;border-radius:0;white-space:inherit;overflow-wrap:inherit;word-break:inherit}.article-prose a,.article-prose a:visited{color:var(--link-hover)}.post-pagination{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--border-color);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.post-pagination-link{display:flex;flex-direction:column;gap:.25rem;padding:.85rem .95rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface);text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}.post-pagination-link:hover{border-color:var(--text-light);box-shadow:0 4px 12px var(--shadow-card)}.post-pagination-label{font-size:.78rem;color:var(--text-light);letter-spacing:.02em}.post-pagination-title{font-size:.94rem;line-height:1.45;color:var(--text-main)}.post-pagination-link.align-right{text-align:right}.article-prose hr{border:0;height:1px;margin:3rem 0;background:#37352f14}html[data-theme=dark] .article-prose hr{background:#ffffff14}.article-prose table{width:100%;max-width:100%;border-collapse:collapse;margin:0 0 1rem;font-size:.95em;line-height:1.5;table-layout:fixed}.article-prose th,.article-prose td{border:1px solid rgba(55,53,47,.09);padding:.45rem .7rem;vertical-align:top;text-align:left;overflow-wrap:anywhere;word-break:break-word}html[data-theme=dark] .article-prose th,html[data-theme=dark] .article-prose td{border-color:#ffffff17}.article-prose th{background:#37352f0a;font-weight:500;color:var(--text-main)}html[data-theme=dark] .article-prose th{background:#ffffff0d}.article-prose td{background:var(--bg-surface)}.article-prose tbody tr:nth-child(2n) td{background:#37352f05}html[data-theme=dark] .article-prose tbody tr:nth-child(2n) td{background:#ffffff08}.article-prose table caption{caption-side:bottom;font-size:.88em;color:var(--text-muted);margin-top:.5rem;text-align:left}.article-prose details.fold-block{margin:1.25rem 0;border:1px solid var(--border-color);border-radius:10px;background:color-mix(in srgb,var(--bg-surface) 88%,var(--tag-bg) 12%);overflow:hidden}.article-prose details.fold-block>summary{padding:.7rem .9rem;font-weight:600;cursor:pointer;user-select:none;color:var(--text-main);background:color-mix(in srgb,var(--bg-surface) 82%,var(--tag-bg) 18%)}.article-prose details.fold-block>summary:hover{background:color-mix(in srgb,var(--bg-surface) 75%,var(--tag-bg) 25%)}.article-prose details.fold-block[open]>summary{border-bottom:1px solid var(--border-color)}.article-prose details.fold-block[open]>summary+*{margin-top:.85rem}.article-prose details.fold-block>:not(summary){padding:0 .9rem .95rem}.article-prose details.fold-block>table{width:calc(100% - 1.8rem);margin:.85rem .9rem .95rem}@media(max-width:850px){.layout{flex-direction:column;gap:2rem;margin-top:1.75rem;margin-bottom:1.75rem}.post-with-media{flex-direction:column-reverse}.post-thumbnail{width:100%;height:auto;aspect-ratio:16 / 9}}@media(max-width:768px){.nav-container{padding:.75rem 1rem;gap:.6rem;flex-wrap:nowrap}.nav-left{flex:1 1 auto;min-width:0;gap:.75rem}.nav-links{gap:.75rem}.nav-right{flex:0 0 auto;justify-content:flex-end}.logo{font-size:1rem}.post-item{margin-bottom:2.25rem;padding-bottom:2rem}.article-title{font-size:1.65rem}.article-prose{font-size:1rem;line-height:1.7}}@media(max-width:640px){.nav-container{padding:.75rem 1rem}.nav-left{flex:1 1 auto;min-width:0;gap:1rem}.nav-links{gap:1rem}.nav-links a{min-height:2.75rem;display:inline-flex;align-items:center}.layout{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.feed-header{font-size:1.15rem}.post-title{font-size:1.25rem}.article-title{font-size:1.5rem}.article-prose{font-size:1rem}.post-pagination{grid-template-columns:1fr}.post-pagination-link.align-right{text-align:left}}