:root{--bg:#0e0d14;--panel:#17151f;--ink:#ece8f4;--muted:#a9a3b8;--accent:#ff8a3d;--link:#62d8ff;--line:#2a2635}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif}
main{max-width:720px;margin:0 auto;padding:32px 16px 48px}
header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:24px}
header .name{font-weight:700;letter-spacing:.08em}
header nav a{margin-left:12px}
h1{font-size:1.6rem;margin:0 0 8px}
h2{font-size:1.1rem;margin:32px 0 8px;color:var(--accent)}
p,li{color:var(--ink)}
.meta{color:var(--muted);font-size:.9rem}
a{color:var(--link)}
ul{padding-left:1.2em}
footer{border-top:1px solid var(--line);margin-top:40px;padding-top:12px;color:var(--muted);font-size:.85rem}
footer a{margin-right:12px}