:root{--bg:#f7f6f1;--fg:#1c1c1a;--mut:#6b6b64;--card:#fff;--ln:#dcdad0;--ac:#166534}
@media (prefers-color-scheme:dark){:root{--bg:#121512;--fg:#ece9e2;--mut:#a3a39a;--card:#1b1f1b;--ln:#2d332d;--ac:#6fcf97}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.7 system-ui,"Segoe UI",Tahoma,Arial,sans-serif}
.w{max-width:860px;margin:0 auto;padding:14px 16px 40px}
h1{font-size:1.35rem;margin:.4rem 0 .6rem;line-height:1.45}
h2{font-size:1.05rem;margin:1.2rem 0 .4rem;color:var(--mut)}
a{color:var(--ac)}
.bc{font-size:.9rem;color:var(--mut);margin-bottom:.6rem}
.box{background:var(--card);border:1px solid var(--ln);border-radius:10px;padding:10px 12px;margin:.6rem 0;font-size:.95rem}
ul{list-style:none;margin:0;padding:0}
.dirs li a{display:flex;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--ln);border-radius:10px;margin:6px 0;background:var(--card);text-decoration:none}
.dirs .c{color:var(--mut);font-size:.85rem;white-space:nowrap}
.f{background:var(--card);border:1px solid var(--ln);border-radius:10px;padding:10px 12px;margin:8px 0}
.f .n{font-weight:600;margin-bottom:6px;word-break:break-word}
.f .m{font-size:.85rem;color:var(--mut);margin-top:4px}
audio,video{width:100%;display:block}
.pg{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.pg a,.pg b{padding:6px 12px;border:1px solid var(--ln);border-radius:8px;text-decoration:none;background:var(--card)}
.pg b{background:var(--ac);color:#fff;border-color:var(--ac)}
footer{margin-top:24px;color:var(--mut);font-size:.8rem}