/* Conceito: a abertura de estúdio da RM levada para dentro da cabine. Preto de sala de projeção, ouro prateado,
   grão de película, vidro e luz que segue o cursor. A luz vermelha de gravação marca só o que é do dublador. */
:root{
  --bg:#030305;--fg:#e9e6df;--dim:#a9a7a0;--faint:#6f6e69;--line:#202026;--line2:#2c2c34;
  --acc:#e0bc62;--acc-rgb:224,188,98;--rec:#e0503a;--ok:#6fcf97;--warn:#f0a94a;
  --glass:rgba(255,255,255,.035);--glass2:rgba(255,255,255,.07);
  --display:'Cinzel','Times New Roman',serif;--body:'Jost','Helvetica Neue',Arial,sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --gold:linear-gradient(100deg,#d4ad55 0,#fff0bd 30%,#ffffff 50%,#f0cf80 72%,#c49a40 100%);
  --ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font:300 17px/1.65 var(--body);padding-inline:0;overflow-x:hidden}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
a{color:var(--acc)}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;letter-spacing:.05em;line-height:1.1;text-wrap:balance;color:#fff}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:max(20px,env(safe-area-inset-left,0px))}
.gold{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:sheen 8s linear infinite}
@keyframes sheen{to{background-position:-200% 0}}
.lbl{font:500 12px var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--acc)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#grain{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .8s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-5%,-2%)}80%{transform:translate(4%,4%)}}

/* cabeçalho de vidro */
.hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:rgba(3,3,5,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hd .wrap{display:flex;align-items:center;gap:12px 28px;flex-wrap:wrap;padding-block:8px}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand img{width:44px;height:36px;object-fit:cover;mix-blend-mode:screen}
.brand b{font:600 15px var(--display);letter-spacing:.3em;white-space:nowrap}
.brand small{display:block;font:400 12px var(--mono);letter-spacing:.18em;color:var(--faint);text-transform:uppercase;white-space:nowrap}
.nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.nav button{padding:12px 11px;min-height:44px;font:400 12px var(--body);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7);border-bottom:1px solid transparent;white-space:nowrap;transition:color .25s,border-color .25s}
.nav button:hover{color:#fff;border-color:var(--acc)}
.nav button[aria-selected=true]{color:var(--acc);border-color:var(--acc)}
.me{display:flex;align-items:center;gap:10px;margin-left:auto}
.me select{background:var(--glass);border:1px solid var(--line2);padding:8px 12px;min-height:44px;max-width:56vw;font-size:15px}
.ava{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:600 13px var(--display);background:linear-gradient(140deg,#3a2f12,#12100a);border:1px solid rgba(var(--acc-rgb),.5);color:var(--acc)}
.viewing{background:rgba(var(--acc-rgb),.1);border-bottom:1px solid rgba(var(--acc-rgb),.3)}
.viewing .wrap{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-block:8px;font-size:15px}

/* hero */
.hero{position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line)}
.hero .bg{position:absolute;inset:-4%;z-index:-3}
.hero .sl{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.6s var(--ease);will-change:transform}
.hero .sl.on{opacity:1;animation:kb 20s ease-out forwards}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12)}}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 28% 60%,rgba(3,3,5,.2),rgba(3,3,5,.82) 70%),linear-gradient(0deg,var(--bg) 0,transparent 45%),linear-gradient(180deg,rgba(3,3,5,.6),transparent 40%)}
.hero .in{padding-block:clamp(54px,9vw,110px) clamp(60px,8vw,96px);display:grid;gap:14px;max-width:760px}
.hero h1{font-size:clamp(34px,6vw,76px);line-height:1.02}
.hero p{max-width:56ch;color:rgba(255,255,255,.8);font-size:clamp(16px,1.6vw,19px)}
.hero .tag{display:flex;gap:10px;flex-wrap:wrap}

main{position:relative;z-index:2;padding-bottom:90px}
.pull{margin-top:-46px}
.sec{padding-top:clamp(40px,6vw,70px)}
.sec>h2,.sh{font-size:clamp(24px,3.4vw,40px);margin-bottom:6px}
.sub{color:var(--dim);margin-bottom:22px;max-width:62ch}
.grid{display:grid;gap:14px}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:980px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.g4,.g3,.g2{grid-template-columns:minmax(0,1fr)}}

