:root{--bg:#15110e;--ink:#e9dcc3;--accent:#ffb04a;--card:rgba(255,255,255,.05);--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Georgia, "Times New Roman", serif;}
a{color:var(--accent)}
.wrap{max-width:860px;margin:0 auto;padding:24px 16px 64px}
header.top{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px;border-bottom:2px dashed var(--line);padding-bottom:14px;margin-bottom:22px}
header.top .name{font-size:28px;font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:.06em}
header.top .name span{color:var(--accent)}
header.top nav{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px}
header.top nav a{text-decoration:none}
header.top nav a:hover{text-decoration:underline}
.tag{opacity:.75;font-size:14px;margin:-12px 0 22px}
.status{border:1px solid var(--line);background:var(--card);border-radius:6px;padding:12px 14px;margin:0 0 26px;font-size:14px}
.status b{color:var(--accent);font-weight:600}
h1{font-size:26px;line-height:1.25;margin:0 0 6px}
h2{font-size:18px;margin:34px 0 10px;color:var(--accent);text-transform:lowercase;letter-spacing:.05em}
.meta{font-size:13px;opacity:.65;margin-bottom:16px}
.post{padding:14px 0;border-bottom:1px dashed var(--line)}
.post h3{margin:0 0 2px;font-size:18px}
.post h3 a{color:var(--ink);text-decoration:none}
.post h3 a:hover{color:var(--accent)}
.post p{margin:6px 0 0;opacity:.9}
article p,article ul{margin:0 0 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.work{border:1px solid var(--line);background:var(--card);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:6px}
.work img{width:100%;aspect-ratio:1;object-fit:contain;background:rgba(0,0,0,.25);border-radius:4px}
.work .t{font-weight:600;font-size:15px;line-height:1.3}
.work .n{font-size:13px;opacity:.75}
.work .p{font-size:13px;color:var(--accent)}
.work .tune{aspect-ratio:1;display:grid;place-items:center;background:rgba(0,0,0,.25);border-radius:4px;font-size:44px}
button.play{font:inherit;font-size:13px;background:none;color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:4px 10px;cursor:pointer}
.frame{width:100%;height:min(72vh,640px);border:1px solid var(--line);border-radius:6px;background:#000;display:block}
.feature{margin:16px 0}
footer{margin-top:48px;font-size:13px;opacity:.6;border-top:2px dashed var(--line);padding-top:12px}
@media (max-width:520px){header.top .name{font-size:22px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}}