@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: #ffffff;--color-bg-alt: #f6f5f8;--color-bg-card: #ffffff;--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: #ffffff;--color-shadow: rgba(26, 26, 46, .04);--color-shadow-md: rgba(26, 26, 46, .08);--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{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-weight:400;line-height:1.7;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-accent-hover)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-text);letter-spacing:-.02em}h1{font-size:2.5rem}h2{font-size:1.5rem;margin-top:2.5rem;margin-bottom:.75rem}h3{font-size:1.2rem;margin-top:2rem;margin-bottom:.5rem}p{margin-bottom:1.25rem}blockquote{border-left:3px solid var(--color-pop);padding:.75rem 1.25rem;margin:1.5rem 0;background:var(--color-pop-soft);border-radius:0 var(--radius) var(--radius) 0;font-size:.94rem;color:var(--color-text-secondary)}blockquote strong{color:var(--color-text);font-weight:600}code{font-family:var(--font-mono);font-size:.85em;background:var(--color-code-bg);padding:.15em .4em;border-radius:4px}pre{background:var(--color-text);color:#e8e8e8;border-radius:var(--radius);padding:1.25rem;overflow-x:auto;margin:1.5rem 0;font-size:.85rem;line-height:1.6}pre code{background:none;padding:0;color:inherit}hr{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}ul,ol{padding-left:1.5rem;margin-bottom:1.25rem}li{margin-bottom:.35rem}table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.92rem}th{text-align:left;font-weight:600;padding:.75rem 1rem;background:var(--color-bg-alt);border-bottom:2px solid var(--color-border)}td{padding:.6rem 1rem;border-bottom:1px solid var(--color-border-light)}tr:hover td{background:var(--color-bg-alt)}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.container--wide{max-width:var(--max-width-wide)}main{flex:1;padding:var(--space-2xl) 0 var(--space-3xl)}.site-header{height:var(--header-height);display:flex;align-items:center;position:sticky;top:0;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid var(--color-border-light)}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--space-lg)}.site-logo{text-decoration:none;display:flex;align-items:center}.site-logo:hover .logo-line{width:24px}.logo-stacked{display:flex;flex-direction:column;align-items:center;line-height:1;gap:2px}.logo-abby{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--color-accent);letter-spacing:-.03em}.logo-line{width:18px;height:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-pop));border-radius:1px;transition:width var(--transition)}.logo-win{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--color-pop);letter-spacing:-.03em}.header-nav{display:flex;align-items:center;gap:var(--space-xs)}.header-nav a{font-size:.88rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;padding:.4em .8em;border-radius:var(--radius-full);transition:all var(--transition)}.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{font-size:3rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-md)}.hero-title .highlight{background:linear-gradient(90deg,var(--color-accent),var(--color-pop));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.6;max-width:520px}.hero-meta{display:flex;align-items:center;gap:var(--space-lg);margin-top:var(--space-lg);font-size:.85rem;color:var(--color-text-tertiary)}.hero-stat{display:flex;align-items:center;gap:.4em}.hero-stat strong{color:var(--color-text);font-weight:600;font-size:1.1rem}.section-label{font-size:.75rem;font-weight:600;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);display:inline-block}.post-list{list-style:none;padding:0}.post-item{display:grid;grid-template-columns:100px 1fr;gap:var(--space-lg);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border-light);align-items:baseline;transition:background var(--transition)}.post-item:last-child{border-bottom:none}.post-item-date{font-size:.82rem;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:2px}.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);font-size:1rem;font-weight:600;color:var(--color-text);transition:color var(--transition);line-height:1.4}.post-item-cats{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:4px}.tag{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:var(--color-tag-bg);color:var(--color-tag-text);padding:.2em .6em;border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition)}a.tag:hover{background:var(--color-tag-hover-bg);color:var(--color-tag-hover-text)}.year-marker{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--color-text);letter-spacing:-.03em;padding:var(--space-xl) 0 var(--space-sm);position:relative}.year-marker:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-pop));border-radius:2px}.year-marker:first-child{padding-top:0}.post-header{margin-bottom:var(--space-xl)}.post-title{font-size:2.5rem;margin-bottom:var(--space-md);line-height:1.1;letter-spacing:-.03em}.post-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-size:.88rem;color:var(--color-text-secondary)}.post-author{font-weight:600;color:var(--color-text);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);margin:2rem 0;box-shadow:0 4px 24px var(--color-shadow-md)}.post-content a{text-decoration:underline;text-decoration-color:#2563eb4d;text-underline-offset:3px}.post-content a:hover{text-decoration-color:var(--color-accent)}.post-content iframe{max-width:100%;margin:1.5rem 0;border-radius:var(--radius)}.post-footer{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.post-tags-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-sm)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-xl)}.post-nav a{display:block;padding:var(--space-lg);background:var(--color-bg-alt);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition);border:1px solid transparent}.post-nav a:hover{border-color:var(--color-border);box-shadow:0 4px 16px var(--color-shadow);transform:translateY(-2px)}.post-nav-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-xs)}.post-nav-title{font-family:var(--font-body);font-weight:600;font-size:.95rem;color:var(--color-text);line-height:1.3}.post-nav .next{text-align:right}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-2xl);padding-top:var(--space-xl)}.pagination a,.pagination span{font-size:.88rem;font-weight:500;padding:.5em 1.2em;border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition)}.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{font-size:2rem;margin-bottom:var(--space-xs)}.page-subtitle{color:var(--color-text-secondary);font-size:.95rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md);list-style:none;padding:0;margin-top:var(--space-lg)}.category-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-lg);text-decoration:none;transition:all var(--transition);display:flex;flex-direction:column;gap:var(--space-xs)}.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);font-weight:600;font-size:1rem;color:var(--color-text)}.category-card-count{font-size:.8rem;color:var(--color-text-tertiary)}.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{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--space-lg)}.footer-note{display:flex;align-items:center;gap:.5em}.footer-links{display:flex;gap:var(--space-md)}.footer-links a{color:var(--color-text-tertiary);text-decoration:none;font-weight:500;transition:color var(--transition)}.footer-links a:hover{color:var(--color-accent)}.footer-cookie-notice{width:100%;text-align:center;margin:0;color:var(--color-text-tertiary);font-size:.75rem}.footer-cookie-notice a{color:var(--color-text-tertiary);text-decoration:underline}.comments-collapsible{margin-top:2.5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.comments-collapsible summary{padding:var(--space-lg);font-size:.9rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;background:var(--color-bg-alt);list-style:none;display:flex;align-items:center;gap:.5em;transition:background var(--transition)}.comments-collapsible summary::-webkit-details-marker{display:none}.comments-collapsible summary:before{content:"▸";font-size:.8em;transition:transform .2s ease}.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{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-sm)}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin-bottom:4px}.toc li.toc-sub{padding-left:var(--space-lg)}.toc a{font-size:.88rem;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition)}.toc a:hover{color:var(--color-accent)}.back-to-top-float{position:fixed;bottom:2rem;right:2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-text);color:#fff;text-decoration:none;border-radius:50%;font-size:1.1rem;box-shadow:0 4px 12px var(--color-shadow-md);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:50}.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{display:inline-block;margin-top:var(--space-xl);font-size:.82rem;font-weight:500;color:var(--color-text-tertiary);text-decoration:none;padding:.4em 1em;border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition)}.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:fadeUp .5s ease both}.post-item{animation:fadeUp .4s ease both}.post-item:nth-child(1){animation-delay:.02s}.post-item:nth-child(2){animation-delay:.04s}.post-item:nth-child(3){animation-delay:.06s}.post-item:nth-child(4){animation-delay:.08s}.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{font-size:.82rem;padding:.35em .6em}.post-nav,.category-grid{grid-template-columns:1fr}.hero-meta{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}