/* Gnose - o cofre da banda. Silencioso: preto, ouro envelhecido, sem efeitos. */
:root{color-scheme:dark;--bg:#07060a;--bg2:#0e0b13;--line:#2b2236;--gold:#c9a54a;--gold2:#e2c373;--gelo:#ece8f2;--muted:#a79fb4;--roxo:#7b3fe4;--roxo2:#a77bff;--ok:#8fe3a8;--err:#ff7a8a;--clin:#8fe3d8;
  --title:"Cinzel","Trajan Pro","Oswald","Arial Narrow",Georgia,serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}
html,body{margin:0}
body{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(201,165,74,.10),transparent 70%),var(--bg);color:var(--gelo);font:16px/1.55 var(--body)}
.skip{position:absolute;left:12px;top:-60px;background:var(--gold);color:#120d1c;padding:10px 14px;border-radius:6px;font-weight:700;z-index:50}
.skip:focus{top:12px}
.top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:12px clamp(14px,4vw,40px);border-bottom:1px solid rgba(201,165,74,.35);background:rgba(7,6,10,.9)}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.logo{display:block;width:48px;height:48px;object-fit:contain}
.brand-t{display:grid;line-height:1.1}
.brand-t small{font:600 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--clin)}
.brand-t strong{font:600 26px var(--title);letter-spacing:.18em;text-transform:uppercase;color:var(--gold2)}
.nav{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.nav a{color:var(--muted);text-decoration:none}.nav a:hover{color:#fff}
.who{font:12px var(--mono);color:var(--muted)}
main{width:min(880px,100% - 28px);margin:24px auto;display:grid;gap:16px;flex:1;align-content:start}
.panel{background:var(--bg2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:6px;padding:clamp(16px,3vw,24px)}
h1{font:600 clamp(26px,5vw,38px)/1.1 var(--title);letter-spacing:.06em;margin:4px 0 12px;text-transform:uppercase}
h2{font:600 20px var(--title);letter-spacing:.06em;margin:2px 0 10px;text-transform:uppercase}
.tag{margin:0;font:600 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--clin)}
.muted{color:var(--muted)}.small{font-size:13.5px}
label{display:grid;gap:6px;font-size:14px}
.grow{flex:1;min-width:200px}
input,select{width:100%;padding:10px 12px;border-radius:4px;border:1px solid var(--line);background:#09070e;color:var(--gelo);font:inherit}
input[type=file]{padding:8px}
button{font:inherit;cursor:pointer;border-radius:4px;padding:10px 16px;border:1px solid var(--line);background:transparent;color:var(--gelo)}
button.primary{background:linear-gradient(135deg,#d7b25c,#a47b2a);border-color:#c9a54a;color:#1d1405;font-weight:700}
button.primary:hover{filter:brightness(1.08)}
button.ghost{padding:7px 12px}button.danger{border-color:var(--err);color:var(--err)}
button:disabled{opacity:.5;cursor:not-allowed}
:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}
.chip{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}
.chip.ok{color:var(--ok)}.chip.warn{color:var(--gold2)}.chip.off{color:var(--muted)}
.uso{margin-top:8px}.uso-bar,.bar{height:6px;background:var(--line);border-radius:3px;overflow:hidden}
.bar{flex:1;min-width:120px}
.uso-bar span,.bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#a47b2a,#e2c373)}
.msg{min-height:1.4em;margin:10px 0 0;font:13px var(--mono)}.msg.err{color:var(--err)}.msg.ok{color:var(--ok)}
.lista,.log{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lista li{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:4px;padding:10px 12px}
.lista .nome{font-weight:600;overflow-wrap:anywhere}
.lista .meta,.log li{font:12px var(--mono);color:var(--muted)}
.lista .acoes{display:flex;gap:8px;flex-wrap:wrap}
.log li{padding:6px 0;border-bottom:1px dashed var(--line)}
.player{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.player audio{width:100%}
summary{cursor:pointer;font:600 14px var(--title);letter-spacing:.08em;text-transform:uppercase;color:var(--gold2)}
.diag{white-space:pre-wrap;overflow-wrap:anywhere;font:12px var(--mono);color:var(--clin);margin:10px 0 0}
.hidden{display:none!important}
.foot{border-top:1px solid var(--line);padding:22px clamp(14px,4vw,40px) 30px;color:var(--muted);font-size:13.5px;text-align:center}
.foot p{max-width:70ch;margin:0 auto 10px}.foot b{color:var(--gelo)}
.fine{font:11px var(--mono);letter-spacing:.14em;text-transform:uppercase}
@media (max-width:480px){.brand-t strong{font-size:21px}.logo{width:40px;height:40px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}