:root{--cream: oklch(80% .04 80);--warm-tan: oklch(75% .05 75);--roast: oklch(60% .04 70);--sage: oklch(72% .06 95);--deep-matcha: oklch(35% .1 145);--matcha-bright: oklch(45% .12 145);--matcha-dark: oklch(30% .08 145);--matcha-rich: oklch(40% .1 145);--transition: .5s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary: oklch(94% .03 80);--bg-secondary: var(--cream);--bg-card: oklch(98% .02 80);--bg-card-alt: var(--cream);--text-primary: var(--matcha-dark);--text-body: oklch(25% .02 60);--text-muted: var(--roast);--accent: var(--deep-matcha);--accent-hover: var(--matcha-rich);--border: oklch(60% .04 70 / .3);--border-strong: var(--roast);--tag-bg: oklch(35% .1 145 / .08);--tag-text: var(--deep-matcha);--nav-bg: oklch(94% .03 80 / .85);--shadow: oklch(30% .08 145 / .08);--shadow-strong: oklch(30% .08 145 / .15);--code-bg: oklch(72% .06 95 / .15)}[data-theme=dark]{--bg-primary: oklch(12% .02 60);--bg-secondary: oklch(18% .03 60);--bg-card: oklch(18% .03 60);--bg-card-alt: oklch(22% .03 60);--text-primary: var(--cream);--text-body: oklch(78% .04 75);--text-muted: var(--sage);--accent: var(--matcha-bright);--accent-hover: oklch(52% .13 145);--border: oklch(80% .04 80 / .12);--border-strong: var(--roast);--tag-bg: oklch(45% .12 145 / .15);--tag-text: var(--matcha-bright);--nav-bg: oklch(12% .02 60 / .9);--shadow: oklch(0% 0 0 / .3);--shadow-strong: oklch(0% 0 0 / .5);--code-bg: oklch(72% .06 95 / .08)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-body);transition:background var(--transition),color var(--transition);line-height:1.7;font-weight:300;overflow-x:hidden;font-size:clamp(1rem,.95rem + .25vw,1.1rem)}h1,h2,h3,h4,h5,h6{font-family:"Instrument Serif",serif;font-weight:400;letter-spacing:-.01em;color:var(--text-primary);transition:color var(--transition)}nav{position:fixed;top:0;width:100%;z-index:100;background:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:background var(--transition),border var(--transition);padding:0 2rem}.nav-inner{max-width:720px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:60px}.nav-brand{font-family:"Instrument Serif",serif;font-size:1.4rem;font-weight:400;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em;transition:color var(--transition)}.nav-right{display:flex;align-items:center;gap:1.5rem}.nav-links{display:flex;gap:1.5rem}.nav-links a{text-decoration:none;color:var(--text-muted);font-size:.85rem;font-weight:400;transition:color .3s}.nav-links a:hover{color:var(--accent)}.nav-subscribe{font-size:.82rem;font-weight:500;padding:.4rem 1rem;border-radius:6px;text-decoration:none;background:var(--accent);color:#fff;transition:all .3s}.nav-subscribe:hover{background:var(--accent-hover)}.theme-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:transparent;cursor:pointer;font-size:.95rem;display:flex;align-items:center;justify-content:center;transition:all .3s}.theme-toggle:hover{border-color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}.site-container{max-width:720px;margin:0 auto;padding:0 2rem;padding-top:100px}footer{margin-top:6rem;padding:2rem 0;border-top:1px solid var(--border);transition:border var(--transition)}.footer-inner{display:flex;justify-content:space-between;align-items:center}footer p{font-size:.82rem;color:var(--text-muted);transition:color var(--transition)}.footer-links{display:flex;gap:1.25rem}.footer-links a{font-size:.82rem;color:var(--text-muted);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--accent)}@media(max-width:640px){nav{padding:0 1.25rem}.site-container{padding:0 1.25rem;padding-top:80px}.nav-subscribe{display:none}.nav-links{gap:1rem}.footer-inner{flex-direction:column;gap:1rem;text-align:center}.footer-links{gap:1rem}}