:root{--bg: #f8f8f8;--bg-card: #fff;--text: #1a1a1a;--text-muted: #666;--accent: #2563eb;--border: #e2e2e2;--tag-bg: #e8eef7;--tag-text: #2563eb;--nav-bg: rgba(248,248,248,0.85)}[data-theme=dark]{--bg: #111;--bg-card: #1a1a1a;--text: #e4e4e4;--text-muted: #999;--accent: #60a5fa;--border: #2a2a2a;--tag-bg: #1e293b;--tag-text: #60a5fa;--nav-bg: rgba(17,17,17,0.85)}[data-theme=coffee]{--bg: #f5f0eb;--bg-card: #faf6f1;--text: #3c2a1a;--text-muted: #7a6352;--accent: #8b5e3c;--border: #e0d3c4;--tag-bg: #ecdfd1;--tag-text: #8b5e3c;--nav-bg: rgba(245,240,235,0.85)}[data-theme=orange]{--bg: #fff8f0;--bg-card: #fffaf5;--text: #2d1f0e;--text-muted: #8a6d4b;--accent: #e07020;--border: #f0dcc8;--tag-bg: #fde8d0;--tag-text: #d06010;--nav-bg: rgba(255,248,240,0.85)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:"Inter",system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:background .3s,color .3s;min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}nav{position:sticky;top:0;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100}nav .logo{font-weight:700;font-size:1.2rem;color:var(--text)}nav .nav-links{display:flex;gap:1.5rem;align-items:center}nav .nav-links>*{margin-left:.75rem;margin-right:.75rem}@supports (gap: 1rem){nav .nav-links>*{margin-left:0;margin-right:0}}nav .nav-links a{color:var(--text-muted);font-size:.95rem}nav .nav-links a:hover,nav .nav-links a.active{color:var(--accent);text-decoration:none}.theme-toggle{background:none;border:1px solid var(--border);border-radius:8px;padding:.4rem .6rem;cursor:pointer;font-size:1.1rem;color:var(--text);transition:border-color .3s;position:relative}.theme-toggle:hover{border-color:var(--accent)}.theme-picker{position:relative}.theme-picker-menu{display:none;position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.4rem 0;min-width:140px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:200}.theme-picker-menu.open{display:block}.theme-picker-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;border:none;background:none;color:var(--text);font-size:.9rem;cursor:pointer;text-align:left}.theme-picker-menu button:hover{background:var(--tag-bg)}.theme-picker-menu button.active{color:var(--accent);font-weight:600}.container{max-width:800px;margin:0 auto;padding:2rem;flex:1}.hero{min-height:70vh;display:flex;flex-direction:column;justify-content:center;position:relative}.hero::before{content:"";position:absolute;top:-2rem;right:-2rem;bottom:-2rem;left:-2rem;z-index:-1;border-radius:24px;opacity:.5;background:radial-gradient(ellipse at 20% 50%, var(--accent) 0%, rgba(0,0,0,0) 50%),radial-gradient(ellipse at 80% 20%, var(--tag-text) 0%, rgba(0,0,0,0) 50%),radial-gradient(ellipse at 60% 80%, var(--tag-bg) 0%, rgba(0,0,0,0) 50%);filter:blur(60px);animation:heroGlow 8s ease-in-out infinite alternate}@keyframes heroGlow{0%{transform:scale(1) rotate(0deg)}100%{transform:scale(1.05) rotate(3deg)}}.hero h1{font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.hero .tagline{font-size:1.2rem;color:var(--text-muted);margin-bottom:2rem;max-width:550px}.hero .cta-group{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-block;padding:.7rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;transition:opacity .2s}.btn:hover{text-decoration:none;opacity:.85}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{border:1px solid var(--border);color:var(--text)}.section-title{font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.post-card{border:1px solid var(--border);border-radius:10px;padding:1.5rem;margin-bottom:1rem;background:var(--bg-card);transition:border-color .2s}.post-card:hover{border-color:var(--accent)}.post-card h3{margin-bottom:.4rem}.post-card h3 a{color:var(--text)}.post-card .meta{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.post-card .excerpt{font-size:.95rem;color:var(--text-muted);margin-bottom:.75rem}.tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{background:var(--tag-bg);color:var(--tag-text);padding:.2rem .6rem;border-radius:6px;font-size:.8rem;font-weight:500}a.tag:hover{text-decoration:none;opacity:.7}.tag-filter{margin-bottom:1.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.tag-filter .tag.active{outline:2px solid var(--accent);outline-offset:1px}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.about-content h1,.about-content h2{margin-bottom:1rem}.about-content p{margin-bottom:1rem;color:var(--text-muted)}.post-body{margin-top:1.5rem}.post-body p{margin-bottom:1rem}.post-body h2{margin:2rem 0 1rem}.post-body code{background:var(--tag-bg);padding:.15rem .4rem;border-radius:4px;font-size:.9em}.post-body pre{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem;overflow-x:auto;margin-bottom:1rem}.post-body pre code{background:none;padding:0}footer{text-align:center;padding:2rem;font-size:.85rem;color:var(--text-muted);border-top:1px solid var(--border)}@media (max-width: 600px){.hero h1{font-size:2rem}nav{padding:.8rem 1rem}.container{padding:1.5rem 1rem}}