@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400&display=swap");*,:after,:before{box-sizing:border-box}:root{--bg:#fff;--bg-sidebar:#f5f5f5;--fg:#1a1a1a;--fg-muted:#666;--fg-faint:#999;--border:#e0e0e0;--accent:#8b3a3a;--accent-hover:#6b2a2a;--link:#8b3a3a;--sidebar-w:260px}[data-theme=dark]{--bg:#111;--bg-sidebar:#1a1a1a;--fg:#e8e8e8;--fg-muted:#aaa;--fg-faint:#666;--border:#2e2e2e;--accent:#c47a7a;--accent-hover:#d49090;--link:#c47a7a}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Noto Sans,system-ui,sans-serif;font-size:15px;line-height:1.7;transition:background .2s,color .2s}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);padding:1.5rem 1rem;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-header{margin-bottom:1.5rem}.sidebar-title{font-size:1.1rem;font-weight:700;letter-spacing:.02em;margin:0 0 .25rem}.sidebar-subtitle{font-size:.75rem;color:var(--fg-faint);margin:0}.sidebar-nav{font-size:.82rem}.year-group{margin-bottom:1rem}.year-label{font-weight:700;color:var(--fg-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;padding:.25rem 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.year-label:hover{color:var(--fg)}.month-group{margin-left:.5rem;margin-bottom:.25rem}.month-label{font-weight:600;color:var(--fg-muted);font-size:.75rem;padding:.15rem 0}.post-link{display:block;margin-left:.75rem;padding:.15rem 0;color:var(--fg);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.75}.post-link:hover{opacity:1;color:var(--accent);text-decoration:none}.post-link.active{color:var(--accent);font-weight:600;opacity:1}.sidebar-search-link{display:block;margin-bottom:1.25rem;font-size:.82rem;color:var(--fg-muted);border:1px solid var(--border);border-radius:4px;padding:.4rem .75rem;background:var(--bg);transition:border-color .15s}.sidebar-search-link:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.main{flex:1 1;padding:2.5rem 3rem;max-width:760px}.post-header{margin-bottom:2rem;border-bottom:1px solid var(--border);padding-bottom:1.5rem}.post-title{font-size:1.6rem;font-weight:700;margin:0 0 .5rem;line-height:1.3}.post-meta{font-size:.8rem;color:var(--fg-faint)}.post-body{font-size:.95rem;line-height:1.85}.post-body img{max-width:100%;height:auto;display:block;margin:1.5rem auto;border-radius:2px}.post-body p{margin:0 0 1.25rem}.page-title{font-size:1.3rem;font-weight:700;margin:0 0 2rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.post-list-year{margin-bottom:2rem}.post-list-year-heading{font-size:1rem;font-weight:700;color:var(--fg-muted);margin:0 0 .75rem;padding-bottom:.25rem;border-bottom:1px solid var(--border)}.post-list-item{display:flex;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border);align-items:baseline}.post-list-date{font-size:.75rem;color:var(--fg-faint);white-space:nowrap;min-width:80px;flex-shrink:0}.post-list-title{font-size:.9rem;color:var(--fg)}.post-list-title:hover{color:var(--accent)}.search-input{width:100%;padding:.65rem 1rem;font-family:inherit;font-size:.95rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg);margin-bottom:2rem;outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-result{padding:1rem 0;border-bottom:1px solid var(--border)}.search-result-title{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.search-result-meta{font-size:.75rem;color:var(--fg-faint);margin-bottom:.4rem}.search-result-snippet{font-size:.82rem;color:var(--fg-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-empty{color:var(--fg-faint);font-size:.85rem;margin-top:2rem}.theme-toggle{position:fixed;top:1rem;right:1.25rem;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:4px;padding:.35rem .65rem;font-size:.75rem;cursor:pointer;color:var(--fg-muted);font-family:inherit;z-index:10;transition:border-color .15s}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:700px){.sidebar{display:none}.main{padding:1.5rem 1.25rem}}