/* BLACKE LAVEX — meia-noite, violeta e gelo */
:root{--fonte-chat:system-ui,-apple-system,'Segoe UI',Roboto,'Noto Color Emoji',sans-serif;--bg:#06070d;--panel:#0c0e1b;--panel-2:#11142a;--line:#1d2140;--text:#eceef8;--muted:#8c92b3;--violet:#7b6cff;--indigo:#4a3fd6;--ice:#6fd6ff;--amber:#f2b84b;--grad:linear-gradient(120deg,var(--indigo),var(--violet) 45%,var(--ice));--display:'Space Grotesk',var(--fonte-chat);--mono:'IBM Plex Mono',ui-monospace,monospace}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--display);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
::selection{background:var(--violet);color:#fff}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:#262b55}
:focus-visible{outline:2px solid var(--ice);outline-offset:3px}
[hidden]{display:none!important}
/* Fundo: chuva binária (ecoa a logo) + brilho estático (leve) */
.aurora{position:fixed;inset:0;z-index:0;pointer-events:none}
.aurora i{display:none}
/* Topo */
.topbar{border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}
.logo-ring{position:relative}
.logo-ring img{display:block;width:100%;height:100%}
@keyframes spin{to{transform:rotate(360deg)}}
.brand-name{font-family:var(--mono);font-weight:600;letter-spacing:.18em;font-size:15px}
.brand-name b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes glitch{20%{transform:translate(-2px,1px);text-shadow:none}60%{transform:translate(2px,-1px);text-shadow:none}100%{transform:none;text-shadow:none}}
/* Botões */
.btn-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;cursor:pointer;color:#fff;font:600 14px var(--display);padding:11px 20px;border-radius:12px;background:var(--grad);background-size:220% 100%;background-position:0 0;transition:background-position .5s,transform .15s,box-shadow .3s}
.btn-primary:hover{background-position:100% 0}
.btn-primary:active{transform:scale(.97)}
.btn-primary:disabled{opacity:.6;cursor:wait}
.btn-primary.wide{width:100%;padding:14px;margin-top:20px}
.icon-btn{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);width:34px;height:34px;border-radius:10px;cursor:pointer;transition:.2s}
.icon-btn:hover{color:#fff;border-color:var(--violet);transform:rotate(90deg)}
/* Hero compacto */
main{position:relative;z-index:1;flex:1;width:100%;max-width:1680px;margin:0 auto;padding:0 clamp(10px,2vw,28px)}
.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;padding:clamp(18px,2.5vw,28px) 0 4px}
.hero-text{flex:1 1 380px}
.hero h1{font-size:clamp(26px,3.6vw,38px);line-height:1.1;letter-spacing:-.025em;font-weight:700;background:linear-gradient(180deg,#fff 30%,#a9b0e6);-webkit-background-clip:text;background-clip:text;color:transparent;min-height:1.1em}
.hero-sub{color:var(--muted);font-size:15px;line-height:1.5;margin-top:8px}
.searchbar{flex:0 1 380px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid var(--line);background:rgba(12,14,27,.9);transition:border-color .25s,box-shadow .25s}
.searchbar:focus-within{border-color:var(--violet);box-shadow:0 0 0 4px rgba(123,108,255,.18)}
.searchbar i{color:var(--muted)}
.searchbar input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);font:400 15px var(--display);padding:14px 0}
.searchbar input::placeholder{color:#656b91}
.count{font:500 12px var(--mono);color:var(--muted);white-space:nowrap}
/* Grid e cards */
.grid{display:grid}
.card{--mx:50%;--my:50%;position:relative;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);overflow:hidden;opacity:0}
@keyframes rise{from{opacity:0;transform:translateY(34px) scale(.96)}to{opacity:1;transform:none}}
.card::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(123,108,255,.22),transparent 45%);opacity:0;transition:opacity .3s}
.card:hover::before{opacity:1}
.cover{position:relative;aspect-ratio:16/11;overflow:hidden;background:var(--panel-2)}
.cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s;filter:saturate(1.05)}
.cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,7,13,0) 45%,rgba(12,14,27,.95)),linear-gradient(135deg,rgba(74,63,214,.28),transparent 60%)}
.body{padding:4px 14px 0;display:flex;flex-direction:column;gap:6px;margin-top:-22px;position:relative;z-index:1}
.body h3{font-size:17px;font-weight:700;letter-spacing:-.01em;overflow-wrap:anywhere}
.body p{color:var(--muted);font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.body p.open{display:block;-webkit-line-clamp:unset;overflow:visible}
.body p.can{cursor:pointer}
.more{display:none;align-self:flex-start;background:none;border:0;padding:2px 0;color:var(--ice);font:600 12.5px var(--display);cursor:pointer}
.more:hover{text-decoration:underline}
.visit{display:flex;align-items:center;justify-content:space-between;margin:14px 14px 14px;padding:11px 14px;border-radius:11px;text-decoration:none;color:var(--text);font:600 13.5px var(--display);background:var(--panel-2);border:1px solid var(--line);position:relative;overflow:hidden;z-index:1;transition:border-color .25s}
.visit::before{content:"";position:absolute;inset:0;background:var(--grad);transform:translateX(-101%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.visit span,.visit i{position:relative;transition:transform .3s}
.visit:hover::before{transform:none}
/* Estados */
.estado{text-align:center;color:var(--muted);padding:10px 0 60px;font:400 15px var(--display)}
.estado:empty{display:none}
.estado.warn{color:var(--amber)}
.skeleton{border:1px solid var(--line);background:linear-gradient(100deg,var(--panel) 30%,#161a38 50%,var(--panel) 70%);background-size:300% 100%;animation:shimmer 1.4s linear infinite}
@keyframes shimmer{to{background-position:-300% 0}}
footer{position:relative;z-index:1;text-align:center;padding:26px;border-top:1px solid var(--line);font:400 12px var(--mono);color:#59608a;letter-spacing:.12em}
/* Modal */
.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(3,4,10,.9);animation:fade .25s}
@keyframes fade{from{opacity:0}}
.sheet{width:100%;max-width:520px;max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);padding:26px;box-shadow:none;animation:pop .4s cubic-bezier(.2,.9,.3,1.2)}
@keyframes pop{from{opacity:0;transform:translateY(24px) scale(.94)}}
.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.sheet-head h3{font-size:22px;letter-spacing:-.01em}
.field-label{display:block;font:500 13px var(--display);color:var(--muted);margin:18px 0 8px}
.field{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;color:var(--text);font:400 15px var(--display);padding:13px 15px;outline:0;resize:none;transition:border-color .2s,box-shadow .2s}
.field:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(123,108,255,.18)}
.upload{display:flex;flex-direction:column;align-items:center;gap:6px;border:1.5px dashed #2c3266;border-radius:16px;background:var(--panel-2);color:var(--muted);cursor:pointer;text-align:center;transition:.25s}
.upload i{font-size:28px;color:var(--violet);transition:transform .3s}
.upload small{font:400 12px var(--mono);color:#59608a}
.upload:hover{border-color:var(--violet);color:var(--text)}
.upload:hover i{transform:translateY(-4px)}
.preview{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.preview img{width:100%;height:100%;object-fit:cover}
.erro{margin-top:16px;padding:12px 14px;border-radius:12px;font-size:14px;color:var(--amber);border:1px solid rgba(242,184,75,.35);background:rgba(242,184,75,.08)}
.toast{position:fixed;left:50%;bottom:28px;z-index:60;transform:translate(-50%,30px);opacity:0;pointer-events:none;padding:13px 22px;border-radius:14px;background:var(--panel-2);border:1px solid var(--violet);font-size:14px;transition:.4s cubic-bezier(.2,.9,.3,1.2);box-shadow:none}
.toast.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:640px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:12px}
  .card{border-radius:14px}
  .body{padding:2px 10px 0;margin-top:-18px;gap:4px}
  .body h3{font-size:14px;line-height:1.2}
  .body p{font-size:12px;-webkit-line-clamp:2}
  .more{font-size:12px}
  .visit{margin:10px;padding:9px 10px;font-size:12.5px;border-radius:10px}
  .visit i{font-size:11px}
  .cover{aspect-ratio:4/3}
  .btn-primary span{display:none}
  .btn-primary{padding:11px 13px}
  .brand-name{font-size:12.5px;letter-spacing:.1em}
  .hero{gap:12px}
  .hero-text{flex-basis:100%}
  .searchbar{flex-basis:100%}
  .hero h1{font-size:24px}
  .hero-sub{font-size:13.5px}
  .count{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* ===== v5: abas, filtros, meus sites, ações ===== */
.toolbar{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;padding:14px 0 0}
.tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:13px;background:rgba(12,14,27,.92)}
.tab{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:var(--muted);font:600 14px var(--display);padding:8px 15px;border-radius:9px;cursor:pointer;transition:color .2s,background .2s}
.tab:hover{color:var(--text)}
.tab.on{background:var(--grad);color:#fff}
.tab .n{font:500 11px var(--mono);padding:1px 7px;border-radius:99px;background:rgba(255,255,255,.16)}
.filtros{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.chips{display:flex;gap:8px;flex:1;min-width:0;overflow-x:auto;padding:2px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;border:1px solid var(--line);background:rgba(12,14,27,.92);color:var(--muted);font:500 13px var(--display);padding:7px 14px;border-radius:99px;cursor:pointer;transition:.2s}
.chip:hover{color:var(--text);border-color:#3a3f87}
.chip.on{color:#fff;border-color:var(--violet);background:rgba(123,108,255,.2)}
.select,select.field{appearance:none;-webkit-appearance:none;background:var(--panel-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%238c92b3' stroke-width='2'%3E%3Cpath d='m1 1 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--line);color:var(--text);font:500 13px var(--display);padding:9px 34px 9px 13px;border-radius:11px;cursor:pointer;outline:0}
.select:focus-visible{border-color:var(--violet)}
select.field{font-size:15px;padding:13px 38px 13px 15px;border-radius:12px;width:100%}
.select option,select.field option{background:var(--panel);color:var(--text)}
/* Painel */
.panel{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:14px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(12,14,27,.94)}
.stats{display:flex;gap:28px;flex:1 1 240px}
.stat b{display:block;font:700 26px/1 var(--display);letter-spacing:-.02em}
.stat span{font:400 12px var(--mono);color:var(--muted)}
.panel-btns{display:flex;gap:10px;flex-wrap:wrap}
.panel-note{flex-basis:100%;font-size:13px;line-height:1.5;color:var(--muted)}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:600 13.5px var(--display);padding:10px 15px;border-radius:11px;cursor:pointer;transition:border-color .2s,color .2s}
.btn-ghost:hover:not(:disabled){border-color:var(--violet)}
.btn-ghost:disabled{opacity:.45;cursor:not-allowed}
.btn-danger:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}
.mais{margin:0 auto 40px;padding:12px 28px}
/* Card: etiquetas, rodapé e ações */
.tag{position:absolute;top:10px;z-index:2;font:500 11px var(--mono);padding:3px 9px;border-radius:99px}
.tag{left:10px;background:rgba(6,7,13,.78);border:1px solid var(--line);color:var(--ice)}
.meta{font:400 11.5px var(--mono);color:#6a7099;margin-top:2px}
.meta i{margin-right:4px}
.foot{position:relative;z-index:1;display:flex;margin:12px 14px 14px}
.foot .visit{margin:0;flex:1;min-width:0}
.sq{flex:none;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:11px;cursor:pointer;font-size:13px;transition:color .2s,border-color .2s}
.sq:hover{color:#fff;border-color:var(--violet)}
.sq.del:hover{color:var(--amber);border-color:var(--amber)}
.estado .btn-primary{display:inline-flex}
/* Modais extras */
.sheet.small{max-width:410px}
.sheet h3{font-size:20px;letter-spacing:-.01em}
.sheet-text{color:var(--muted);font-size:14.5px;line-height:1.55;margin:10px 0 4px}
.sheet-btns{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.hint{font:400 12px var(--mono);color:#6a7099;text-align:right;margin-top:6px}
.key-row{display:flex;gap:8px}
.key-row .field{flex:1;min-width:0}
.field.mono{font:400 12.5px var(--mono)}
@media (max-width:640px){
  .toolbar{gap:10px}
  .tabs{width:100%}
  .tab{flex:1;justify-content:center;padding:8px 10px;font-size:13.5px}
  .filtros{flex-basis:100%}
  .chip{font-size:12.5px;padding:6px 12px}
  .select{padding:8px 30px 8px 11px}
  .panel{padding:14px}
  .stat b{font-size:22px}
  .stats{gap:20px}
  .panel-btns{width:100%}
  .panel-btns .btn-ghost{flex:1}
  .tag{top:7px;font-size:10px;padding:2px 7px}
  .tag{left:7px}
  .meta{font-size:10.5px}
  .foot{margin:8px 10px 10px;gap:6px}
  .foot .visit{padding:9px 8px;font-size:12.5px}
  .foot .visit i{display:none}
  .sq{width:36px}
}
/* ===== v6: @ e perfil ===== */
.arroba{align-self:flex-start;max-width:100%;background:none;border:0;padding:0;margin-top:-2px;color:var(--ice);font:500 12.5px var(--mono);cursor:pointer;text-overflow:ellipsis;white-space:nowrap}
.arroba:hover{text-decoration:underline}
.perfil{align-items:center;gap:14px;border-radius:16px;animation:fade .3s}
.arroba-row{flex-basis:100%;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.arroba-row>i{color:var(--violet)}
.meu-arroba{font:600 15px var(--mono);flex:1;min-width:140px}
.at-field{position:relative}
.at-field span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted);font:500 15px var(--mono)}
.at-field .field{padding-left:34px;font-family:var(--mono)}
.rules{margin:14px 0 4px;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.7}
.hint.left{text-align:left;color:var(--amber)}
.hint.left:empty{display:none}
.wide-ghost{width:100%;margin-top:10px;padding:13px}
@media (max-width:640px){
  .arroba{font-size:11.5px}
  #pfLimpar{padding:9px 11px}
  #pfLimpar{font-size:0}
  #pfLimpar i{font-size:14px}
}
/* ===== v7: arrastar a foto ===== */
.preview{height:auto;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.preview.drag{cursor:grabbing}
.preview img{pointer-events:none;-webkit-user-drag:none;object-position:50% 50%}
.visit span{white-space:nowrap}
.sq{width:38px}
.foot{gap:6px}
@media (max-width:640px){
  .sq{width:36px}
}
/* ===== v8: cards de altura fixa, menu ⋯ e detalhes ===== */
.grid{align-items:stretch}
.card{height:100%}
.card .body{flex:1;display:flex;flex-direction:column;gap:0}
.card .body h3{line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.line2{display:flex;align-items:center;gap:8px}
.line2 .arroba{margin:0;min-width:0}
.anon{font:400 12px var(--mono);color:#59608a}
.line2 .meta{margin:0;flex:none}
.card .foot{flex:none}
.card .foot .visit{padding:0 14px}
/* menu ⋯ : popover no PC, folha de baixo no celular */
#menuBack{position:fixed;inset:0;z-index:70}
#menu{position:fixed;z-index:71;width:220px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 24px 60px -12px rgba(0,0,0,.8),0 0 0 1px rgba(123,108,255,.12);animation:pop .16s ease-out}
.mi{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;color:var(--text);font:500 14px var(--display);padding:11px 12px;border-radius:9px;cursor:pointer;text-align:left}
.mi i{width:18px;text-align:center;color:var(--muted)}
.mi:hover,.mi:focus-visible{background:var(--panel-2);outline:0}
.mi.danger,.mi.danger i{color:var(--amber)}
@media (max-width:640px){
  .card .cover{aspect-ratio:4/3}
  .card .body{padding:2px 10px 0;margin-top:-16px}
  .card .body h3{font-size:14px}
  .line2{height:18px;margin-bottom:4px}
  .anon{font-size:11px}
  .card .foot{height:38px;margin:8px 10px 10px}
  .card .foot .visit,.card .sq{height:38px}
  .card .foot .visit{padding:0 8px}
  #menuBack{background:rgba(3,4,10,.72)}
  #menu{left:0!important;right:0;top:auto!important;bottom:0;width:auto;border-radius:22px 22px 0 0;padding:12px 10px calc(16px + env(safe-area-inset-bottom));animation:slideup .25s cubic-bezier(.2,.9,.3,1)}
  #menu::before{content:"";display:block;width:38px;height:4px;border-radius:4px;background:#2c3266;margin:0 auto 10px}
  .mi{padding:15px 14px;font-size:15.5px}
}
@keyframes slideup{from{transform:translateY(100%)}}
/* ===== v12: legenda com rolagem dentro do próprio card ===== */
.card .body{padding-bottom:2px}
/* ===== v14: botão Comunidade (Telegram) ao lado de Publicar ===== */
.top-actions{display:flex;align-items:center;gap:10px}
.top-actions .btn-ghost{padding:11px 18px;font-size:14px;border-radius:12px;text-decoration:none}
.top-actions .btn-ghost i{font-size:17px;color:var(--ice);transition:transform .25s}
.top-actions .btn-ghost:hover i{transform:translateX(2px) rotate(-8deg)}
@media (max-width:640px){
  .top-actions{gap:8px}
  .top-actions .btn-ghost span{display:none}
  .top-actions .btn-ghost{padding:11px 13px}
}
/* ===== v15: a confirmação sempre abre na frente de qualquer outra janela ===== */
#modalConfirma{z-index:90}
/* ===== painel do site (limpo, com respiro) ===== */
html{scrollbar-gutter:stable}
body.ficha-open{overflow:hidden}
button.visit{font-family:inherit;cursor:pointer;text-align:left}
.visit i{transition:transform .25s}
.visit:hover i{transform:translateX(3px)}
.painel{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;background:#06070d;opacity:0;transform:translateY(24px);transition:opacity .35s ease,transform .5s cubic-bezier(.2,.9,.25,1)}
.painel.on{opacity:1;transform:none}
.pn-aurora{position:absolute;inset:0;pointer-events:none}
.pn-top{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.pn-back{display:inline-flex;align-items:center;gap:10px;font:600 14px var(--display);cursor:pointer;transition:border-color .2s}
.pn-back:hover{border-color:var(--violet)}
.pn-back i{transition:transform .2s}
.pn-back:hover i{transform:translateX(-3px)}
.pn-brand b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pn-scroll{position:relative;z-index:2;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.pn-wrap{max-width:1180px;margin:0 auto;padding:clamp(40px,6vw,80px) clamp(20px,5vw,64px) 120px;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:clamp(36px,5vw,64px);align-items:start}
.pn-side{position:sticky;top:44px}
/* cabeçalho: foto pequena (inteira, sem fundo) + informações */
.pn-head{display:flex;align-items:flex-start;gap:38px}
.pn-foto{flex:none;margin:0;line-height:0}
.pn-foto img{display:block;width:auto;height:auto;max-width:250px;max-height:250px}
.pn-info{flex:1;min-width:0;padding-top:2px}
.pn-cat{display:inline-block;font:500 11.5px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--violet)}
.pn-info h1{margin:12px 0 0;font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:.015em;text-transform:uppercase;overflow-wrap:anywhere}
.pn-handle{margin-top:14px}
.pn-handle .arroba{margin:0;font:500 15px var(--mono)}
.pn-handle .anon{font:400 14px var(--mono);color:#59608a}
.pn-stats{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:20px;font:400 13px var(--mono);color:var(--muted)}
.pn-stats i{width:1px;height:12px;background:#2a2f63}
/* seções limpas: sem caixas, só uma linha fina */
.pn-sec2,.pn-veja{margin-top:48px;padding-top:30px}
.pn-sub{margin:0 0 16px;font:600 11.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.pn-sec2 p{max-width:66ch;font-size:16.5px;line-height:1.85;color:#d6d9ee;white-space:pre-wrap;overflow-wrap:anywhere}
.pn-sec2 p.vazia{color:var(--muted);font-style:italic}
.pn-rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.rel{padding:0;overflow:hidden;text-align:center;color:var(--text);font-family:var(--display);border:1px solid var(--line);background:rgba(14,17,34,.7);cursor:pointer;transition:transform .25s,border-color .25s}
.rel:hover{transform:translateY(-3px)}
.rel-img{display:block;aspect-ratio:6/5;overflow:hidden;background:var(--panel-2)}
.rel-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.rel:hover .rel-img img{transform:scale(1.05)}
.rel b{display:block;padding:11px 10px 0;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rel small{display:block;padding:3px 10px 12px;font:400 11px var(--mono);color:var(--muted)}
/* ações (sem caixa) */
.pn-box{display:flex;flex-direction:column;gap:10px}
.pn-go{width:100%;padding:16px;font-size:15.5px;text-decoration:none}
.pn-sec{display:flex;flex-direction:column;gap:8px}
.pn-sec .btn-ghost{width:100%;justify-content:flex-start;padding:12px 15px}
.pn-sec .btn-ghost i{width:18px;text-align:center;color:var(--muted)}
.pn-sec .btn-danger:hover i{color:var(--amber)}
.pn-note{margin-top:8px;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.6;color:#6a7099}
/* entrada em cascata; ao fechar o conteúdo não some antes do painel */
.rise{opacity:0}
.painel.on .rise{animation:fcRise .65s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--d,0) * 70ms + 200ms)}
.painel.sai .rise{opacity:1;animation:none}
@keyframes fcRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (max-width:900px){
  .pn-wrap{grid-template-columns:minmax(0,1fr);gap:0;padding:30px 22px 150px}
  .pn-side{position:static}
  .pn-head{flex-direction:column;gap:24px}
  .pn-foto img{max-width:230px;max-height:230px}
  .pn-brand{display:none}
  .pn-sec2,.pn-veja{margin-top:36px;padding-top:24px}
  .pn-sec2 p{font-size:16px}
  /* ações viram uma barra fixa embaixo */
  .pn-box{position:fixed;left:0;right:0;bottom:0;z-index:5;flex-direction:row;align-items:center;gap:8px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #2a2f63;background:rgba(7,8,15,.98)}
  .pn-go{flex:1;width:auto;padding:14px}
  .pn-sec{display:contents}
  .pn-sec .btn-ghost{width:46px;height:46px;padding:0;justify-content:center;flex:none}
  .pn-sec .btn-ghost span{display:none}
  .pn-sec .btn-ghost i{width:auto;font-size:15px}
  .pn-note{display:none}
  .pn-box .pn-go span{display:inline}
}
@media (max-width:480px){
  .pn-back span{font-size:13px}
  .pn-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  .rise{opacity:1}
  .painel{transition:none!important}
}
/* ===== v18: grade ampla e foto original (como na referência) ===== */
.grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:22px;padding:20px 0 44px}
.card{border-radius:20px}
.card .cover{aspect-ratio:6/5;border-bottom:1px solid var(--line)}
.card .cover::after{display:none}
/* sem tingimento: a foto aparece como foi enviada */
.card .cover img{filter:none}
/* categoria no canto da foto, como na referência */
.card .body{padding:16px 18px 0;margin-top:0}
.card .body h3{margin-bottom:6px}
.line2{height:22px;margin-bottom:0}
.card .foot{margin:16px 18px 18px;height:46px}
.card .foot .visit,.card .sq{height:46px}
.card .sq{width:46px}
.skeleton{height:400px;border-radius:20px}
.preview{aspect-ratio:6/5}
/* a prévia ao publicar tem o mesmo formato do card */
@media (max-width:640px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:14px}
  .card{border-radius:16px}
  .card .cover{aspect-ratio:6/5}
  .card .tag{bottom:8px;right:8px;left:auto;top:auto}
  .card .body{padding:11px 12px 0;margin-top:0}
  .card .body h3{font-size:15px;margin-bottom:4px}
  .line2{height:18px}
  .card .foot{margin:12px;height:40px;gap:6px}
  .card .foot .visit,.card .sq{height:40px}
  .card .sq{width:38px}
  .skeleton{height:270px;border-radius:16px}
}
/* ===== v19: estilo quadrado, nome centralizado, categoria no topo ===== */
::-webkit-scrollbar-thumb{border-radius:0}
/* categoria em cima (esquerda) e acessos em cima (direita), sobre a foto */
.card .tag{top:12px;bottom:auto;left:12px;right:auto}
.card .vistas{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font:500 11.5px var(--mono);background:rgba(6,7,13,.82);border:1px solid var(--line);color:var(--muted)}
.card .vistas i{color:var(--violet);font-size:11px}
/* nome em maiúsculas e centralizado, @ centralizado embaixo */
.card .body h3{text-align:center;text-transform:uppercase;letter-spacing:.05em;font-size:17px}
.line2{justify-content:center}
.line2 .arroba,.line2 .anon{max-width:100%;text-align:center}
@media (max-width:640px){
  .card .tag{top:8px;left:8px;bottom:auto;right:auto}
  .card .vistas{top:8px;right:8px;padding:3px 8px;font-size:10.5px}
  .card .body h3{font-size:13.5px;letter-spacing:.03em}
}
/* ===== v21: neon, conteúdo nos cantos e tela de carregamento ===== */
:root{--pn-x:clamp(20px,4vw,68px)}
.painel:focus{outline:0}
/* --- neon geral --- */
.btn-primary{box-shadow:0 0 0 1px rgba(111,214,255,.22)}
.btn-primary:hover{box-shadow:0 0 0 1px rgba(111,214,255,.55)}
.brand-name b{filter:none}
.hero h1{filter:none}
/* os cards só entram depois da tela de carregamento */
/* --- painel: cantos, neon e animações --- */
.pn-top{border-bottom:0}
.pn-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--violet),var(--ice),var(--violet),transparent);background-size:220% 100%;animation:neonSlide 6s linear infinite;box-shadow:none}
@keyframes neonSlide{to{background-position:-220% 0}}
.pn-brand{font-size:12.5px;filter:none}
.pn-aurora{background:none;overflow:hidden}
.pn-aurora::before,.pn-aurora::after{content:"";position:absolute;width:62vw;height:62vw;will-change:transform}
.pn-aurora::before{left:-18vw;top:-28vw;background:radial-gradient(closest-side,rgba(74,63,214,.42),transparent);animation:orbA 16s ease-in-out infinite alternate}
.pn-aurora::after{right:-22vw;bottom:-32vw;background:radial-gradient(closest-side,rgba(111,214,255,.17),transparent);animation:orbB 21s ease-in-out infinite alternate}
@keyframes orbA{to{transform:translate(10vw,8vw) scale(1.15)}}
@keyframes orbB{to{transform:translate(-8vw,-6vw) scale(1.2)}}
.pn-foto{position:relative;border:1px solid rgba(111,214,255,.6)}
.pn-foto::after{content:"";position:absolute;inset:-1px;pointer-events:none;box-shadow:none;opacity:.35;animation:glow 3.8s ease-in-out infinite}
@keyframes glow{50%{opacity:.9}}
.pn-cat{text-shadow:none}
.pn-info h1{text-shadow:none}
.pn-sec2,.pn-veja{border-top:1px solid transparent;border-image:linear-gradient(90deg,var(--violet),rgba(111,214,255,.35) 45%,transparent) 1}
.pn-go{position:relative;overflow:hidden;border:0}
.pn-go::before{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.38),transparent);transform:translateX(-130%);animation:sweep 3.6s ease-in-out infinite}
@keyframes sweep{55%,100%{transform:translateX(330%)}}
.pn-go span,.pn-go i{position:relative}
@media (min-width:901px){
  .pn-wrap{max-width:none;padding:clamp(36px,5vw,64px) var(--pn-x) 130px;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(40px,6vw,96px)}
  .pn-sec2 p{max-width:none;font-size:17px}
}
@media (max-width:900px){
  .pn-wrap{padding:28px var(--pn-x) 150px}
  .pn-brand{display:block;font-size:11px;letter-spacing:.14em}
}
/* --- tela de carregamento --- */
body.carregando{overflow:hidden}
#splash{position:fixed;inset:0;z-index:200;display:grid;place-items:center}
#splash::before{content:"";position:absolute;inset:0;background:radial-gradient(52vw 40vw at 50% 46%,rgba(74,63,214,.36),transparent 70%)}
#splash.sai{opacity:0;visibility:hidden;pointer-events:none}
.sp-center{position:relative;display:flex;flex-direction:column;align-items:center}
@keyframes spIn{from{opacity:0;transform:translateY(16px) scale(.96)}}
.sp-logo{position:relative}
.sp-logo::before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,var(--indigo),var(--ice),var(--violet),var(--indigo));animation:spin 2.2s linear infinite}
.sp-logo img{position:relative;display:block;width:100%;height:100%}
.sp-name{font:600 19px var(--mono);padding-left:.36em}
.sp-bar{overflow:hidden}
.sp-bar i{display:block;height:100%;animation:spBar 1.3s ease-in-out infinite}
@keyframes spBar{from{transform:translateX(-110%)}to{transform:translateX(250%)}}
/* o miolo do painel não herda o espaçamento do <main> da página */
.pn-main{padding:0;margin:0;max-width:none;width:auto;min-width:0;flex:none}
/* ===== v22: ajuste para Android (só telas pequenas; o PC não muda) ===== */
@media (pointer:coarse){
  button,a,select,[data-act],.chip,.tab{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
}
@media (max-width:640px){
  html{-webkit-text-size-adjust:100%}
  /* topo e abertura mais compactos */
  .topbar{padding:6px 12px}
  .logo-ring{width:34px;height:34px}
  .brand-name{font-size:12px;letter-spacing:.1em}
  .top-actions .btn-ghost,.top-actions .btn-primary{padding:0;width:38px;height:38px}
  .hero{padding:10px 0 0;gap:8px}
  .hero h1{font-size:19px}
  .hero-sub{display:none}
  .searchbar input{padding:10px 0;font-size:14px}
  /* abas + ordenação na mesma linha; categorias embaixo, com rolagem */
  .toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:8px}
  .tabs{order:1;flex:1 1 190px;width:auto}
  .tab{padding:8px 10px;font-size:13px}
  .filtros{display:contents}
  #ordem{order:2;flex:0 0 auto;width:132px;padding:7px 28px 7px 10px;font-size:12.5px}
  .chips{order:3;flex:1 1 100%;min-width:0}
  /* cards: nome inteiro (até 2 linhas) e botões que cabem */
  .grid{gap:10px}
  .card .body{padding:10px 8px 0}
  .card .body h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden;text-overflow:clip;height:2.5em;font-size:12.5px;line-height:1.25;letter-spacing:.02em;margin-bottom:4px}
  .line2{height:18px}
  .card .foot{margin:8px 8px 10px;gap:6px;height:40px}
  .card .foot .visit{height:40px;padding:0 4px;justify-content:center;font-size:12px;white-space:nowrap}
  .card .sq{width:38px;height:40px}
  .skeleton{height:300px}
  /* janelas viram folha embaixo: título e botão sempre visíveis, formulário rola */
  .modal{padding:0;align-items:flex-end}
  .sheet{max-width:none;width:100%;max-height:94vh;max-height:94dvh;padding:0 16px;border-bottom:0;overflow-y:auto;overscroll-behavior:contain;animation:slideup .28s cubic-bezier(.2,.9,.3,1)}
  .sheet-head{position:sticky;top:0;z-index:3;margin:0 -16px;padding:14px 16px 10px;background:var(--panel)}
  .sheet h3{font-size:18px}
  .field-label{margin:12px 0 6px}
  .field{padding:11px 13px;font-size:16px}
  textarea.field{min-height:84px}
  .upload{padding:16px}
  .preview{width:min(100%,264px);margin:0 auto}
  #btnSalvar{position:sticky;bottom:0;z-index:3;margin:14px 0 0;box-shadow:0 0 0 14px var(--panel)}
  .sheet.small{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
  .sheet.small h3{padding-top:18px}
  .sheet-btns{gap:8px}
  .sheet-btns>*{flex:1}
  .key-row{flex-wrap:wrap}
  .key-row .field{flex:1 1 100%}
  .key-row .btn-ghost{flex:1}
  .erro{font-size:13px}
  /* Meus sites */
  .panel{padding:12px;gap:12px}
  .stats{flex:1 1 100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .stat b{font-size:20px}
  .stat span{font-size:11px}
  .arroba-row{gap:8px}
  .panel-btns{width:100%}
  .panel-btns .btn-ghost{flex:1;padding:11px 8px;font-size:13px}
  .panel-note{font-size:12px}
}
/* painel do site no celular */
@media (max-width:900px){
  .pn-top{height:56px;padding:0 14px}
  .pn-back{padding:8px 12px;font-size:13px}
  .pn-wrap{padding:20px 16px 110px}
  .pn-head{gap:18px}
  .pn-foto img{max-width:200px;max-height:200px}
  .pn-info h1{font-size:22px;margin-top:8px}
  .pn-handle{margin-top:10px}
  .pn-stats{margin-top:12px;font-size:12px}
  .pn-sec2,.pn-veja{margin-top:26px;padding-top:20px}
  .pn-sub{margin-bottom:12px}
  .pn-sec2 p{font-size:15.5px;line-height:1.7}
  .pn-rel{gap:10px}
  .pn-box{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
  .pn-go{padding:13px}
  .pn-sec .btn-ghost{width:44px;height:44px}
}
/* ajustes finos Android */
@media (max-width:640px){
  .chip{padding:7px 13px;font-size:13px}
  .chips{gap:8px}
}
@media (max-width:340px){
  .card .foot{margin:8px 6px 10px;gap:4px}
  .card .foot .visit{font-size:11px;padding:0 2px}
  .card .sq{width:36px;flex:none}
  .card .body{padding:10px 6px 0}
}
@media (max-width:640px){
  /* nome centralizado também na vertical (1 ou 2 linhas) */
  .card .body h3{display:flex;align-items:center;justify-content:center;-webkit-line-clamp:unset;height:2.5em;overflow:hidden;white-space:normal}
  .card .body h3 span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;text-align:center}
  /* abas sem quebrar o texto */
  .tabs{flex:1 1 200px}
  .tab{padding:10px 8px;gap:6px;white-space:nowrap;font-size:12.5px;flex:1;justify-content:center}
  #ordem{width:128px;font-size:12px;padding:9px 24px 9px 9px;background-position:right 8px center}
}
@media (max-width:640px){
  #btnSalvar{bottom:12px}
  .sheet{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
}
/* foto e nome do card abrem os detalhes; o resto do card não */
.card .cover,.card .body h3{cursor:pointer}
.card .cover:focus-visible{outline:2px solid var(--ice);outline-offset:-2px}
/* barra inferior (somente celular) */
.bnav{display:none}
@media (max-width:640px){
  .bnav{position:fixed;left:0;right:0;bottom:0;z-index:35;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(6,7,13,.96);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
  .bnav button,.bnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:54px;border:0;background:none;color:var(--muted);font:600 10.5px var(--display);text-decoration:none;cursor:pointer;border-radius:0}
  .bnav i{font-size:17px}
  .bnav .on{color:#fff;box-shadow:inset 0 2px 0 var(--ice)}
  .bnav .on i{color:var(--ice)}
  .bnav .bn-pub i{color:var(--violet)}
  body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}
  .toast{bottom:calc(72px + env(safe-area-inset-bottom))}
}
/* celular: sem repetição (a barra inferior já tem Publicar, Comunidade e abas) */
@media (max-width:640px){
  .top-actions,.toolbar .tabs{display:none}
  .filtros[hidden]{display:none}
  .toolbar{flex-wrap:nowrap;align-items:center;padding-top:6px;gap:8px}
  #ordem{order:1;width:122px;flex:none}
  .chips{order:2;flex:1 1 0;min-width:0}
  .topbar{justify-content:center}
  .hero{padding-top:8px}
}
/* barra inferior em formato de bolha (celular) */
@media (max-width:640px){
  .bnav{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:6px;gap:4px;border:1px solid rgba(255,255,255,.07);border-radius:999px!important;background:rgba(24,25,36,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 34px -8px rgba(0,0,0,.8)}
  .bnav button,.bnav a{height:56px;border-radius:999px!important;gap:3px;font-size:10.5px;color:#c7cbe6;transition:background .25s,color .25s}
  .bnav svg{width:24px;height:24px}
  .bnav .on{box-shadow:none;background:rgba(123,108,255,.22);color:#a99bff}
  .bnav .on i,.bnav .on svg{color:#a99bff}
  .bnav .on svg{fill:currentColor;fill-opacity:.35}
  .bnav button:active,.bnav a:active{transform:scale(.95)}
  body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  .toast{bottom:calc(98px + env(safe-area-inset-bottom))}
}
/* Publicar no celular: tela própria, em página cheia */
@media (max-width:640px){
  #modalCadastro{background:var(--panel);align-items:stretch}
  #modalCadastro .sheet{height:100vh;height:100dvh;max-height:none;border:0;box-shadow:none;animation:pagein .3s cubic-bezier(.2,.9,.3,1)}
  #modalCadastro .sheet-head{padding:16px;border-bottom:1px solid var(--line);margin-bottom:8px}
  #modalCadastro .sheet-head h3{font-size:19px}
  #btnSalvar{margin-bottom:calc(14px + env(safe-area-inset-bottom))}
}
@keyframes pagein{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
/* ---- Publicar: visual profissional ---- */
.sheet.pub .sheet-head{align-items:flex-start;margin-bottom:4px}
.upload{padding:30px 16px}
@media (max-width:640px){
  /* a barra em bolha continua visível por cima da tela de publicar */
  body:has(#modalCadastro:not([hidden])) .bnav{z-index:55}
  body:has(#modalCadastro:not([hidden])) .bnav [data-nav].on{background:none;color:#c7cbe6}
  body:has(#modalCadastro:not([hidden])) .bnav [data-nav].on svg{fill:none}
  body:has(#modalCadastro:not([hidden])) .bnav .bn-pub{background:rgba(123,108,255,.22);color:#a99bff}
  body:has(#modalCadastro:not([hidden])) .bnav .bn-pub svg{fill:currentColor;fill-opacity:.35}
  #modalCadastro .sheet.pub{padding:0 16px calc(190px + env(safe-area-inset-bottom))}
  #modalCadastro .sheet-head{padding:18px 16px 14px;margin:0 -16px}
  #btnSalvar{position:static;box-shadow:none;margin-bottom:0}
}
/* ---- Publicar: visual mais leve, arredondado e com mais espaço ---- */
#modalCadastro .sheet.pub{border-radius:26px!important;border-color:rgba(255,255,255,.06)}
#modalCadastro .sheet-head{border-bottom:0;margin-bottom:0}
#modalCadastro .sheet-head h3{font-size:20px}
#modalCadastro .icon-btn{width:38px;height:38px;border-radius:50%!important;background:rgba(255,255,255,.06);border-color:transparent}
#modalCadastro .field-label{margin:10px 0 6px;font-size:12.5px}
#modalCadastro .field{border-radius:14px!important;background:rgba(255,255,255,.045);border-color:transparent;padding:13px 16px}
#modalCadastro .field:focus{border-color:var(--violet);background:rgba(123,108,255,.08)}
#modalCadastro .upload{border-radius:20px!important;padding:22px 16px;border:1.5px dashed rgba(123,108,255,.45);background:rgba(123,108,255,.06)}
#modalCadastro .preview{border-radius:20px!important}
#modalCadastro .btn-primary.wide{border-radius:999px!important;padding:15px}
#modalCadastro .erro{border-radius:14px!important}
@media (max-width:640px){
  #modalCadastro .sheet.pub{border-radius:0!important;padding:0 16px calc(176px + env(safe-area-inset-bottom))}
  #modalCadastro .sheet-head{padding:14px 16px 6px}
  #modalCadastro .upload{padding:18px 14px}
  #modalCadastro .upload small{display:none}
}
/* ---- cantos arredondados no resto do site ---- */
.vistas{border-radius:99px}
.pn-foto,.pn-foto img{border-radius:22px}
.pn-foto{overflow:hidden}
.rel{border-radius:18px}
.pn-go{border-radius:99px}
.pn-box .btn-ghost,.pn-sec .btn-ghost{border-radius:16px}
.panel,.stat{border-radius:18px}
.searchbar{border-radius:18px}
.field,.sheet{border-radius:16px}
.sheet{border-radius:24px}
@media (max-width:640px){
  .sheet{border-radius:24px 24px 0 0}
  .pn-sec .btn-ghost{border-radius:50%}
}
/* Publicar no celular: barra e botão ancorados pelo topo (usam a altura sem teclado), então não sobem com o teclado */
@media (max-width:640px){
  body:has(#modalCadastro:not([hidden])) .bnav{bottom:auto;height:68px;top:calc(var(--h0, 100dvh) - 78px - env(safe-area-inset-bottom))}
}
/* barra inferior mais compacta (celular) */
@media (max-width:640px){
  .bnav{left:16px;right:16px;bottom:calc(8px + env(safe-area-inset-bottom));padding:4px;gap:2px}
  .bnav button,.bnav a{height:44px;gap:1px;font-size:9.5px}
  .bnav svg{width:19px;height:19px}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .toast{bottom:calc(78px + env(safe-area-inset-bottom))}
  #modalCadastro .sheet.pub{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
  body:has(#modalCadastro:not([hidden])) .bnav{height:54px;top:calc(var(--h0, 100dvh) - 62px - env(safe-area-inset-bottom))}
}
/* sem barras de rolagem em todo o site (a rolagem continua funcionando) */
*{scrollbar-width:none;-ms-overflow-style:none}
*::-webkit-scrollbar{display:none;width:0;height:0}
/* Publicar com teclado aberto: botão logo após o formulário, sem flutuar */
@media (max-width:640px){
  body.kb #modalCadastro .sheet.pub{padding-bottom:24px}
}
/* Publicar: botão embutido no fim do formulário (não flutua) */
@media (max-width:640px){
  #modalCadastro .sheet.pub,body.kb #modalCadastro .sheet.pub{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  body.kb #modalCadastro .sheet.pub{padding-bottom:24px}
}
/* compartilhar perfil */
@media (max-width:640px){
  #pfLimpar{font-size:0}
  #pfLimpar{padding:0;width:40px;height:40px;border-radius:50%}
  #pfLimpar i{font-size:15px}
}
/* ---- Em destaque ---- */
.dest-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.dest-head h2{font:700 16px var(--display);letter-spacing:-.01em}
.dest-tabs{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:99px;background:rgba(12,14,27,.9)}
.dest-tabs button{border:0;background:none;color:var(--muted);font:600 12.5px var(--display);padding:6px 12px;border-radius:99px;cursor:pointer;transition:.2s}
.dest-tabs button.on{background:var(--grad);color:#fff}
.dest-rank{position:absolute;left:8px;top:8px;min-width:24px;height:24px;padding:0 7px;display:grid;place-items:center;border-radius:99px;background:var(--grad);color:#fff;font:700 12px var(--mono);font-style:normal;box-shadow:none}
.dest-rank.novo{background:rgba(6,7,13,.85);color:var(--ice);border:1px solid var(--line);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase}
.dest-vazio{color:var(--muted);font-size:13px}
@media (max-width:640px){
  .dest{margin-top:12px}
  .dest-tabs button{padding:5px 10px;font-size:12px}
}
/* Destaques como seção própria */
.dest{margin-top:14px}
#destLista.grid{display:grid}
.cover .dest-rank{left:10px;top:44px;position:absolute}
@media (max-width:640px){
  .bnav button,.bnav a{font-size:9px}
  .bnav svg{width:18px;height:18px}
  .dest-head h2{font-size:15px}
}
@media (max-width:640px){
  .bnav{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr;left:10px;right:10px}
  .bnav button,.bnav a{min-width:0}
}
@media (max-width:640px){
  .bnav span{white-space:nowrap}
}
@media (max-width:340px){
  .bnav button,.bnav a{font-size:8.5px}
}
/* Salvos (coração) */
.fav-btn{position:absolute;right:10px;bottom:10px;z-index:3;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;transition:transform .2s,background .2s,color .2s}
.fav-btn:hover{transform:scale(1.08)}
.fav-btn:active{transform:scale(.92)}
.fav-btn.on{color:var(--ice);background:rgba(111,214,255,.14);border-color:rgba(111,214,255,.5)}
.fav-btn.on svg{fill:currentColor}
.fav-btn.on{animation:favpop .35s cubic-bezier(.2,.9,.3,1.4)}
@keyframes favpop{0%{transform:scale(.7)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
@media (max-width:640px){
  .fav-btn{width:34px;height:34px;right:8px;bottom:8px}
}
/* Desempenho */
.stats-box{flex:1 1 100%;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(6,7,13,.5)}
.sb-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.sb-head b{font:700 14px var(--display)}
.sb-head span{font:400 12px var(--mono);color:var(--muted)}
.sb-chart{display:flex;align-items:flex-end;gap:5px;height:84px}
.sb-chart i{flex:1;min-height:4px;border-radius:6px 6px 2px 2px;background:rgba(255,255,255,.08)}
.sb-chart i.on{background:var(--grad)}
.sb-eixo{display:flex;justify-content:space-between;margin-top:6px;font:400 11px var(--mono);color:#6a7099}
.sb-top{font-size:13px;color:var(--muted)}
.sb-top b{color:var(--text);font-weight:600}
@media (max-width:640px){
  .stats-box{padding:12px 14px}
  .sb-chart{height:70px;gap:4px}
}
.sb-aviso{margin:10px 0 0;font-size:12.5px;color:var(--muted);line-height:1.45}
.sb-aviso:empty{display:none}
.sb-chart.vazio i{opacity:.5}
.sb-top{display:flex;flex-direction:column;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
/* idioma */
.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 13px!important;border-radius:99px}
.lang-btn svg{color:var(--ice)}
.lang-btn b{font:600 12.5px var(--mono);letter-spacing:.04em}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:70;min-width:150px;padding:6px;border:1px solid var(--line);border-radius:16px;background:rgba(14,16,30,.98);box-shadow:0 18px 40px -12px rgba(0,0,0,.8)}
.lang-menu button{display:block;width:100%;text-align:left;border:0;background:none;color:var(--text);font:500 14px var(--display);padding:10px 12px;border-radius:11px;cursor:pointer}
.lang-menu button:hover,.lang-menu button.on{background:rgba(123,108,255,.2)}
@media (max-width:640px){
  .top-actions{display:flex!important;position:absolute;right:12px;top:50%;transform:translateY(-50%)}
  .top-actions > :not(.lang):not(.nt-btn):not(.ms-btn){display:none!important}
  .lang-btn{width:auto!important;height:36px!important;padding:0 11px!important}
}
/* barra de ações da ficha no celular: 5 ícones + botão principal sem quebrar */
@media (max-width:640px){
  .pn-box{gap:6px;padding-left:10px;padding-right:10px}
  .pn-sec .btn-ghost{width:38px;height:38px}
  .pn-go{flex:1 1 0;min-width:0;white-space:nowrap;padding:12px 10px;font-size:14px;gap:6px}
  .pn-go span{white-space:nowrap}
  .pn-go i{display:none}
  .pn-box .pn-go span{display:inline}
}
@media (max-width:340px){
  .pn-sec .btn-ghost{width:34px;height:34px}
  .pn-go{font-size:13px;padding:12px 6px}
  .pn-box{gap:5px}
}
/* grades de sites: cantos quadrados (cards, capas, botões dos cards, "Veja também") */
.card,.card *,.card *::before,.card *::after,.skeleton,.rel,.rel *{border-radius:0!important}
footer a{color:var(--ice);text-decoration:none}
footer a:hover{text-decoration:underline}
@media (max-width:640px){
  footer{display:none}
}
.hero-legal{display:none}
@media (max-width:640px){
  .hero-legal{display:block;margin:8px 0 0;font:500 11px var(--mono);letter-spacing:.08em;color:#59608a;text-align:center}
  .hero-legal a{color:var(--ice);text-decoration:none}
}
@media (max-width:640px){
  .hero h1{display:none}
  .hero-legal{margin:0;padding:8px 0 2px;font-size:11.5px}
}
/* selo de verificado */
.selo{display:inline-block;flex:none;width:1em;height:1em;margin-left:.3em;vertical-align:-.12em;color:var(--ice)}
.card .body h3{display:flex;align-items:center;justify-content:center;min-width:0}
.card .body h3>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.card h3 .selo{width:15px;height:15px}
#fcNome .selo{width:.75em;height:.75em;vertical-align:-.05em}
.arroba .selo{width:.95em;height:.95em;margin-left:.25em}
#meuArroba .selo{width:15px;height:15px}
#meuArroba .pendente{display:block;margin-top:3px;font:500 11.5px var(--mono);color:var(--ice);opacity:.85}
.arroba{display:inline-flex;align-items:center;min-width:0}
.arroba>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.arroba .selo{flex:none}
#meuArroba .ma{display:inline-flex;align-items:center;max-width:100%;white-space:nowrap}
#meuArroba .ma>span{overflow:hidden;text-overflow:ellipsis;min-width:0}
#meuArroba .selo{flex:none}
.arroba{overflow:visible}
.arroba .selo{filter:none}
/* ===== Perfil (estilo app) ===== */
.perfil{display:block;position:relative;padding:0;border:0;background:none;margin-top:14px}
#meuPerfil{margin-bottom:14px}
.pc{position:relative;overflow:hidden;padding:20px 20px 18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(26,22,72,.55) 0,rgba(12,14,27,.96) 92px),rgba(12,14,27,.96);animation:pcIn .45s cubic-bezier(.2,.8,.2,1) both}
.pc::before{content:"";position:absolute;inset:-60px -40px auto auto;width:260px;height:180px;background:radial-gradient(closest-side,rgba(123,108,255,.35),transparent);pointer-events:none}
.pc::after{content:"";position:absolute;left:-60px;top:-70px;width:220px;height:160px;background:radial-gradient(closest-side,rgba(111,214,255,.16),transparent);pointer-events:none}
.pc>*{position:relative;z-index:1}
.pc-ini{font:700 32px var(--display);color:#fff}
.pc-meta,.pc-pend{display:flex;align-items:center;gap:7px;margin-top:9px;font:500 11.5px var(--mono);color:#6d74a0}
.pc-pend{color:var(--ice)}
.pc-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #262b58;border-radius:12px;background:#12152f;color:#e8eaf8;font:600 13.5px var(--display);text-decoration:none;cursor:pointer;transition:transform .15s,border-color .2s,background .2s}
.pc-btn:hover{border-color:var(--violet);background:#171a3d}
.pc-btn:active{transform:scale(.97)}
.pc-btn.pri{background:linear-gradient(135deg,#4a3fd6,#7b6cff);border-color:transparent;color:#fff}
.pc-btn.ct{border-color:rgba(111,214,255,.32);background:rgba(111,214,255,.07);color:#dff6ff}
.pc-btn.ct i{font-size:16px;color:var(--ice)}
@keyframes pcIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes pcGlow{0%,100%{box-shadow:none}50%{box-shadow:none}}
/* editar perfil */
.pe-foto{display:flex;align-items:center;gap:16px;margin:4px 0 14px}
.pe-av{position:relative;flex:none;width:84px;height:84px;padding:3px;border:0;border-radius:50%;background:linear-gradient(140deg,#4a3fd6,#7b6cff 50%,#6fd6ff);cursor:pointer}
.pe-av img,.pe-av span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #0c0e1b;background:#14173a;font:700 30px var(--display);color:#fff}
.pe-av>i{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--ice);color:#06070d;font-size:12px;border:3px solid #0c0e1b}
.pe-foto-btns{display:flex;flex-direction:column;gap:8px}
.pe textarea.field{resize:none;min-height:84px;line-height:1.45}
.pe-n{text-align:right;font:500 11px var(--mono);color:var(--muted);margin:4px 2px 6px}
.pe-ct{display:grid;grid-template-columns:132px 1fr;gap:8px;margin-bottom:8px}
.pe-ct input:disabled{opacity:.45}
@media (max-width:640px){
  .pc{padding:16px 15px 15px;border-radius:20px}
  .pc-ini{font-size:27px}
  .pc-btn{min-height:38px;font-size:13px}
  .pe-ct{grid-template-columns:112px 1fr}
}
@media (prefers-reduced-motion:reduce){
  .pc{animation:none}
}
#meuPerfil{flex:none;width:100%;min-height:0}
#perfilBox.perfil{display:block;height:auto;max-height:none}
#pfCard{width:100%}
#perfilBox[hidden]{display:none}
.pe .hint.left{color:var(--muted)}
.pe-ct select.field{padding-right:30px;text-overflow:ellipsis}
.pc{max-width:760px}
.pc-btn{white-space:nowrap;min-width:0}
.pc-btn>span{overflow:hidden;text-overflow:ellipsis}
.pc-btn.ct{flex:1 1 0}
@media (max-width:640px){
  .pc-btn{padding:0 10px;font-size:12.5px;gap:6px}
}
#perfilBox{max-width:760px}
/* perfil centralizado e solto */
#meuPerfil{margin:16px auto 16px}
#meuPerfil[hidden]{display:none}
#meuPerfil .pc,#perfilBox .pc{margin-left:auto;margin-right:auto}
#perfilBox{margin-left:auto;margin-right:auto}
/* ===== PC: menu lateral (só ícones; abre ao passar o mouse) ===== */
@media (min-width:900px){
  .toolbar .tabs,.top-actions>a.btn-ghost,.top-actions>.btn-primary{display:none}
  body{padding-left:84px}
  .bnav{display:flex;flex-direction:column;gap:6px;position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:40;width:62px;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:26px;background:rgba(18,19,32,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 50px -14px rgba(0,0,0,.85);overflow:hidden;transition:width .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}
  .bnav.aberto,html.tecla .bnav:has(:focus-visible){width:212px;box-shadow:0 22px 60px -14px rgba(0,0,0,.9)}
  .bnav button,.bnav a{position:relative;display:flex;align-items:center;gap:14px;height:46px;padding:0 12px;border:0;border-radius:16px;background:none;color:#b9bedc;font:600 14px var(--display);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
  .bnav svg{flex:none;width:22px;height:22px}
  .bnav span{opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s}
  .bnav.aberto span,html.tecla .bnav:has(:focus-visible) span{opacity:1;transform:none;transition-delay:.06s}
  .bnav button:hover,.bnav a:hover{background:rgba(255,255,255,.06);color:#fff}
  .bnav .on{background:rgba(123,108,255,.24);color:#b3a8ff}
  .bnav .on svg{fill:currentColor;fill-opacity:.3}
  .bnav .on::before{content:"";position:absolute;left:-8px;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(#7b6cff,#6fd6ff)}
  .bnav .bn-pub{background:linear-gradient(135deg,#4a3fd6,#7b6cff);color:#fff;margin:4px 0}
  .bnav .bn-pub:hover{background:linear-gradient(135deg,#5548e6,#8a7dff)}
  .bnav a{margin-top:2px}
}
@media (min-width:900px) and (prefers-reduced-motion:reduce){
  .bnav,.bnav span{transition:none}
}
/* título do mural só na aba Mural */
body[data-aba="meus"] .hero,body[data-aba="destaques"] .hero,body[data-aba="usuarios"] .hero{display:none}
/* Meus sites: sem painel; insights na grade */
#painelMeus{display:none!important}
.pc-btn.perigo:hover{border-color:#ff5c7a;color:#ff8da1}
.pc-btn:disabled{opacity:.4;cursor:not-allowed}
.tend{display:inline-flex;align-items:center;gap:2px;padding:2px 7px;border-radius:99px;font:700 11px var(--mono);white-space:nowrap}
.tend.sobe{color:#3ddc97;background:rgba(61,220,151,.12);border:1px solid rgba(61,220,151,.35)}
.tend.desce{color:#ff5c7a;background:rgba(255,92,122,.12);border:1px solid rgba(255,92,122,.35)}
.tend.igual{color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--line)}
body[data-aba="meus"] .card .vistas{display:none}
.card .ins{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:22px 12px 10px;background:linear-gradient(180deg,transparent,rgba(6,7,13,.92) 55%);font:500 11.5px var(--mono);color:#c9cde8;pointer-events:none}
.card .ins b{font:700 15px var(--display);color:#fff;margin-right:3px}
.card .ins .ins-n{display:flex;align-items:baseline;gap:4px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.card .ins .tend{border-radius:99px!important}
@media (max-width:640px){
  .card .ins{padding:18px 8px 7px;font-size:10px}
  .card .ins b{font-size:13px}
  .card .ins .tend{font-size:10px;padding:1px 6px}
}
body[data-aba="meus"] .card .fav-btn{display:none}
.pc-tools{display:flex;gap:6px;margin-left:auto;flex:none}
.pc-ic{width:34px;height:34px;display:grid;place-items:center;border:1px solid #262b58;border-radius:50%;background:#12152f;color:#c7cbe6;font-size:13px;cursor:pointer;transition:border-color .2s,color .2s,transform .15s}
.pc-ic:hover{border-color:var(--violet);color:#fff}
.pc-ic:active{transform:scale(.94)}
.pc-ic.perigo:hover{border-color:#ff5c7a;color:#ff8da1}
.pc-ic:disabled{opacity:.4;cursor:not-allowed}
.card .ins i{color:var(--ice);font-size:11px;margin-right:2px}
.card .ins em{font-style:normal;margin-left:3px}
@media (max-width:640px){
  .card .ins em{display:none}
  .pc-ic{width:32px;height:32px;font-size:12px}
}
@media (max-width:640px){
  .pc-tools{gap:4px}
  .pc-ic{width:30px;height:30px}
}
#meuPerfil.pc-ok .pc{animation:none}
/* página de perfil */
body.modo-perfil .hero,body.modo-perfil .toolbar{display:none}
/* ficha aberta no PC: esconde o menu lateral para não cobrir o conteúdo */
@media (min-width:900px){
  body.ficha-open .bnav,body:has(#ficha:not([hidden])) .bnav{display:none!important}
}
/* ===== Perfil estilo Instagram ===== */
#perfilBox,#meuPerfil{max-width:820px}
.ig{display:grid;grid-template-columns:160px 1fr;grid-template-areas:"av nome" "av nums" "av bio" "btns btns";column-gap:56px;row-gap:14px;align-items:start;padding:10px 8px 4px;animation:pcIn .4s cubic-bezier(.2,.8,.2,1) both}
#meuPerfil.pc-ok .ig{animation:none}
.ig-av{grid-area:av;width:150px;height:150px;border-radius:50%;padding:4px;background:linear-gradient(140deg,#4a3fd6,#7b6cff 50%,#6fd6ff);justify-self:center}
.ig.pc-ver .ig-av{animation:pcGlow 3s ease-in-out infinite}
.ig-av img,.ig-av .pc-ini{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #07080f;background:#14173a}
.ig-av .pc-ini{font:700 52px var(--display);color:#fff}
.ig-vz .ig-av{background:#262b58;box-shadow:none}
.ig-vz .ig-av .pc-ini{font-size:40px;color:var(--violet)}
.ig-nome{grid-area:nome;display:flex;align-items:center;gap:8px;min-width:0;padding-top:6px}
.ig-nome h2{margin:0;font:600 22px var(--display);letter-spacing:-.01em;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ig-nome .selo{width:20px;height:20px;margin:0;flex:none}
.ig-nums{grid-area:nums;display:flex;flex-wrap:wrap;gap:8px 30px;margin:0;padding:0;list-style:none;font-size:15px;color:#c9cde8}
.ig-nums li{display:flex;align-items:center;gap:5px;white-space:nowrap}
.ig-nums b{font:700 16px var(--display);color:#fff}
.ig-nums .tend{font-size:10px;padding:1px 6px;margin-left:2px}
.ig-bio{grid-area:bio;min-width:0}
.ig-bio p{margin:0;font-size:14.5px;line-height:1.5;color:#e1e4f5;white-space:pre-line;overflow-wrap:anywhere}
.ig-bio p.dim{color:var(--muted);font-size:13.5px}
.ig-bio .pc-meta,.ig-bio .pc-pend{margin-top:8px}
.ig-btns{grid-area:btns;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ig-btns .pc-btn{flex:1 1 0;min-width:140px;min-height:40px;border-radius:10px;background:#161936;border-color:#22264f;font-size:14px}
.ig-btns .pc-btn:hover{background:#1c2045}
.ig-btns .pc-btn.pri{background:linear-gradient(135deg,#4a3fd6,#7b6cff);border-color:transparent}
.ig-btns .pc-btn.ct{background:rgba(111,214,255,.08);border-color:rgba(111,214,255,.3)}
.ig-tab{display:flex;justify-content:center;margin:26px 0 4px;border-top:1px solid #1f2347}
.ig-tab span{display:inline-flex;align-items:center;gap:8px;margin-top:-1px;padding:14px 4px 0;border-top:1px solid #e8eaf8;font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#e8eaf8}
.ig-tab i{font-size:12px}
body.modo-perfil #perfilBox{margin-top:26px;margin-bottom:8px}
body[data-aba="meus"] #meuPerfil{margin-top:28px;margin-bottom:6px}
@media (max-width:640px){
  .ig{grid-template-columns:86px 1fr;grid-template-areas:"av nome" "av nums" "bio bio" "btns btns";column-gap:22px;row-gap:10px;padding:6px 2px 0}
  .ig-av{width:86px;height:86px;padding:3px}
  .ig-av img,.ig-av .pc-ini{border-width:3px}
  .ig-av .pc-ini{font-size:32px}
  .ig-nome{padding-top:4px}
  .ig-nome h2{font-size:18px}
  .ig-nome .selo{width:17px;height:17px}
  .ig-nums{gap:6px 16px;font-size:13px}
  .ig-nums b{font-size:14.5px}
  .ig-nums li{flex-direction:column;align-items:flex-start;gap:0}
  .ig-bio p{font-size:14px}
  .ig-btns{gap:6px}
  .ig-btns .pc-btn{min-width:0;min-height:36px;font-size:13px;padding:0 8px}
  .ig-tab{margin-top:18px}
  .pc-tools{gap:4px}
}
.so-m,.ig-quebra{display:none}
.so-pc{display:contents}
@media (max-width:640px){
  .so-pc{display:none}
  .so-m{display:flex;flex:none}
  .ig-quebra{display:block;flex-basis:100%;height:0}
  .so-m .pc-tools{margin-left:0}
  .so-m .pc-ic{width:36px;height:36px;border-radius:10px}
  .ig-btns .pc-btn.ct{flex:1 1 0}
}
/* ===== Publicar: tela própria em etapas ===== */
body[data-aba="publicar"] .hero{display:none}
.pt{margin:22px auto 34px;border:1px solid var(--line);border-radius:22px;background:rgba(12,14,27,.94);overflow:hidden;animation:pcIn .35s cubic-bezier(.2,.8,.2,1) both}
.pt[hidden]{display:none}
.pt-head{display:grid;grid-template-columns:48px 1fr minmax(48px,auto);align-items:center;gap:8px}
.pt-nav{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:#e8eaf8;cursor:pointer;transition:background .2s}
.pt-nav:hover{background:rgba(255,255,255,.06)}
.pt-tit{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0}
.pt-tit b{font:700 16px var(--display);color:#fff}
.pt-tit span{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pt-acao{justify-self:end;border:0;border-radius:12px;background:none;color:var(--ice);font:700 15px var(--display);padding:9px 14px;cursor:pointer;transition:background .2s,opacity .2s}
.pt-acao:hover{background:rgba(111,214,255,.08)}
.pt-acao.pub{background:linear-gradient(135deg,#4a3fd6,#7b6cff);color:#fff;padding:9px 20px;box-shadow:none}
.pt-acao:disabled{opacity:.45;cursor:wait}
.pt-grade{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s;background:linear-gradient(90deg,transparent calc(33.33% - .5px),rgba(255,255,255,.35) calc(33.33% - .5px),rgba(255,255,255,.35) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgba(255,255,255,.35) calc(66.66% - .5px),rgba(255,255,255,.35) calc(66.66% + .5px),transparent calc(66.66% + .5px)),
             linear-gradient(180deg,transparent calc(33.33% - .5px),rgba(255,255,255,.35) calc(33.33% - .5px),rgba(255,255,255,.35) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgba(255,255,255,.35) calc(66.66% - .5px),rgba(255,255,255,.35) calc(66.66% + .5px),transparent calc(66.66% + .5px))}
.pt-zoom{display:flex;align-items:center;gap:12px;width:min(100% - 44px,660px);margin:16px auto 0;color:var(--muted)}
.pt-zoom input{flex:1;accent-color:#7b6cff;height:4px}
.pt-link{border:0;background:none;color:var(--ice);font:600 13px var(--display);cursor:pointer;padding:4px 0}
.pt-link:hover{text-decoration:underline}
.pt-det{display:grid}
.pt-prev{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.pt-lbl{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#7c83a8}
.pt-prev .card{pointer-events:none;transform:none!important;animation:none!important;opacity:1!important;visibility:visible!important}
.pt-form .field-label:first-child{margin-top:0}
.pt-form textarea.field{resize:none}
@media (max-width:640px){
  .pt{margin:4px -2px 20px;border:0;border-radius:0;background:none}
  .pt-head{padding:6px 2px 10px}
  .pt-zoom{width:100%}
  .pt-det{grid-template-columns:1fr;gap:18px;padding:14px 0 10px}
  .pt-prev{width:min(78%,300px);margin:0 auto}
}
/* etapa Capa mais compacta */
/* ===== Publicar (uma tela): capa dentro da prévia ===== */
.pt{max-width:900px}
.pt-head{border-bottom:1px solid #1f2347;padding:12px 14px}
.pt-det{grid-template-columns:minmax(0,320px) 1fr;gap:30px;padding:22px 24px 24px}
.pt-prev .card.previa{pointer-events:auto;transform:none!important;animation:none!important;opacity:1!important}
.pt-prev .card.previa:hover .cover img{transform:none}
#ptCrop{position:relative;touch-action:none;user-select:none;-webkit-user-select:none}
#ptCrop.editavel{cursor:grab}
#ptCrop.editavel.drag{cursor:grabbing}
#ptCrop .pt-img{position:absolute;left:0;top:0;max-width:none;max-height:none;transition:none!important;filter:none;pointer-events:none}
#ptCrop .pt-img.fixa{position:static;width:100%;height:100%;object-fit:cover}
#ptCrop.over{outline:2px dashed var(--ice);outline-offset:-6px}
.pt-vazio{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;border:0;background:repeating-linear-gradient(135deg,rgba(123,108,255,.05) 0 12px,transparent 12px 24px),#0d0f22;color:#c7cbe6;cursor:pointer;transition:background .2s}
.pt-vazio:hover{background:repeating-linear-gradient(135deg,rgba(123,108,255,.09) 0 12px,transparent 12px 24px),#11142c}
.pt-vazio svg{width:40px;height:40px;color:#7b6cff;margin-bottom:2px}
.pt-vazio b{font:700 14px var(--display);color:#fff}
.pt-vazio small{font:400 11px var(--mono);color:var(--muted)}
#ptCrop .tag{z-index:3}
#ptCrop .pt-grade{z-index:1}
.pt-arraste{position:absolute;left:50%;bottom:10px;z-index:3;transform:translateX(-50%);padding:4px 10px;border-radius:99px!important;background:rgba(6,7,13,.75);font:500 11px var(--mono);color:#dfe2f5;pointer-events:none;white-space:nowrap}
.pt-prev .pt-zoom{width:100%;margin:2px 0 0}
.pt-prev .pt-link{align-self:center}
.pt-prev .foot .visit,.pt-prev .foot .sq{pointer-events:none}
@media (max-width:640px){
  .pt-det{grid-template-columns:1fr;gap:16px;padding:14px 0 10px}
  .pt-prev{width:min(80%,300px);margin:0 auto}
}
@media (max-width:640px){
  .pt-prev{width:min(72%,270px)}
}
/* modo de segurança (banco reserva) */
.aviso-reserva{position:sticky;top:0;z-index:60;padding:9px 16px;text-align:center;font:600 12.5px var(--display);color:#1a1300;background:linear-gradient(90deg,#f2b84b,#ffd479)}
/* logo limpa: sem fundo, sem moldura e sem brilho */
.logo-ring{padding:0;background:none!important;box-shadow:none!important;border-radius:0}
.brand:hover .logo-ring{animation:none}
.logo-ring img{object-fit:contain;border-radius:0;background:none}
.sp-logo{padding:0;box-shadow:none!important;overflow:visible}
.sp-logo::before{display:none}
.sp-logo img{object-fit:contain;background:none}
.logo-ring{width:46px;height:30px}
.sp-logo{width:150px;height:96px}
@media (max-width:640px){
  .logo-ring{width:40px;height:26px}
}
/* enquanto a página carrega (F5), o menu lateral fica sempre fechado e sem animação */
@media (min-width:900px){
  html:not(.pronto) .bnav{width:62px!important;transition:none!important}
  html:not(.pronto) .bnav span{opacity:0!important;transition:none!important}
}
/* ===== Efeitos mais leves e profissionais ===== */
/* cards: sem inclinação 3D e sem neon; só um leve levantar */
.card{transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s}
.card:hover{transform:translateY(-3px)!important}
.card .tag,.card .vistas{box-shadow:none!important}
.card:hover .cover img{transform:scale(1.03)}
/* tela de carregamento rápida */
#splash{transition:opacity .35s ease,visibility 0s .35s}
#splash.sai{transform:none}
/* cliques: resposta tátil leve em botões */
button:not(:disabled):active,.btn-primary:active,.btn-ghost:active,.pc-btn:active,.chip:active{transform:scale(.97)}
.brand:hover .brand-name{animation:none}
/* ===== Visual limpo, sem neon ===== */
.aurora{background:radial-gradient(60vw 45vw at -5% -10%,rgba(74,63,214,.16),transparent 70%),radial-gradient(50vw 40vw at 105% 110%,rgba(123,108,255,.10),transparent 70%)}
.btn-primary,.btn-primary:hover{box-shadow:none}
.brand-name b,.hero h1,.pn-brand{filter:none}
.chip.on,.tab.on{box-shadow:none}
.card:hover{border-color:#2c3270;box-shadow:0 14px 30px -18px rgba(0,0,0,.9)}
.visit:hover{border-color:#3a4090;box-shadow:none}
.sq:hover,.btn-ghost:hover:not(:disabled){box-shadow:none}
.pn-foto{border-color:#262b58;box-shadow:none}
.pn-foto::after{display:none}
.pn-cat,.pn-info h1{text-shadow:none}
.pn-go{box-shadow:none}
.rel:hover{border-color:#2c3270;box-shadow:none}
.pn-aurora::before,.pn-aurora::after{animation:none;opacity:.6}
.selo{filter:none}
.pt-acao.pub,.pc-btn.pri{box-shadow:none}
.ig-av{box-shadow:none}
/* ===== Tela de carregamento leve e limpa ===== */
#splash{background:var(--bg)}
#splash::before{display:none}
.sp-center{gap:20px;animation:spFade .3s ease both}
.sp-name{font-size:16px;letter-spacing:.32em;text-shadow:none;color:#e8eaf8}
.sp-name b{text-shadow:none;color:var(--violet)}
.sp-bar{width:120px;height:2px;border-radius:2px;background:#1a1d3a}
.sp-bar i{width:35%;border-radius:2px;background:var(--violet);box-shadow:none}
@keyframes spFade{from{opacity:0}to{opacity:1}}
/* ===== Desempenho: cards entram rápido e menos camadas pesadas ===== */
.card{animation:rise .32s ease-out forwards;animation-delay:calc(min(var(--i,0),8) * 25ms)}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
body.carregando .card{animation-play-state:running}
.bnav,.fav-btn{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
@media (min-width:900px){
  .bnav{background:rgba(16,17,30,.97)}
}
@media (max-width:899px){
  .bnav{background:rgba(20,21,34,.97)}
}
.fav-btn{background:rgba(6,7,13,.82)}
/* item Conta: foto de perfil no lugar do ícone */
.bn-av{display:grid;place-items:center;flex:none}
.bn-av.foto{border-radius:50%;overflow:hidden;background:linear-gradient(140deg,#4a3fd6,#7b6cff 50%,#6fd6ff)}
.bn-av.foto img,.bn-av.foto i{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#14173a;font:700 11px var(--display);font-style:normal;color:#fff}
.bnav .on .bn-av.foto{box-shadow:0 0 0 2px #a99bff}
/* a foto do item Conta nunca some com o menu fechado */
.bnav .bn-av,html:not(.pronto) .bnav .bn-av{opacity:1!important;transform:none!important}
.bnav .bn-av span{opacity:1!important}
/* foto do item Conta maior */
.bn-av{width:30px;height:30px}
.bn-av.foto{padding:2px}
.bn-av.foto i{font-size:13px}
@media (min-width:900px){
  .bnav .bn-conta{padding-left:8px}
  .bn-av{width:32px;height:32px}
}
@media (max-width:640px){
  .bn-av{width:28px;height:28px}
}
/* ===== Legenda ao passar o mouse (PC) ===== */
.cv-leg{display:none}
@media (hover:hover) and (min-width:900px){
  .cv-leg{display:flex;align-items:flex-end;position:absolute;inset:0;z-index:2;padding:46px 16px 56px;pointer-events:none;background:linear-gradient(180deg,transparent 25%,rgba(6,7,13,.92) 85%);opacity:0;transition:opacity .22s ease}
  .cv-leg p{margin:0;font-size:13.5px;line-height:1.5;color:#eef0fb;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;transform:translateY(6px);transition:transform .22s ease}
  .card:hover .cv-leg{opacity:1}
  .card:hover .cv-leg p{transform:none}
  body[data-aba="meus"] .cv-leg,.previa .cv-leg{display:none}
}
/* ===== Busca + categorias fixas ao rolar (PC) ===== */
@media (min-width:900px){
  .toolbar.fixa{position:sticky;top:var(--topo,60px);z-index:25;margin:0 calc(-1 * clamp(10px,2vw,28px));padding:10px clamp(10px,2vw,28px);flex-wrap:nowrap;gap:12px;background:rgba(8,9,18,.97);border-bottom:1px solid var(--line);animation:barIn .2s ease-out}
  .toolbar.fixa .searchbar{flex:0 0 300px;height:40px;border-radius:12px}
  .toolbar.fixa .searchbar input{font-size:13.5px}
  .toolbar.fixa .filtros{flex:1;min-width:0;flex-wrap:nowrap}
  .toolbar.fixa .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .toolbar.fixa .chips::-webkit-scrollbar{display:none}
  .toolbar.fixa .chip{flex:none}
  @keyframes barIn{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}
}
/* ===== Página do site no PC: centralizada, capa grande, botões junto do nome ===== */
@media (min-width:900px){
  .pn-wrap{max-width:1100px!important;margin:0 auto!important;padding:40px 40px 100px!important;display:grid!important;grid-template-columns:minmax(0,440px) minmax(0,1fr)!important;column-gap:48px!important;row-gap:0!important;grid-template-areas:"foto info" "foto side" "sobre sobre" "mais mais" "veja veja"}
  .pn-main,.pn-head{display:contents}
  .pn-foto{grid-area:foto;align-self:start;width:100%}
  .pn-foto img{width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;aspect-ratio:6/5;object-fit:cover}
  .pn-info{grid-area:info;align-self:end;padding-bottom:22px}
  .pn-info h1{font-size:clamp(28px,2.6vw,40px)}
  .pn-side{grid-area:side;position:static!important;align-self:start}
  .pn-box{gap:10px}
  .pn-sec{display:flex;flex-wrap:wrap;gap:8px}
  .pn-sec .btn-ghost{flex:1 1 auto;width:auto}
  .pn-note{margin-top:4px}
  .pn-sec2{grid-area:sobre;margin-top:40px}
  .pn-mais{grid-area:mais}
  #pnVeja{grid-area:veja}
  .pn-rel{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:900px){
  .pn-sec{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pn-sec .btn-ghost{width:100%!important;justify-content:center}
}
/* PC: capa menor e legenda junto do nome, antes dos botões */
@media (min-width:900px){
  .pn-wrap{max-width:1000px!important;grid-template-columns:minmax(0,320px) minmax(0,1fr)!important;column-gap:40px!important;grid-template-areas:"foto info" "foto sobre" "foto side" "mais mais" "veja veja"!important}
  .pn-info{align-self:start;padding-bottom:14px}
  .pn-sec2{grid-area:sobre;margin:0 0 18px!important;padding:0!important;border:0!important}
  .pn-sec2::before{display:none}
  .pn-sec2 .pn-sub{margin-bottom:6px}
  .pn-sec2 p{font-size:15px;line-height:1.6}
  .pn-mais{margin-top:40px}
}
@media (min-width:900px){
  .pn-info{padding-bottom:20px}
  .pn-sec2{margin-bottom:22px!important}
}
/* PC: botões fixos embaixo da capa (coluna esquerda); nome e legenda na direita, sem empurrar os botões */
@media (min-width:900px){
  .pn-wrap{grid-template-columns:320px minmax(0,1fr)!important;column-gap:48px!important;grid-template-areas:"foto info" "foto sobre" "side sobre" "side ." "mais mais" "veja veja"!important;grid-template-rows:auto auto auto 1fr auto auto}
  .pn-side{margin-top:18px}
  .pn-sec .btn-ghost{font-size:13px;padding-left:8px;padding-right:8px;white-space:nowrap}
  .pn-note{font-size:11.5px}
  .pn-sec2{margin:0!important}
  .pn-sec2 p{white-space:pre-line}
}
/* ===== Topo da página do site: bolha flutuante (estilo Telegram) ===== */
.pn-top{position:absolute!important;top:14px;left:50%;transform:translateX(-50%);z-index:6;height:54px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px;background:rgba(20,21,36,.94);box-shadow:0 12px 34px -12px rgba(0,0,0,.85)}
.pn-top::after{display:none!important}
.pn-back{border:0!important;background:rgba(255,255,255,.06)!important}
.pn-back:hover{background:rgba(123,108,255,.22)!important}
.pn-brand{display:flex!important;align-items:center;gap:10px;font:600 12.5px var(--mono);letter-spacing:.2em}
.pn-logo{width:34px;height:22px;object-fit:contain}
.pn-scroll{padding-top:84px}
@media (max-width:640px){
  .pn-top{top:10px;height:50px!important}
  .pn-back{height:38px;padding:0 13px!important}
  .pn-brand{font-size:10.5px;letter-spacing:.14em;gap:7px;padding-right:8px}
  .pn-logo{width:28px;height:18px}
  .pn-scroll{padding-top:72px}
}
.pn-back{white-space:nowrap}
@media (max-width:640px){
  .pn-brand{font-size:0;letter-spacing:0;gap:0}
  .pn-brand b{font-size:0}
  .pn-logo{width:34px;height:22px}
}
/* bolha: voltar vira um botão redondo só com a seta; marca centralizada */
.pn-top{padding:0 6px!important}
.pn-back{width:42px;height:42px;padding:0!important;justify-content:center;border-radius:50%!important;color:#e8eaf8}
.pn-back svg{transition:transform .2s}
.pn-back:hover svg{transform:translateX(-2px)}
.pn-esp{width:42px;flex:none}
.pn-brand{padding-right:0!important}
@media (max-width:640px){
  .pn-top{width:min(calc(100% - 20px),360px)!important}
  .pn-back{width:38px;height:38px}
  .pn-esp{width:38px}
  .pn-brand{font-size:10.5px!important;letter-spacing:.14em!important;gap:7px!important}
  .pn-brand b{font-size:inherit!important}
}
/* bolha quase de ponta a ponta */
.pn-top{width:calc(100% - 40px)!important;max-width:none!important}
@media (max-width:640px){
  .pn-top{width:calc(100% - 20px)!important}
}
/* ===== Cabeçalho em bolha (igual ao da página do site) ===== */
.topbar{position:sticky!important;top:10px!important;z-index:30;display:grid!important;align-items:center;gap:8px;margin:10px 20px 0;height:56px;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px;background:rgba(20,21,36,.95)!important;box-shadow:0 12px 34px -12px rgba(0,0,0,.85);justify-content:initial!important}
.topbar .top-actions{position:static!important;transform:none!important}
.tb-busca{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#e8eaf8;cursor:pointer;transition:background .2s}
.tb-busca:hover{background:rgba(123,108,255,.22)}
.topbar .lang-btn{height:42px;border:0!important;background:rgba(255,255,255,.06)!important}
.topbar .searchbar{display:none}
.topbar.buscando .searchbar:not([hidden]){display:flex;z-index:2;margin:0;flex:none;animation:fade .15s ease}
.topbar.buscando .searchbar input{flex:1;min-width:0}
.sb-fechar{display:grid;place-items:center;flex:none;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#c7cbe6;cursor:pointer}
.sb-fechar:hover{background:rgba(255,255,255,.12);color:#fff}
.hero .searchbar{display:none!important}
@media (min-width:900px){
  .topbar{margin-left:20px;margin-right:20px}
}
@media (max-width:640px){
  .topbar{margin:8px 10px 0;height:52px;top:8px!important;grid-template-columns:38px 1fr auto}
  .tb-busca{width:38px;height:38px}
  .topbar .lang-btn{height:38px!important}
}
/* busca: sem o X nativo (já existe o nosso) e sem ícone duplicado */
#busca::-webkit-search-cancel-button{display:none;-webkit-appearance:none}
.topbar .searchbar > i{display:none}
/* faixa de fundo atrás da bolha, para o conteúdo rolando não aparecer em volta dela */
body::before{content:"";position:fixed;left:0;right:0;top:0;height:74px;z-index:29;pointer-events:none;background:linear-gradient(var(--bg) 62%,rgba(6,7,13,0))}
@media (max-width:640px){
  body::before{height:66px}
}
body.ficha-open::before{display:none}
/* cabeçalho: marca à esquerda; busca (compacta) e idioma à direita */
.topbar{grid-template-columns:1fr auto auto!important;padding:0 7px 0 18px!important}
.topbar .brand{grid-column:1!important;justify-self:start!important}
.tb-busca{grid-column:2!important}
.topbar .top-actions{grid-column:3!important}
.topbar .searchbar{grid-column:2}
.topbar.buscando .tb-busca{display:none}
.topbar.buscando .searchbar:not([hidden]){position:static!important;inset:auto!important;width:300px;height:42px;padding:0 4px 0 14px!important;border-radius:999px;background:rgba(255,255,255,.06)!important;border:1px solid #2c3270!important}
.topbar .searchbar input{font-size:14px}
.topbar .searchbar .count{font-size:11px}
.sb-fechar{width:32px;height:32px}
@media (max-width:640px){
  .topbar{padding:0 6px 0 12px!important}
  .topbar.buscando .searchbar:not([hidden]){width:min(56vw,230px);height:38px}
  .topbar.buscando .brand-name{display:none}
  .topbar .searchbar .count{display:none}
}
@media (max-width:640px){
  .topbar{grid-template-columns:auto 1fr auto!important;column-gap:6px!important}
  .topbar.buscando .searchbar:not([hidden]){width:auto;min-width:0;justify-self:stretch}
  .topbar .top-actions{min-width:0}
  .topbar .lang-btn{padding:0 10px!important}
}
@media (max-width:640px){
  .tb-busca{justify-self:end}
}

/* ===== Destaques no padrão novo ===== */
.dest-head{align-items:flex-end!important;margin:clamp(14px,2vw,24px) 0 18px!important;flex-wrap:wrap}
.dest-tit h1{margin:0;font:700 clamp(28px,3.2vw,44px)/1.1 var(--display);letter-spacing:-.02em;color:#eef0fb}
.dest-tit p{margin:6px 0 0;color:var(--muted);font-size:14px}
.dest-tabs{padding:0!important;border:0!important;background:none!important;gap:8px!important}
.dest-tabs button{padding:8px 16px!important;border:1px solid var(--line)!important;background:rgba(12,14,27,.9)!important;color:#c7cbe6!important;font-size:13px!important}
.dest-tabs button.on{background:rgba(123,108,255,.18)!important;border-color:#7b6cff!important;color:#fff!important}
.cover .dest-rank{left:auto!important;right:auto;top:auto!important;bottom:10px;left:10px!important;min-width:0;height:26px;padding:0 9px;border-radius:99px;background:rgba(6,7,13,.85)!important;border:1px solid #2c3270;color:#e8eaf8;font:700 12px var(--mono);box-shadow:none}
.cover .dest-rank.top{border-color:var(--ice);color:var(--ice)}
@media (max-width:640px){.dest-tit h1{font-size:24px}.dest-tit p{font-size:12.5px}.dest-tabs button{padding:7px 12px!important;font-size:12px!important}}

/* ===== Estados vazios e de erro ===== */
.estado{padding:0 0 60px}
.vz{grid-column:1/-1;max-width:420px;margin:24px auto;padding:34px 26px;display:flex;flex-direction:column;align-items:center;text-align:center;border:0;border-radius:0;background:none;animation:fade .3s ease}
.vz-ic{width:64px;height:64px;display:grid;place-items:center;margin-bottom:10px;border-radius:0;background:none;color:#a99bff}
.vz h3{margin:0;font:700 18px var(--display);color:#eef0fb}
.vz p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
.vz-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.vz-btns .btn-primary,.vz-btns .btn-ghost{display:inline-flex;align-items:center;padding:10px 18px;border-radius:99px;font-size:13.5px}
.estado.warn .vz-ic{background:rgba(242,184,75,.12);color:var(--amber)}

/* ===== Android/celular: um card por linha ===== */
@media (max-width:640px){
  .grid,#destLista.grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .card .cover{aspect-ratio:16/10!important}
  .card .body{padding:12px 14px 0!important}
  .card .body h3{font-size:16px!important;line-height:1.25}
  .card .body h3 span{-webkit-line-clamp:1!important}
  .card .arroba{font-size:12.5px}
  .card .foot{padding:0;margin:12px 14px 14px!important;height:44px!important}
  .card .visit{font-size:14px}
  .card .tag,.card .vistas{font-size:11px}
  .card .ins{padding:22px 12px 10px;font-size:11.5px}.card .ins b{font-size:15px}.card .ins em{display:inline}
}
/* lupa só onde faz sentido (fora de Publicar e Conta) */
body[data-aba="usuarios"] .tb-busca,body[data-aba="usuarios"] .topbar .searchbar,body[data-aba="publicar"] .tb-busca,body[data-aba="meus"] .tb-busca,body[data-aba="publicar"] .topbar .searchbar,body[data-aba="meus"] .topbar .searchbar{display:none!important}

/* ===== Reações (estilo Telegram) ===== */
.rx{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}
.rx-b,.rx-add{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid #262b58;border-radius:99px!important;background:rgba(18,21,47,.85);color:#c7cbe6;font:600 12.5px var(--display);cursor:pointer;transition:background .15s,border-color .15s,transform .12s}
.rx-b span{font-size:14px;line-height:1}
.rx-b b{font-weight:700}
.rx-b:hover,.rx-add:hover{border-color:#3a4090;background:#171a3d}
.rx-b:active,.rx-add:active{transform:scale(.94)}
.rx-b.on{background:rgba(123,108,255,.28);border-color:#7b6cff;color:#fff}
.rx-add{width:28px;padding:0;justify-content:center;position:relative;color:#8c92b3}
.rx-add i{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;display:grid;place-items:center;border-radius:50%!important;background:#7b6cff;color:#fff;font:700 10px/1 var(--display);font-style:normal}
.rx-pop{position:fixed;z-index:90;display:flex;gap:2px;padding:6px;border:1px solid #2c3270;border-radius:99px!important;background:rgba(20,21,36,.98);box-shadow:0 14px 34px -10px rgba(0,0,0,.85);animation:rxIn .16s cubic-bezier(.2,.9,.3,1.2) both}
.rx-pop button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%!important;background:none;font-size:22px;cursor:pointer;transition:transform .12s,background .12s}
.rx-pop button:hover{transform:scale(1.22);background:rgba(255,255,255,.06)}
.rx-pop button.on{background:rgba(123,108,255,.28)}
@keyframes rxIn{from{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:none}}
.rx-ficha{justify-content:flex-start;margin:12px 0 0}
.rx-ficha .rx-b,.rx-ficha .rx-add{height:32px}
.rx-ficha .rx-add{width:32px}
.previa .rx,body[data-aba="meus"] .card .rx-add{display:none}
@media (max-width:640px){.rx{gap:5px;margin-top:8px}.rx-b,.rx-add{height:30px}.rx-add{width:30px}.rx-pop button{width:42px;height:42px}}


/* página de links (Conta) */
.ig{grid-template-areas:"av nome" "av nums" "av bio" "btns btns" "lk lk"}
.ig-lk{grid-area:lk;display:flex;align-items:center;gap:16px;margin-top:6px;padding:16px 4px;border-radius:0!important;background:none;border-bottom:1px solid var(--line)}
.ig-lk-ic{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:0!important;background:none;color:#a99bff;font-size:22px}
.ig-lk-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ig-lk-t b{font:600 15.5px var(--display);color:#fff}
.ig-lk-t small{font:500 13px var(--mono);color:var(--ice);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ig-lk-t span{font-size:13px;color:var(--muted)}
.ig-lk-a{flex:none;display:flex;gap:8px}
.ig-lk-a .pc-btn{flex:none;min-width:0;min-height:40px;border-radius:10px;padding:0 16px}
.ig-lk-a .pc-btn.pri{background:linear-gradient(135deg,#4a3fd6,#7b6cff);border-color:transparent}
@media (max-width:640px){
  .ig{grid-template-areas:"av nome" "av nums" "bio bio" "btns btns" "lk lk"}
  .ig-lk{flex-wrap:wrap;padding:14px}
  .ig-lk-a{width:100%}
  .ig-lk-a .pc-btn{flex:1}
}

/* fundo com a foto do perfil desfocada (igual à página de links) */
.ig{position:relative;isolation:isolate}
.ig-fundo{position:absolute;left:50%;top:-150px;z-index:-1;width:100vw;height:640px;transform:translateX(-50%);pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent);mask-image:linear-gradient(180deg,#000 50%,transparent)}
.ig-fundo::before{content:"";position:absolute;inset:0;background:radial-gradient(640px 380px at 50% 30%,rgba(90,75,230,.32),transparent 70%)}
.ig-fundo img{position:absolute;left:50%;top:-60px;width:820px;height:820px;max-width:none;transform:translateX(-50%);object-fit:cover;filter:blur(80px) saturate(1.4);opacity:.34;-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent);mask-image:radial-gradient(closest-side,#000 40%,transparent);animation:igFundo .9s ease both}
@keyframes igFundo{from{opacity:0}}
#meuPerfil.pc-ok .ig-fundo img{animation:none}
@media (max-width:640px){.ig-fundo{top:-110px;height:520px}.ig-fundo img{width:560px;height:560px}}
@media (prefers-reduced-motion:reduce){.ig-fundo img{animation:none}}
main{overflow-x:clip}

/* ---------- Seus números (Conta) ---------- */
.nm{position:relative;margin:16px 0 4px;padding:20px 22px 22px;border-radius:20px!important;background:linear-gradient(160deg,rgba(17,20,42,.82),rgba(12,14,27,.82));box-shadow:inset 0 0 0 1px var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;animation:nmIn .6s cubic-bezier(.2,.8,.2,1) both}
.nm::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--violet),var(--ice),transparent);opacity:.7}
@keyframes nmIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.nm-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.nm-h h3{font:600 17px var(--display);color:#fff;letter-spacing:-.01em}
.nm-h small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}
.nm-ch{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.nm-ch .tend{font-size:12px;padding:3px 9px}
.nm-k{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 6px}
.nm-k>div{display:flex;flex-direction:column;gap:1px;padding:12px 14px;border-radius:14px!important;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.nm-k b{font:700 24px var(--display);color:#fff;letter-spacing:-.02em;line-height:1.15}
.nm-k span{font-size:12.5px;color:var(--muted)}
.nm-g{display:grid;grid-template-columns:repeat(var(--col,14),1fr);gap:6px;height:168px;margin-top:18px;align-items:end}
.nm-c{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0;cursor:default}
.nm-c i{display:block;width:100%;max-width:26px;height:var(--h);min-height:3px;border-radius:7px 7px 3px 3px!important;background:linear-gradient(180deg,rgba(123,108,255,.75),rgba(74,63,214,.35));transform-origin:bottom;animation:nmGrow .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 40ms + 150ms);transition:filter .2s,background .2s}
.nm-c.hj i{background:linear-gradient(180deg,var(--ice),var(--violet));box-shadow:none}
.nm-c:hover i{filter:brightness(1.3)}
@keyframes nmGrow{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}
.nm-c em{font:600 10.5px var(--mono);font-style:normal;color:var(--muted);margin-bottom:4px;opacity:0;transition:opacity .2s;white-space:nowrap}
.nm-c.pico em,.nm-c.hj em,.nm-c:hover em{opacity:1}
.nm-c.pico em{color:var(--ice)}
.nm-c span{margin-top:7px;font:500 10.5px var(--mono);color:#5d6390;text-transform:uppercase}
.nm-c.hj span{color:var(--ice)}
.nm-vz{margin:18px 0 4px;padding:18px;border-radius:14px!important;background:rgba(255,255,255,.03);color:var(--muted);font-size:14px;text-align:center}
.nm-t{margin:24px 0 6px;font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.nm-r{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.nm-r li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.05);animation:nmIn .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 70ms + 350ms)}
.nm-r li:first-child{border-top:0}
.nm-pos{flex:none;width:18px;font:600 12px var(--mono);color:#5d6390;text-align:center}
.nm-r li:first-child .nm-pos{color:var(--amber)}
.nm-im{flex:none;width:52px;height:36px;border-radius:9px!important;overflow:hidden;background:#11142a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.nm-im img{width:100%;height:100%;object-fit:cover;display:block}
.nm-nm{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.nm-nm b{font:600 14px var(--display);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nm-br{display:block;height:5px;border-radius:99px!important;background:rgba(255,255,255,.06);overflow:hidden}
.nm-br i{display:block;height:100%;width:var(--w);border-radius:99px!important;background:linear-gradient(90deg,var(--indigo),var(--violet),var(--ice));transform-origin:left;animation:nmBar .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 70ms + 450ms)}
@keyframes nmBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.nm-v{flex:none;display:flex;flex-direction:column;align-items:flex-end;min-width:44px}
.nm-v b{font:700 15px var(--display);color:#fff}
.nm-v small{font:500 11px var(--mono);color:#3ddc97}
@media (max-width:640px){
  .nm{padding:16px 14px 18px;border-radius:16px!important}
  .nm-k{gap:8px}.nm-k>div{padding:10px 11px}.nm-k b{font-size:20px}
  .nm-g{gap:3px;height:140px}
  .nm-c span{font-size:9px}
  .nm-c em{font-size:9px}
  .nm-im{width:44px;height:32px}
}
@media (prefers-reduced-motion:reduce){.nm,.nm-c i,.nm-r li,.nm-br i{animation:none!important}}


/* ---------- Selo "Estou no BLACKE" (Conta) ---------- */
.sl{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"t t" "pv a";gap:14px 22px;align-items:center;margin:12px 0 4px;padding:14px 4px;border-radius:0!important;background:none;box-shadow:none;border-bottom:1px solid var(--line)}
.sl-t{grid-area:t;display:flex;flex-direction:column;gap:3px}
.sl-t b{font:600 16px var(--display);color:#fff}
.sl-t span{font-size:13px;color:var(--muted)}
.sl-pv{grid-area:pv;display:grid;place-items:center;padding:14px 18px;border-radius:16px!important;transition:background .3s}
.sl-pv.escuro{background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.sl-pv.claro{background:#eceef8}
.sl-pv img{display:block;max-width:100%;height:auto}
.sl-a{grid-area:a;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sl-seg{display:inline-flex;padding:3px;border-radius:12px!important;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.sl-seg button{height:34px;padding:0 16px;border:0;border-radius:9px!important;background:none;color:var(--muted);font:600 13px var(--display);cursor:pointer;transition:background .2s,color .2s}
.sl-seg button.on{background:linear-gradient(135deg,#4a3fd6,#7b6cff);color:#fff}
.sl-a .pc-btn{flex:none;min-width:0;min-height:40px;border-radius:10px;padding:0 16px;text-decoration:none}
@media (max-width:700px){
  .sl{grid-template-columns:1fr;grid-template-areas:"t" "pv" "a";padding:14px}
  .sl-a{flex-direction:column;align-items:stretch}
  .sl-seg{display:grid;grid-template-columns:1fr 1fr}
  .sl-a .pc-btn{justify-content:center}
}

/* ---------- Selo BLACKE (conquista) ---------- */
.ig-nome .selo-b{width:38px;height:38px;margin:0 0 0 4px}
.card h3 .selo-b{width:20px;height:20px}

/* ---------- Conta: blocos recolhíveis ---------- */
details.nm{padding:0}
.nm-h{list-style:none;cursor:pointer;align-items:center;padding:15px 20px;transition:background .2s}
.nm-h::-webkit-details-marker{display:none}
.nm-h:hover{background:rgba(255,255,255,.025)}
.nm-h .nm-sub{display:block;margin-top:3px;font-size:13px;color:var(--muted)}
.nm-sub b{font:700 13px var(--display);color:#fff}
details.nm[open] .nm-sub{display:none}
.nm-ch{flex-direction:row;align-items:center;gap:12px}
.nm-cv{flex:none;width:8px;height:8px;margin:-3px 3px 0 2px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .25s,margin .25s}
details[open]>summary .nm-cv{transform:rotate(-135deg);margin-top:4px}
.nm-b{padding:0 22px 22px;animation:nmIn .4s cubic-bezier(.2,.8,.2,1) both}
.nm-meta{display:flex;flex-direction:column;gap:9px;padding:12px 14px;margin-top:2px;border-radius:14px!important;background:rgba(123,108,255,.08);box-shadow:inset 0 0 0 1px rgba(123,108,255,.32)}
.nm-meta-t{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted)}
.nm-meta-t>b{font:600 13.5px var(--display);color:#c9c1ff}
.nm-meta-t span b{font:700 13.5px var(--display);color:#fff}
.nm-meta .nm-br i{background:linear-gradient(90deg,#4a3fd6,#7b6cff,#a99bff)}
.nm-meta.ok .nm-meta-t{justify-content:flex-start}
.nm-meta-t .selo-b{width:25px;height:25px;margin:0}
.nm-k{margin-top:14px}

details.sl{display:block;padding:0}
.sl-h{list-style:none;display:flex;align-items:center;gap:14px;padding:13px 18px;cursor:pointer}
.sl-h::-webkit-details-marker{display:none}
.sl-h:hover{background:none}
.sl-ic{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:0!important;background:none;color:#a99bff;font-size:20px}
.sl-h .sl-t{flex:1;min-width:0}
.sl-h .sl-t b{font-size:15px}
.sl-b{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 22px;align-items:center;padding:2px 20px 18px;animation:nmIn .4s cubic-bezier(.2,.8,.2,1) both}
.sl-b .sl-pv,.sl-b .sl-a{grid-area:auto}
@media (max-width:700px){.sl-b{grid-template-columns:1fr;padding:2px 14px 14px}.sl-h{padding:12px 14px}}
.arroba .selo-b{width:1.95em;height:1.95em;margin-left:.35em;vertical-align:-.28em}
/* mini foto de perfil ao lado do @ */
.arroba .amini{flex:none;display:inline-grid;place-items:center;width:20px;height:20px;margin-right:7px;border-radius:50%!important;overflow:hidden;background:linear-gradient(135deg,#4a3fd6,#7b6cff);box-shadow:0 0 0 1.5px rgba(123,108,255,.55);color:#fff;font:700 10px var(--display);line-height:1}
.arroba .amini img{width:100%;height:100%;object-fit:cover;display:block}

/* Selo BLACKE (ninja): rótulo em hexágono com fumaça preta saindo das bordas */
/* Selo BLACKE: rótulo roxo com ninja preto e olhos roxos */
.selo-b{display:inline-block;flex:none;width:1.35em;height:1.35em;margin-left:.35em;vertical-align:-.26em;overflow:visible!important;text-overflow:clip}
.selo-b .sb-hex{display:block;width:100%;height:100%;filter:none}

/* Ranking da semana */
.rk{margin:0 0 6px;padding:0;border-radius:0!important;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;overflow:visible;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.rk::before{display:none}
.rk .nm-h{padding:11px 0}
.rk .nm-h:hover{background:none}
.rk .nm-h h3{font-size:15px}
.rk .nm-b{padding:0 0 8px}
.rk[hidden],#ranking[hidden]{display:none}
.rk-f{display:inline-flex}
.rk .nm-r li[data-act]{cursor:pointer;border-radius:10px;transition:background .2s}
.rk .nm-r li[data-act]:hover{background:rgba(255,255,255,.03)}
.rk .nm-r li:nth-child(2) .nm-pos{color:#c9c1ff}
.rk .nm-r li:nth-child(3) .nm-pos{color:#a9714a}
.rk .nm-nm{gap:4px}
.rk .nm-nm b{display:flex;align-items:center;gap:6px}
.rk .nm-nm b .selo{width:.85em;height:.85em;flex:none}
.rk-h{font:500 11.5px var(--mono);color:var(--muted)}

/* Ranking de @ */
.rk .nm-r li{display:grid;grid-template-columns:22px 44px minmax(0,1fr) auto auto;align-items:center;gap:8px 14px}
.rk-av{padding:0;border:0;background:none;cursor:pointer;display:inline-flex}
.rk-av .amini,.rk-f .amini{flex:none;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%!important;overflow:hidden;background:linear-gradient(135deg,#4a3fd6,#7b6cff);box-shadow:0 0 0 1.5px rgba(123,108,255,.55);color:#fff;font:700 17px var(--display);line-height:1;margin:0}
.rk-av .amini img,.rk-f .amini img{width:100%;height:100%;object-fit:cover;display:block;margin:0;border:0;border-radius:0}
.rk-f .amini{width:28px;height:28px;font-size:12px;margin-left:-8px;box-shadow:0 0 0 2px #0c0e1b}
.rk-f .amini:first-child{margin-left:0}
.rk .nm-nm b{font-size:15px}
.rk-ac{display:flex;gap:8px}
.rk-ac .btn-primary,.rk-ac .btn-ghost{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:10px!important;text-decoration:none;font-size:13px;white-space:nowrap}
@media (max-width:640px){
  .rk .nm-r li{grid-template-columns:20px 40px minmax(0,1fr) auto}
  .rk-av .amini{width:40px;height:40px}
  .rk-ac{grid-column:2 / -1}
  .rk-ac>*{flex:1}
}

/* sem contorno de foco nos blocos de ranking/números/selo */
.nm-h,.nm-h:focus,.nm-h:focus-visible,.rk-av:focus,.rk-av:focus-visible,details.nm:focus,details.nm:focus-visible,details.sl>summary,details.sl>summary:focus,details.sl>summary:focus-visible{outline:none!important;-webkit-tap-highlight-color:transparent}

/* Seguidores / Seguindo */
.ig-sg{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;outline:none!important;-webkit-tap-highlight-color:transparent}
.ig-sg:hover span{color:#fff}
.seg-btn.on{background:rgba(255,255,255,.04);border-color:#3a3f87;color:#c9c1ff}
.seg-btn.on i{color:#3ddc97}
.sg-l{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;max-height:56vh;overflow:auto}
.sg-l li{border-top:1px solid rgba(255,255,255,.06)}
.sg-l li:first-child{border-top:0}
.sg-r{display:flex;align-items:center;gap:12px;width:100%;padding:11px 4px;border:0;background:none;color:#fff;cursor:pointer;text-align:left;font:600 15px var(--display);outline:none!important}
.sg-r:hover{background:rgba(255,255,255,.03)}
.sg-r .amini{flex:none;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%!important;overflow:hidden;background:linear-gradient(135deg,#4a3fd6,#7b6cff);box-shadow:0 0 0 1.5px rgba(123,108,255,.55);color:#fff;font:700 16px var(--display);margin:0}
.sg-r .amini img{width:100%;height:100%;object-fit:cover;display:block}
.sg-r .selo,.sg-r .selo-b{margin-left:2px}
.sg-r .selo{width:15px;height:15px}
.sg-r .selo-b{width:22px;height:22px}
.sg-vz{padding:22px 4px;color:var(--muted);font-size:14px;text-align:center}
#sgTitulo small{font:500 13px var(--mono);color:var(--muted);margin-left:6px}
@media (max-width:640px){.ig-btns .pc-btn.seg-btn{flex:1 0 100%}.ig-btns .seg-q{display:none}}

/* números do perfil: valor em cima, nome embaixo */
.ig-nums{align-items:flex-start;gap:6px 28px}
.ig-nums li,.ig-nums .ig-sg{flex-direction:column;align-items:center;gap:1px;text-align:center;line-height:1.25}
.ig-nums li>span,.ig-nums .ig-sg span{font-size:13px;color:var(--muted)}
.ig-nums b{font-size:17px}
@media (max-width:640px){.ig-nums{width:100%;justify-content:space-between;gap:6px 8px;padding-right:4px}.ig-nums b{font-size:16px}.ig-nums li>span,.ig-nums .ig-sg span{font-size:12px}}

/* Sugestões de @ na busca */
.searchbar{position:relative}
.sug{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:60;padding:8px;border:1px solid var(--line);border-radius:16px;background:rgba(12,14,27,.98);box-shadow:0 24px 60px -16px rgba(0,0,0,.8),0 0 0 1px rgba(123,108,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fade .15s}
.sug[hidden]{display:none}
.sug-t{padding:4px 10px 6px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sug-i{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:10px;background:none;color:#fff;cursor:pointer;text-align:left;font:600 14.5px var(--display);outline:none!important}
.sug-i:hover{background:rgba(123,108,255,.14)}
.sug-i .amini{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%!important;overflow:hidden;background:linear-gradient(135deg,#4a3fd6,#7b6cff);box-shadow:0 0 0 1.5px rgba(123,108,255,.55);color:#fff;font:700 12px var(--display);margin:0}
.sug-i .amini img{width:100%;height:100%;object-fit:cover;display:block}
.sug-i .selo{width:14px;height:14px;margin-left:2px}
.sug-i .selo-b{width:20px;height:20px;margin-left:2px}
.sug-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* --- notificações --- */
.nt-btn{position:relative;padding:11px 13px!important}
.nt-btn svg{color:var(--ice);transition:transform .25s}
.nt-btn:hover svg{transform:rotate(-12deg)}
.nt-n{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#ff5d8a,#ff8a4c);color:#fff;font:700 11px var(--display);box-shadow:0 0 0 2px var(--bg),0 4px 14px -2px rgba(255,93,138,.7)}
.nt-back{position:fixed;inset:0;z-index:79;background:transparent}
.nt-pn{position:fixed;z-index:80;top:calc(var(--topo,64px) + 6px);right:max(14px,env(safe-area-inset-right));width:min(392px,calc(100vw - 28px));max-height:min(560px,calc(100vh - var(--topo,64px) - 28px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(14,16,30,.78);-webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5);box-shadow:0 26px 70px -14px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.07);animation:ntIn .18s cubic-bezier(.2,.8,.2,1)}
@keyframes ntIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.nt-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px;border-bottom:1px solid rgba(255,255,255,.07)}
.nt-h h3{font:700 17px var(--display);letter-spacing:-.01em}
.nt-todas{border:0;background:none;color:var(--ice);font:600 12.5px var(--display);cursor:pointer;padding:4px 2px;outline:none!important}
.nt-todas:hover{text-decoration:underline}
.nt-l{list-style:none;margin:0;padding:6px;overflow:auto;display:flex;flex-direction:column;gap:2px}
.nt-i{position:relative;display:flex;align-items:center;gap:13px;width:100%;padding:11px 12px;border:0;border-radius:15px;background:transparent;color:var(--text);text-align:left;cursor:pointer;font:500 14px/1.35 var(--display);outline:none!important;transition:background .15s}
.nt-i:hover{background:rgba(255,255,255,.07)}
.nt-i.nova{background:rgba(123,108,255,.1)}
.nt-i.nova:hover{background:rgba(123,108,255,.17)}
.nt-t{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.nt-x{color:rgba(255,255,255,.82)}
.nt-x b{color:#fff;font-weight:700}
.nt-t time{font:500 11.5px var(--display);color:rgba(255,255,255,.42)}
.nt-d{width:8px;height:8px;border-radius:50%;background:var(--violet);box-shadow:none;flex:none}
.nt-ic{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;font-style:normal;background:rgba(255,255,255,.07);font-size:15px}
.nt-ic.am{background:rgba(242,184,75,.14);color:var(--amber)}
.nt-ic.ci{background:rgba(111,214,255,.12);color:var(--ice)}
.nt-ic.vi{background:rgba(123,108,255,.14)}
.nt-ic svg{width:20px;height:20px}
.nt-i .amini,.nt-i .av-mini{flex:none}
.nt-vz{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 24px 38px;text-align:center;color:rgba(255,255,255,.5);font-size:13px;line-height:1.45}
.nt-vz i{font-size:26px;color:rgba(255,255,255,.28);margin-bottom:4px}
.nt-vz b{color:#fff;font:700 15px var(--display)}
@media(max-width:640px){
  .nt-pn{left:10px;right:10px;width:auto;top:calc(var(--topo,60px) + 4px)}
}
.nt-i .amini{flex:none;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%!important;overflow:hidden;background:linear-gradient(135deg,#4a3fd6,#7b6cff);box-shadow:0 0 0 1.5px rgba(123,108,255,.55);color:#fff;font:700 14px var(--display);line-height:1;margin:0}
.nt-i .amini img{width:100%;height:100%;object-fit:cover}
@media(max-width:640px){
  .topbar .nt-btn{height:38px;width:38px;padding:0!important;border:0!important;border-radius:99px;background:rgba(255,255,255,.06)!important}
  .topbar .nt-btn[hidden]{display:none!important}
  .nt-n{top:-3px;right:-3px}
}
/* bolha de aviso no topo */
.nt-bolha{position:fixed;z-index:95;left:50%;top:calc(10px + env(safe-area-inset-top));width:min(420px,calc(100vw - 24px));transform:translate(-50%,-160%);opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.2,.9,.25,1.15),opacity .3s}
.nt-bolha.on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.nt-bn{display:flex;align-items:center;gap:13px;width:100%;padding:12px 16px 12px 12px;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:rgba(16,18,34,.8);-webkit-backdrop-filter:blur(26px) saturate(1.6);backdrop-filter:blur(26px) saturate(1.6);box-shadow:0 18px 50px -10px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.1);color:var(--text);text-align:left;cursor:pointer;font:500 14px/1.35 var(--display);outline:none!important}
.nt-bn .nt-tt{font:700 11px var(--display);letter-spacing:.09em;color:rgba(255,255,255,.5)}
.nt-bn .nt-x{color:#fff}
.nt-bn .amini{flex:none;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%!important;overflow:hidden;background:linear-gradient(135deg,#4a3fd6,#7b6cff);color:#fff;font:700 14px var(--display);margin:0}
.nt-bn .amini img{width:100%;height:100%;object-fit:cover}
.nt-mais{margin-left:auto;font:700 12px var(--display);font-style:normal;color:#fff;background:rgba(255,255,255,.14);padding:3px 9px;border-radius:99px;flex:none}
@media(prefers-reduced-motion:reduce){.nt-bolha{transition:opacity .2s}}
.nt-ac{display:flex;align-items:center;gap:6px}
.nt-som{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:var(--ice);font-size:13px;cursor:pointer;outline:none!important;transition:background .15s,color .15s}
.nt-som:hover{background:rgba(255,255,255,.14)}
.nt-som.off{color:rgba(255,255,255,.4)}
.nt-perm{display:flex;align-items:center;gap:12px;margin:10px 10px 0;padding:11px 12px;border:1px solid rgba(111,214,255,.2);border-radius:16px;background:rgba(111,214,255,.07)}
.nt-perm>i{font-size:18px;color:var(--ice)}
.nt-pt{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;font-size:12px;color:rgba(255,255,255,.55);line-height:1.35}
.nt-pt b{color:#fff;font:700 13px var(--display)}
.nt-pb{border:0;border-radius:999px;padding:7px 14px;background:var(--grad);color:#fff;font:700 12.5px var(--display);cursor:pointer;flex:none;outline:none!important}
.nt-pb:hover{filter:brightness(1.12)}
.nt-perm>i.fa-circle-check{color:#5ee0a0}
.nt-perm>i.fa-bell-slash{color:#ff6b7f}
/* seguir / seguindo (estilo rede social) */
.seg-btn.on{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}
.seg-btn.on i{color:rgba(255,255,255,.75)!important}
.seg-btn.on:hover{background:rgba(255,255,255,.14)!important}
.sg-li{display:flex;align-items:center;gap:10px}
.sg-li .sg-r{flex:1;min-width:0;width:auto}
.sg-b{flex:none;height:34px;padding:0 15px;border-radius:999px;font:700 13px var(--display);display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1px solid transparent;white-space:nowrap}
.sg-b.pri{background:var(--grad);color:#fff;border-color:transparent}
.sg-b.pri:hover{filter:brightness(1.1)}
.sg-b i{font-size:12px}
#modalConfirma{z-index:200}
.cf-quem{display:flex;align-items:center;gap:12px;margin:0 0 14px;font:700 16px var(--display)}
.cf-quem .amini{flex:none;display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%!important;overflow:hidden;background:linear-gradient(135deg,#4a3fd6,#7b6cff);box-shadow:0 0 0 2px rgba(123,108,255,.55);color:#fff;font:700 17px var(--display);margin:0}
.cf-quem .amini img{width:100%;height:100%;object-fit:cover}
.sg-rm{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);color:#fff}
.sg-rm:hover{background:rgba(255,255,255,.15)}
.seg-lnk{flex:none;border:0!important;background:none!important;padding:0 4px;color:var(--ice)!important;font:700 13px var(--display);cursor:pointer;outline:none!important;white-space:nowrap;display:inline-flex;align-items:center}
.seg-lnk i{display:none}
.seg-lnk.on{color:rgba(255,255,255,.5)!important}
.seg-lnk:hover{text-decoration:underline}
.sg-li .sg-r:has(+.seg-lnk){flex:0 1 auto}
.sg-li .seg-lnk{margin-right:auto;padding:0;font-weight:600;color:#6e8bff!important}
.sg-li .seg-lnk::before{content:"·";margin:0 6px 0 2px;color:rgba(255,255,255,.55)}
.sg-li .seg-lnk.on{display:none!important}
.sg-li .sg-rm{margin-left:auto}
.seg-btn.seg-lnk,.seg-btn.seg-lnk.on,.seg-btn.seg-lnk.on:hover{background:none!important;border:0!important;border-radius:0;box-shadow:none}
.seg-btn.seg-lnk.on i{display:none}

.nm-per{display:inline-flex;padding:3px;margin-top:16px;border-radius:12px!important;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.nm-per button{height:32px;padding:0 14px;border:0;border-radius:9px!important;background:none;color:var(--muted);font:600 13px var(--display);cursor:pointer;transition:background .2s,color .2s}
.nm-per button.on{background:linear-gradient(135deg,#4a3fd6,#7b6cff);color:#fff}
.nm-g.g30{gap:3px}
.nm-g.g30 .nm-c i{max-width:14px;border-radius:4px 4px 2px 2px!important}
.nm-g.g30 .nm-c span{font-size:10px;white-space:nowrap}
.nm-g.g30 .nm-c:not(.pico):not(.hj) em{display:none}
.nm-g.g30 .nm-c:hover em{display:block}

/* botões das listas de seguidores: pílula limpa, mesma largura */
.sg-li .sg-b:not(.seg-lnk){box-sizing:border-box;min-width:122px;height:34px;padding:0 14px;justify-content:center;border:0!important;border-radius:999px!important;box-shadow:none!important;outline:none!important;background-clip:padding-box}
.sg-li .sg-b.pri:not(.seg-lnk){background:linear-gradient(135deg,#5a4ce8,#6f9bff)!important;color:#fff!important}
.sg-li .sg-b.on:not(.seg-lnk),.sg-li .sg-rm{background:rgba(255,255,255,.1)!important;color:#fff!important}
.sg-li .sg-b.on:not(.seg-lnk):hover,.sg-li .sg-rm:hover{background:rgba(255,255,255,.16)!important}
.sg-li .sg-b i{font-size:12px;line-height:1}
.sg-li{min-height:56px}

/* Seguidores / Seguindo: título centralizado no topo, X à direita */
#modalSeg .sheet-head{position:relative;justify-content:center;min-height:40px;margin-bottom:10px}
#modalSeg .sheet-head h3{margin:0;text-align:center;font-size:20px}
#modalSeg .sheet-head .icon-btn{position:absolute;right:0;top:50%;transform:translateY(-50%)}

.sg-bq{position:relative;margin:0 0 6px}
.sg-bq i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--muted);pointer-events:none}
.sg-bq input{width:100%;height:40px;padding:0 14px 0 38px;border:0!important;border-radius:12px!important;background:rgba(255,255,255,.07);color:#fff;font:500 14px var(--display);outline:none;box-sizing:border-box}
.sg-bq input:focus{background:rgba(255,255,255,.1)}
.sg-bq input::placeholder{color:var(--muted)}
.sg-bq input{color-scheme:dark}
.sg-li[hidden]{display:none!important}

/* aviso da moderação (aba Conta) */
#avisoConta{margin:0 0 16px}
.av-ban{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px!important;background:linear-gradient(135deg,rgba(242,184,75,.14),rgba(255,107,129,.1));box-shadow:inset 0 0 0 1px rgba(242,184,75,.38)}
.av-ban.ok{background:rgba(111,214,255,.08);box-shadow:inset 0 0 0 1px rgba(111,214,255,.3)}
.av-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px!important;background:rgba(242,184,75,.18);color:#f2b84b;font-size:18px}
.av-ban.ok .av-ic{background:rgba(111,214,255,.15);color:var(--ice)}
.av-b{flex:1;min-width:0}
.av-t{display:block;font:700 15px var(--display);color:#fff}
.av-m{margin:4px 0 0;color:#dfe3f7;font-size:14.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.av-s{margin:8px 0 0;font-size:13.5px;color:var(--muted)}
.av-s b{color:#f2b84b;font:700 14px var(--mono)}
.av-s .av-venc{color:#ff6b81}
.av-ok{flex:none;white-space:nowrap}
@media (max-width:640px){.av-ban{flex-wrap:wrap}.av-ok{width:100%;justify-content:center}}

/* tela de manutenção (servidor principal fora do ar) */
#manut{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:var(--bg)}
#manut img{width:min(150px,38vw);height:auto;object-fit:contain}
#manut h1{font:700 clamp(20px,4.6vw,30px)/1.2 var(--display);letter-spacing:.14em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
#manut p{font:500 15px var(--display);color:var(--muted);max-width:34ch}

/* usuários: busca de pessoas */
.usr{max-width:720px;margin:0 auto;padding:18px var(--pn-x,20px) 90px;width:100%}
.usr-busca{display:flex;align-items:center;gap:10px;margin:14px 0 6px;padding:0 14px;height:48px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--muted)}
.usr-busca:focus-within{border-color:#3a3f87;box-shadow:0 0 0 3px rgba(123,108,255,.16)}
.usr-busca input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:var(--text);font:600 15px var(--display)}
.usr-busca input::placeholder{color:var(--muted);font-weight:500}
.usr-sub{margin:16px 2px 4px;font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.usr-lista{list-style:none;padding:0;margin:0}
.usr-li{border-bottom:1px solid rgba(255,255,255,.05)}
.usr-li .sg-r{flex:1;min-width:0}
.usr-info{display:flex;flex-direction:column;min-width:0;gap:2px}
.usr-l1{display:flex;align-items:center;gap:4px}
.usr-l2{font:500 12.5px var(--display);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.usr-lista .sg-vz{padding:28px 4px;color:var(--muted);text-align:center;list-style:none}
@media (max-width:640px){
  .bnav{padding:5px 4px;gap:0}
  .bnav button,.bnav a{font-size:9.5px;padding:0 2px}
  .bnav svg{width:22px;height:22px}
}
@media (max-width:380px){ .bnav button,.bnav a{font-size:8.5px} }

/* usuários: acabamento */
.usr{padding-top:4px}
.usr .dest-head{margin:6px 0 12px!important}
.usr .dest-tit h1{font-size:clamp(26px,3vw,36px)}
.usr-busca{height:54px;margin:8px 0 4px;padding:0 18px;gap:12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),var(--panel)}
.usr-busca i{font-size:16px;color:var(--ice);opacity:.9}
.usr-busca:focus-within i{opacity:1}
.usr-busca input{font-size:16px}
.usr-busca input::-webkit-search-cancel-button{filter:invert(.7);cursor:pointer}
.usr-sub{margin:18px 4px 6px}
.usr-li{border-bottom:0;border-radius:14px;padding:0 6px;transition:background .2s}
.usr-li:hover{background:rgba(255,255,255,.035)}
.usr-li .sg-r{padding:10px 4px;gap:14px}
.usr-li .sg-r .amini{width:48px;height:48px}
.usr-li .sg-n{font:700 16.5px var(--display);letter-spacing:-.005em}
.usr-l2{font-size:13px}
@media (max-width:640px){.usr-li .sg-r .amini{width:44px;height:44px}.usr-li .sg-n{font-size:15.5px}.usr-busca{height:50px}}

/* chat */
.ms-btn svg{color:var(--violet)}
.ms-btn[hidden]{display:none!important}
[data-chat-btn][hidden]{display:none!important}

.bnav #msgBtn{position:relative}.bnav .bn-n{position:absolute;top:4px;left:calc(50% + 4px);min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:#ff4d6d;color:#fff;font:700 10px/16px var(--display);text-align:center}
@media (min-width:901px){.bnav .bn-n{top:6px;left:30px}}

/* ===== Chat estilo Telegram: tela cheia, sem cabeçalho do site ===== */
body[data-aba="chat"] .topbar,body[data-aba="chat"] footer,body[data-aba="chat"] .hero{display:none!important}
body[data-aba="chat"] main{padding:0;max-width:none}
body[data-aba="chat"]{overflow:hidden}
body[data-aba="chat"]::before{display:none}
.chat-sec{--ch-bg:#181a2e;--ch-linha:rgba(255,255,255,.07);position:fixed;inset:0 0 0 84px;z-index:20;background:var(--bg);overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(300px,390px) 1fr;margin:0;font-family:var(--fonte-chat)}
.chat-sec[hidden]{display:none!important}
.chat-sec .ch-emo,.chat-sec .ch-t,.chat-sec input,.chat-sec .ch-e,.chat-sec .ch-emj-t button{font-family:var(--fonte-chat)}
.ch-lado{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--ch-linha)}
.ch-lado-h{flex:none;display:flex;align-items:center;gap:6px;padding:12px 12px 8px}
.ch-lado-h .ch-busca{flex:1;min-width:0}
.ch-lado-h .ch-menu{min-width:220px;width:max-content;max-width:calc(100vw - 24px);padding:10px 12px}
.ch-busca{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted)}
.ch-busca input{flex:1;min-width:0;border:0;background:none;color:var(--text);font:400 15px var(--fonte-chat);outline:0}
.ch-busca input::-webkit-search-cancel-button{display:none}
.ch-pess{flex:1;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:0 6px 8px}
.ch-sub{list-style:none;display:flex;gap:8px;margin:12px 10px 4px;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ch-sub b{font-weight:700;color:var(--text)}
.ch-li{list-style:none}
.ch-r{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:0;border-radius:12px;background:none;color:inherit;text-align:left;cursor:pointer}
.ch-r:hover{background:rgba(255,255,255,.05)}
.ch-li.sel .ch-r{background:rgba(123,108,255,.28)}
.ch-av{position:relative;flex:none}
.ch-av .amini{display:grid;place-items:center;width:52px;height:52px;border-radius:50%!important;overflow:hidden;background:linear-gradient(135deg,#4a3fd6,#7b6cff);color:#fff;font:600 19px var(--fonte-chat)}
.ch-av .amini img{width:100%;height:100%;object-fit:cover;display:block}
.ch-dot{position:absolute;right:0;bottom:0;width:13px;height:13px;border-radius:50%;background:#5b5f78;border:2.5px solid var(--bg)}
.ch-li.sel .ch-dot{border-color:#3a3480}
.ch-av.on .ch-dot{background:#3ddc84}
.ch-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ch-l1,.ch-l2{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.ch-n1{display:flex;align-items:center;gap:5px;min-width:0;font:600 15.5px var(--fonte-chat);color:var(--text)}
.ch-n1 .sg-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-hr{flex:none;font:400 12px var(--fonte-chat);color:var(--muted)}
.ch-pv{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 14px var(--fonte-chat);color:var(--muted)}
.ch-vc{color:#a99bff}
.ch-pv .ch-on,.ch-on{color:#3ddc84}
.ch-li.sel .ch-pv,.ch-li.sel .ch-hr{color:#d7d3ff}
.ch-nl{flex:none;min-width:22px;height:22px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:#7b6cff;color:#fff;font:600 12px var(--fonte-chat)}
.ch-lado-f{flex:none;padding:8px 14px 12px;border-top:1px solid var(--ch-linha)}
.ch-lado-f p{margin:6px 0 0;font:400 11px var(--fonte-chat);color:var(--muted);opacity:.8}
.ch-vis{display:flex;align-items:center;gap:8px;font:500 13px var(--fonte-chat);color:var(--muted);cursor:pointer}
.ch-vis input{accent-color:#7b6cff;width:15px;height:15px}
.ch-main{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}
.ch-vazio{flex:1;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--muted);font:500 14px var(--fonte-chat)}
.ch-vazio[hidden]{display:none}
.ch-vazio i{font-size:44px;opacity:.4}
.ch-vazio p{margin:0;padding:6px 14px}
.ch-conv{flex:1;min-height:0;display:flex;flex-direction:column}
.ch-conv[hidden]{display:none}
.ch-topo{flex:none;display:flex;align-items:center;gap:8px;height:58px;padding:0 12px;border-bottom:1px solid var(--ch-linha)}
.ch-quem{flex:1;min-width:0}
.ch-quem h3{margin:0;display:flex;align-items:center;gap:12px;font:600 16px var(--fonte-chat)}
.ch-quem h3 .ch-av .amini{width:40px;height:40px;font-size:16px}
.ch-quem .ch-dot{display:none}
.ch-nm{display:flex;flex-direction:column;min-width:0;gap:1px}
.ch-nm .ch-n1{font-size:15.5px}
.ch-st{font:400 12.5px var(--fonte-chat);color:var(--muted)}
.ch-st.on{color:#3ddc84}
.ch-acoes{position:relative;display:flex;align-items:center}
.ch-menu{position:absolute;right:0;top:100%;z-index:6;min-width:190px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2);box-shadow:0 20px 40px -10px rgba(0,0,0,.6)}
.ch-menu button{display:block;width:100%;text-align:left;border:0;background:none;color:var(--text);font:500 14px var(--fonte-chat);padding:10px 12px;border-radius:10px;cursor:pointer}
.ch-menu button:hover{background:rgba(123,108,255,.2)}
.ch-menu .perigo{color:#ff8a9b}
.ch-msgs{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;padding:10px max(12px,calc((100% - 760px)/2)) 6px}
.ch-dia{align-self:center;margin:12px 0 8px;position:sticky;top:4px;z-index:2}
.ch-dia b{display:block;padding:4px 12px;border-radius:99px;background:rgba(255,255,255,.1);font:500 12.5px var(--fonte-chat);color:#cfd2ee}
.ch-m{position:relative;display:flow-root;max-width:min(78%,520px);margin-top:8px;padding:6px 10px 5px 11px;border-radius:14px;font:400 15px/1.38 var(--fonte-chat);word-break:break-word;overflow-wrap:anywhere}
.ch-m.seq{margin-top:2px}
.ch-m.eu{align-self:flex-end;background:#5b4fe0;color:#fff;border-bottom-right-radius:5px}
.ch-m.ele{align-self:flex-start;background:#1c1f33;color:#eceef8;border-bottom-left-radius:5px}
.ch-m.eu.seq{border-top-right-radius:5px}.ch-m.ele.seq{border-top-left-radius:5px}
.ch-m.ap{opacity:.6;font-size:13.5px}
.ch-t{white-space:pre-wrap}
.ch-h{float:right;margin:7px 0 -3px 12px;font:400 11px var(--fonte-chat);opacity:.6}
.ch-form{flex:none;display:flex;align-items:center;gap:6px;padding:8px max(12px,calc((100% - 760px)/2)) 10px}
.ch-form input{flex:1;min-width:0;height:44px;padding:0 16px;border:0;border-radius:999px;background:rgba(255,255,255,.07);color:var(--text);font:400 15.5px var(--fonte-chat);outline:0}
.ch-form input::placeholder{color:#7d82a3}
.ch-ebtn{flex:none;width:42px;height:42px;border:0;border-radius:50%;background:none;color:#8c92b3;font-size:22px;cursor:pointer}
.ch-ebtn:hover,.ch-ebtn[aria-expanded="true"]{color:#a99bff}
.ch-env{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:#7b6cff;color:#fff;cursor:pointer}
.ch-form[hidden],.ch-aviso[hidden]{display:none!important}
.ch-aviso{flex:none;margin:8px 14px;padding:12px 14px;border-radius:12px;background:rgba(242,184,75,.1);border:1px solid rgba(242,184,75,.3);color:#f2d28b;font:500 13.5px var(--fonte-chat);text-align:center}
.ch-emj{flex:none;margin:0 max(12px,calc((100% - 760px)/2));border:1px solid var(--ch-linha);border-radius:16px;background:#12142a;overflow:hidden}
.ch-emj[hidden]{display:none}
.ch-emj-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:2px;height:230px;overflow-y:auto;padding:8px;align-content:start}
.ch-e{height:40px;border:0;border-radius:10px;background:none;font-size:26px;line-height:1;cursor:pointer}
.ch-e:hover{background:rgba(255,255,255,.08)}
.ch-emj-t{display:flex;border-top:1px solid var(--ch-linha);overflow-x:auto;scrollbar-width:none}
.ch-emj-t button{flex:1;min-width:42px;height:40px;border:0;background:none;font-size:20px;cursor:pointer;opacity:.55;border-bottom:2px solid transparent}
.ch-emj-t button.on{opacity:1;border-bottom-color:#7b6cff}
#chVoltar{display:none}
@media (min-width:900px){
  body[data-aba="chat"]{padding-left:84px}
  body[data-aba="chat"] .bnav,body[data-aba="chat"] .bnav.aberto,html.tecla body[data-aba="chat"] .bnav:has(:focus-visible){width:62px!important}
  body[data-aba="chat"] .bnav span:not(.bn-av),body[data-aba="chat"] .bnav.aberto span:not(.bn-av){opacity:0!important;pointer-events:none}
}
@media (max-width:899px){
  body[data-aba="chat"]{padding-left:0}
  body[data-aba="chat"] .chat-sec{inset:0}   /* fundo até embaixo; o menu flutua por cima */
  body[data-aba="chat"] .ch-pess{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  body.ch-aberto[data-aba="chat"] .bnav{display:none}
  body.ch-aberto[data-aba="chat"] .chat-sec{inset:0}
}
@media (max-width:760px){
  .chat-sec{grid-template-columns:1fr}
  .chat-sec .ch-main{display:none}
  .chat-sec.abriu .ch-main{display:flex}
  .chat-sec.abriu .ch-lado{display:none}
  .ch-lado{border-right:0}
  #chVoltar{display:grid}
  .ch-m{max-width:86%}
}

.ch-ac{position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:4px;padding:6px 10px;opacity:0;transition:opacity .12s}
.ch-m.eu .ch-ac{right:100%}
.ch-m.ele .ch-ac{left:100%}
.ch-m:hover .ch-ac,.ch-ac:focus-within{opacity:1}
.ch-ac button{width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#cfd2ee;font-size:12px;cursor:pointer}
.ch-ac button:hover{background:rgba(255,255,255,.2)}
.ch-ac button[data-chat-del],.ch-ac button[data-chat-rm]{color:#ffb3bf}
@media (hover:none){
  .ch-ac{position:static;transform:none;display:none;opacity:1;pointer-events:auto;float:none;clear:both;margin-top:6px;justify-content:flex-end}
  .ch-m.ac .ch-ac{display:flex}
  .ch-m.eu .ch-ac,.ch-m.ele .ch-ac{left:auto;right:auto}
}
.ch-m.flash{animation:chflash 1.2s}
@keyframes chflash{0%,60%{box-shadow:0 0 0 3px rgba(169,155,255,.7)}100%{box-shadow:0 0 0 0 transparent}}
.ch-q{display:block;width:100%;margin:0 0 5px;padding:4px 8px;border:0;border-left:3px solid #a99bff;border-radius:6px;background:rgba(255,255,255,.1);color:inherit;text-align:left;font:inherit;font-size:13px;line-height:1.3;cursor:pointer}
.ch-m.ele .ch-q{background:rgba(123,108,255,.14)}
.ch-q b{display:block;font-weight:600;color:#c9c1ff}
.ch-m.eu .ch-q b{color:#fff}
.ch-qt{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}
.ch-resp{flex:none;display:flex;align-items:center;gap:10px;margin:0 max(12px,calc((100% - 760px)/2));padding:6px 4px 6px 12px;border-left:3px solid #a99bff;background:rgba(255,255,255,.05);border-radius:8px;color:#a99bff}
.ch-resp[hidden]{display:none}
.ch-resp-t{flex:1;min-width:0;display:flex;flex-direction:column;font:400 13px var(--fonte-chat)}
.ch-resp-t b{font-weight:600;color:#c9c1ff}
.ch-resp-t span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aeb2cf}
.ch-st.dig{font-style:normal}
.ch-pts{display:inline-flex;gap:2px;margin-left:3px;vertical-align:middle}
.ch-pts i{width:4px;height:4px;border-radius:50%;background:#3ddc84;animation:chpt 1.2s infinite}
.ch-pts i:nth-child(2){animation-delay:.2s}.ch-pts i:nth-child(3){animation-delay:.4s}
@keyframes chpt{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
.ch-digb{padding:12px 14px!important;margin-top:8px}.ch-digb .ch-pts{margin:0;gap:4px}.ch-digb .ch-pts i{width:7px;height:7px;background:#a99bff}

.ch-m.pend{opacity:.75}
.ch-quem{cursor:pointer}
.ch-perf{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.55)}
.ch-perf[hidden]{display:none}
.chp{position:relative;width:min(380px,100%);max-height:min(640px,92dvh);overflow-y:auto;padding:26px 0 8px;border-radius:18px;background:#181a2e;box-shadow:0 30px 80px -20px rgba(0,0,0,.8);font-family:var(--fonte-chat)}
.chp-x{z-index:2;position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:50%;background:none;color:#aeb2cf;font-size:18px;cursor:pointer}
.chp-x:hover{background:rgba(255,255,255,.08)}
.chp-av{display:grid;place-items:center}
.chp-av .amini{width:96px!important;height:96px!important;font-size:36px!important}
.chp-n{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:8px;margin:12px 12px 2px;font:600 20px var(--fonte-chat)}
.chp-nm{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.chp-sl{display:flex;align-items:center;gap:5px;justify-self:start;min-width:0}
.chp-sl svg,.chp-sl img{width:20px;height:20px;flex:none}
.chp-st{text-align:center;font:400 13.5px var(--fonte-chat);color:var(--muted);min-height:18px}
.chp-ac{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 14px 12px}
.chp-t{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:64px;padding:0 4px;border:0;border-radius:12px;background:rgba(255,255,255,.07);color:#e3e5f6;font:500 12px var(--fonte-chat);text-decoration:none;cursor:pointer}
.chp-t:hover{background:rgba(255,255,255,.12)}
.chp-t i{font-size:18px}
.chp-t.on,.chp-t.pri{background:rgba(255,255,255,.07);color:#e3e5f6}
.chp-t.perigo{color:#ff8a9b}
.chp-i{border-top:8px solid rgba(0,0,0,.18)}
.chp-l{display:flex;align-items:flex-start;gap:16px;padding:11px 18px;color:inherit;text-decoration:none}
a.chp-l:hover{background:rgba(255,255,255,.05)}
.chp-l>i{flex:none;width:22px;margin-top:3px;text-align:center;color:#8c92b3;font-size:17px}
.chp-l>div{min-width:0}
.chp-v{display:block;font:400 15px/1.35 var(--fonte-chat);color:#eceef8;overflow-wrap:anywhere;white-space:pre-wrap}
.chp-l small{display:block;margin-top:1px;font:400 12.5px var(--fonte-chat);color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.chp .sg-vz{padding:30px 16px}
.cd-chk{display:flex;align-items:center;gap:10px;margin:4px 0 16px;font:500 14.5px var(--display);cursor:pointer}
.cd-chk input{width:18px;height:18px;accent-color:#7b6cff}
.bq-l{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:50dvh;overflow-y:auto}
.bq-li{display:flex;align-items:center;gap:12px;padding:8px 2px}
.bq-li .ch-av .amini{width:44px;height:44px}
.bq-n{flex:1;min-width:0;display:flex;align-items:center;gap:6px;font:600 15px var(--display)}
#chOpcBloq{display:flex;align-items:center;gap:10px;white-space:nowrap}
.ch-menu .ch-vis{padding:10px 12px}

/* ---- apagar / selecionar / fixar / silenciar / arquivar ---- */
.ch-li{position:relative}
.ch-fim{display:flex;align-items:center;gap:6px;flex:none}
.ch-ic{font-size:11px;color:var(--muted)}
.ch-nl.mudo{background:#4a4d63;color:#d6d8ea}
.ch-rmb{position:absolute;top:8px;right:12px;width:26px;height:22px;border:0;border-radius:8px;background:#161a2c;color:var(--muted);font-size:13px;cursor:pointer;opacity:0;pointer-events:none}
@media (hover:hover){.ch-li:hover .ch-rmb{opacity:1;pointer-events:auto}.ch-li:hover .ch-hr{visibility:hidden}}
.ch-rmb:hover{color:#fff;background:#232844}
.ch-lado.selm .ch-rmb{display:none}
.ch-arq{list-style:none;margin:2px 4px 4px}
.ch-arq button,.ch-arqv button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;color:var(--text);font:500 14px var(--fonte-chat);padding:10px;border-radius:12px;cursor:pointer;text-align:left}
.ch-arq button:hover{background:rgba(255,255,255,.05)}
.ch-arq button i{width:20px;text-align:center;color:var(--muted)}
.ch-arq button b{margin-left:auto;color:var(--muted);font-weight:600}
.ch-arq .ch-nl{margin-left:0}
.ch-arqv{margin:8px 4px 2px}
.ch-arqv button{font:700 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ch-arqv b{margin-left:auto;color:var(--text)}
.ch-rowm{position:fixed;z-index:60;min-width:210px;right:auto;top:auto}
.ch-rowm button{display:flex;align-items:center;gap:10px;white-space:nowrap}
.ch-rowm button i{width:16px;text-align:center;color:var(--muted)}
.ch-rowm .perigo i{color:#ff8a9b}
/* barra de seleção */
.ch-selb{display:none;flex:none;align-items:center;gap:10px;height:58px;padding:0 12px;border-bottom:1px solid var(--ch-linha);background:var(--ch-bg)}
.ch-lado.selm>.ch-selb,.ch-conv.selm>.ch-selb{display:flex}
.ch-lado.selm>.ch-lado-h,.ch-conv.selm>.ch-topo,.ch-conv.selm>.ch-form,.ch-conv.selm>.ch-resp,.ch-conv.selm>.ch-emj,.ch-conv.selm>.ch-aviso{display:none}
.ch-selt{flex:1;font:600 15px var(--fonte-chat);color:var(--text)}
.ch-selt b{font-weight:700}
.ch-selacs{display:flex;gap:6px}
.ch-selb .icon-btn:disabled{opacity:.4;cursor:default}
.ch-selb .perigo{color:#ff8a9b}
/* caixinhas */
.ch-ckl,.ch-ckm{display:none;flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #4a4f6d;place-items:center;color:transparent;font-size:11px}
.ch-lado.selm .ch-ckl{display:grid}
.ch-li.ck .ch-ckl,.ch-m.ck .ch-ckm{background:#7b6cff;border-color:#7b6cff;color:#fff}
.ch-li.ck .ch-r{background:rgba(123,108,255,.18)}
.ch-conv.selm .ch-m[id^="chm-"]{cursor:pointer;padding-left:38px}
.ch-conv.selm .ch-m .ch-ckm{display:grid;position:absolute;left:8px;top:50%;transform:translateY(-50%)}
.ch-conv.selm .ch-m.ck{outline:2px solid rgba(123,108,255,.7)}
.ch-conv.selm .ch-ac{display:none}
.ch-m.ck{filter:brightness(1.08)}
.ca-btns{flex-wrap:wrap}
.btn-primary.perigo{background:#d6385a;border-color:#d6385a}
.ca-btns{flex-direction:column;align-items:stretch;flex-wrap:nowrap}
.ca-btns>*{flex:none!important;width:100%}
#caTodos{order:1}#caMim{order:2}#caNo{order:3}

/* fundo do chat = cor do cartão de perfil */
.chat-sec{background:#181a2e}
.ch-m.ele{background:#272b4a}
.ch-busca,.ch-form input{background:rgba(255,255,255,.07)}
.ch-rmb{background:#222643}
.ch-arqv{margin:10px 6px 6px}
.ch-arqv button{gap:12px;padding:6px 10px 6px 6px;font:600 15px var(--fonte-chat);letter-spacing:0;text-transform:none;color:var(--text)}
.ch-arqv button i{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.08);color:#e4e6f7;font-size:14px}
.ch-arqv button:hover i{background:rgba(123,108,255,.35)}
.ch-arqv b{margin-left:auto;font:600 13px var(--fonte-chat);color:var(--muted)}
/* o fundo do chat passa por baixo do menu lateral */
@media (min-width:900px){.chat-sec{inset:0;padding-left:84px;box-sizing:border-box}}
/* menu lateral no chat: sem brilho, mesma família de cor do fundo */
@media (min-width:900px){
  body[data-aba="chat"] .bnav{background:#1f2240;border-color:rgba(255,255,255,.06);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 10px 30px -12px rgba(0,0,0,.55)}
  body[data-aba="chat"] .bnav.aberto,body[data-aba="chat"] html.tecla .bnav:has(:focus-visible){box-shadow:0 12px 34px -12px rgba(0,0,0,.6)}
}
/* chat: botões estáticos, só o ícone (sem giro, sem fundo, sem animação) */
.chat-sec .icon-btn,.chat-sec .ch-ac button,.chat-sec .ch-rmb,.chat-sec .ch-ebtn{background:none!important;border:0!important;box-shadow:none;transition:none!important;transform:none!important}
.chat-sec .icon-btn{color:#a3a8c8}
.chat-sec .icon-btn:hover,.chat-sec .ch-rmb:hover,.chat-sec .ch-ac button:hover{color:#fff;background:none!important;transform:none!important}
.chat-sec .ch-ac{transition:none}
.chat-sec .ch-ac button{color:#aeb3d4}
.chat-sec .ch-ac button[data-chat-del],.chat-sec .ch-ac button[data-chat-rm]{color:#ffb3bf}
/* ⋮ da linha sempre no mesmo lugar: nada aparece nem some */
.ch-rmb{opacity:1!important;pointer-events:auto!important;top:50%;right:6px;transform:translateY(-50%)!important;width:24px;height:30px;color:#7d82a3}
.ch-li:hover .ch-hr{visibility:visible!important}
.ch-r{padding-right:34px}
.ch-lado.selm .ch-rmb{display:none}
.ch-lado.selm .ch-r{padding-right:10px}
.ch-menu button,.ch-menu{transition:none}
.chp-x{transition:none!important;transform:none!important}
/* gestos: sem botões ao lado da bolha nem ⋮ na linha */
.ch-ac,.ch-rmb{display:none!important}
.ch-r{padding-right:10px!important}
.ch-m{-webkit-touch-callout:none;-webkit-user-select:text}

/* lido (✓✓) e busca na conversa */
.ch-h i{font-size:10px;margin-left:3px;opacity:.75}
.ch-h i.lido{color:#8fe8ff;opacity:1}
.ch-bmsg{flex:none;display:flex;align-items:center;gap:6px;height:50px;padding:0 10px 0 16px;border-bottom:1px solid var(--ch-linha);color:var(--muted)}
.ch-bmsg[hidden]{display:none}
.ch-bmsg input{flex:1;min-width:0;border:0;background:none;color:var(--text);font:400 15px var(--fonte-chat);outline:0}
.ch-bmsg input::-webkit-search-cancel-button{display:none}
.ch-bmn{font:600 12px var(--mono);color:var(--muted);min-width:34px;text-align:right}
.ch-m.achou{outline:1px solid rgba(255,214,102,.45)}
.ch-m.atual{outline:2px solid #ffd666}
.ch-conv.selm>.ch-bmsg{display:none}

.ch-tk{font-size:11px;margin-right:2px;color:var(--muted)}
.ch-tk.lido{color:#8fe8ff}

/* Aparência */
.ap-sheet{max-height:90dvh;overflow-y:auto}
.ap-sec{margin-top:16px}
.ap-sec>b{display:block;margin-bottom:8px;font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ap-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ap-seg button,.ap-fontes button{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:none;color:var(--text);font:600 14px var(--display);cursor:pointer}
.ap-seg button.on,.ap-fontes button.on{border-color:#7b6cff;background:rgba(123,108,255,.16)}
.ap-fontes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ap-fontes button{flex-direction:column;align-items:flex-start;gap:3px;text-align:left}
.ap-n{font-size:15px;font-weight:600}
.ap-a{font-size:13px;font-weight:400;color:var(--muted)}
@media (max-width:420px){.ap-fontes{grid-template-columns:1fr}}
/* ✓/✓✓ maiores e esticados (estilo WhatsApp) */
.ch-h i{display:inline-block;font-size:14px;margin-left:4px;opacity:.9;transform:scaleX(1.25);transform-origin:left center;vertical-align:-1px}
.ch-h i.lido{color:#5cc8ff;opacity:1}
.ch-tk{display:inline-block;font-size:14px;margin-right:6px;transform:scaleX(1.25);transform-origin:right center;color:var(--muted)}
.ch-tk.lido{color:#2f9bff}
.ch-h{opacity:1}
.ch-hm{opacity:.62}
.ch-m.eu .ch-h i:not(.lido){color:#dcd8ff;opacity:.85}
.ch-m.ele .ch-h,.ch-m.ele .ch-hm{opacity:1}

/* Usuários: sem cabeçalho, busca no topo e mais organizada */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.usr{padding-top:0}
.usr-busca{height:46px;margin:10px 0 10px;padding:0 16px;gap:10px;border-radius:999px;background:var(--panel);box-shadow:none}
.usr-busca i{font-size:15px;color:var(--muted);opacity:1}
.usr-busca:focus-within i{color:var(--ice)}
.usr-busca input{font-size:15px}
.usr-sub{margin:14px 4px 2px}

/* Chat mobile: botão voltar alinhado à foto, fundo roxo, mesma altura */
@media (max-width:760px){
  .chat-sec #chVoltar{display:grid;place-items:center;flex:none;width:40px;height:40px;min-width:40px;padding:0;margin:0 2px 0 0;border:0;border-radius:50%;background:none;color:inherit;font-size:16px;line-height:1}
  .chat-sec #chVoltar i{display:block;line-height:1}
  .chat-sec .ch-topo{gap:10px}
}

/* Menu inferior (mobile): com 5 itens os nomes cabem */
@media (max-width:899px){
  .bnav button,.bnav a{font-size:10px!important;gap:3px;min-width:0}
}


/* Tela de banimento */
#telaBan{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;background:#06070d;color:#eceefb;text-align:center;overflow:auto}
#telaBan .tb-c{max-width:420px}
#telaBan i{font-size:44px;color:#ff5d7a;margin-bottom:18px}
#telaBan h2{margin:0 0 12px;font:700 26px var(--display)}
#telaBan p{margin:0 0 10px;font:500 15px/1.55 var(--display);color:#b9bedc}
#telaBan .tb-m{color:#eceefb}
#telaBan .tb-s{margin-top:18px;font-size:13px;opacity:.8}
body.banido{overflow:hidden}
html.claro #telaBan{background:#f4f5fb;color:#14162b}
html.claro #telaBan p{color:#4b5075}

/* Filtros: no PC os chips quebram de linha (nada cortado); no celular rolam com a ponta esmaecida */
@media (min-width:900px){
  .toolbar:not(.fixa) .chips{flex-wrap:wrap;overflow:visible}
  .toolbar:not(.fixa) .filtros{align-items:flex-start}
}
@media (max-width:899px){
  .chips{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);padding-right:28px}
}

/* Selo BLACKE aprovado: apenas o ninja, sem hexágono nem fundo. */
.selo-b .sb-ninja{display:block;width:100%;height:100%;object-fit:contain;filter:none;background:transparent}
.selo-b{background:transparent!important}

/* Ninja no tamanho original, apenas próximo ao verificado. */
.ig-nome{gap:4px}
.ig-nome>.selo-b{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0;vertical-align:middle;flex:none}
.ig-nome>.selo-b .sb-ninja{width:100%;height:100%;object-fit:contain}
.ig-nome>.selo+.selo-b{margin-left:0}
@media(max-width:600px){
  .ig-nome{gap:4px}
  .ig-nome>.selo-b{width:38px;height:38px;margin:0}
}

/* Cabeçalho mobile (estilo Telegram): só a marca (ninja + BLACKE em roxo) e ícones sem fundo */
.brand-ninja{display:none}
@media (max-width:899px){
  .topbar{background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding-left:16px!important;padding-right:10px!important}
  .brand{gap:8px}
  .brand .logo-ring{display:none!important}
  .brand-ninja{display:block;width:34px;height:34px;object-fit:contain}
  .brand-name{font-size:22px!important;font-weight:700;letter-spacing:.02em!important;color:#fff;text-transform:none}
  .brand-name b{display:none}
  #btnAparencia,.top-actions .lang{display:none!important}
  .tb-busca,.top-actions .nt-btn{background:none!important;border:0!important;box-shadow:none!important}
  .top-actions .btn-ghost:not(.btn-primary){background:none!important;border:0!important;box-shadow:none!important;color:var(--text)}
}
html.claro .brand-name{color:#9254e3}

/* ===== Mobile estilo Telegram: limpo, busca esticada e grade 2x2 ===== */
@media (max-width:899px){
  .topbar{position:static!important;display:grid!important;grid-template-columns:1fr auto!important;height:auto!important;row-gap:10px;margin:8px 0 0!important;padding-top:6px!important;padding-bottom:4px!important}
  .tb-busca,.sb-fechar{display:none!important}
  .topbar .brand{grid-column:1!important;grid-row:1}
  .topbar .top-actions{grid-column:2!important;grid-row:1}
  body:not([data-aba="usuarios"]):not([data-aba="publicar"]):not([data-aba="meus"]):not([data-aba="chat"]) .topbar #searchbar,body:not([data-aba="usuarios"]):not([data-aba="publicar"]):not([data-aba="meus"]):not([data-aba="chat"]) .topbar #searchbar[hidden]{display:flex!important;grid-column:1/-1!important;grid-row:2;position:static!important;width:auto!important;margin:0 12px 0 12px!important;height:44px;padding:0 16px;gap:12px;border:0!important;border-radius:999px;background:rgba(255,255,255,.07)!important;box-shadow:none!important}
  .topbar #searchbar input{font-size:14.5px;min-width:0}
  .topbar #searchbar i{display:inline-block!important;color:var(--muted);font-size:15px}

  .chip,.chips .chip,.toolbar select,.toolbar .sel{border:0!important;background:rgba(255,255,255,.06)!important;box-shadow:none!important}
  .chip.on{background:rgba(141,127,255,.22)!important;color:#c9c1ff!important}

  .grid,#destLista.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .card{border:0!important;background:none!important;box-shadow:none!important;border-radius:14px}
  .card::before,.card::after{display:none!important}
  .card .cover{aspect-ratio:1/1!important;border-radius:14px}
  .card .cv-leg,.card .rx{display:none!important}
  .card .body{padding:8px 2px 0!important}
  .card .body,.card .body h3{text-align:left!important;justify-content:flex-start!important}
  .card .body h3{font-size:14px!important;line-height:1.25}
  .card .line2{justify-content:flex-start!important}
  .card .arroba{font-size:12px}
  .card .foot{padding:0!important;margin:8px 2px 4px!important;height:34px!important;gap:6px}
  .card .visit{font-size:12px!important;padding:0 10px!important}
  .card .sq{width:34px;height:34px;border:0!important;background:rgba(255,255,255,.06)!important}
}
html.claro .chip,html.claro .toolbar select{background:rgba(23,23,23,.06)!important}

/* Mobile: a marca aparece só na tela inicial (Mural); as outras abas têm o próprio título */
@media (max-width:899px){
  body[data-aba="usuarios"] .topbar,body[data-aba="publicar"] .topbar,body[data-aba="meus"] .topbar{display:none!important}
}
@media (max-width:899px){
  body[data-aba="usuarios"] main,body[data-aba="publicar"] main,body[data-aba="meus"] main{padding-top:calc(10px + env(safe-area-inset-top))!important}
}
@media (max-width:899px){
  body[data-aba="usuarios"] .usr-screen-head{padding-top:8px}
}
@media (max-width:899px){ body::before{display:none!important} }

/* Ninja da marca: mais vivo no escuro (mesmo roxo do Telegram) */
@media (max-width:899px){ html .brand-ninja{filter:none} }

/* ===== Modo limpo: sem neon e sem efeitos pesados (mais leve, mesma identidade) ===== */
.pn-top::after,.pn-aurora::before,.pn-aurora::after,.pn-foto::after,.pn-go::before,.sp-logo::before{animation:none!important}
.pn-aurora::before,.pn-aurora::after,.pn-foto::after{display:none!important}
.ig.pc-ver .ig-av{animation:none!important}
.card::before,.card::after{display:none!important}
*,*::before,*::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}


/* Apenas o interior da conversa — referência testeblacke. */
.chat-sec .ch-main{background:radial-gradient(ellipse at 50% 30%,#2c24453a,transparent 60%),#111321;color:#f7f6ff}
.chat-sec .ch-topo{height:74px;min-height:74px;padding:0 22px;gap:11px;background:#1b1c2a;border-bottom:1px solid #ffffff12}
.chat-sec .ch-quem h3 .ch-av .amini{width:43px;height:43px}
.chat-sec .ch-st{color:#a59bd2;font-size:12px}
.chat-sec .ch-msgs{background:transparent;gap:11px;padding:24px max(18px,calc((100% - 750px)/2));overscroll-behavior:contain}
.chat-sec .ch-m{display:flow-root;max-width:min(78%,520px);margin-top:0!important;padding:10px 12px 7px;border-radius:15px 15px 15px 4px;font-size:14px;line-height:1.5;box-shadow:0 2px 10px #0001;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y}
.chat-sec .ch-m.eu{background:#473a83;color:#fff;border-radius:15px 15px 4px 15px}
.chat-sec .ch-m.ele{background:#25273b;color:#f7f6ff;border-radius:15px 15px 15px 4px}
.chat-sec .ch-m.seq{margin-top:0}
.chat-sec .ch-h{font-size:10px;margin-top:3px;color:#c6bddf;opacity:1}
.chat-sec .ch-dia{margin:6px 0 14px}
.chat-sec .ch-dia b{background:#302b43;color:#d4caee;padding:6px 14px;font-size:11px}
.chat-sec .ch-form{gap:10px;margin:0 auto 18px;padding:0 18px;width:min(100%,800px);background:transparent}
.chat-sec .ch-form input{height:52px;border-radius:16px;background:#25273a;color:#fff;padding:0 16px;font-size:14px}
.chat-sec .ch-form input::placeholder{color:#9b9bb6}
.chat-sec .ch-ebtn{margin-right:-6px;color:#a49bbd}
.chat-sec .ch-env{width:42px;height:42px;border-radius:13px;background:#8673ff}
.chat-sec .ch-m.ch-swipe-ready{filter:brightness(1.08)}

@media(max-width:760px){
 body.ch-aberto[data-aba="chat"] .chat-sec{height:var(--chat-viewport-height,100dvh);bottom:auto}
 .chat-sec .ch-conv{min-height:0}
 .chat-sec .ch-topo{height:64px;min-height:64px;padding:0 12px}
 .chat-sec .ch-msgs{min-height:0;padding:18px 14px;gap:11px}
 .chat-sec .ch-m{max-width:86%}
 .chat-sec .ch-form{flex-shrink:0;width:100%;margin:0;padding:0 10px max(9px,env(safe-area-inset-bottom));gap:7px}
}

/* ===== Menu do celular: Mural, Chats, Configurações, Conta (Publicar vira botão +) ===== */
.fab-pub,.bn-chat{display:none}
.ch-pessoas-b{display:none}
@media (max-width:899px){
  #bnav [data-nav="usuarios"],#bnav .bn-pub{display:none!important}
  #bnav .bn-chat:not([hidden]){display:flex;position:relative}
  .ch-pessoas-b{display:inline-flex}
  .fab-pub{position:fixed;right:16px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:34;width:56px;height:56px;border:0;border-radius:50%;display:grid;place-items:center;background:#9b5df0;color:#fff;cursor:pointer;box-shadow:0 6px 16px -6px rgba(0,0,0,.55)}
  body[data-aba]:not([data-aba="mural"]) .fab-pub{display:none}
  body[data-aba="mural"] .fab-pub,body:not([data-aba]) .fab-pub{display:grid}
  body.cfg-open .fab-pub{display:none!important}
  #bnav .bn-n{position:absolute;top:4px;left:calc(50% + 6px)}
}

/* Bolha Publicar: só no Mural, canto direito acima do menu */
@media (max-width:899px){
  .fab-pub{right:16px;bottom:calc(84px + env(safe-area-inset-bottom));width:48px;height:48px;font-size:18px;box-shadow:none!important}
}

/* Menu 4 itens distribuídos por igual */
@media (max-width:899px){
  .bnav{display:flex;grid-template-columns:none}
  .bnav>*{flex:1 1 0;min-width:0}
}

/* Otimização: sem neon, sem brilho/glow, sem aurora de fundo (sem custo de desempenho) */
.aurora,.pn-aurora,.pc::before,.pc::after,.card::before,.card::after,.ig-fundo::before,#splash::before{display:none!important}
html,body,.chat-sec .ch-main{background-image:none!important}
.bnav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#181924!important;box-shadow:none!important}

/* Chats: topo limpo */
@media (max-width:899px){
  .ch-lado-h{gap:10px;padding:12px 14px 8px}
}
.ch-pessoas-b{display:none!important}