/* ==================== IMPORT FONTS ==================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=IM+Fell+English:ital@0;1&display=swap');

/* ==================== VARIÁVEIS ==================== */
:root {
  --bg:         #050505;
  --win-bg:     rgba(14,14,14,0.97);
  --win-body:   #0a0a0a;
  --win-border: rgba(190,143,135,0.28);
  --titlebar:   #111111;
  --text:       #c0c0c0;
  --dim:        #666666;
  --accent:     #BE8F87;
  --accent2:    #8f6560;
  --hover:      #d8a69e;
  --green:      #4ade80;
  --taskbar:    rgba(8,8,8,0.99);
  --sep:        #1e1e1e;
}

/* ==================== RESET ==================== */
*{margin:0;padding:0;box-sizing:border-box;}
a{color:var(--accent);text-decoration:none;}
a:hover{color:var(--hover);text-decoration:underline;}

body {
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse 80% 60% at 50% 0%, #1a0a08 0%, transparent 60%),
    radial-gradient(ellipse 50% 40% at 80% 100%, #0e0a12 0%, transparent 50%);
  font-family:'Tahoma','Segoe UI',sans-serif;
  font-size:12px;
  color:var(--text);
  min-height:100vh;
  padding-bottom:50px;
  background-attachment:fixed;
}

/* ==================== JANELAS ==================== */
.window {
  background:var(--win-bg);
  border:1px solid var(--win-border);
  border-radius:6px 6px 3px 3px;
  box-shadow:0 0 0 1px rgba(255,255,255,0.04) inset, 0 6px 28px rgba(0,0,0,0.85);
  margin-bottom:10px;
  overflow:hidden;
}
.window-titlebar {
  background:linear-gradient(180deg,#1c1c1c 0%,#0f0f0f 100%);
  border-bottom:1px solid #1a1a1a;
  padding:4px 7px;
  display:flex;
  align-items:center;
  gap:5px;
  min-height:24px;
}
.window-icon{font-size:13px;}
.window-title-text{
  font-size:11px;font-weight:bold;
  color:var(--accent);flex:1;
  text-shadow:0 1px 3px #000;
  font-family:Tahoma,sans-serif;
}
.win-controls{display:flex;gap:2px;}
.win-btn{
  width:19px;height:15px;border-radius:2px;
  border:1px solid #2a2a2a;cursor:pointer;
  font-size:8px;display:flex;align-items:center;justify-content:center;
  color:var(--dim);background:linear-gradient(180deg,#1e1e1e 0%,#101010 100%);
  line-height:1;
}
.win-btn:hover{background:#2a2a2a;color:var(--text);}
.win-btn-close:hover{background:#8b1a1a;color:#ffaaaa;border-color:#c04040;}
.window-body{padding:10px;background:var(--win-body);}
.win-separator{height:1px;background:linear-gradient(90deg,transparent,#252525,transparent);margin:7px 0;}

/* ==================== LAYOUT BASE ==================== */
.page-wrapper{max-width:960px;margin:0 auto;padding:10px;}

/* ==================== BANNER ==================== */
.banner-section{
  width:100%;margin-bottom:10px;
  border:1px solid var(--win-border);
  border-radius:4px;overflow:hidden;
  background:#0a0a0a;
  min-height:100px;
  display:flex;align-items:center;justify-content:center;
}
.banner-section img{width:100%;display:block;object-fit:cover;}
.banner-fallback{
  width:100%;padding:18px;text-align:center;
  background:linear-gradient(135deg,#0f0608 0%,#150a0e 40%,#0a0a0f 100%);
}
.banner-fallback .b-name{
  font-family:'Playfair Display',serif;font-style:italic;
  font-size:34px;color:var(--accent);
  display:block;text-shadow:0 2px 12px rgba(190,143,135,0.3);
}
.banner-fallback .b-sub{
  font-size:11px;color:var(--dim);font-style:italic;
  display:block;margin-top:4px;letter-spacing:2px;
}

/* ==================== MARQUEE ==================== */
.marquee-box{
  background:#0e0e0e;border:1px solid #1e1e1e;border-radius:3px;
  padding:3px 0;margin-bottom:8px;overflow:hidden;
}
.marquee-inner{
  display:inline-block;white-space:nowrap;
  animation:scroll-left 25s linear infinite;
  color:var(--accent);font-size:11px;padding:0 10px;
}
@keyframes scroll-left{0%{transform:translateX(100%);}100%{transform:translateX(-100%);}}

/* ==================== GRID PRINCIPAL (3 colunas) ==================== */
.main-grid{display:grid;grid-template-columns:195px 1fr 195px;gap:10px;}
@media(max-width:760px){.main-grid{grid-template-columns:1fr;}}

/* ==================== SIDEBAR - PERFIL ==================== */
.profile-pic-wrap{
  text-align:center;padding:8px 8px 4px;
  border-bottom:1px solid var(--sep);margin-bottom:6px;
}
.profile-pic{
  width:70px;height:70px;border-radius:3px;
  border:1px solid var(--win-border);
  background:linear-gradient(135deg,#1a0a0a,#0a0a1a);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:28px;overflow:hidden;
}
.profile-pic img{width:100%;height:100%;object-fit:cover;}
.profile-info{font-size:11px;line-height:1.8;padding:0 2px;}
.profile-info span{color:var(--dim);}
.profile-info b{color:var(--accent);}

/* ==================== NAV MENU ==================== */
.nav-section-label{
  font-size:10px;color:var(--dim);text-transform:uppercase;
  letter-spacing:1px;padding:5px 8px 3px;
  border-bottom:1px solid var(--sep);margin-bottom:3px;
  font-weight:bold;
}
.side-menu-item{
  display:flex;align-items:center;gap:6px;
  padding:4px 8px;color:var(--text);
  text-decoration:none;border-radius:2px;
  font-size:11px;font-family:Tahoma,sans-serif;
  border-left:2px solid transparent;
  transition:none;
}
.side-menu-item:hover{
  background:#141414;color:var(--accent);text-decoration:none;
}
.side-menu-item.active{
  background:#111;color:var(--accent);
  border-left-color:var(--accent);font-weight:bold;
}

/* ==================== STATS SIDEBAR ==================== */
.site-stats{font-size:10px;color:var(--dim);line-height:2;padding:2px 0;}
.site-stats .stat-row{display:flex;justify-content:space-between;}
.site-stats .stat-val{color:var(--text);}

/* ==================== STATUS DOT ==================== */
.status-dot{
  width:8px;height:8px;border-radius:50%;background:var(--green);
  box-shadow:0 0 6px rgba(74,222,128,0.5);display:inline-block;
  animation:pulse 2s infinite;
}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}

/* ==================== WELCOME SECTION ==================== */
.welcome-inner{display:flex;gap:12px;align-items:flex-start;}
.welcome-img{
  width:100px;flex-shrink:0;border:1px solid var(--win-border);
  background:#0f0f0f;border-radius:2px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  min-height:100px;font-size:36px;
}
.welcome-img img{width:100%;height:100%;object-fit:cover;display:block;}
.welcome-text{font-size:12px;line-height:1.8;color:var(--text);}
.welcome-text h3{
  font-family:'IM Fell English',serif;font-size:15px;
  color:var(--accent);margin-bottom:6px;font-weight:normal;
}

/* ==================== RECENT POSTS TABLE ==================== */
.posts-table{width:100%;border-collapse:collapse;font-size:11px;}
.posts-table tr{border-bottom:1px dashed #1a1a1a;}
.posts-table tr:last-child{border-bottom:none;}
.posts-table td{padding:4px 3px;vertical-align:middle;}
.posts-table .post-date{color:var(--dim);white-space:nowrap;width:50px;}
.posts-table .post-title{color:var(--text);}
.posts-table .post-title a{color:var(--text);}
.posts-table .post-title a:hover{color:var(--accent);}
.posts-table .post-tag{
  text-align:right;white-space:nowrap;
  font-size:9px;color:var(--accent2);
  font-style:italic;
}
.posts-table tr:hover td{background:rgba(190,143,135,0.05);}

/* ==================== GOALS ==================== */
.goals-list{list-style:none;font-size:11px;}
.goals-list li{
  display:flex;align-items:center;gap:7px;
  padding:3px 0;border-bottom:1px dashed #161616;
  color:var(--dim);
}
.goals-list li:last-child{border-bottom:none;}
.goals-list li.done{color:#444;text-decoration:line-through;}
.goals-list li.done::before{content:"✓";color:var(--green);font-size:10px;}
.goals-list li:not(.done)::before{content:"○";color:var(--accent2);font-size:10px;}
.goals-count{font-size:10px;color:var(--dim);float:right;}

/* ==================== MICROBLOG ==================== */
.microblog-feed{font-size:11px;}
.microblog-entry{
  padding:6px 0;border-bottom:1px dashed #161616;
}
.microblog-entry:last-child{border-bottom:none;}
.microblog-entry .mb-date{font-size:10px;color:var(--dim);float:right;margin-left:8px;}
.microblog-entry .mb-text{color:var(--text);line-height:1.7;clear:both;}

/* ==================== PC WIDGET ==================== */
.pc-widget-title{
  font-size:11px;color:var(--text);margin-bottom:6px;
  display:flex;justify-content:space-between;
}
.pc-status{
  font-size:9px;padding:1px 5px;border-radius:1px;
  background:#1a0808;color:#c04040;border:1px solid #3a1010;
}
.pc-status.on{background:#081a08;color:#40c040;border-color:#103a10;}
.pc-bar-row{margin-bottom:5px;font-size:10px;}
.pc-bar-label{display:flex;justify-content:space-between;color:var(--dim);margin-bottom:2px;}
.pc-bar-bg{height:5px;background:#1a1a1a;border-radius:1px;overflow:hidden;}
.pc-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:1px;transition:width 2s ease;}

/* ==================== JUKEBOX ==================== */
.jukebox-wrap{font-size:11px;}
.jukebox-now{
  background:#0f0f0f;border:1px solid #1e1e1e;border-radius:2px;
  padding:7px;margin-bottom:6px;text-align:center;
}
.jukebox-cover{
  width:50px;height:50px;background:#1a1010;border:1px solid var(--win-border);
  border-radius:2px;display:inline-flex;align-items:center;justify-content:center;
  font-size:22px;margin-bottom:5px;
}
.jukebox-track-name{color:var(--accent);font-size:12px;font-weight:bold;margin-bottom:1px;}
.jukebox-artist{color:var(--dim);font-size:10px;}
.jukebox-progress-bg{
  height:3px;background:#1a1a1a;border-radius:1px;
  margin:6px 0;cursor:pointer;
  overflow:hidden;
}
.jukebox-progress-fill{height:100%;width:0%;background:var(--accent);border-radius:1px;transition:width 0.5s linear;}
.jukebox-time{display:flex;justify-content:space-between;color:var(--dim);font-size:9px;margin-top:2px;}
.jukebox-controls{display:flex;justify-content:center;gap:4px;margin-top:6px;}
.jukebox-btn{
  background:#111;border:1px solid #252525;color:var(--accent);
  padding:3px 9px;cursor:pointer;border-radius:2px;font-size:11px;
}
.jukebox-btn:hover{background:#1a1a1a;color:var(--hover);}
.jukebox-btn#play-btn{padding:3px 14px;}
.jukebox-list{margin-top:6px;border-top:1px solid var(--sep);padding-top:5px;}
.jukebox-item{
  display:flex;gap:6px;padding:3px 4px;cursor:pointer;
  border-radius:2px;font-size:10px;color:var(--dim);
  border-bottom:1px dashed #141414;
}
.jukebox-item:last-child{border-bottom:none;}
.jukebox-item:hover{background:#111;color:var(--text);}
.jukebox-item.playing{color:var(--accent);background:#0f0f0f;}
.jukebox-item.playing::before{content:"♪ ";}
.jukebox-item .j-num{width:14px;color:#333;text-align:right;}
.jukebox-item .j-title{flex:1;}
.jukebox-item .j-artist{color:#444;}

/* ==================== BUTTON WALL ==================== */
.button-wall{display:flex;flex-wrap:wrap;gap:3px;}
.site-btn-88{
  display:inline-block;border:1px solid #2a2a2a;
  width:88px;height:31px;overflow:hidden;
  background:#111;cursor:pointer;
}
.site-btn-88 img{width:100%;height:100%;object-fit:cover;}
.site-btn-88 span{
  display:block;width:100%;height:100%;
  font-size:8px;color:var(--accent);
  display:flex;align-items:center;justify-content:center;
  text-align:center;padding:2px;line-height:1.2;
  background:linear-gradient(135deg,#1a0a0a,#0a0a1a);
  border:1px solid var(--win-border);
}

/* ==================== UPDATES/CHANGELOG ==================== */
.update-list{list-style:none;font-size:11px;}
.update-list li{
  display:flex;gap:8px;padding:4px 0;
  border-bottom:1px dashed #161616;align-items:flex-start;
}
.update-list li:last-child{border-bottom:none;}
.update-date{color:var(--dim);white-space:nowrap;font-size:10px;padding-top:1px;}
.update-tag{
  font-size:9px;padding:1px 4px;border-radius:1px;white-space:nowrap;
  font-weight:bold;margin-top:1px;
}
.update-tag.feat{background:#0a1a0a;color:#4a9a4a;border:1px solid #1a3a1a;}
.update-tag.blog{background:#1a0a0a;color:var(--accent);border:1px solid #3a1a1a;}
.update-tag.fix{background:#0a0a1a;color:#6a8aaa;border:1px solid #1a1a3a;}
.update-text{color:var(--text);line-height:1.5;}

/* ==================== BADGES ==================== */
.badge-grid{display:flex;flex-wrap:wrap;gap:3px;}
.badge88{
  border:1px solid #222;padding:2px 6px;font-size:9px;
  background:#0f0f0f;color:var(--dim);border-radius:1px;cursor:default;
}
.badge88:hover{color:var(--accent);border-color:#333;}

/* ==================== COUNTER ==================== */
.counter-display{
  font-family:'Courier New',monospace;font-size:20px;
  color:var(--accent);letter-spacing:3px;
  text-shadow:0 0 8px rgba(190,143,135,0.3);
}

/* ==================== TASKBAR ==================== */
.taskbar{
  position:fixed;bottom:0;left:0;right:0;height:38px;
  background:var(--taskbar);border-top:1px solid #1a1a1a;
  display:flex;align-items:center;gap:2px;padding:0 4px;z-index:9999;
}
.taskbar-start{
  height:30px;
  background:linear-gradient(180deg,var(--accent) 0%,var(--accent2) 100%);
  border:1px solid #5a3c37;border-radius:0 12px 12px 0;
  padding:0 14px 0 8px;color:#fff;font-weight:bold;font-size:12px;
  cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
  display:flex;align-items:center;gap:4px;
}
.taskbar-btn{
  height:28px;background:transparent;border:1px solid transparent;
  padding:0 9px;color:var(--dim);cursor:pointer;
  display:flex;align-items:center;gap:4px;border-radius:2px;font-size:11px;
  font-family:Tahoma,sans-serif;
}
.taskbar-btn:hover{background:#111;border-color:#222;color:var(--text);}
.taskbar-btn.active{background:#161616;border-color:var(--win-border);color:var(--accent);}
.taskbar-clock{
  margin-left:auto;color:var(--dim);text-align:center;
  padding:0 10px;line-height:1.2;border-left:1px solid #1a1a1a;font-size:10px;
}

/* ==================== POPUP ==================== */
.popup-overlay{
  position:fixed;top:0;left:0;width:100%;height:100%;
  background:rgba(0,0,0,0.88);display:flex;
  align-items:center;justify-content:center;z-index:10000;
}
.popup-win{
  background:var(--win-body);border:1px solid var(--win-border);
  width:310px;border-radius:5px;overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,255,255,0.04) inset,0 20px 60px rgba(0,0,0,0.9);
}
.popup-title{
  background:linear-gradient(180deg,#1c1c1c,#0f0f0f);
  padding:6px 8px;display:flex;justify-content:space-between;
  align-items:center;border-bottom:1px solid #1a1a1a;
}
.popup-body{padding:18px;text-align:center;}
.popup-body p{color:var(--text);margin:5px 0;font-size:12px;}
.popup-counter{margin:12px 0;padding:8px;border:1px dashed #2a2a2a;background:#0a0a0a;}
.popup-btn2{
  background:#111;color:var(--accent);border:1px solid #2a2a2a;
  padding:5px 18px;cursor:pointer;border-radius:2px;font-size:11px;
  font-family:Tahoma,sans-serif;margin-top:5px;
}
.popup-btn2:hover{background:#1a1a1a;}

/* ==================== SUBPAGES ==================== */
.page-title{
  font-family:'Playfair Display',serif;font-style:italic;
  font-size:26px;color:var(--accent);margin-bottom:15px;
  border-bottom:1px solid var(--win-border);padding-bottom:8px;
}
.blog-post{
  margin-bottom:15px;padding-bottom:15px;
  border-bottom:1px solid var(--sep);
}
.blog-post:last-child{border-bottom:none;}
.post-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;}
.post-title-h{
  font-family:'IM Fell English',serif;font-size:16px;
  color:var(--accent);font-weight:normal;
}
.post-meta{font-size:10px;color:var(--dim);}
.post-body{font-size:12px;color:var(--text);line-height:1.9;}
.post-tags{margin-top:6px;font-size:10px;color:var(--dim);}
.post-tags span{
  background:#111;border:1px solid #222;padding:1px 6px;
  margin-right:3px;border-radius:1px;color:var(--accent2);
}

.diary-entry{
  border-left:2px solid var(--win-border);
  padding-left:12px;margin-bottom:14px;padding-bottom:14px;
  border-bottom:1px dashed var(--sep);
}
.diary-entry:last-child{border-bottom:none;}
.diary-date{font-size:11px;color:var(--accent);margin-bottom:4px;font-style:italic;}
.diary-mood{
  font-size:10px;color:var(--dim);margin-bottom:6px;
  display:flex;gap:8px;
}
.diary-text{font-size:12px;color:var(--text);line-height:1.9;}

.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;}
.media-card{
  background:#0f0f0f;border:1px solid #1e1e1e;border-radius:2px;overflow:hidden;
  cursor:pointer;
}
.media-card:hover{border-color:var(--win-border);}
.media-cover{
  width:100%;aspect-ratio:2/3;background:#1a1010;
  display:flex;align-items:center;justify-content:center;font-size:30px;
  overflow:hidden;
}
.media-cover img{width:100%;height:100%;object-fit:cover;}
.media-info{padding:5px;}
.media-title{font-size:10px;color:var(--text);margin-bottom:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.media-rating{color:var(--accent);font-size:10px;}
.media-type{font-size:9px;color:var(--dim);}

.media-filter-bar{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap;}
.media-filter-btn{
  background:#111;border:1px solid #222;color:var(--dim);
  padding:3px 10px;cursor:pointer;border-radius:2px;font-size:10px;
  font-family:Tahoma,sans-serif;
}
.media-filter-btn:hover,.media-filter-btn.active{
  background:#1a1a1a;color:var(--accent);border-color:#333;
}

.about-section{margin-bottom:14px;}
.about-section h4{
  font-family:'IM Fell English',serif;font-size:14px;
  color:var(--accent);font-weight:normal;
  margin-bottom:7px;border-bottom:1px dashed var(--sep);padding-bottom:4px;
}
.about-section p,.about-section li{
  font-size:12px;color:var(--text);line-height:1.9;
}
.about-section ul{padding-left:16px;}
.about-section li{margin-bottom:3px;}
.about-table{width:100%;border-collapse:collapse;font-size:11px;}
.about-table tr{border-bottom:1px dashed #161616;}
.about-table tr:last-child{border-bottom:none;}
.about-table td{padding:4px 3px;}
.about-table td:first-child{color:var(--dim);width:110px;white-space:nowrap;}
.about-table td:last-child{color:var(--text);}

.interests-grid-about{
  display:grid;grid-template-columns:repeat(3,1fr);gap:7px;
}
.int-card{
  background:#0f0f0f;border:1px solid #1e1e1e;border-radius:2px;
  padding:8px;text-align:center;
}
.int-card .int-icon{font-size:22px;margin-bottom:4px;}
.int-card .int-name{font-size:10px;color:var(--accent);font-weight:bold;}
.int-card .int-sub{font-size:9px;color:var(--dim);}

/* ==================== SCROLLBAR ==================== */
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:#0a0a0a;}
::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:#3a3a3a;}


/* Efeito do card (mantido) */
  .media-card { 
    position: relative; /* Mantém o balão ancorado no card */
    cursor: pointer; 
    transition: transform 0.1s; 
  }
  .media-card:hover { transform: scale(1.05); border-color: #888; }

  /* --- O NOVO TOOLTIP ESTILO MYANIMELIST --- */
  .chat-bubble {
    position: absolute;
    top: -10px; /* Alinha quase com o topo do card */
    left: calc(100% + 15px); /* Joga o balão exatamente para a DIREITA do card */
    
    width: 280px;
    background-color: #111; /* Fundo bem escuro igual ao do print */
    border: 1px solid #333; /* Borda sutil */
    border-radius: 8px; /* Cantinhos levemente arredondados */
    padding: 15px;
    color: #eee;
    font-size: 0.85em; /* Fonte menorzinha de sistema */
    box-shadow: 4px 4px 15px rgba(0,0,0,0.8); /* Sombra pra destacar do fundo */
    z-index: 1000; /* Fica por cima de tudo */
    text-align: left;
    cursor: default;
    
    /* Efeitinho rápido de aparecer */
    animation: fadeIn 0.15s ease-out forwards;
  }

  /* A SETINHA APONTANDO PARA A ESQUERDA (Para o card) */
  .chat-bubble::after {
    content: '';
    position: absolute;
    top: 20px; /* Altura onde a seta vai ficar */
    left: -10px; /* Joga a seta pra fora do balão, na esquerda */
    border-width: 10px 10px 10px 0; /* Desenha a seta apontando pra esquerda */
    border-style: solid;
    border-color: transparent #111 transparent transparent; /* Mesma cor do fundo do balão */
  }

  /* Bordinha da setinha (pra combinar com a borda do balão) */
  .chat-bubble::before {
    content: '';
    position: absolute;
    top: 19px;
    left: -11px;
    border-width: 11px 11px 11px 0;
    border-style: solid;
    border-color: transparent #333 transparent transparent;
    z-index: -1;
  }

  @keyframes fadeIn {
    from { opacity: 0; transform: translateX(-10px); }
    to { opacity: 1; transform: translateX(0); }
  }
  
  /* Textos dentro do balão */
  .chat-title { color: #fff; font-weight: bold; font-size: 1.1em; margin-bottom: 8px;}
  .chat-text { line-height: 1.5; white-space: pre-wrap; color: #ccc;}


  /* ==================== EFEITO DO CARD ==================== */
.media-card { 
  position: relative; 
  cursor: pointer; 
  transition: transform 0.1s; 
}
.media-card:hover { transform: scale(1.05); border-color: #888; }

/* ==================== TOOLTIP / BALÃO Y2K ==================== */
.chat-bubble {
  position: absolute;
  width: 280px;
  background: var(--win-body); /* Usa o fundo padrão das suas janelas */
  border: 1px solid var(--win-border); /* Usa a borda padrão do site */
  
  /* Sombra dura (0px de desfoque) para dar a estética 2000s/Pixel */
  box-shadow: 4px 4px 0px #000; 
  
  z-index: 99999; 
  cursor: default;
}

/* Barra de título do balão, imitando a sua .window-titlebar */
.chat-titlebar {
  background: linear-gradient(180deg, #1c1c1c 0%, #0f0f0f 100%);
  border-bottom: 1px solid #1a1a1a;
  padding: 4px 7px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Texto do título da janelinha */
.chat-title-text {
  font-size: 11px;
  font-weight: bold;
  color: var(--accent);
  text-shadow: 0 1px 3px #000;
  font-family: Tahoma, sans-serif;
}

/* Botão de fechar falso, imitando o seu .win-btn-close */
.chat-close-btn {
  width: 15px; height: 15px;
  border-radius: 2px;
  border: 1px solid #2a2a2a;
  cursor: pointer;
  font-size: 8px;
  display: flex; align-items: center; justify-content: center;
  color: var(--dim);
  background: linear-gradient(180deg, #1e1e1e 0%, #101010 100%);
  line-height: 1;
}
.chat-close-btn:hover { 
  background: #8b1a1a; 
  color: #ffaaaa; 
  border-color: #c04040; 
}

/* Texto da review imitando um bloco de notas */
.chat-text { 
  padding: 10px;
  font-size: 11px;
  color: var(--text);
  line-height: 1.6;
  font-family: 'Courier New', Courier, monospace; /* Vibe terminal/bloco de notas */
  white-space: pre-wrap;
}