:root { --ink:#1d1d1f; --muted:#6b6b70; --line:#e3e3e6; --accent:#7a5c3e; --bg:#faf8f5; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:var(--bg); }
.layout { display:flex; min-height:100vh; }
#sidebar { width:300px; flex:0 0 300px; border-right:1px solid var(--line); padding:24px 18px; overflow-y:auto; height:100vh; position:sticky; top:0; }
#sidebar h1 { font-size:18px; margin:0 0 2px; }
#sidebar .range { color:var(--muted); font-size:13px; margin-bottom:18px; }
#sidebar .grp { text-transform:uppercase; letter-spacing:.05em; font-size:11px; color:var(--muted); margin:18px 0 6px; }
#sidebar a { display:block; color:var(--ink); text-decoration:none; padding:5px 8px; border-radius:6px; font-size:14px; }
#sidebar a .d { display:block; font-size:11px; color:var(--muted); }
#sidebar a:hover { background:#efece7; }
#sidebar a.current { background:#efece7; font-weight:600; }
#reading { flex:1; max-width:720px; padding:48px 32px; margin:0 auto; }
#reading h2 { font-size:30px; margin:0 0 4px; line-height:1.2; }
#reading .when { color:var(--muted); margin-bottom:24px; }
#reading img { max-width:100%; border-radius:8px; margin:12px 0; }
#reading .body p { margin:0 0 14px; }
.gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:12px; }
.gallery a { display:block; }
.gallery img { width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:8px; margin:0; }
.hearts { color:var(--accent); margin:18px 0; font-size:14px; }
.comments { border-top:1px solid var(--line); margin-top:32px; padding-top:20px; }
.comments h3 { font-size:16px; }
.comment { margin-bottom:16px; }
.comment .a { font-weight:600; }
.comment .meta { color:var(--muted); font-size:13px; }
.comment .replies { margin-left:20px; margin-top:12px; padding-left:14px; border-left:2px solid var(--line); }
.entry-nav { display:flex; justify-content:space-between; gap:16px; border-top:1px solid var(--line); margin-top:32px; padding-top:16px; font-size:14px; }
.entry-nav a { color:var(--accent); text-decoration:none; }
.feed-entry { border-top:8px solid var(--line); margin-top:40px; padding-top:28px; }
#sidebar-toggle { display:none; position:fixed; top:12px; left:12px; z-index:10; font-size:20px; background:var(--bg); border:1px solid var(--line); border-radius:8px; width:40px; height:40px; cursor:pointer; }
body.sidebar-collapsed #sidebar { display:none; }
@media (max-width:760px) {
  #sidebar { position:fixed; z-index:9; background:var(--bg); }
  #sidebar-toggle { display:block; }
  body:not(.sidebar-open) #sidebar { display:none; }
  #reading { padding-top:64px; }
  .entry-nav { display:none; } /* mobile uses infinite scroll instead of prev/next */
}