.category-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;padding:.5rem 0}.category-item{text-decoration:none;border-radius:.75rem;background-color:rgba(255,255,255,.65);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 2px 8px rgba(0,0,0,5%)}.dark .category-item{background-color:rgba(26,32,44,.7);border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px rgba(0,0,0,.2)}.category-item:hover{background-color:rgba(255,255,255,.85);transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:rgba(0,0,0,.15)}.dark .category-item:hover{background-color:rgba(45,55,72,.85);transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.3);border-color:rgba(255,255,255,.25)}.folder-icon{flex-shrink:0;margin-right:.75rem;width:1.25rem;height:1.25rem;display:inline-block}.category-item .title{font-weight:600;white-space:nowrap}.category-item .count{margin-left:.5rem;font-size:.9em;opacity:.8;white-space:nowrap}.size-6{width:1em;height:1em}.category-item:only-child{width:100%;max-width:30rem;justify-self:start}.max-w-7xl{max-width:90rem}.max-w-prose-xl{max-width:90ch}.min-w-\[260px\]{min-width:260px}a.article-card-hover:hover{background-color:rgba(0,0,0,3%);transition:background-color .3s ease}.dark a.article-card-hover:hover{background-color:rgba(255,255,255,4%);transition:background-color .3s ease}.badge-category{--badge-border-color:#22c55e;--badge-text-color:#15803d}.dark .badge-category{--badge-border-color:#4ade80;--badge-text-color:#86efac}.badge-tag{--badge-border-color:#0ea5e9;--badge-text-color:#0369a1}.dark .badge-tag{--badge-border-color:#38bdf8;--badge-text-color:#7dd3fc}.badge-custom:not(.badge-category):not(.badge-tag){--badge-border-color:rgba(var(--color-primary-400), 1);--badge-text-color:rgba(var(--color-primary-700), 1)}.dark .badge-custom:not(.badge-category):not(.badge-tag){--badge-border-color:rgba(var(--color-primary-600), 1);--badge-text-color:rgba(var(--color-primary-400), 1)}.badge-custom .badge-inner{border-width:1px;border-style:solid;border-color:var(--badge-border-color);color:var(--badge-text-color)}.custom-profile-left{margin-left:0;margin-right:0}.custom-profile-left>header{position:static;transform:none;margin-left:0}@media(min-width:768px){.custom-profile-layout{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:1rem}.custom-profile-left{flex-basis:33.333333%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-left:0}.custom-profile-left>header{margin-left:auto}.custom-profile-right{flex-basis:66.666667%;padding-right:0}}#hero{display:none!important}.timeline-archive{position:relative;--timeline-date-width:5rem;--timeline-center-width:2.4rem;--timeline-line-width:0.25rem;--timeline-dot-size:1.1rem;--timeline-year-dot-size:1.5rem;--timeline-gap:0.75rem;padding:2rem 0}.header-content-container{padding:0 0 2rem}.timeline-list{position:relative;margin-left:0;padding-left:0}.timeline-list::before{content:"";position:absolute;left:calc( var(--timeline-date-width) + var(--timeline-gap) + (var(--timeline-center-width)/2) - (var(--timeline-line-width)/2) );top:0;bottom:0;width:var(--timeline-line-width);background:#e5e7eb;z-index:0}.timeline-year-row{display:grid;grid-template-columns:var(--timeline-date-width)var(--timeline-center-width)minmax(0,1fr);column-gap:var(--timeline-gap);align-items:center;min-height:1.1rem;position:relative;margin-top:2rem;margin-bottom:2rem}.timeline-item{display:grid;grid-template-columns:var(--timeline-date-width)var(--timeline-center-width)minmax(0,1fr);column-gap:var(--timeline-gap);align-items:center;position:relative;margin-top:1rem;margin-bottom:1rem;min-height:2.5rem}.timeline-date{grid-column:1;min-width:var(--timeline-date-width);text-align:right;font-size:1rem;color:#4a4a4a;margin-top:0;font-family:menlo,consolas,monospace;justify-self:end;padding-right:.25rem}.timeline-date.timeline-year{font-size:1.5rem;font-weight:700;color:#4a4a4a;background:0 0;z-index:2;text-align:right;min-width:var(--timeline-date-width);margin-top:0;justify-self:end;padding-right:.25rem}.timeline-center{position:relative;grid-column:2;width:var(--timeline-center-width);min-width:var(--timeline-center-width);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;min-height:1.1rem}.timeline-dot{position:relative;width:var(--timeline-dot-size);height:var(--timeline-dot-size);border-radius:50%;background:#60a5fa;z-index:3;margin:0}.timeline-line{display:none}.timeline-year-dot{width:var(--timeline-year-dot-size);height:var(--timeline-year-dot-size);border-radius:50%;border-color:#f59e42;background:#fffbe6;border:4px solid #f59e42;box-shadow:0 0 0 2px #e5e7eb;position:relative;z-index:3;margin:0}.timeline-content{grid-column:3;flex:1;padding-top:0;margin-left:0;min-width:0}.timeline-title{font-size:1.1rem;font-weight:600;color:#22223b;text-decoration:none;transition:color .2s;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%}.timeline-title:hover{color:#2563eb;text-decoration:underline}@media(max-width:600px){.timeline-archive{--timeline-date-width:clamp(3.6rem, 28vw, 4.2rem);--timeline-center-width:1.8rem;--timeline-dot-size:0.85rem;--timeline-year-dot-size:1.2rem;--timeline-gap:0.5rem;padding-left:.35rem;padding-right:.35rem}.timeline-page{margin-left:-1rem;margin-right:-1rem;padding-left:.35rem;padding-right:.35rem}.timeline-date{min-width:var(--timeline-date-width);font-size:.95rem;padding-right:.2rem}.timeline-content{min-width:0}.timeline-year-row{min-height:1.1rem}.timeline-date.timeline-year{min-width:var(--timeline-date-width);padding-right:.2rem;font-size:1.4rem}}.dark .timeline-date,.dark .timeline-date.timeline-year{color:#eee}.dark .timeline-list::before{background:#cdcdcd}.dark .timeline-dot{background:#93c5fd}.dark .timeline-year-dot{width:var(--timeline-year-dot-size);height:var(--timeline-year-dot-size);border-radius:50%;border-color:#f59e42;background:#cdcdcd;border:4px solid #f59e42;box-shadow:0 0 0 2px #444}.dark .timeline-title{color:#eee}.dark .timeline-title:hover{color:#93c5fd}.article-card-hover{background-color:rgba(255,255,255,.65);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 2px 8px rgba(0,0,0,5%)}.dark .article-card-hover{background-color:rgba(26,32,44,.7);border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px rgba(0,0,0,.2)}.article-card-hover:hover{background-color:rgba(255,255,255,.85);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:rgba(0,0,0,.15)}.dark .article-card-hover:hover{background-color:rgba(45,55,72,.85);box-shadow:0 4px 12px rgba(0,0,0,.3);border-color:rgba(255,255,255,.25)}article section.flex{gap:0}@media(min-width:1024px){article section.flex{gap:clamp(2rem,3vw,3.5rem)}}.toc-right{margin-inline-start:0!important;padding-inline-start:0!important}.toc-right>div{padding-inline-start:1.5rem;padding-inline-end:.5rem}@media(min-width:1024px) and (max-width:1279px){.toc-right>div{min-width:220px}}:root{--tag-accent-h:198;--tag-accent-s:93%;--tag-accent-l:53%;--tag-accent-bg-light:0.10}[data-theme=dark]{--tag-accent-l:60%;--tag-accent-bg-light:0.18}section.flex.flex-wrap.gap-4.mt-4>a{display:inline-flex;align-items:center;padding:.5rem .85rem;border-radius:.75rem;background-color:rgba(255,255,255,.65);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);color:#1a202c;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 2px 8px rgba(0,0,0,5%)}.dark section.flex.flex-wrap.gap-4.mt-4>a{background-color:rgba(26,32,44,.7);border:1px solid rgba(255,255,255,.15);color:#e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.2)}section.flex.flex-wrap.gap-4.mt-4>a:hover{background-color:rgba(255,255,255,.85);transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:rgba(0,0,0,.15)}.dark section.flex.flex-wrap.gap-4.mt-4>a:hover{background-color:rgba(45,55,72,.85);box-shadow:0 4px 12px rgba(0,0,0,.3);border-color:rgba(255,255,255,.25)}section.flex.flex-wrap.gap-4.mt-4>a .tag-count{margin-left:.6rem;padding:.15rem .5rem;background-color:rgba(0,0,0,8%);border-radius:.375rem;font-size:.7rem;font-weight:600;color:inherit;transition:background-color .3s ease}.tags-list>a::before{content:"#";margin-right:.45rem;font-weight:700;opacity:.65;pointer-events:none}section.flex.flex-wrap.gap-4.mt-4.tags-list>a{border-color:#4f46e5;color:#4f46e5;background-color:rgba(79,70,229,.15);font-size:1rem}.dark section.flex.flex-wrap.gap-4.mt-4.tags-list>a{border-color:#18f4f7;color:#18f4f7;background-color:rgba(24,244,247,.24);font-size:1rem}section.flex.flex-wrap.gap-4.mt-4.tags-list>a .tag-count{background-color:color-mix(in srgb,hsl(var(--tag-accent-h) var(--tag-accent-s) var(--tag-accent-l)) 25%,transparent)}.video-container{margin:1.5rem 0}.video-title{margin:0 0 .5rem;font-size:1.2rem;font-weight:600;text-align:center;color:rgb(var(--color-neutral-800))}[data-scheme=dark] .video-title{color:rgb(var(--color-neutral-200))}.video-player{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:100%}[data-scheme=dark] .video-player{box-shadow:0 4px 6px rgba(0,0,0,.3)}.video-container figcaption{margin:.5rem 0 0;padding:0;font-size:.9em;color:#555;text-align:center;line-height:1.5}[data-scheme=dark] .video-container figcaption{color:#555}.video-container figcaption p{margin:0}.video-container figcaption strong,.video-container figcaption b{color:rgb(var(--color-neutral-700))}[data-scheme=dark] .video-container figcaption strong,[data-scheme=dark] .video-container figcaption b{color:rgb(var(--color-neutral-300))}@media(max-width:768px){.video-container{margin:1rem 0}.video-title{font-size:1.1rem}.video-container figcaption{font-size:.85rem}}.prose .video-container{margin:1.5rem 0}.prose .video-title{margin-bottom:.5rem;margin-top:0}.prose .video-container figcaption{margin-top:.5rem}html.dark .video-title,html[data-theme=dark] .video-title{color:rgb(var(--color-neutral-200,226,232,240))}html.dark .video-player,html[data-theme=dark] .video-player{box-shadow:0 4px 6px rgba(0,0,0,.3)}html.dark .video-container figcaption,html[data-theme=dark] .video-container figcaption{color:#555}html.dark .video-container figcaption strong,html.dark .video-container figcaption b,html[data-theme=dark] .video-container figcaption strong,html[data-theme=dark] .video-container figcaption b{color:rgb(var(--color-neutral-300,203,213,225))}