:root{--bg:#010401;--bg2:#030a04;--panel:#040d06;--panel2:#061409;--line:#0c2a14;--line2:#15532a;--tx:#4fcf72;--hi:#9dffb4;--mut:#2f8a4a;--acc:#33ff66;--acc2:#7dffa0;--brass:#d6b04a;--rust:#e0705f;
--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,"Liberation Mono",monospace;--side:248px}
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--tx);font:13.5px/1.62 var(--mono);-webkit-text-size-adjust:100%}
body{overflow:hidden;background:radial-gradient(1200px 700px at 62% 40%,#04140a 0,var(--bg) 62%)}
a{color:var(--acc2);text-decoration:underline;text-decoration-color:#3c6a4e;text-underline-offset:3px}a:hover{text-decoration-color:var(--acc2)}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:2px}
#app{display:grid;grid-template-columns:var(--side) 1fr;height:100dvh}
/* menu */
#side{background:var(--bg2);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;z-index:30}
.brand{display:flex;align-items:center;gap:8px;padding:16px 16px 10px;font-size:15px;color:var(--hi)}
.brand b{font-weight:600;letter-spacing:.02em}.brand .sub{color:var(--mut)}
.dot{width:10px;height:10px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 3px rgba(51,255,102,.15),0 0 14px rgba(51,255,102,.5)}
@media(prefers-reduced-motion:no-preference){.dot{animation:pulse 3.2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(51,255,102,.06),0 0 18px rgba(51,255,102,.7)}}}
.srch{display:block;padding:0 12px 10px}
.srch input{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--hi);font:12.5px var(--mono);padding:8px 10px;border-radius:4px}
.srch input::placeholder{color:var(--mut)}.srch input:focus{border-color:var(--acc);outline:none}
#tree{flex:1;overflow:auto;padding:4px 8px 12px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.tsec{margin:10px 0 2px;padding:0 8px;color:var(--mut);font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none;background:none;border:0;width:100%;text-align:left;font-family:var(--mono)}
.tsec::before{content:"";width:6px;height:6px;border-right:1.5px solid var(--mut);border-bottom:1.5px solid var(--mut);transform:rotate(-45deg);transition:transform .15s}
.tsec[aria-expanded="true"]::before{transform:rotate(45deg)}
.tlist{list-style:none;margin:0;padding:0 0 0 14px;border-left:1px solid var(--line);margin-left:11px}
.tlist.off{display:none}
.titem{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:0;color:var(--tx);font:13px var(--mono);padding:4px 8px;border-radius:3px;cursor:pointer}
.titem:hover{background:var(--panel2);color:var(--hi)}
.titem.on{background:var(--panel2);color:var(--acc2);box-shadow:inset 2px 0 0 var(--acc)}
.titem.dim{opacity:.35}
.titem .sh{width:9px;height:9px;flex:none}
.sfoot{padding:10px 16px 14px;border-top:1px solid var(--line);color:var(--mut);font-size:11.5px;line-height:1.7}
/* área principal */
#main{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}
#burger{display:none}
#ticker{border-bottom:1px solid var(--line);overflow:hidden;background:rgba(10,18,13,.8);height:46px;flex:none}
.trk{display:flex;width:max-content;animation:mq 90s linear infinite}
#ticker:hover .trk{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.trk{animation:none}#ticker{overflow-x:auto}}
.tk{padding:4px 18px;border-right:1px solid var(--line);white-space:nowrap;font-size:11.5px;color:var(--mut);line-height:1.3}
.tk b{display:inline-block;margin-right:8px;font-size:13.5px;color:var(--hi);font-weight:600}
#work{flex:1;display:flex;min-height:0;min-width:0}
#gw{position:relative;flex:1 1 auto;min-width:0;overflow:hidden}
#cv{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}
#cv.pt{cursor:pointer}#cv.dg{cursor:grabbing}
#hud{position:absolute;left:14px;top:12px;display:flex;flex-direction:column;gap:6px;pointer-events:none;max-width:calc(100% - 28px)}
#hud .h1{color:var(--hi);font-size:15px}
#hud .h2{color:var(--mut);font-size:12px;max-width:44ch}
#hud .ro{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;pointer-events:auto}
.rd{background:rgba(13,24,18,.88);border:1px solid var(--line);border-radius:4px;padding:6px 10px;cursor:pointer;color:var(--tx);font:inherit;text-align:left;min-width:92px}
.rd:hover{border-color:var(--acc)}.rd small{display:block;color:var(--mut);font-size:11px}
.rd b{font-size:20px;color:var(--hi);font-weight:600;text-shadow:0 0 14px rgba(51,255,102,.35);font-variant-numeric:tabular-nums}
.rd i{font-style:normal;font-size:11px;color:var(--brass)}
#filters{position:absolute;left:14px;bottom:12px;display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 28px)}
.fl{background:rgba(13,24,18,.88);border:1px solid var(--line);color:var(--tx);font:12px var(--mono);padding:4px 9px;border-radius:12px;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.fl[aria-pressed="false"]{opacity:.4}.fl:hover{border-color:var(--line2)}
.fl .sh{width:9px;height:9px}
#hint{position:absolute;right:14px;bottom:12px;color:var(--mut);font-size:11.5px;max-width:34ch;text-align:right;pointer-events:none}
.sr{position:absolute;left:-9999px}
/* painéis em camadas */
#stack{display:flex;flex:none;min-height:0}
.pane{--pw:600px;width:var(--pw);flex:0 0 var(--pw);background:var(--bg2);border-left:1px solid var(--line2);display:flex;flex-direction:column;min-height:0;position:relative;container-type:inline-size;box-shadow:-18px 0 40px rgba(0,0,0,.35)}
.pane.new{animation:slide .26s cubic-bezier(.2,.8,.2,1)}
@keyframes slide{from{transform:translateX(46px);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.pane.new{animation:none}}
.pane .ph{display:flex;align-items:flex-start;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--line);flex:none}
.pane .ph .tt{flex:1;min-width:0}
.pane .ph .kd{color:var(--mut);font-size:11.5px;display:flex;align-items:center;gap:6px}
.pane h1{margin:2px 0 0;font:600 19px/1.3 var(--mono);color:var(--hi);overflow-wrap:anywhere}
.xb{background:none;border:1px solid var(--line);color:var(--mut);width:28px;height:28px;border-radius:4px;cursor:pointer;font:16px/1 var(--mono);flex:none}
.xb:hover{color:var(--hi);border-color:var(--acc)}
.pane .pb{flex:1;overflow:auto;padding:14px 16px 28px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.pane.spine{width:44px;flex-basis:44px;cursor:pointer;box-shadow:none;background:var(--bg)}
.pane.spine .ph,.pane.spine .pb{display:none}
.pane .sp{display:none}
.pane.spine .sp{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 0;height:100%;width:100%;background:none;border:0;color:var(--mut);font:12.5px var(--mono);cursor:pointer}
.pane.spine .sp span{writing-mode:vertical-rl;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:70%}
.pane.spine .sp:hover{color:var(--acc2)}
.pane.spine .sp .sh{width:9px;height:9px;flex:none}
.cx{margin-top:22px;padding-top:12px;border-top:1px solid var(--line)}
.cx h3{margin:0 0 8px;font:500 12px var(--mono);color:var(--mut)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.cc{background:var(--panel);border:1px solid var(--line);color:var(--tx);font:12px var(--mono);padding:4px 9px;border-radius:12px;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.cc:hover{border-color:var(--acc);color:var(--hi)}.cc .sh{width:8px;height:8px}
/* conteúdo das notas */
.pb p{margin:8px 0}.pb .lead{color:var(--hi);font-size:14px}
.pb h2{font:500 12.5px var(--mono);color:var(--acc);margin:24px 0 8px;padding-bottom:5px;border-bottom:1px solid var(--line)}
.pb h3{font:600 14px var(--mono);color:var(--hi);margin:16px 0 4px}
.pb ul.t{margin:6px 0 6px 18px;padding:0}.pb ul.t li{margin:4px 0}
.lb{font-size:11.5px;color:var(--mut)}
.mono{font-variant-numeric:tabular-nums}
.big{font:600 44px/1.05 var(--mono);color:var(--hi);margin:6px 0 2px;text-shadow:0 0 22px rgba(51,255,102,.3);font-variant-numeric:tabular-nums}
.card{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:12px}
.grid{display:grid;gap:10px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g21{grid-template-columns:1fr}
.grid>*{min-width:0}
@container (max-width:640px){.g4{grid-template-columns:repeat(2,1fr)}.g3,.g2{grid-template-columns:1fr}}
@container (max-width:420px){.g4{grid-template-columns:1fr 1fr}}
.chip{display:inline-block;font:11.5px var(--mono);padding:2px 8px;border-radius:10px;border:1px solid var(--line2);color:var(--mut);margin:2px 6px 2px 0;white-space:nowrap}
.chip.ok{color:var(--acc);border-color:#2f5a40}.chip.warn{color:var(--brass);border-color:#6b5a2a}.chip.bad{color:var(--rust);border-color:#6b3430}
.band{height:6px;background:linear-gradient(90deg,#16251c 0 40%,#1f3427 40% 70%,#2b4a37 70% 100%);border-radius:3px;position:relative;margin:12px 0 4px}
.band i{position:absolute;top:-4px;width:3px;height:14px;background:var(--acc2);border-radius:1px;box-shadow:0 0 10px rgba(169,220,184,.7)}
.bandlab{display:flex;justify-content:space-between;font-size:10px;color:var(--mut)}
table{width:100%;border-collapse:collapse;font-size:12.5px}
th,td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{font-weight:500;color:var(--mut);white-space:nowrap;font-size:12px}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
.tw{overflow-x:auto;scrollbar-width:thin}.tw table{min-width:440px}
.bar2{height:7px;background:#14241b;border-radius:2px;min-width:70px}.bar2 i{display:block;height:100%;background:var(--acc);border-radius:2px}
.note{border-left:2px solid var(--acc);background:var(--panel);padding:10px 12px;border-radius:0 5px 5px 0;margin:12px 0}
.note.warn{border-color:var(--brass)}.note.bad{border-color:var(--rust)}.note b{color:var(--hi)}
.chartbox{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:8px 8px 4px;position:relative;margin:10px 0}
.chartbox .hd{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between;margin:2px 2px 4px}
.chartbox .ct{color:var(--hi);font-size:12.5px;width:100%}
.legend{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:11.5px;color:var(--mut)}
.legend label{cursor:pointer;display:inline-flex;align-items:center;gap:6px}.legend i{width:12px;height:3px;display:inline-block;border-radius:2px}
.rng{display:flex;gap:4px}
.rng button,.btn{background:var(--panel2);color:var(--tx);border:1px solid var(--line);font:11.5px var(--mono);padding:3px 8px;border-radius:4px;cursor:pointer}
.rng button.on{background:var(--acc);color:#07120b;border-color:var(--acc)}
.btn{display:inline-block;padding:7px 12px;text-decoration:none;margin:4px 6px 4px 0}.btn:hover{border-color:var(--acc)}.btn.pri{background:var(--acc);color:#07120b;border-color:var(--acc);font-weight:600}
svg.ch{width:100%;display:block;touch-action:pan-y}
.tt2{position:absolute;pointer-events:none;background:var(--bg);border:1px solid var(--line2);border-radius:4px;padding:6px 8px;font-size:11.5px;z-index:5;display:none;white-space:nowrap}
.mini{width:100%;height:40px}
.price{font:600 22px var(--mono);color:var(--hi)}
.tier{display:flex;flex-direction:column;gap:5px}.tier .btn{margin-top:auto;text-align:center}
pre{background:var(--bg);border:1px solid var(--line);padding:10px;border-radius:5px;overflow:auto;font:12px/1.55 var(--mono)}
code{font-family:var(--mono)}
.res{padding:6px 8px;color:var(--mut);font-size:12px}
/* celular */
@media(max-width:860px){
 #app{grid-template-columns:1fr}
 #side{position:fixed;left:0;top:0;bottom:0;width:min(86vw,300px);transform:translateX(-102%);transition:transform .22s;box-shadow:12px 0 40px rgba(0,0,0,.6)}
 #side.open{transform:none}
 #burger{display:block;position:absolute;z-index:25;left:10px;top:52px;background:rgba(13,24,18,.92);border:1px solid var(--line2);color:var(--hi);font:12.5px var(--mono);padding:6px 10px;border-radius:4px}
 #hud{top:46px;left:10px}#filters{left:10px;bottom:8px}#hint{display:none}
 .pane{--pw:100%;position:absolute;inset:0;width:100%;flex-basis:100%;box-shadow:none}
 .pane.spine{display:none}
 #stack{position:absolute;inset:0;pointer-events:none}#stack .pane{pointer-events:auto}
 #stack.empty{display:none}
 .rd{min-width:78px;padding:5px 8px}.rd b{font-size:17px}
}
@media(prefers-reduced-motion:reduce){#side{transition:none}}
.sh{width:10px;height:10px;flex:none;display:inline-block;vertical-align:middle;margin-right:6px}.sp .sh{margin:0 0 8px}.cc .sh{margin-right:6px}
@media(max-width:860px){.ph{padding-top:52px}.xb{top:8px}}
@media(max-width:860px){#hud .h2{display:none}#hud .ro{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}#hud .rd{padding:6px}#hud .rd b{font-size:17px}#hud .rd i{display:none}}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
h1,.brand b,.rd b,.tk b{text-shadow:0 0 8px rgba(51,255,102,.35)}
#intro{position:fixed;inset:0;z-index:200;background:rgba(1,4,1,.97);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;transition:opacity .45s,transform .45s}
#intro.out{opacity:0;transform:scale(1.03);pointer-events:none}
#intro .in{max-width:1040px;width:100%}
#intro .boot{font-size:14px;color:var(--acc);line-height:2}#intro .boot div::after{content:"";}
#intro h1{font-size:clamp(30px,5vw,54px);margin:0 0 6px;color:var(--hi);letter-spacing:.01em;text-shadow:0 0 14px rgba(51,255,102,.45)}
#intro .lead{font-size:clamp(15px,1.8vw,19px);color:var(--acc2);margin:0 0 26px;max-width:62ch}
#intro .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#intro section{border:1px solid var(--line2);background:var(--panel);padding:16px 18px;border-radius:4px}
#intro h2{font-size:13px;color:var(--acc);margin:0 0 8px;font-weight:600}
#intro p{margin:0 0 10px}#intro b{color:var(--hi)}
#intro .acts{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 14px}
#intro .go{background:var(--acc);color:#010401;border-color:var(--acc);font-weight:700}
#intro .fine{color:var(--mut);font-size:12px;margin:0}
@media(max-width:860px){#intro{align-items:flex-start}#intro .cols{grid-template-columns:1fr}}

.ol{margin:14px 0;border:1px solid var(--line2);background:var(--panel);border-radius:4px;padding:8px 12px}
.ol summary{cursor:pointer;color:var(--acc);font-size:12.5px}
.ol ol{margin:8px 0 2px;padding-left:20px;columns:2;column-gap:24px}.ol li{margin:2px 0;break-inside:avoid}
.ol button{all:unset;cursor:pointer;color:var(--tx);font-size:12.5px;text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}.ol button:hover,.ol button:focus-visible{color:var(--hi);text-decoration-color:var(--acc)}
.idx h3{font-size:12.5px;color:var(--acc);margin:16px 0 6px;font-weight:600}
.idx ul{list-style:none;margin:0;padding:0;border-left:1px solid var(--line2)}
.idx li{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;padding:5px 0 5px 12px;position:relative}
.idx li::before{content:"";position:absolute;left:-3px;top:13px;width:5px;height:5px;background:#f2d37a;transform:rotate(45deg)}
.idx li span{color:var(--mut);font-size:12.5px}
.tl{border-left:1px solid var(--line2);margin:10px 0}
.tl div{padding:6px 0 10px 16px;position:relative}.tl div::before{content:"";position:absolute;left:-4px;top:12px;width:7px;height:7px;background:var(--acc);border-radius:50%}
.tl b{display:block;color:var(--hi)}.tl span{color:var(--tx)}
.gl dt{color:var(--hi);margin-top:12px;font-weight:600}.gl dd{margin:2px 0 0 0;color:var(--tx)}
.src{color:var(--mut);font-size:12px;border-top:1px solid var(--line);margin-top:22px;padding-top:10px}
@media(max-width:860px){.ol ol{columns:1}}
.idx li{display:grid;grid-template-columns:minmax(140px,200px) 1fr;gap:4px 14px}
.ol ol{columns:1}
@container(max-width:520px){.idx li{grid-template-columns:1fr}}
@media(max-width:860px){.idx li{grid-template-columns:1fr}}
.idx li{padding:3px 0 3px 12px;align-items:baseline}.idx li::before{top:11px}

blockquote.q{margin:14px 0;padding:10px 14px;border-left:2px solid var(--acc);background:var(--panel)}
blockquote.q p{margin:0 0 8px}blockquote.q p:first-child{color:var(--hi);font-style:italic}
blockquote.q .gl2{color:var(--tx);font-size:12.5px}blockquote.q .rl{color:var(--mut);font-size:12px;margin:0}
.bars{margin:12px 0}.brw{display:grid;grid-template-columns:130px 1fr 110px;gap:10px;align-items:center;padding:4px 0}.brw span{color:var(--tx)}.brw b{text-align:right;color:var(--hi);font-weight:600}.brw .bar2{height:10px}@media(max-width:860px){.brw{grid-template-columns:100px 1fr 90px;font-size:12px}}