:root{--bg:#f0f0ed;--panel:#e8e6e0;--panel2:#dedcd5;--panel3:#d2d0c8;--border:#c0bdb4;--border2:#aeaba2;--accent:#7a4f1e;--accent2:#3a6b8a;--accent3:#3a6b3a;--red:#8a2a2a;--text:#2a1f14;--text-muted:#7a6a55;--sidebar-w:420px;--navbar-h:56px}[data-theme=dark]{--bg:#080c14;--panel:#0d1421;--panel2:#111b2e;--panel3:#172236;--border:#1e3048;--border2:#253c5c;--accent:#38bdf8;--accent2:#7dd3fc;--accent3:#6ee7b7;--red:#f87171;--text:#e2f0ff;--text-muted:#6a8eaa;--glow:#38bdf866}[data-theme=dark] .osm-tiles{filter:invert()hue-rotate(180deg)brightness(.82)contrast(1.05)}[data-theme=dark] .leaflet-overlay-pane svg{filter:saturate(2)brightness(1.7)}[data-theme=dark] .navbar-logo:hover{color:var(--accent);text-shadow:0 0 18px var(--glow), 0 0 40px #38bdf82e;text-decoration:none}[data-theme=dark] .navbar-links a:hover,[data-theme=dark] .navbar-links a.active{color:var(--accent);text-shadow:0 0 10px var(--glow)}[data-theme=dark] .navbar-links button:hover{text-shadow:0 0 10px var(--glow);color:var(--accent)!important}@media (max-width:767px){:root{--navbar-h:48px}}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg);color:var(--text);flex-direction:column;min-height:100%;font-family:IBM Plex Sans,sans-serif;display:flex}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}.navbar{height:var(--navbar-h);background:var(--panel);border-bottom:1px solid var(--border);z-index:1000;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.navbar-logo{color:var(--accent);white-space:nowrap;flex-shrink:0;font-family:Playfair Display,serif;font-size:1.2rem;text-decoration:none}.navbar-logo small{color:var(--text-muted);letter-spacing:.1em;font-family:IBM Plex Mono,monospace;font-size:.58rem;display:block}.navbar-links{white-space:nowrap;flex-shrink:0;gap:28px;list-style:none;display:flex}.navbar-links a{letter-spacing:.06em;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-size:.82rem;text-decoration:none;transition:color .15s}.navbar-links a:hover,.navbar-links a.active{color:var(--accent)}.blog-page{max-width:900px;margin:0 auto;padding:48px 24px}.blog-page h1{color:var(--text);margin-bottom:8px;font-family:Playfair Display,serif;font-size:2rem}.blog-page .subtitle{color:var(--text-muted);letter-spacing:.06em;border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:20px;font-family:IBM Plex Mono,monospace;font-size:.82rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.blog-card{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:24px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}.blog-card:hover{border-color:var(--accent);text-decoration:none;box-shadow:0 4px 16px #503c1e1f}.blog-card-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);margin-bottom:10px;font-family:IBM Plex Mono,monospace;font-size:.65rem}.blog-card h2{color:var(--text);margin-bottom:10px;font-family:Playfair Display,serif;font-size:1.15rem;line-height:1.4}.blog-card p{color:var(--text-muted);font-size:.8rem;line-height:1.7}.blog-card-date{color:var(--text-muted);margin-top:14px;font-family:IBM Plex Mono,monospace;font-size:.68rem}.blog-post{max-width:720px;margin:0 auto;padding:48px 24px 80px}.blog-post-header{border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:24px}.blog-post-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);margin-bottom:12px;font-family:IBM Plex Mono,monospace;font-size:.65rem}.blog-post-header h1{margin-bottom:12px;font-family:Playfair Display,serif;font-size:2.2rem;line-height:1.3}.blog-post-header .meta{color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-size:.72rem}.blog-post-body{color:var(--text);font-size:.95rem;line-height:1.85}.blog-post-body h2{color:var(--text);margin:36px 0 14px;font-family:Playfair Display,serif;font-size:1.4rem}.blog-post-body h3{color:var(--text);margin:28px 0 10px;font-family:Playfair Display,serif;font-size:1.1rem}.blog-post-body p{margin-bottom:18px}.blog-post-body ul,.blog-post-body ol{margin:0 0 18px 24px}.blog-post-body li{margin-bottom:6px}.blog-post-body blockquote{border-left:3px solid var(--accent);color:var(--text-muted);margin:24px 0;padding-left:18px;font-style:italic}.blog-post-body strong{color:var(--text);font-weight:600}.about-page{max-width:760px;margin:0 auto;padding:48px 24px 80px}.about-page h1{margin-bottom:24px;font-family:Playfair Display,serif;font-size:2.2rem}.about-page p{color:var(--text);margin-bottom:18px;font-size:.95rem;line-height:1.85}.about-page h2{margin:36px 0 14px;font-family:Playfair Display,serif;font-size:1.4rem}.footer{background:var(--panel);border-top:1px solid var(--border);text-align:center;color:var(--text-muted);letter-spacing:.05em;padding:24px 32px;font-family:IBM Plex Mono,monospace;font-size:.72rem}.sidebar-backdrop{display:none}@media (max-width:767px){.navbar{padding:0 16px}.navbar-legend,.toggle-label{display:none!important}.navbar-links{gap:16px}.footer{padding:16px}.sidebar-backdrop{z-index:998;background:#00000059;display:block;position:fixed;inset:0}.blog-page{padding:32px 16px}.blog-post,.about-page{padding:32px 16px 60px}.blog-post-header h1{font-size:1.7rem}}