*{box-sizing:border-box}:root{--bg:#f7f6f3;--card:#fff;--tx:#1d1d1b;--mut:#6b6a66;--ac:#2f5d50;--on:#fff;--bd:#e3e1db}
@media(prefers-color-scheme:dark){:root{--bg:#161615;--card:#212120;--tx:#efeee9;--mut:#a09f98;--ac:#7fbfa9;--on:#10201b;--bd:#33332f}}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:760px;margin:0 auto;padding:16px}.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:16px;margin-bottom:12px}
.head{display:flex;gap:16px;align-items:center}.av{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none}
h1{margin:0;font-size:24px}h2{margin:0 0 12px;font-size:15px;letter-spacing:.04em;color:var(--ac);text-transform:uppercase}.sub{color:var(--ac);font-weight:600}.mut{color:var(--mut);font-size:14px}
a{color:var(--ac)}.tabs{display:flex;gap:6px;overflow-x:auto;margin:12px 0;padding-bottom:4px}
.tab{border:1px solid var(--bd);background:var(--card);color:var(--tx);border-radius:999px;padding:8px 14px;font:inherit;white-space:nowrap;cursor:pointer}.tab.on{background:var(--ac);color:var(--on);border-color:var(--ac)}
.btn{display:inline-block;border:1px solid var(--ac);background:var(--ac);color:var(--on);border-radius:10px;padding:8px 14px;text-decoration:none}
.item{border-left:3px solid var(--ac);padding:2px 0 2px 12px;margin:0 0 14px}.item b{display:block}.item .d{white-space:pre-line}
.file{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--bd)}.file:last-child{border:0}
.top{display:flex;justify-content:flex-end;margin-bottom:12px}footer{text-align:center;padding:16px;font-size:14px}footer a{margin:0 8px}audio{width:100%;margin-top:10px}.pane[hidden]{display:none}