:root{--bg:#fff;--text:#1a1a1a;--muted:#666;--border:#eee;--card:#fafafa}
[data-theme="dark"]{--bg:#121212;--text:#e8e8e8;--muted:#a8a8a8;--border:#2b2b2b;--card:#1a1a1a}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.75;color:var(--text);max-width:680px;margin:0 auto;padding:0 1.25rem 2rem;background:var(--bg)}
nav.top{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border);margin-bottom:2rem}
nav.top .brand{color:var(--text);text-decoration:none;font-weight:800;font-size:1.05rem}
nav.top .links{display:flex;gap:1rem;align-items:center}
nav.top .links a{color:var(--muted);text-decoration:none;font-size:.95rem}
nav.top .links a:hover{color:var(--text)}
#theme-toggle{background:none;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:1rem;padding:.15rem .5rem;color:var(--text)}
article h1{font-size:2rem;line-height:1.25;margin:0 0 .5rem}
article h2{font-size:1.4rem;line-height:1.35;margin:2rem 0 .5rem}
article h3{font-size:1.15rem;line-height:1.4;margin:1.6rem 0 .4rem}
article img{max-width:100%;height:auto;border-radius:6px}
article time{color:var(--muted);font-size:.9rem}
article p{margin:.9rem 0}
article ul,article ol{margin:.4rem 0 1.1rem;padding-left:1.4rem}
article li{margin:.35rem 0}
article hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}
.idx-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--border)}
.idx-row .t{flex:1;min-width:0}
.idx-row .t a{color:var(--text);text-decoration:none;font-weight:600}
.idx-row .t a:hover{text-decoration:underline}
.idx-row time{display:block;color:var(--muted);font-size:.8rem}
.copy-btn{background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-size:.85rem;padding:.35rem .8rem;white-space:nowrap}
.copy-btn:hover{border-color:var(--muted)}
.home-list article.post{margin:2rem 0;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
.home-list h2{font-size:1.25rem;margin:0 0 .3rem;line-height:1.35}
.home-list h2 a{color:var(--text);text-decoration:none}
.home-list h2 a:hover{text-decoration:underline}
.home-list time{color:var(--muted);font-size:.85rem}
.home-list p{color:var(--muted);margin:.5rem 0 0}
footer.site{border-top:1px solid var(--border);margin-top:3rem;padding-top:1rem;color:var(--muted);font-size:.85rem}
footer.site a{color:var(--muted)}