:root{--font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--max-width: 720px;--wide-width: 960px;--header-height: 64px;--transition: 0.25s ease}[data-theme=light]{--bg: #fafaf7;--bg-alt: #f3f1ec;--bg-card: #ffffff;--text: #1c1917;--text-muted: #78716c;--text-light: #a8a29e;--accent: #b45309;--accent-hover: #92400e;--border: #e7e5e4;--code-bg: #f5f5f4;--shadow-sm: 0 1px 3px rgba(28, 25, 23, 0.06);--shadow-md: 0 4px 12px rgba(28, 25, 23, 0.08);--shadow-lg: 0 8px 30px rgba(28, 25, 23, 0.1);--hero-gradient: linear-gradient(135deg, #1c1917 0%, #44403c 40%, #78716c 70%, #b45309 100%)}[data-theme=dark]{--bg: #171412;--bg-alt: #1c1917;--bg-card: #292524;--text: #e7e5e4;--text-muted: #a8a29e;--text-light: #78716c;--accent: #f59e0b;--accent-hover: #fbbf24;--border: #3d3832;--code-bg: #292524;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);--shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.4);--hero-gradient: linear-gradient(135deg, #0c0a09 0%, #1c1917 40%, #44403c 70%, #92400e 100%)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;scroll-behavior:smooth}body{font-family:var(--font-serif);background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh;display:flex;flex-direction:column;transition:background var(--transition),color var(--transition)}main{flex:1}.content-wrap{max-width:var(--max-width);width:100%;margin:0 auto;padding:2.5rem 1.5rem}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover);text-decoration:underline}img{max-width:100%;height:auto;border-radius:8px}.site-header{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background var(--transition),border-color var(--transition)}.site-header nav{max-width:var(--wide-width);margin:0 auto;padding:.875rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.site-name{font-family:var(--font-sans);font-weight:600;font-size:1rem;color:var(--text);text-decoration:none;letter-spacing:-.01em}.site-name:hover{text-decoration:none;color:var(--accent)}.nav-links{display:flex;align-items:center;gap:1.75rem;font-family:var(--font-sans);font-size:.85rem;font-weight:500}.nav-links a{color:var(--text-muted);position:relative;padding-bottom:2px}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-links a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent);transition:width var(--transition)}.nav-links a:hover::after{width:100%}#theme-toggle{background:none;border:1px solid var(--border);cursor:pointer;font-size:.85rem;padding:.35rem .5rem;line-height:1;border-radius:6px;transition:border-color var(--transition),background var(--transition)}#theme-toggle:hover{background:var(--bg-alt);border-color:var(--text-light)}[data-theme=light] .moon{display:none}[data-theme=light] .sun{display:inline}[data-theme=dark] .sun{display:none}[data-theme=dark] .moon{display:inline}.site-footer{border-top:1px solid var(--border);text-align:center;padding:2.5rem 1.5rem;font-family:var(--font-sans);font-size:.8rem;color:var(--text-light);transition:border-color var(--transition)}.hero{background:url("/images/hero.jpg") center/cover no-repeat;padding:6rem 1.5rem 5rem;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(28,25,23,.45);pointer-events:none}.hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top, var(--bg), rgba(0,0,0,0));pointer-events:none}.hero .hero-inner{max-width:var(--max-width);margin:0 auto;position:relative;z-index:1}.hero .hero-label{font-family:var(--font-sans);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.5);margin-bottom:1.25rem}.hero h1{font-size:3.25rem;font-weight:700;color:#fff;letter-spacing:-.03em;line-height:1.15;margin-bottom:1.25rem}.hero .hero-intro{font-size:1.2rem;color:rgba(255,255,255,.7);line-height:1.7;max-width:560px}.home-sections{max-width:var(--wide-width);margin:0 auto;padding:3rem 1.5rem 4rem;display:flex;justify-content:center;gap:1.5rem}.section-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;text-decoration:none;flex:0 1 300px;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);display:flex;flex-direction:column}.section-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--accent);text-decoration:none}.section-card .card-icon{font-size:1.75rem;margin-bottom:1rem}.section-card h3{font-family:var(--font-sans);font-size:1.05rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.section-card p{font-size:.9rem;color:var(--text-muted);line-height:1.6;flex:1}.section-card .card-link{font-family:var(--font-sans);font-size:.8rem;font-weight:500;color:var(--accent);margin-top:1.25rem;display:inline-flex;align-items:center;gap:.35rem;transition:gap var(--transition)}.section-card:hover .card-link{gap:.6rem}.section-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border)}.section-header h1{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.section-header .section-desc{color:var(--text-muted);font-size:1.05rem}.listing{padding-top:.5rem}.post-list{display:flex;flex-direction:column;gap:1.25rem}.post-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.5rem 1.75rem;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.post-preview:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent)}.post-preview time{font-family:var(--font-sans);font-size:.75rem;font-weight:500;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.4rem}.post-preview h2{font-size:1.2rem;font-weight:600;margin-bottom:.35rem;line-height:1.35}.post-preview h2 a{color:var(--text)}.post-preview h2 a:hover{color:var(--accent);text-decoration:none}.post-preview p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.story-group{margin-bottom:2.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.75rem 2rem;transition:border-color var(--transition)}.story-group:hover{border-color:var(--accent)}.story-group h2{font-size:1.35rem;font-weight:600;margin-bottom:.25rem}.story-group h2 a{color:var(--text)}.story-group h2 a:hover{color:var(--accent);text-decoration:none}.story-group .story-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.chapter-list{list-style:none;padding-left:0;border-top:1px solid var(--border);padding-top:.75rem}.chapter-list li{padding:.5rem 0;font-size:.9rem;border-bottom:1px solid var(--border)}.chapter-list li:last-child{border-bottom:none}.chapter-list li a{color:var(--text)}.chapter-list li a:hover{color:var(--accent)}.chapter-list .chapter-desc{color:var(--text-muted);font-size:.8rem;margin-left:.5rem}.story-intro{margin-bottom:2rem;color:var(--text-muted)}.post{padding-top:.5rem}.post-header{margin-bottom:2.5rem}.post-header .back-link{font-family:var(--font-sans);font-size:.8rem;font-weight:500;color:var(--text-muted);display:inline-flex;align-items:center;gap:.35rem;margin-bottom:1.25rem}.post-header .back-link:hover{color:var(--accent);text-decoration:none}.post-header h1{font-size:2.25rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:.75rem}.post-header time{font-family:var(--font-sans);font-size:.8rem;font-weight:500;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.post-header .chapter-subtitle{color:var(--text-muted);font-style:italic;margin-top:.5rem}.post-content h2{font-size:1.4rem;margin-top:3rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.post-content h3{font-size:1.15rem;margin-top:2rem;margin-bottom:.5rem}.post-content p{margin-bottom:1.35rem}.post-content ul,.post-content ol{margin-bottom:1.35rem;padding-left:1.5rem}.post-content li{margin-bottom:.4rem}.post-content blockquote{border-left:3px solid var(--accent);padding:1rem 1.5rem;margin:2rem 0;background:var(--bg-alt);border-radius:0 8px 8px 0;color:var(--text-muted);font-style:italic}.post-content code{font-family:var(--font-mono);font-size:.85em;background:var(--code-bg);padding:.15em .4em;border-radius:4px}.post-content pre{background:var(--code-bg);padding:1.5rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem;border:1px solid var(--border)}.post-content pre code{background:none;padding:0}.post-content hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.chapter-nav{display:flex;justify-content:space-between;margin-top:3.5rem;padding-top:1.5rem;border-top:2px solid var(--border);font-family:var(--font-sans);font-size:.85rem;font-weight:500}.chapter-nav a{color:var(--text-muted);padding:.5rem 1rem;border:1px solid var(--border);border-radius:6px;transition:all var(--transition)}.chapter-nav a:hover{color:var(--accent);border-color:var(--accent);text-decoration:none;background:var(--bg-alt)}.chapter-nav .next{margin-left:auto}.resume h2{font-family:var(--font-sans);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-top:3rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.resume h3{font-size:1.15rem;margin-bottom:.25rem}.resume p{margin-bottom:1rem}.resume ul{padding-left:1.5rem;margin-bottom:1.5rem}.resume ul li{margin-bottom:.4rem}@media (max-width: 768px){.home-sections{grid-template-columns:1fr;padding:2rem 1.5rem 3rem}.hero{padding:4rem 1.5rem 3.5rem}.hero h1{font-size:2.25rem}.hero .hero-intro{font-size:1.05rem}}@media (max-width: 600px){html{font-size:16px}.hero h1{font-size:2rem}.post-header h1{font-size:1.6rem}.section-header h1{font-size:1.75rem}.nav-links{gap:1rem}}