:root{--color-bg: #F8F7F4;--color-text: #28282B;--color-text-muted: #5A5A5E;--color-accent: #5A7D9A;--color-border: #E8E7E4;--font-serif: "Lora", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--content-width: 65ch;--page-width: 90rem}[data-theme=dark]{--color-bg: #1E1E20;--color-text: #D1D1D1;--color-text-muted: #9A9A9C;--color-accent: #7AA2C4;--color-border: #2A2A2C}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:1.125rem;line-height:1.7;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:400;line-height:1.3;margin-bottom:var(--space-md)}h1{font-size:2.5rem;margin-bottom:var(--space-lg)}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:var(--space-md)}a{color:var(--color-accent);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}strong,b,.note-content strong,.note-content b{font-weight:600}h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,h1 b,h2 b,h3 b,h4 b,h5 b,h6 b{font-weight:400}.site-header{padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border);background-color:var(--color-bg);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-container{max-width:var(--page-width);margin:0 auto;padding:0 var(--space-lg);display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-serif);font-size:1.25rem;color:var(--color-text);font-weight:400}.logo:hover{opacity:1}.nav-links{display:flex;align-items:center;gap:var(--space-lg)}.nav-links a{color:var(--color-text);font-size:1rem;transition:color .2s ease}.nav-links a:hover{color:var(--color-accent);opacity:1}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--color-text);padding:var(--space-xs);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.theme-toggle:hover{color:var(--color-accent)}.sun-icon,.moon-icon{display:none}[data-theme=light] .sun-icon,[data-theme=dark] .moon-icon{display:block}.main-content{flex:1;max-width:var(--content-width);margin:0 auto;padding:var(--space-2xl) var(--space-lg);width:100%}.site-footer{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-text-muted);font-size:.875rem;border-top:1px solid var(--color-border)}.site-footer p{margin-bottom:var(--space-xs)}.site-footer p:last-child{margin-bottom:0}.note-list{list-style:none}.note-item{margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-border)}.note-item:last-child{border-bottom:none}.note-title{font-family:var(--font-serif);font-size:1.75rem;margin-bottom:var(--space-xs)}.note-title a{color:var(--color-text)}.note-date{color:var(--color-text-muted);font-size:.875rem;margin-bottom:var(--space-sm)}.note-excerpt{color:var(--color-text);line-height:1.6}.note-header{margin-bottom:var(--space-2xl);text-align:center}.note-content{font-size:1.25rem;line-height:1.8}.note-content p{margin-bottom:var(--space-lg)}.note-content blockquote{margin:var(--space-xl) 0;padding-left:var(--space-lg);border-left:3px solid var(--color-accent);font-style:italic;color:var(--color-text-muted)}.note-content ul,.note-content ol{margin-bottom:var(--space-lg);padding-left:var(--space-lg)}.note-content li{margin-bottom:var(--space-xs)}.note-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-border);gap:var(--space-xl)}.note-navigation a{color:var(--color-text);text-decoration:none;display:flex;align-items:center;gap:var(--space-sm);max-width:45%;transition:opacity .2s ease}.note-navigation a:hover{opacity:.7}.nav-prev{margin-right:auto}.nav-next{margin-left:auto;text-align:right}.nav-arrow{font-size:1.25rem;flex-shrink:0}.nav-text{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.nav-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.nav-title{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-year{margin-bottom:var(--space-xl)}.archive-year h2{font-size:1.5rem;margin-bottom:var(--space-lg)}.archive-month{margin-bottom:var(--space-lg)}.archive-month h3{font-size:1.25rem;font-style:italic;margin-bottom:var(--space-md);color:var(--color-text-muted)}.archive-list{list-style:none}.archive-list li{margin-bottom:var(--space-sm)}.archive-list a{color:var(--color-text)}.archive-date{color:var(--color-text-muted);font-size:.875rem}@media (max-width: 768px){html{font-size:14px}.nav-container{padding:0 var(--space-md)}.main-content{padding:var(--space-xl) var(--space-md)}.note-content{font-size:1.125rem}h1{font-size:2rem}.note-navigation{flex-direction:column;gap:var(--space-lg)}.note-navigation a{max-width:100%;justify-content:center}.nav-prev,.nav-next{margin:0;text-align:center}.nav-text{align-items:center}}