/* vidro com luz que segue o cursor */
.glass{position:relative;border:1px solid var(--line);background:linear-gradient(160deg,var(--glass2),var(--glass));backdrop-filter:blur(10px);padding:22px;min-width:0;transition:border-color .35s,transform .45s var(--ease)}
.glass:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(circle 260px at var(--mx,50%) var(--my,0%),rgba(var(--acc-rgb),.16),transparent 70%)}
.glass:hover:before{opacity:1}
.glass.lift:hover{border-color:rgba(var(--acc-rgb),.6);transform:translateY(-5px)}
.tile .num{font:500 clamp(34px,4vw,50px)/1 var(--mono);color:var(--acc);font-variant-numeric:tabular-nums}
.tile h3{font:500 12px var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--dim);margin-top:10px}
.tile p{font-size:15px;color:var(--faint);margin-top:6px}
.chip{display:inline-flex;align-items:center;gap:6px;font:500 12px var(--mono);letter-spacing:.08em;border:1px solid var(--line2);padding:4px 11px;color:var(--dim);white-space:nowrap}
.chip.gold{border-color:rgba(var(--acc-rgb),.7);color:var(--acc)}.chip.ok{border-color:var(--ok);color:var(--ok)}.chip.warn{border-color:var(--warn);color:var(--warn)}.chip.rec{border-color:var(--rec);color:var(--rec)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 26px;border:1px solid rgba(var(--acc-rgb),.7);color:#f3dc9c;font:500 12px var(--body);letter-spacing:.3em;text-transform:uppercase;background:rgba(0,0,0,.4);transition:background-color .3s,color .3s,border-color .3s}
.btn:hover{background:var(--acc);color:#000;border-color:var(--acc)}
.btn.solid{background:var(--acc);color:#000}.btn.solid:hover{filter:brightness(1.12)}
.btn.ghost{border-color:rgba(255,255,255,.22);color:rgba(255,255,255,.75)}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn.sm{min-height:44px;padding:8px 16px;letter-spacing:.2em}

/* portais dos papéis */
.portals{display:flex;gap:10px;height:min(54svh,440px);min-height:340px}
.portal{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border:1px solid var(--line);text-align:left;background:#000;transition:flex-grow .8s var(--ease),border-color .4s,box-shadow .5s;cursor:pointer}
.portal.on{flex-grow:4;border-color:var(--acc);box-shadow:0 30px 80px -40px var(--acc)}
.portal .pic{position:absolute;top:0;bottom:0;left:50%;width:900px;max-width:none;height:100%;transform:translateX(-50%) scale(1.06);background-size:cover;background-position:center;filter:saturate(.7) brightness(.5);transition:filter .7s,transform 1.2s}
.portal.on .pic{filter:none;transform:translateX(-50%) scale(1)}
.portal:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.05) 60%,rgba(0,0,0,.35));pointer-events:none}
.portal .vt{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%) rotate(-90deg);white-space:nowrap;font:600 clamp(15px,1.6vw,22px) var(--display);letter-spacing:.34em;color:rgba(255,255,255,.88);transition:opacity .35s}
.portal.on .vt{opacity:0}
.portal .info{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:24px;opacity:0;transform:translateY(20px);transition:.6s .12s}
.portal.on .info{opacity:1;transform:none}
.portal .info h3{font-size:clamp(24px,3vw,40px);margin:6px 0}
.portal .info p{color:rgba(255,255,255,.82);font-size:16px}
@media(max-width:820px){.portals{flex-direction:column;height:auto;min-height:0}.portal{flex:none;height:84px;transition:height .7s var(--ease)}.portal.on{height:340px}.portal .vt{transform:translate(-50%,-50%)}.portal .pic{width:100%}}

/* documentos */
.doc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center}
.doc .ic{width:52px;height:64px;border:1px solid rgba(var(--acc-rgb),.5);display:grid;place-items:center;font:600 12px var(--mono);letter-spacing:.14em;color:var(--acc);background:linear-gradient(160deg,rgba(var(--acc-rgb),.14),transparent);position:relative}
.doc .ic:after{content:"";position:absolute;right:-1px;top:-1px;width:14px;height:14px;background:var(--bg);border-left:1px solid rgba(var(--acc-rgb),.5);border-bottom:1px solid rgba(var(--acc-rgb),.5)}
.doc h3{font-size:19px;margin-bottom:4px}
.doc .meta{font-size:14px;color:var(--faint)}
.ring{position:relative;width:62px;height:62px}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font:500 15px var(--mono);font-variant-numeric:tabular-nums}
@media(max-width:620px){.doc{grid-template-columns:auto minmax(0,1fr)}.doc .act{grid-column:1/-1}}

