:root{--bg:#faf8f3;--fg:#24211c;--muted:#6b645a;--line:#e3ddd0;--accent:#7a3b2e;--card:#fff}
@media (prefers-color-scheme:dark){:root{--bg:#1b1a17;--fg:#e9e4d8;--muted:#a59d8f;--line:#38342d;--accent:#d9967f;--card:#23211d}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 Georgia,"Times New Roman",serif}
.wrap{max-width:860px;margin:0 auto;padding:24px 16px 64px}
header{border-bottom:1px solid var(--line);margin-bottom:24px}
header h1{font-size:2rem;margin:0 0 4px;letter-spacing:.02em}
header p{margin:0 0 16px;color:var(--muted)}
h2{font-size:1.25rem;margin:32px 0 8px;border-bottom:1px solid var(--line);padding-bottom:4px}
h3{font-size:1.05rem;margin:20px 0 6px;color:var(--muted)}
a{color:var(--accent)}
ul.works{list-style:none;padding:0;margin:0}
ul.works li{padding:6px 0;border-bottom:1px dotted var(--line)}
.meta{color:var(--muted);font-size:.9rem}
audio{width:100%;margin:4px 0 12px}
.track{margin:8px 0}
footer{margin-top:48px;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line);padding-top:12px}
.ws img{max-width:100%;height:auto}
.ws table{max-width:100%}