: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:#ffffff;--bg-alt:#f9fafb;--text:#111827;--text-secondary:#4b5563;--border:#e5e7eb;--accent:#4f46e5;--accent-hover:#4338ca;--font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Monaco, Consolas, monospace;--font-size:16px;--line-height:1.7}.dark{--bg:#111827;--bg-alt:#1f2937;--text:#f9fafb;--text-secondary:#9ca3af;--border:#374151;--accent:#818cf8;--accent-hover:#a5b4fc}*,*::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-weight:600;line-height:1.25;letter-spacing:-.02em;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)}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{border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:50}.header .nav{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-weight:700;font-size:1.125rem;color:var(--text)}.logo:hover{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:var(--space-6)}.menu{display:flex;list-style:none;gap:var(--space-6)}.menu a{color:var(--text-secondary);font-weight:500}.menu a:hover{color:var(--accent)}#theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:0 0;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-secondary);transition:all .2s ease}#theme-toggle:hover{border-color:var(--accent);color:var(--accent)}#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);background:var(--bg-alt);padding:var(--space-12)0;margin-top:auto}.footer-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6)}.footer-title{font-weight:600;color:var(--text)}.footer-description{color:var(--text-secondary);font-size:.9rem;max-width:400px}.footer-nav{display:flex;gap:var(--space-6)}.footer-nav a{color:var(--text-secondary);font-weight:500}.footer-nav a:hover{color:var(--accent)}.footer-copyright{color:var(--text-secondary);font-size:.875rem}.intro{margin-bottom:var(--space-16);text-align:center}.intro h1{margin-bottom:var(--space-4)}.intro .subtitle{color:var(--text-secondary);font-size:1.125rem}.section-title{margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.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 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)}.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(--bg-alt);border:1px solid var(--border);border-radius:999px;font-size:.8rem;color:var(--text-secondary);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)}.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 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);padding-left:var(--space-4);margin:var(--space-6)0;font-style:italic;color:var(--text-secondary)}.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;border-top:1px solid var(--border);margin:var(--space-8)0}.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)}.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:15px}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)}.footer-nav{flex-direction:column;gap:var(--space-3)}.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}}