/* cenas */
.scn{position:relative;overflow:hidden;min-height:190px;display:flex;align-items:flex-end;border:1px solid var(--line);text-align:left;background:#000;transition:border-color .35s,transform .45s var(--ease),box-shadow .45s}
.scn .pic{position:absolute;inset:-4%;background-size:cover;background-position:center;filter:saturate(.8) brightness(.55);transition:transform 1.2s var(--ease),filter .6s}
.scn:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.1) 70%)}
.scn:hover{border-color:var(--acc);transform:translateY(-5px);box-shadow:0 24px 60px -34px var(--acc)}
.scn:hover .pic{transform:scale(1.08);filter:none}
.scn .tx{position:relative;z-index:2;padding:18px;display:grid;gap:8px;width:100%}
.scn h3{font-size:19px;line-height:1.15}
.noimg{background:radial-gradient(circle at 30% 20%,#2a1d12,#07070a 70%)}

/* folha de takes */
.sheet{border:1px solid var(--line);background:rgba(255,255,255,.02)}
.sheet-h{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line)}
.take{display:grid;grid-template-columns:54px minmax(0,1fr) 120px;gap:4px 16px;padding:14px 18px;border-bottom:1px solid var(--line);color:var(--dim);align-items:start}
.take:last-child{border-bottom:0}
.take .tn{font:500 12px var(--mono);color:var(--faint);padding-top:4px;font-variant-numeric:tabular-nums}
.take .who2{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.take .tx{grid-column:2;font-size:18px;max-width:68ch;color:var(--dim)}
.take .bar{grid-column:3;grid-row:1/3;align-self:center;height:6px;background:var(--line);position:relative}
.take .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--faint)}
.take .wv{grid-column:3;grid-row:1/3;align-self:center;text-align:right;font:500 12px var(--mono);color:var(--faint)}
.take.mine{background:linear-gradient(90deg,rgba(var(--acc-rgb),.14),transparent 75%);color:var(--fg);box-shadow:inset 3px 0 0 var(--rec)}
.take.mine .tn{color:var(--rec)}.take.mine .who2{color:var(--acc)}.take.mine .tx{color:#fff;font-weight:400}.take.mine .bar i{background:var(--acc)}
@media(max-width:700px){.take{grid-template-columns:44px minmax(0,1fr)}.take .bar,.take .wv{display:none}}
.locked{padding:26px 18px;color:var(--dim);display:grid;gap:6px}

/* papel */
.papel{position:relative;overflow:hidden;isolation:isolate;border:1px solid var(--line);min-height:300px;display:flex;align-items:flex-end}
.papel .pic{position:absolute;inset:-5%;z-index:-2;background-size:cover;background-position:center;filter:saturate(.85) brightness(.6);animation:kb 24s ease-out forwards}
.papel:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(3,3,5,.96),rgba(3,3,5,.2) 70%),linear-gradient(90deg,rgba(3,3,5,.7),transparent 60%)}
.papel .in{padding:clamp(22px,4vw,40px);display:grid;gap:10px;max-width:760px}
.papel h2{font-size:clamp(32px,5vw,60px)}
.tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin-top:22px}
.tabs button{padding:12px 18px;min-height:44px;font:400 12px var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--dim);border-bottom:2px solid transparent;white-space:nowrap;transition:color .25s,border-color .25s}
.tabs button[aria-selected=true]{color:var(--acc);border-color:var(--acc)}
.pane{padding-top:24px;display:grid;gap:16px}
.pane .lead{font-size:19px;max-width:66ch;color:#e9e4d6}
.dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.dl>div{background:#07070b;padding:14px 16px;display:grid;gap:3px}
.dl dt{font:500 12px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.tl{list-style:none;border-left:1px solid var(--line2);margin-left:5px;display:grid;gap:18px}
.tl li{padding-left:22px;position:relative}
.tl li:before{content:"";position:absolute;left:-5px;top:9px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:2px solid var(--acc)}
.tl b{font:500 12px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--acc);display:block}
.quote{border-left:2px solid var(--acc);padding:4px 0 4px 18px;font-style:italic;font-size:20px;max-width:60ch}
.picker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.picker button{padding:10px 18px;min-height:44px;border:1px solid var(--line2);color:var(--dim);transition:border-color .25s,color .25s,background-color .25s}
.picker button[aria-pressed=true]{border-color:var(--acc);color:#fff;background:rgba(var(--acc-rgb),.12)}

/* dashboard */
.kpi{display:grid;gap:4px}
.kpi .num{font:500 clamp(28px,3vw,40px)/1 var(--mono);color:#fff;font-variant-numeric:tabular-nums}
.kpi .num{white-space:nowrap}
.kpi .d{font-size:14px;color:var(--dim)}
.card-h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline;margin-bottom:14px}
.card-h h3{font-size:19px}
.bars{display:grid;gap:7px}
.bars .r{display:grid;grid-template-columns:minmax(96px,150px) minmax(0,1fr) 46px;gap:10px;align-items:center;font-size:14px}
.bars .r span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim)}
.bars .t{height:10px;background:rgba(255,255,255,.06);position:relative}
.bars .t i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#8a6d2a,var(--acc));border-radius:0 4px 4px 0;transition:width 1s var(--ease)}
.bars .r b{font:500 13px var(--mono);text-align:right;font-variant-numeric:tabular-nums}
.donut{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.donut svg{width:150px;height:150px;flex:none}
.leg{display:grid;gap:8px;font-size:15px}
.leg i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}
.feed{display:grid;gap:0;list-style:none}
.feed li{display:grid;grid-template-columns:12px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.feed li:last-child{border-bottom:0}
.feed i{width:8px;height:8px;border-radius:50%;background:var(--acc);margin-top:9px}
.feed small{display:block;color:var(--faint);font:400 12px var(--mono)}
.tw{overflow-x:auto;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
th{font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);background:rgba(255,255,255,.03)}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
tr:hover td{background:rgba(255,255,255,.02)}
.code{font:500 24px var(--mono);letter-spacing:.14em;color:var(--acc);border:1px dashed var(--acc);padding:14px 20px;display:inline-block;user-select:all}
.note{font-size:15px;color:var(--dim);max-width:70ch}
.pilot{border:1px dashed var(--warn);color:var(--warn);padding:10px 16px;font-size:15px;max-width:72ch;background:rgba(240,169,74,.05)}
.how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:s}
.how .glass{counter-increment:s}
.how .glass:after{content:counter(s);position:absolute;right:16px;top:8px;font:600 64px var(--display);color:rgba(255,255,255,.05)}
@media(max-width:820px){.how{grid-template-columns:minmax(0,1fr)}}

/* portão */
.gate{max-width:520px;margin:10vh auto 0;display:grid;gap:18px;padding-inline:20px}
.gate h1{font-size:clamp(30px,5vw,46px)}
.gate p{color:var(--dim)}
.gate input{background:var(--glass);border:1px solid var(--line2);padding:14px 16px;font:400 18px var(--mono);letter-spacing:.14em;text-transform:uppercase;min-height:50px;width:100%}
.gate input:focus{outline:0;border-color:var(--acc)}
.err{color:var(--rec);font-size:15px}.okmsg{color:var(--ok);font-size:15px}
.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:rgba(16,16,22,.95);border:1px solid var(--acc);padding:13px 20px;font-size:15px;z-index:95;max-width:calc(100vw - 32px)}
footer{border-top:1px solid var(--line);padding:30px max(20px,env(safe-area-inset-left,0px));text-align:center;font:400 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}}

