:root{--font-main: 'Be Vietnam Pro', sans-serif;--color-background: #F8F7F9;--color-foreground: #ffffff;--color-text: #1E1B26;--color-text-subtle: #8A8195;--color-accent: #7C3AED;--color-border: #E8E4ED;--content-width: 700px;--spacing-unit: 1.5rem;--border-radius: 8px}[data-theme="dark"]{--color-background: #121212;--color-foreground: #1E1E1E;--color-text: #E1E1E1;--color-text-subtle: #9E9E9E;--color-accent: #A78BFA;--color-border: #333333}*,*::before,*::after{box-sizing:border-box}body{margin:0;padding:var(--spacing-unit);font-family:var(--font-main);line-height:1.7;background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;transition:background-color 0.3s ease, color 0.3s ease}.container{max-width:var(--content-width);margin:0 auto;padding:calc(var(--spacing-unit) * 1.5) 0}header{max-width:900px;margin:0 auto;padding:calc(var(--spacing-unit) * 1.5) 0}.site-header{margin-bottom:calc(var(--spacing-unit) * 4)}.header-main{display:flex;justify-content:space-between;align-items:center}.site-title a{font-size:1.5rem;font-weight:700;color:var(--color-text);text-decoration:none;letter-spacing:-0.5px}.header-controls{display:flex;align-items:center;gap:1.25rem}.social-links{display:flex;gap:1rem}.social-links a{color:var(--color-text-subtle);transition:color 0.2s ease-in-out}.social-links a:hover{color:var(--color-accent)}.social-links svg{width:20px;height:20px;display:block}.theme-toggle{background:none;border:none;padding:0.25rem;cursor:pointer;color:var(--color-text-subtle);border-radius:99px;display:flex;align-items:center;justify-content:center;transition:color 0.2s ease-in-out}.theme-toggle:hover{color:var(--color-accent)}.theme-toggle .sun{display:none}.theme-toggle .moon{display:block}[data-theme="dark"] .theme-toggle .sun{display:block}[data-theme="dark"] .theme-toggle .moon{display:none}.post-list .post-link{color:var(--color-text);transition:color 0.2s ease-in-out}.post-list .post-link:hover{color:var(--color-accent)}h1,h2,h3{font-family:var(--font-main);font-weight:700;line-height:1.25;letter-spacing:-0.8px}h2{font-size:2.25rem;margin-top:calc(var(--spacing-unit) * 2.5);margin-bottom:var(--spacing-unit)}.post-list{list-style:none;padding:0;margin:0}.post-list li{padding-bottom:var(--spacing-unit);margin-bottom:var(--spacing-unit);border-bottom:1px solid var(--color-border);transition:border-color 0.3s ease}.post-list li:last-child{border-bottom:none}.post-list .post-link{font-size:1.5rem;font-weight:700;letter-spacing:-0.5px;text-decoration:none}.post-list .post-date{display:block;font-size:0.9rem;color:var(--color-text-subtle);margin-top:0.25rem;transition:color 0.3s ease}.site-footer{margin-top:calc(var(--spacing-unit) * 4);padding-top:var(--spacing-unit);text-align:center;font-size:0.9rem;color:var(--color-text-subtle);border-top:1px solid var(--color-border);transition:border-color 0.3s ease, color 0.3s ease}.site-branding{display:flex;align-items:center;gap:0.75rem}.site-logo{color:var(--color-text);transition:color 0.2s ease-in-out}.logo-link:hover .site-logo{color:var(--color-accent)}.site-tagline{font-size:0.9rem;font-weight:400;color:var(--color-text-subtle);letter-spacing:-0.2px;border-left:1px solid var(--color-border);padding-left:0.75rem;transition:color 0.3s ease, border-color 0.3s ease}[data-theme="light"] .site-logo{filter:invert(1)}.post-meta{display:flex;align-items:center;font-size:0.9rem;color:var(--color-text-subtle);margin-top:0.25rem;transition:color 0.3s ease}.post-reading-time{margin-left:0.5rem}.post-excerpt{font-size:0.95rem;opacity:0.8;line-height:1.7;color:var(--color-text-subtle);margin-top:0.75rem;transition:color 0.3s ease, opacity 0.3s ease}@keyframes wiggle{0%{transform:rotate(0deg)}25%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}100%{transform:rotate(0deg)}}.logo-link:hover .site-logo{animation:wiggle 0.5s ease-in-out}.footer-branding{margin-bottom:1rem}.site-footer .site-logo{opacity:0.7;transition:opacity 0.2s ease-in-out}.site-footer .logo-link:hover .site-logo{opacity:1}