body { margin:0; font:14px/1.5 -apple-system, "Segoe UI", Roboto, sans-serif; background:#0b0b0d; color:#e4e4e7; }
a { color:#8b5cf6; text-decoration:none; } a:hover { text-decoration:underline; }
header { display:flex; align-items:center; gap:1rem; padding:.6rem 1rem; background:#111113; border-bottom:1px solid #27272a; position:sticky; top:0; }
.brand { font-weight:700; color:#e4e4e7; } .brand b { color:#8b5cf6; }
.spacer { flex:1; }
#crumbs { color:#71717a; font-size:.9rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
main { max-width:1100px; margin:1.5rem auto; padding:0 1rem; }
h1 { font-size:1.3rem; font-weight:600; }
h2 { font-size:1rem; font-weight:600; color:#a1a1aa; margin-top:1.6rem; }
table { border-collapse:collapse; width:100%; }
td, th { text-align:left; padding:.4rem .6rem; border-bottom:1px solid #1e1e21; }
th { color:#71717a; font-size:.75rem; text-transform:uppercase; letter-spacing:.05em; }
tr:hover td { background:#111113; }
.card { background:#111113; border:1px solid #27272a; border-radius:8px; padding:1rem; margin:.6rem 0; }
.muted { color:#71717a; } .dim { color:#52525b; }
.tag { display:inline-block; padding:.1rem .5rem; border-radius:99px; font-size:.72rem; background:rgba(139,92,246,.15); color:#a78bfa; margin-right:.4rem; }
button { background:#18181b; color:#e4e4e7; border:1px solid #27272a; border-radius:6px; padding:.35rem .8rem; cursor:pointer; font:inherit; }
button:hover { border-color:#8b5cf6; }
pre.fileview { background:#0f0f11; border:1px solid #27272a; border-radius:8px; padding:1rem; overflow:auto; max-height:70vh; font:12px/1.45 "SF Mono", Menlo, monospace; white-space:pre-wrap; word-break:break-all; }
.dir-row td:first-child { font-family:"SF Mono", Menlo, monospace; }
.size { color:#71717a; font-variant-numeric:tabular-nums; }
.msg-add { color:#22c55e; } .msg-del { color:#ef4444; } .msg-mod { color:#f59e0b; }
.error { color:#ef4444; padding:2rem; text-align:center; }