/* Base: corpo da página, cabeçalho, abas e botões. */

html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 70px)}*{box-sizing:border-box}
body{margin:0;color:var(--fg);font:16px/1.65 Inter,system-ui,sans-serif;background:radial-gradient(1000px 600px at 5% -10%,color-mix(in srgb,var(--a1) 13%,transparent),transparent),radial-gradient(900px 600px at 100% 0,color-mix(in srgb,var(--a2) 8%,transparent),transparent),var(--bg);background-attachment:fixed}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:30}
button,select,input,textarea{font:inherit;color:var(--fg)}button{cursor:pointer}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:center;gap:16px;padding:10px 28px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd)}
h1{margin:0;font:800 22px Cinzel,serif;color:var(--a1);letter-spacing:.06em}
#hc{display:flex;flex-direction:column;line-height:1.2;min-width:0}#hc small{color:var(--mut);font-size:12px}#hc b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
#tb{flex:1;display:flex;gap:6px;justify-content:center}.hr{display:flex;gap:8px}
#tb button,#bn button{border:2px solid transparent;background:transparent;border-radius:12px;padding:8px 16px;font-weight:700;color:var(--mut)}
#tb button.on{background:var(--a1);color:var(--onb)}#tb button:hover:not(.on){border-color:var(--bd)}
#bn{display:none}
#tb button span{margin-right:6px}
.b{border:0;border-radius:10px;padding:8px 14px;font-weight:700;color:var(--onb);background:var(--a1)}.b:hover{filter:brightness(1.08)}.b.g{background:var(--card);color:var(--fg);border:1px solid var(--bd)}.b.s{padding:4px 10px;font-size:13px}
main{width:100%;padding:20px 28px 70px}