@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,700;1,9..144,400&family=JetBrains+Mono:wght@400&display=swap";:root{--color-bg:#fff;--color-bg-alt:#f6f5f8;--color-bg-card:#fff;--color-surface:#faf9fc;--color-text:#1a1a2e;--color-text-secondary:#4a4a5a;--color-text-tertiary:#8e8e9e;--color-accent:#6d28d9;--color-accent-hover:#5b21b6;--color-accent-soft:#f0ebfa;--color-pop:#0ea5a5;--color-pop-soft:#e6f7f7;--color-border:#e4e2ea;--color-border-light:#edebf2;--color-code-bg:#f3f1f8;--color-tag-bg:#eeecf4;--color-tag-text:#5a5670;--color-tag-hover-bg:#6d28d9;--color-tag-hover-text:#fff;--color-shadow:#1a1a2e0a;--color-shadow-md:#1a1a2e14;--font-display:"Fraunces", Georgia, serif;--font-body:"Plus Jakarta Sans", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--max-width:680px;--max-width-wide:1080px;--header-height:64px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--radius:8px;--radius-lg:16px;--radius-full:100px;--transition:.15s ease}*,:before,:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;min-height:100vh;font-weight:400;line-height:1.7}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-accent-hover)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{margin-top:2.5rem;margin-bottom:.75rem;font-size:1.5rem}h3{margin-top:2rem;margin-bottom:.5rem;font-size:1.2rem}p{margin-bottom:1.25rem}blockquote{border-left:3px solid var(--color-pop);background:var(--color-pop-soft);border-radius:0 var(--radius) var(--radius) 0;color:var(--color-text-secondary);margin:1.5rem 0;padding:.75rem 1.25rem;font-size:.94rem}blockquote strong{color:var(--color-text);font-weight:600}code{font-family:var(--font-mono);background:var(--color-code-bg);border-radius:4px;padding:.15em .4em;font-size:.85em}pre{background:var(--color-text);color:#e8e8e8;border-radius:var(--radius);margin:1.5rem 0;padding:1.25rem;font-size:.85rem;line-height:1.6;overflow-x:auto}pre code{color:inherit;background:0 0;padding:0}hr{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}ul,ol{margin-bottom:1.25rem;padding-left:1.5rem}li{margin-bottom:.35rem}table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.92rem}th{text-align:left;background:var(--color-bg-alt);border-bottom:2px solid var(--color-border);padding:.75rem 1rem;font-weight:600}td{border-bottom:1px solid var(--color-border-light);padding:.6rem 1rem}tr:hover td{background:var(--color-bg-alt)}.site-wrapper{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.container--wide{max-width:var(--max-width-wide)}main{padding:var(--space-2xl) 0 var(--space-3xl);flex:1}.reading-progress{background:linear-gradient(90deg, var(--color-accent), var(--color-pop));pointer-events:none;width:0%;height:2px;transition:width .1s linear;position:absolute;bottom:0;left:0}.site-header{height:var(--header-height);-webkit-backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid var(--color-border-light);background:#ffffffd9;align-items:center;display:flex;position:sticky;top:0}.header-inner{width:100%;max-width:var(--max-width-wide);padding:0 var(--space-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.site-logo{align-items:center;text-decoration:none;display:flex}.site-logo:hover .logo-line{width:24px}.logo-stacked{flex-direction:column;align-items:center;gap:2px;line-height:1;display:flex}.logo-abby{font-family:var(--font-display);color:var(--color-accent);letter-spacing:-.03em;font-size:1.1rem;font-weight:800}.logo-line{background:linear-gradient(90deg, var(--color-accent), var(--color-pop));width:18px;height:2px;transition:width var(--transition);border-radius:1px}.logo-win{font-family:var(--font-display);color:var(--color-pop);letter-spacing:-.03em;font-size:1.1rem;font-weight:800}.header-nav{align-items:center;gap:var(--space-xs);display:flex}.header-nav a{color:var(--color-text-secondary);border-radius:var(--radius-full);transition:all var(--transition);padding:.4em .8em;font-size:.88rem;font-weight:500;text-decoration:none}.header-nav a:hover{color:var(--color-text);background:var(--color-bg-alt)}.header-nav a[aria-current=page]{color:var(--color-accent);background:var(--color-accent-soft)}.hero{margin-bottom:var(--space-2xl)}.hero-title{letter-spacing:-.03em;margin-bottom:var(--space-md);font-size:3rem;font-weight:700;line-height:1.1}.hero-title .highlight{background:linear-gradient(90deg, var(--color-accent), var(--color-pop));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--color-text-secondary);max-width:520px;font-size:1.1rem;line-height:1.6}.hero-meta{align-items:center;gap:var(--space-lg);margin-top:var(--space-lg);color:var(--color-text-tertiary);font-size:.85rem;display:flex}.hero-stat{align-items:center;gap:.4em;display:flex}.hero-stat strong{color:var(--color-text);font-size:1.1rem;font-weight:600}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-text);font-size:.75rem;font-weight:600;display:inline-block}.post-list{padding:0;list-style:none}.post-item{gap:var(--space-lg);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border-light);transition:background var(--transition);grid-template-columns:100px 1fr;align-items:baseline;display:grid}.post-item:last-child{border-bottom:none}.post-item-date{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:2px;font-size:.82rem}.post-item-content{min-width:0}.post-item-link{text-decoration:none;display:block}.post-item-link:hover .post-item-title{color:var(--color-accent)}.post-item-title{font-family:var(--font-body);color:var(--color-text);transition:color var(--transition);font-size:1rem;font-weight:600;line-height:1.4}.post-item-excerpt{color:var(--color-text-secondary);margin-top:4px;font-size:.85rem;line-height:1.5}.post-item-cats{gap:var(--space-xs);flex-wrap:wrap;margin-top:4px;display:flex}.tag{letter-spacing:.04em;text-transform:uppercase;background:var(--color-tag-bg);color:var(--color-tag-text);border-radius:var(--radius-full);transition:all var(--transition);padding:.2em .6em;font-size:.7rem;font-weight:600;text-decoration:none;display:inline-block}a.tag:hover{background:var(--color-tag-hover-bg);color:var(--color-tag-hover-text)}.year-marker{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.03em;padding:var(--space-xl) 0 var(--space-sm);font-size:1.8rem;font-weight:700;position:relative}.year-marker:after{content:"";background:linear-gradient(90deg, var(--color-accent), var(--color-pop));border-radius:2px;width:40px;height:3px;position:absolute;bottom:0;left:0}.year-marker:first-child{padding-top:0}.post-header{margin-bottom:var(--space-xl)}.post-title{margin-bottom:var(--space-md);letter-spacing:-.03em;font-size:2.5rem;line-height:1.1}.post-meta{align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);flex-wrap:wrap;font-size:.88rem;display:flex}.post-author{color:var(--color-text);font-weight:600;text-decoration:none}.post-author:hover{color:var(--color-accent)}.post-meta time{font-weight:500}.meta-dot{color:var(--color-text-tertiary)}.post-content{font-size:1.05rem;line-height:1.8}.post-content img{border-radius:var(--radius);box-shadow:0 4px 24px var(--color-shadow-md);margin:2rem 0}.post-content a{text-underline-offset:3px;-webkit-text-decoration:underline #2563eb4d;text-decoration:underline #2563eb4d}.post-content a:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.post-content iframe{border-radius:var(--radius);max-width:100%;margin:1.5rem 0}.post-footer{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.post-tags-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-sm);font-size:.75rem;font-weight:600}.post-tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.post-nav{gap:var(--space-md);margin-top:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.post-nav a{padding:var(--space-lg);background:var(--color-bg-alt);border-radius:var(--radius-lg);transition:all var(--transition);border:1px solid #0000;text-decoration:none;display:block}.post-nav a:hover{border-color:var(--color-border);box-shadow:0 4px 16px var(--color-shadow);transform:translateY(-2px)}.post-nav-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-xs);font-size:.72rem;font-weight:600}.post-nav-title{font-family:var(--font-body);color:var(--color-text);font-size:.95rem;font-weight:600;line-height:1.3}.post-nav .next{text-align:right}.pagination{justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-2xl);padding-top:var(--space-xl);display:flex}.pagination a,.pagination span{border-radius:var(--radius-full);transition:all var(--transition);padding:.5em 1.2em;font-size:.88rem;font-weight:500;text-decoration:none}.pagination a{background:var(--color-text);color:#fff}.pagination a:hover{background:var(--color-accent);color:#fff}.pagination .current{color:var(--color-text-tertiary)}.page-header{margin-bottom:var(--space-xl)}.page-title{margin-bottom:var(--space-xs);font-size:2rem}.page-subtitle{color:var(--color-text-secondary);font-size:.95rem}.category-grid{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:0;list-style:none;display:grid}.category-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-lg);transition:all var(--transition);gap:var(--space-xs);flex-direction:column;text-decoration:none;display:flex}.category-card:hover{border-color:var(--color-accent);box-shadow:0 8px 24px var(--color-shadow-md);transform:translateY(-3px)}.category-card-name{font-family:var(--font-body);color:var(--color-text);font-size:1rem;font-weight:600}.category-card-count{color:var(--color-text-tertiary);font-size:.8rem}.category-card:hover .category-card-name{color:var(--color-accent)}.about-content{font-size:1.05rem;line-height:1.85}.about-content h2{margin-top:var(--space-2xl)}.about-content h2:first-of-type{margin-top:var(--space-lg)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-xl) 0;color:var(--color-text-tertiary);font-size:.82rem}.footer-inner{justify-content:space-between;align-items:center;gap:var(--space-md);max-width:var(--max-width-wide);padding:0 var(--space-lg);flex-wrap:wrap;margin:0 auto;display:flex}.footer-note{align-items:center;gap:.5em;display:flex}.footer-links{gap:var(--space-md);display:flex}.footer-links a{color:var(--color-text-tertiary);transition:color var(--transition);font-weight:500;text-decoration:none}.footer-links a:hover{color:var(--color-accent)}.footer-cookie-notice{text-align:center;width:100%;color:var(--color-text-tertiary);margin:0;font-size:.75rem}.footer-cookie-notice a{color:var(--color-text-tertiary);text-decoration:underline}.comments-collapsible{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:2.5rem;overflow:hidden}.comments-collapsible summary{padding:var(--space-lg);color:var(--color-text-secondary);cursor:pointer;background:var(--color-bg-alt);transition:background var(--transition);align-items:center;gap:.5em;font-size:.9rem;font-weight:600;list-style:none;display:flex}.comments-collapsible summary::-webkit-details-marker{display:none}.comments-collapsible summary:before{content:"▸";font-size:.8em;transition:transform .2s}.comments-collapsible[open] summary:before{transform:rotate(90deg)}.comments-collapsible summary:hover{background:var(--color-border-light)}.comments-collapsible[open] summary{border-bottom:1px solid var(--color-border-light)}.comments-collapsible>:not(summary){padding:0 var(--space-lg) var(--space-lg)}.toc{background:var(--color-bg-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.toc-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-sm);font-size:.75rem;font-weight:600}.toc ul{margin:0;padding:0;list-style:none}.toc li{margin-bottom:4px}.toc li.toc-sub{padding-left:var(--space-lg)}.toc a{color:var(--color-text-secondary);transition:color var(--transition);font-size:.88rem;text-decoration:none}.toc a:hover{color:var(--color-accent)}.back-to-top-float{background:var(--color-text);color:#fff;width:40px;height:40px;box-shadow:0 4px 12px var(--color-shadow-md);opacity:0;pointer-events:none;z-index:50;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:2rem;right:2rem}.back-to-top-float.visible{opacity:1;pointer-events:auto}.back-to-top-float:hover{background:var(--color-accent);color:#fff;transform:translateY(-2px)}.back-to-top{margin-top:var(--space-xl);color:var(--color-text-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition);padding:.4em 1em;font-size:.82rem;font-weight:500;text-decoration:none;display:inline-block}.back-to-top:hover{color:var(--color-accent);border-color:var(--color-accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.5s both fadeUp}.post-item{animation:.4s both fadeUp}.post-item:first-child{animation-delay:20ms}.post-item:nth-child(2){animation-delay:40ms}.post-item:nth-child(3){animation-delay:60ms}.post-item:nth-child(4){animation-delay:80ms}.post-item:nth-child(5){animation-delay:.1s}.post-item:nth-child(6){animation-delay:.12s}.post-item:nth-child(7){animation-delay:.14s}.post-item:nth-child(8){animation-delay:.16s}@media (max-width:640px){.hero-title{font-size:2rem}.post-title{font-size:1.75rem}.post-item{grid-template-columns:1fr;gap:2px}.post-item-date{font-size:.75rem}.header-nav a{padding:.35em .6em;font-size:.82rem}.post-nav,.category-grid{grid-template-columns:1fr}.hero-meta{align-items:flex-start;gap:var(--space-sm);flex-direction:column}}