:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--max-width:720px;--radius:6px;--bg:#FFF8F3;--bg-alt:#FFF0E6;--text:#3D2C2C;--text-secondary:#7A6565;--border:#F0D9C8;--accent:#E06B50;--accent-hover:#C85540;--accent-soft:#FBE0D8;--accent-secondary:#2A9D8F;--font:"Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Outfit", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Monaco, Consolas, monospace;--font-size:18px;--line-height:1.7}.dark{--bg:#1E1518;--bg-alt:#2C2023;--text:#F5EBE6;--text-secondary:#B8A09A;--border:#3D2E30;--accent:#F0907A;--accent-hover:#F7B5A5;--accent-soft:#3A2225;--accent-secondary:#5EC4B6}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size);scroll-behavior:smooth}body{font-family:var(--font);line-height:var(--line-height);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--text)}h1{font-size:2.25rem;font-weight:700;letter-spacing:-.025em}h2{font-size:1.75rem}h3{font-size:1.375rem}h4{font-size:1.125rem}p{margin-bottom:var(--space-4)}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}.post-content a,.post-summary a{background-image:linear-gradient(var(--accent),var(--accent));background-size:0% 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s ease,color .2s ease;padding-bottom:2px}.post-content a:hover,.post-summary a:hover{background-size:100% 2px}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.main{flex:1;padding:var(--space-12)0}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:#fff;padding:var(--space-2)var(--space-4);z-index:100;border-radius:0 0 var(--radius)0}.skip-link:focus{top:0}.header{background:var(--accent-secondary);position:sticky;top:0;z-index:50}.dark .header{background:#1a6b60}.header .nav{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:#fff}.logo:hover{color:#fff0e6}.nav-right{display:flex;align-items:center;gap:var(--space-6)}.menu{display:flex;list-style:none;gap:var(--space-6)}.menu a{color:rgba(255,255,255,.9);font-weight:500}.menu a:hover{color:#fff}#theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);cursor:pointer;color:rgba(255,255,255,.9);transition:all .2s ease}#theme-toggle:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5);color:#fff}#theme-toggle svg{width:18px;height:18px}.dark #theme-toggle .sun{display:block}.dark #theme-toggle .moon{display:none}#theme-toggle .sun{display:none}#theme-toggle .moon{display:block}.footer{border-top:1px solid var(--border);padding:var(--space-6)0;margin-top:auto}.footer-content{text-align:center}.footer-copyright{color:var(--text-secondary);font-size:.85rem}.footer-copyright a{color:var(--text-secondary);font-weight:500}.footer-copyright a:hover{color:var(--accent)}.footer-copyright .separator{margin:0 var(--space-2)}.intro{margin-bottom:var(--space-16);text-align:center}.intro h1{margin-bottom:var(--space-4);color:var(--accent)}.intro .subtitle{color:var(--text-secondary);font-size:1.125rem}.section-title{font-family:var(--font-display);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:3px solid var(--accent);display:inline-block}.section-title::before{content:"\2318\00a0"}.section-title::before{content:"\2318\00a0"}.view-all{display:inline-block;margin-top:var(--space-8);font-weight:500}.list-header{margin-bottom:var(--space-8)}.list-header h1{margin-bottom:var(--space-2)}.list-header .description{color:var(--text-secondary)}.post-list{display:flex;flex-direction:column;gap:var(--space-8)}.post-entry{padding-bottom:var(--space-8);border-bottom:1px solid var(--border)}.post-entry:last-child{border-bottom:none}.post-entry h2,.post-entry h3{margin-bottom:var(--space-2)}.post-entry h2::before,.post-entry h3::before{content:"\2318\00a0";color:var(--accent-secondary)}.post-entry h2 a,.post-entry h3 a{color:var(--text)}.post-entry h2 a:hover,.post-entry h3 a:hover{color:var(--accent)}.post-meta{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-3)}.post-meta .separator{margin:0 var(--space-2)}.post-summary{color:var(--text-secondary);margin-bottom:var(--space-3)}.read-more{font-weight:500;font-size:.9rem}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.post-tags a{display:inline-block;padding:var(--space-1)var(--space-3);background:var(--accent-soft);border:1px solid var(--border);border-radius:999px;font-size:.8rem;color:var(--accent);font-weight:500;transition:all .2s ease}.post-tags a:hover{background:var(--accent);border-color:var(--accent);color:#fff}.post-header{margin-bottom:var(--space-8)}.post-title{margin-bottom:var(--space-4);color:var(--accent)}.post-title::before{content:"\2318\00a0";color:var(--accent-secondary)}.post-header .post-tags{margin-top:var(--space-4)}.post-cover{margin-bottom:var(--space-8)}.post-cover img{width:100%;height:auto;border-radius:var(--radius)}.post-cover figcaption{margin-top:var(--space-2);color:var(--text-secondary);font-size:.9rem;text-align:center}.post-content{font-size:1.0625rem}.post-content h1{font-size:1.875rem;margin-top:var(--space-12);margin-bottom:var(--space-4)}.post-content h1::before{content:none}.post-content h2{margin-top:var(--space-12);margin-bottom:var(--space-4)}.post-content h3{margin-top:var(--space-8);margin-bottom:var(--space-3)}.post-content ul,.post-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.post-content li{margin-bottom:var(--space-2)}.post-content blockquote{border-left:4px solid var(--accent-secondary);padding:var(--space-4);margin:var(--space-6)0;font-style:italic;color:var(--text-secondary);background:var(--accent-soft);border-radius:0 var(--radius)var(--radius)0}.post-content pre{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);overflow-x:auto;margin:var(--space-6)0}.post-content code{font-family:var(--font-mono);font-size:.9em}.post-content p code{background:var(--bg-alt);padding:.2em .4em;border-radius:4px;border:1px solid var(--border)}.post-content img{max-width:100%;height:auto;border-radius:var(--radius)}.post-content hr{border:none;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-secondary));margin:var(--space-8)0;border-radius:2px;opacity:.5}.post-footer{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border)}.post-nav{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s ease}.post-nav:hover{border-color:var(--accent);background:var(--accent-soft)}.post-nav.next{text-align:right}.post-nav .label{font-size:.8rem;color:var(--text-secondary)}.post-nav .title{font-weight:500;color:var(--text)}.terms-list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-3)}.terms-list a{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:all .2s ease}.terms-list a:hover{border-color:var(--accent);color:var(--accent)}.terms-list .count{color:var(--text-secondary);font-size:.9rem}.pagination{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-12)}.pagination a,.pagination span{padding:var(--space-2)var(--space-4);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary)}.pagination a:hover{border-color:var(--accent);color:var(--accent)}.pagination .active{background:var(--accent);border-color:var(--accent);color:#fff}@media(max-width:640px){:root{--font-size:17px}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding:0 var(--space-4)}.header .nav{height:56px}.nav-right{gap:var(--space-4)}.menu{gap:var(--space-4)}.post-footer{grid-template-columns:1fr}.post-nav.next{text-align:left}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}