:root{--color-bg: #f5f1e8;--color-surface: #ffffff;--color-text: #5c5c5c;--color-muted: #5c5c5c;--color-border: #e5dfd4;--color-accent: #8b6f47;--radius: 10px;--max-width: 1000px;--transition-fast: .16s ease}.theme-toggle{font-size:.9rem;color:var(--color-muted);text-decoration:none;background:none;border:none;cursor:pointer;transition:var(--transition-fast)}.theme-toggle:hover{color:var(--color-accent)}.dark{--color-bg: #0f1216;--color-surface: #171b21;--color-surface-elevated: #13161e;--color-text: #a1a1a1;--color-muted: #5c5c5c;--color-border: #0e1727;--color-accent: #2d4667}.dark body{background:var(--color-bg)}.dark .container{background:var(--color-surface);border:1px solid var(--color-border)}.dark .page-wrapper{background:var(--color-surface-elevated);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.dark .post-card{background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.dark .post-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000059;border-color:#0c1828}.dark .post-card p{color:var(--color-muted)}.dark .post-card h2 a{color:var(--color-accent)}*,*:before,*:after{box-sizing:border-box}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.6;scroll-behavior:smooth}body{margin:0;background:#414b54;color:var(--color-text)}.container{max-width:var(--max-width);margin:0 auto;padding:3rem 2rem;background:var(--color-surface);min-height:100vh;border:1px solid #c8b69d}.page-wrapper{max-width:1000px;margin:0 auto;padding:2.5rem 2rem 3rem;background:#f5f1e8;min-height:100vh;border-left:1px solid #2f383f;border-right:1px solid #2f383f}a{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--color-border)}a:hover{text-decoration-color:var(--color-accent)}h1,h2,h3,h4{line-height:1.2;margin-top:2rem;margin-bottom:1rem}h1{font-size:2.25rem}h2{font-size:1.75rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#0000000d;padding:.2rem .4rem;border-radius:4px}.dark code{background:#ffffff14}.hero{padding:4rem 0 3rem}.hero-title{color:#505050;font-size:2.5rem;font-weight:700;letter-spacing:-.01em}.hero-subtitle{margin-top:1rem;font-size:1.05rem;color:var(--color-muted);max-width:520px}.post-grid{display:grid;gap:2rem}.post-card{padding:1.75rem;border-radius:10px;background:#f5f1e8;border-bottom:1px solid #e0d8c9}.post-card p{color:#5c5c5c}.post-card:hover{transform:translateY(-2px);border-color:#8b6f47}.post-card h2 a{color:#8b6f47;text-decoration:none;transition:opacity .16s ease}.post-card h2 a:hover{opacity:.7}.site-header{color:var(--color-text);padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.header-inner{display:flex;justify-content:space-between;align-items:center;position:relative}.logo{font-weight:600;font-size:1.25rem;text-decoration:none;color:var(--color-text)}.logo:hover{color:var(--color-accent)}nav a{margin-left:1.2rem;font-size:.9rem}.nav-right{display:flex;align-items:center;gap:1.5rem}.nav-link{font-size:.9rem;color:var(--color-muted);text-decoration:none;background:none;border:none;cursor:pointer;transition:var(--transition-fast)}.nav-link:hover{color:var(--color-accent)}.site-main{padding:3rem 0;background:transparent}.site-main p,.site-main h1,.site-main h2,.site-main h3{color:var(--color-text)}.site-main small,.site-main time{color:var(--color-muted)}.site-footer{padding-top:2rem;border-top:1px solid var(--color-border)}.site-footer,.site-footer *{font-size:.9rem;font-weight:400;color:var(--color-muted)}.site-footer a{text-decoration:none;color:var(--color-muted)}.site-footer a:hover{color:var(--color-accent)}.site-footer .logo{font-size:10rem;font-weight:600;color:var(--color-text)}.footer-inner{padding:2rem 0}.dropdown{position:relative}.dropdown-toggle{font-size:.9rem;color:var(--color-muted);text-decoration:none;background:none;border:none;cursor:pointer;transition:var(--transition-fast)}.dropdown-toggle:hover{color:var(--color-accent)}.dropdown-menu{position:absolute;top:140%;left:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.5rem 0;display:none;box-shadow:0 6px 20px #0000000f;z-index:1000;opacity:0;transform:translateY(6px);transition:.16s ease}.dark .dropdown-menu{box-shadow:0 6px 20px #00000059}.dropdown.open .dropdown-menu{display:block;opacity:1;transform:translateY(0)}.dropdown-item{display:block;padding:.4rem 1rem;font-size:.85rem;text-decoration:none;color:var(--color-muted);transition:var(--transition-fast)}.dropdown-item:hover{color:var(--color-accent);background:#00000008}.dark .dropdown-item:hover{background:#ffffff0a}.mobile-toggle{display:none;font-size:1.4rem;background:none;border:none;cursor:pointer;color:var(--color-muted)}@media(max-width:768px){.mobile-toggle{display:block}.nav-right{position:absolute;top:100%;right:0;flex-direction:column;align-items:flex-start;gap:1rem;width:220px;padding:1.2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);display:none}.nav-right.open{display:flex}.dropdown-menu{position:static;border:none;padding-left:.5rem}}