/* ---- acréscimos do site hospedado ---- */
.me{gap:8px}
.me .nm{font-size:14px;color:var(--dim);max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn.xs{min-height:44px;padding:6px 12px;letter-spacing:.14em;font-size:12px}
.gate label{display:grid;gap:6px;font:500 12px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.gate input[type=password],.gate input[type=text]{text-transform:none;letter-spacing:.04em;font:400 18px var(--body)}
.form{display:grid;gap:14px;max-width:760px}
.form label{display:grid;gap:6px;font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.form input[type=text],.form input[type=file],.form select,.form textarea{background:var(--glass);border:1px solid var(--line2);padding:12px 14px;font:400 16px var(--body);letter-spacing:0;text-transform:none;color:var(--fg);min-height:46px;width:100%}
.form textarea{min-height:200px;font-family:var(--mono);font-size:14px;line-height:1.6}
.form input:focus,.form textarea:focus,.form select:focus{outline:0;border-color:var(--acc)}
.form .checks{display:flex;gap:8px 16px;flex-wrap:wrap;max-height:200px;overflow:auto;border:1px solid var(--line2);padding:12px;background:var(--glass)}
.form .checks label{display:flex;gap:8px;align-items:center;font:400 15px var(--body);letter-spacing:0;text-transform:none;color:var(--fg)}
.form .checks input{width:18px;height:18px;min-height:0;accent-color:var(--acc)}
.nar{padding:12px 18px;color:var(--dim);font-size:16px;line-height:1.6;max-width:78ch;border-bottom:1px solid var(--line)}
.nar.rub{font-style:italic;color:var(--faint);padding-left:34px}
.take .dir{font:italic 400 14px var(--body);letter-spacing:0;text-transform:none;color:var(--faint)}
.take.pens .tx{font-style:italic}
.take.grito .tx{font-weight:600;letter-spacing:.02em}
.eps{display:flex;gap:8px;flex-wrap:wrap}
.eps button{padding:8px 16px;min-height:44px;border:1px solid var(--line2);color:var(--dim);font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.eps button[aria-pressed=true]{border-color:var(--acc);color:#fff;background:rgba(var(--acc-rgb),.12)}
.pw{font:500 22px var(--mono);letter-spacing:.08em;color:var(--acc);border:1px dashed var(--acc);padding:12px 18px;display:inline-block;user-select:all}
.tog{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 10px;border:1px solid var(--line2);color:var(--dim);font:500 12px var(--mono);letter-spacing:.1em}
.tog.on{border-color:var(--ok);color:var(--ok)}
@media(max-width:1440px){.hd .nav{order:3;flex:1 1 100%}.hd .me{margin-left:auto}}
.nar{max-width:none;padding-right:clamp(16px,18%,220px)}
.grid.g2{align-items:start}

a.brand{text-decoration:none;color:inherit}

/* envio de gravações */
.form label.drop{display:grid;place-items:center;gap:8px;text-align:center;min-height:150px;padding:24px;border:1px dashed rgba(var(--acc-rgb),.55);background:var(--glass);cursor:pointer;color:var(--fg);font:500 15px var(--body);letter-spacing:.04em;text-transform:none;transition:background-color .3s,border-color .3s}
.form label.drop:hover,.form label.drop:focus-within{background:var(--glass2);border-color:var(--acc)}
.form label.drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.prog{height:6px;background:var(--line2);margin:10px 0 6px;overflow:hidden}
.prog i{display:block;height:100%;background:linear-gradient(90deg,#c49a40,#fff0bd);transition:width .3s var(--ease)}
.envSt,.envNota{background:var(--glass);border:1px solid var(--line2);color:var(--fg);padding:8px 10px;font:400 14px var(--body);min-height:40px;width:100%}
.envSt:focus,.envNota:focus{outline:0;border-color:var(--acc)}

.doc.vid{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr)}
.doc.vid .act{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}

.tcb{display:inline-block;font:600 12px var(--mono);letter-spacing:.04em;color:var(--acc,#e0bc62);border:1px solid rgba(224,188,98,.45);border-radius:6px;padding:2px 7px;margin:2px 4px 2px 0;white-space:nowrap}
.take .who2 .tcb{margin:0;letter-spacing:.04em}
.tcb.mine{background:rgba(224,188,98,.18);color:#fff;border-color:rgba(224,188,98,.8)}
.mom{display:grid;grid-template-columns:minmax(120px,200px) 1fr;gap:10px;align-items:start;padding:8px 0;border-top:1px solid rgba(255,255,255,.07)}
.mom .mn{font:600 13px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint,#9a968c)}
.mom.mine .mn{color:#fff}
@media(max-width:620px){.mom{grid-template-columns:1fr}}