:root{--ink:#172a25;--ink-muted:#5f6d68;--green:#cdf28e;--accent:#2e7b55;--paper:#f7f8f5;--line:#e6ebe5;--shadow:0 12px 40px rgba(24,55,40,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.45;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #76a99b;outline-offset:3px}[hidden]{display:none!important}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;flex-shrink:0;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.container{width:min(1180px,calc(100% - 72px));margin-inline:auto}
/* Header: simples, legível e sem excesso de links */
.site-header{background:#fff;border-bottom:1px solid #e9ede9;position:relative;z-index:5}.header-content{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:24px}.logo{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:850;letter-spacing:-1.2px;white-space:nowrap}.logo>span:last-child>span{color:#318c59}.logo>span:last-child>small{color:#7ac84e;font-size:29px}.logo-icon{width:38px;height:38px;background:#d7f3b9;border-radius:13px;display:grid;place-items:center;color:#1c5742}.logo-icon .icon{height:22px;width:22px;stroke-width:2.1}.desktop-nav{display:flex;gap:35px;color:#55645f;font-weight:600;font-size:13px}.desktop-nav a:hover,.footer-right a:hover,.footer-right button:hover{color:#2e9160}.header-submit{display:flex;align-items:center;gap:7px;background:#182f27;color:#fff;border:1px solid #182f27;padding:11px 16px;border-radius:10px;font-weight:700;font-size:12px;white-space:nowrap}.header-submit:hover{background:#2d654d}.header-submit .icon{width:15px;height:15px}
/* Hero: compacto, com apresentação da voz de exemplo */
.hero{margin-top:25px;min-height:294px;background:#142e27;border-radius:21px;padding:47px 53px;display:grid;grid-template-columns:1fr 465px;align-items:center;gap:30px;overflow:hidden;position:relative;color:#fff;isolation:isolate}.hero:after{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(62,127,91,.4),transparent 68%);right:24%;bottom:-320px;z-index:-1}.hero-path{position:absolute;right:0;bottom:0;width:48%;pointer-events:none;opacity:.8;z-index:-1}.hero-main{position:relative;z-index:1}.hero-kicker{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.55px;font-weight:800;color:#c5e6c5}.online-dot{width:7px;height:7px;border-radius:50%;background:#bded70;box-shadow:0 0 0 4px #d1ec7c24}.hero h1{font-size:clamp(36px,4vw,58px);line-height:1.08;letter-spacing:-2.6px;margin:19px 0 14px;font-weight:850}.hero h1 em{font-style:normal;color:#c9ee8e}.hero-main p{font-size:14px;line-height:1.7;color:#c7d8ce;max-width:375px;margin:0}.hero-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:750;color:#d6f7a8;margin-top:21px}.hero-link:hover{gap:15px}.hero-link .icon{width:16px}.hero-highlight{background:#f9fbf7;color:var(--ink);border:1px solid #eff1e6;padding:20px 22px;border-radius:17px;box-shadow:0 21px 55px rgba(0,0,0,.09);position:relative;z-index:1;min-width:0}.hero-highlight-head,.highlight-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.feature-chip{font-size:10px;letter-spacing:.8px;background:#e7f4d6;border-radius:5px;color:#34704a;font-weight:850;padding:6px 9px}.chip-star{margin-right:3px}.mini-equalizer{display:flex;gap:3px;align-items:center;height:21px}.mini-equalizer i{width:3px;height:8px;border-radius:5px;background:#82b692}.mini-equalizer i:nth-child(2),.mini-equalizer i:nth-child(4){height:17px}.mini-equalizer i:nth-child(3){height:12px}.highlight-title{display:flex;gap:12px;align-items:center;margin:17px 0 18px}.highlight-avatar{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;font-size:24px;background:#e7f5d7}.highlight-title strong{display:block;font-size:16px;letter-spacing:-.5px}.highlight-title small{display:block;font-size:11px;color:#7a857e;margin-top:3px}.sample-row{display:flex;gap:7px;flex-wrap:wrap}.sample-button{border:1px solid #dfe7dc;background:#fff;border-radius:9px;padding:8px 9px;display:inline-flex;gap:5px;align-items:center;font-size:11px;color:#3c5849;font-weight:750;transition:background .16s,border-color .16s}.sample-button .icon{width:13px;height:13px}.sample-button:hover,.sample-button.playing{background:#dff4d1;border-color:#b5d79c;color:#205e39}.highlight-bottom{padding-top:16px;margin-top:14px;border-top:1px solid #e8eee5;font-size:10px;color:#8a948d}.highlight-bottom a{display:inline-flex;gap:5px;align-items:center;color:#306e47;font-size:11px;font-weight:800}.highlight-bottom .icon{width:14px;height:14px}
/* Anúncios identificados, só placeholders até a integração real */
.ad-container{margin-top:23px;margin-bottom:39px}.ad-label{font-size:10px;letter-spacing:.35px;color:#a0a9a3;text-align:center;margin-bottom:6px}.ad-slot{border:1px dashed #dde3da;background:#f0f3ee;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#abb5ad;font-size:11px;font-weight:650;letter-spacing:.1px}.ad-leaderboard{max-width:970px;min-height:90px;margin-inline:auto}.ad-footer{max-width:970px;min-height:90px;margin-inline:auto}.ad-bottom-container{margin-top:28px;margin-bottom:58px}
/* Catálogo */
.catalog{padding-top:0}.catalog-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-eyebrow{font-size:10px;font-weight:850;color:#4b9c6c;letter-spacing:1.65px}.catalog-top h2,.how-copy h2{font-size:30px;letter-spacing:-1.15px;line-height:1.15;margin:8px 0 0}.title-dot{color:#82b758}.catalog-count{font-size:12px;color:#7f8d83;white-space:nowrap;padding-bottom:4px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.search{height:43px;width:min(360px,100%);border:1px solid #dfe6df;border-radius:11px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#84918a;background:white;flex-shrink:0}.search:focus-within{border-color:#9acda0;box-shadow:0 0 0 3px rgba(110,176,118,.12)}.search .icon{width:17px}.search input{width:100%;border:0;background:transparent;outline:0;color:var(--ink);font-size:13px;min-width:0}.search input::placeholder{color:#98a39c}.search-shortcut{font-size:11px;color:#abb4ad;border:1px solid #edf0ea;border-radius:4px;padding:2px 6px}.filters{display:flex;align-items:center;gap:6px;min-width:0}.filter{border:1px solid transparent;background:transparent;color:#6b786f;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:650;white-space:nowrap}.filter:hover{background:#e9eee8}.filter.selected{background:#e0efda;border-color:#cce6c6;color:#2a7449}.voice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.voice-card{min-width:0;background:white;border-radius:15px;border:1px solid #e7ece6;box-shadow:0 6px 14px rgba(38,64,43,.025);padding:15px 13px 12px;transition:box-shadow .18s,border-color .18s,transform .18s}.voice-card:hover{transform:translateY(-2px);border-color:#d0ddce;box-shadow:var(--shadow)}.voice-card.is-featured{border-color:#bcdbb0;box-shadow:0 0 0 1px rgba(154,208,132,.2)}.voice-info{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:15px}.avatar{width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;border-radius:13px;font-size:23px}.avatar-lime{background:#e6f5d0}.avatar-lavender{background:#eee8fc}.avatar-peach{background:#ffede4}.avatar-sky{background:#e5f0ff}.avatar-butter{background:#fff2cf}.avatar-pink{background:#ffe7f2}.avatar-mint{background:#ddf2e8}.voice-identity{min-width:0;flex:1}.voice-name{font-size:13px;font-weight:800;letter-spacing:-.25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-type{font-size:11px;color:#8a968f;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured-badge{font-size:15px;color:#5aab50;align-self:flex-start}.voice-actions{display:flex;gap:6px;align-items:center}.voice-actions button,.voice-actions a,.voice-actions span.install{height:35px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:750;font-size:11px;border:1px solid transparent;white-space:nowrap}.voice-actions .icon{width:13px;height:13px}.preview{min-width:74px;gap:4px;background:#f3f6f2;border-color:#e8ede7!important;color:#406752}.preview:hover:not(:disabled),.preview.is-playing{background:#dff0d9;border-color:#b3d5b2!important;color:#2c7952}.preview:disabled{color:#a1aba4;background:#f6f7f5;cursor:not-allowed}.install{background:#d8f1bf;color:#285f3e;flex:1;gap:4px;min-width:0;padding:0 7px}.install:hover{background:#c2e99a}.install.disabled{opacity:.5}.copy{width:31px;flex-shrink:0;background:#fff;border-color:#ebefea!important;color:#809184}.copy:hover{background:#e8f0e6;color:#276946}.grid-ad{grid-column:1/-1;padding:9px 0 12px}.ad-infeed{min-height:90px;max-width:970px;margin:auto}.empty-state{text-align:center;padding:60px 15px;background:white;border:1px solid var(--line);border-radius:15px}.empty-state>span{font-size:35px}.empty-state h3{margin:6px 0 5px}.empty-state p{font-size:13px;color:var(--ink-muted)}.empty-state button{border:0;border-radius:8px;background:#def2cf;color:#246139;padding:10px 16px;font-weight:800}
/* Instalação em 3 passos */
.how-section{margin-top:74px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:29px 35px;display:grid;grid-template-columns:.9fr 1.7fr;align-items:center;gap:38px}.how-copy h2{font-size:23px;max-width:320px}.how-copy p{font-size:12px;color:var(--ink-muted);margin:10px 0 0;max-width:320px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.steps>div{border-left:1px solid #e9ece5;padding-left:18px}.steps span{display:block;font-weight:850;font-size:12px;color:#75a76a;margin-bottom:8px}.steps strong{display:block;font-size:12px;line-height:1.4}.steps small{display:block;color:#8d988f;font-size:11px;margin-top:5px;line-height:1.55}
/* Rodapé */
.footer{background:white;border-top:1px solid #e9eee7;padding:37px 0}.footer-content{display:flex;align-items:start;justify-content:space-between;gap:25px}.footer-logo{font-size:19px}.footer-logo .logo-icon{width:31px;height:31px;border-radius:9px}.footer-logo .logo-icon .icon{width:17px}.footer-logo>span:last-child>small{font-size:20px}.footer-content p{color:#85938a;font-size:12px}.footer-right{text-align:right;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 19px;max-width:550px;font-size:12px}.footer-right button{border:0;background:transparent;color:var(--ink);padding:0;font-weight:inherit}.footer-right small{font-size:10px;color:#9aa69c;width:100%}
/* Formulário acessível e oculto até clicar */
.suggest-dialog{padding:0;border:1px solid #e5eae3;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.2);width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;color:var(--ink)}.suggest-dialog::backdrop{background:rgba(12,28,21,.55);backdrop-filter:blur(3px)}.dialog-body{padding:26px}.dialog-head{display:flex;justify-content:space-between;gap:10px}.dialog-head h2{font-size:23px;letter-spacing:-.8px;margin:5px 0}.dialog-close{border:0;background:#f0f3ef;width:34px;height:34px;display:grid;place-items:center;border-radius:8px}.dialog-body>p{color:var(--ink-muted);font-size:13px;line-height:1.7}.dialog-body form{display:grid;gap:15px;margin-top:19px}.dialog-body form>label{display:grid;gap:7px;font-size:12px;font-weight:750}.dialog-body input{border:1px solid #dbe4da;border-radius:10px;background:white;font-size:13px;padding:12px;min-width:0}.dialog-body input:focus{outline:2px solid #b3ddb1;outline-offset:1px}.dialog-body .honeypot{position:absolute;left:-10000px;opacity:0}.submit-button{display:flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:10px;background:#1c3d2c;color:white;padding:13px;font-weight:750}.dialog-note{display:block;color:#94a096;font-size:10px;margin-top:13px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#18392d;color:white;border:1px solid #426550;box-shadow:0 8px 32px rgba(0,0,0,.18);padding:12px 17px;border-radius:11px;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;z-index:99;text-align:center;font-size:12px;max-width:calc(100vw - 30px)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.hero{grid-template-columns:1fr 420px;padding:41px 38px}.voice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar{flex-wrap:wrap}.search{width:100%;max-width:none}.filters{overflow-x:auto;width:100%;padding-bottom:2px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{padding:9px 13px}.how-section{grid-template-columns:1fr 1.8fr}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.desktop-nav{display:none}.hero{grid-template-columns:1fr;gap:22px;padding:35px;min-height:0}.hero-main p{max-width:620px}.hero-highlight{width:100%;max-width:540px}.hero-path{width:86%}.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-section{grid-template-columns:1fr;gap:20px}.steps{gap:12px}.catalog-top h2{font-size:28px}}
@media(max-width:540px){html{scroll-padding-top:15px}.container{width:calc(100% - 28px)}.header-content{min-height:65px;gap:7px}.logo{font-size:20px;gap:8px;letter-spacing:-1px}.logo-icon{width:34px;height:34px;border-radius:10px}.logo>span:last-child>small{font-size:23px}.header-submit{font-size:0;gap:0;padding:10px;border-radius:10px}.header-submit .icon{width:18px;height:18px}.hero{margin-top:13px;padding:29px 21px 21px;border-radius:17px;gap:22px}.hero-kicker{font-size:9px;letter-spacing:1px}.hero h1{font-size:39px;letter-spacing:-1.9px;margin:12px 0}.hero-main p{font-size:12px;max-width:320px}.hero-link{margin-top:15px;font-size:12px}.hero-highlight{padding:15px;border-radius:13px}.highlight-title{margin:12px 0 13px}.highlight-title strong{font-size:14px}.highlight-avatar{width:44px;height:44px}.sample-row{gap:5px}.sample-button{padding:8px;font-size:10px}.highlight-bottom{padding-top:12px;margin-top:11px}.highlight-bottom span{font-size:9px}.ad-container{margin-top:15px;margin-bottom:27px}.ad-slot{font-size:10px;border-radius:8px}.ad-leaderboard,.ad-infeed,.ad-footer{min-height:72px}.catalog-top{align-items:end;margin-bottom:15px}.catalog-top h2{font-size:23px;margin-top:6px}.section-eyebrow{font-size:9px}.catalog-count{font-size:10px}.toolbar{gap:9px;margin-bottom:16px}.search{height:43px}.filters{gap:4px}.filter{font-size:11px;padding:9px 11px}.voice-grid{gap:9px}.voice-card{border-radius:11px;padding:11px 9px 10px}.voice-info{gap:7px;margin-bottom:12px}.avatar{width:39px;height:39px;border-radius:10px;font-size:20px}.voice-name{font-size:11.5px}.voice-type{font-size:10px;margin-top:2px}.featured-badge{display:none}.voice-actions{gap:4px}.voice-actions button,.voice-actions a,.voice-actions span.install{height:32px;font-size:10px;border-radius:7px}.voice-actions .preview{min-width:59px}.voice-actions .icon{width:12px;height:12px}.voice-actions .copy{width:25px}.voice-actions .install{padding:0 4px}.voice-actions .install .icon{display:none}.how-section{margin-top:46px;padding:22px 17px;border-radius:14px;gap:17px}.how-copy h2{font-size:21px}.steps{gap:8px}.steps>div{padding-left:10px}.steps span{font-size:11px}.steps strong{font-size:11px}.steps small{font-size:10px}.ad-bottom-container{margin-top:20px;margin-bottom:40px}.footer{padding:26px 0}.footer-content{display:block}.footer-right{text-align:left;justify-content:flex-start;gap:9px 16px;margin-top:16px}.footer-right small{width:100%}}
@media(max-width:370px){.voice-grid{grid-template-columns:1fr}.voice-card{display:block;padding:12px}.voice-info{margin:0 0 12px}.voice-actions{width:100%}.voice-name{font-size:13px}.voice-actions .preview{min-width:64px}.voice-actions .install .icon{display:inline}.catalog-count{font-size:9px}.steps{grid-template-columns:1fr;gap:12px}.steps>div{padding-left:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* ================================================================
   V3 • Refinamento visual e microinterações discretas
   Mantém o layout compacto, as funções e a posição da publicidade.
   ================================================================ */
:root {
  --shadow: 0 13px 32px rgba(29, 57, 42, .075);
  --shadow-lift: 0 18px 36px rgba(29, 57, 42, .09);
  --motion: cubic-bezier(.22, 1, .36, 1);
}
body {
  background:
    radial-gradient(ellipse 600px 450px at 93% 15%, rgba(209, 233, 201, .15), transparent 72%),
    var(--paper);
}
::selection { background: #d9efc8; color: #173d2b; }

/* Marca, navegação e cabeçalho */
.site-header { box-shadow: 0 2px 13px rgba(20, 50, 34, .02); }
.logo-icon { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .48); }
.logo .logo-icon .icon { transition: transform .4s var(--motion); }
.logo:hover .logo-icon .icon { transform: scale(1.08); }
.desktop-nav a {
  position: relative;
  transition: color .22s ease;
}
.desktop-nav a::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  height: 2px;
  width: 100%;
  background: #57a66f;
  border-radius: 5px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s var(--motion);
}
.desktop-nav a:hover::after,
.desktop-nav a:focus-visible::after { transform: scaleX(1); }
.header-submit {
  box-shadow: 0 4px 12px rgba(26, 66, 43, .1);
  transition: background .22s ease, box-shadow .24s ease, transform .24s var(--motion);
}
.header-submit:hover { box-shadow: 0 7px 17px rgba(26, 66, 43, .16); transform: translateY(-1px); }
.header-submit:active { transform: translateY(0); box-shadow: 0 3px 8px rgba(26,66,43,.09); }

/* Hero: profundidade suave, sem efeitos chamativos */
.hero {
  background: linear-gradient(118deg, #142e27 0%, #17392d 65%, #1c4031 100%);
  box-shadow: 0 16px 35px rgba(15, 45, 30, .065);
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 78% 16%, rgba(176, 224, 144, .08), transparent 60%);
}
.hero-main { animation: gentle-rise .65s var(--motion) both; }
.hero-highlight {
  border-color: rgba(235, 246, 227, .85);
  box-shadow: 0 22px 48px rgba(4, 25, 15, .12);
  animation: gentle-rise .72s .09s var(--motion) both;
  transition: box-shadow .32s ease, transform .32s var(--motion);
}
.hero-link,
.highlight-bottom a { transition: color .22s ease; }
.hero-link .icon,
.highlight-bottom a .icon,
.submit-button .icon { transition: transform .3s var(--motion); }
.hero-link:hover .icon,
.highlight-bottom a:hover .icon,
.submit-button:hover .icon { transform: translateX(3px); }
.hero-link:hover { gap: 9px; color: #efffcb; }
.highlight-bottom a:hover { color: #1b8b4a; }
.hero-path { opacity: .7; }
.online-dot { box-shadow: 0 0 0 4px rgba(209, 236, 124, .12); }

/* O equalizador só se movimenta enquanto uma prévia toca */
.mini-equalizer i { transform-origin: 50% 50%; }
.hero-highlight:has(.sample-button.playing) .mini-equalizer i {
  animation: equalize .86s ease-in-out infinite alternate;
}
.hero-highlight:has(.sample-button.playing) .mini-equalizer i:nth-child(2) { animation-duration: .7s; animation-delay: -.3s; }
.hero-highlight:has(.sample-button.playing) .mini-equalizer i:nth-child(3) { animation-duration: .95s; animation-delay: -.48s; }
.hero-highlight:has(.sample-button.playing) .mini-equalizer i:nth-child(4) { animation-duration: .75s; animation-delay: -.16s; }
.hero-highlight:has(.sample-button.playing) .mini-equalizer i:nth-child(5) { animation-duration: 1s; animation-delay: -.36s; }
.sample-button { transition: background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s var(--motion); }
.sample-button:hover { box-shadow: 0 3px 9px rgba(42, 91, 50, .08); transform: translateY(-1px); }
.sample-button:active { transform: translateY(0); box-shadow: none; }
.sample-button.playing { box-shadow: 0 0 0 2px rgba(164, 210, 142, .15); }

/* Catálogo: transições breves e organização visual */
.catalog-top { animation: gentle-rise .65s .13s var(--motion) both; }
.toolbar { animation: gentle-rise .65s .19s var(--motion) both; }
.search {
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s var(--motion);
}
.search:focus-within { border-color: #83bb8b; box-shadow: 0 0 0 4px rgba(102, 164, 111, .12); }
.filter {
  transition: background .22s ease, border-color .22s ease, color .22s ease, transform .22s var(--motion);
}
.filter:hover { transform: translateY(-1px); }
.filter:active { transform: translateY(0); }
.filter.selected { box-shadow: inset 0 0 0 1px rgba(101, 152, 103, .035); }
.voice-card {
  border-color: #e5ebe4;
  box-shadow: 0 3px 12px rgba(38, 64, 43, .022);
  transition: transform .3s var(--motion), box-shadow .3s ease, border-color .3s ease;
}
.voice-card.is-featured { background: linear-gradient(145deg, #fff 55%, #fbfef8); }
.voice-card .avatar {
  transition: transform .35s var(--motion), border-radius .35s ease;
}
.voice-card:hover .avatar { transform: scale(1.06); border-radius: 12px; }
.voice-actions button,
.voice-actions a,
.voice-actions span.install {
  transition: background .22s ease, color .22s ease, border-color .22s ease, transform .22s var(--motion), box-shadow .22s ease;
}
.voice-actions button:active,
.voice-actions a:active { transform: scale(.97); }
.voice-actions .preview.is-playing { box-shadow: 0 0 0 2px rgba(134, 197, 137, .13); }
.voice-actions .install:hover { box-shadow: 0 4px 12px rgba(58, 122, 64, .12); }
.voice-actions .copy:hover { border-color: #d2e3d3 !important; }
.empty-state button,
.dialog-close,
.submit-button { transition: background .22s ease, color .22s ease, transform .22s var(--motion), box-shadow .22s ease; }
.empty-state button:hover { background: #d0eac0; }
.submit-button:hover { background: #28553c; box-shadow: 0 5px 15px rgba(40, 85, 60, .16); }
.dialog-close:hover { background: #e2ece1; transform: rotate(8deg); }

/* Seção de ajuda e rodapé com tratamento mais delicado */
.how-section {
  box-shadow: 0 9px 26px rgba(32, 68, 44, .025);
  transition: border-color .28s ease, box-shadow .28s ease;
}
.how-section:hover { border-color: #dce7d9; box-shadow: 0 13px 31px rgba(32, 68, 44, .04); }
.steps>div { transition: border-color .25s ease; }
.steps>div:hover { border-color: #b9dcae; }
.footer-right a,
.footer-right button { transition: color .2s ease; }

/* Diálogo e confirmação de ações */
.suggest-dialog[open] { animation: modal-enter .26s var(--motion); }
.suggest-dialog[open]::backdrop { animation: backdrop-enter .22s ease both; }
.toast { backdrop-filter: blur(8px); }

@keyframes gentle-rise {
  from { opacity: 0; transform: translateY(11px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes equalize {
  from { transform: scaleY(.57); }
  to { transform: scaleY(1.16); }
}
@keyframes modal-enter {
  from { opacity: 0; transform: translateY(12px) scale(.988); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes backdrop-enter {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Toque no celular não deve simular hover permanente */
@media (hover: none) {
  .voice-card:hover { transform: none; box-shadow: 0 3px 12px rgba(38,64,43,.022); }
  .voice-card:hover .avatar { transform: none; }
  .filter:hover, .header-submit:hover, .sample-button:hover { transform: none; }
  .how-section:hover { box-shadow: 0 9px 26px rgba(32,68,44,.025); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ====================================================================
   V4 • Grafite-sálvia: sem branco puro e sem preto profundo.
   Contraste confortável, cartões compactos, curtidas discretas.
   ==================================================================== */
:root {
  color-scheme: dark;
  --paper: #303a3a;
  --ink: #ebf1ed;
  --ink-muted: #afc0b9;
  --line: #51615c;
  --accent: #b6df93;
  --shadow: 0 14px 32px rgba(14, 27, 25, .15);
  --shadow-lift: 0 18px 38px rgba(14,27,25,.22);
}
html { background: #303a3a; }
body {
  background: radial-gradient(ellipse 690px 470px at 91% 9%,rgba(127,164,129,.055),transparent 77%), #303a3a;
  color: var(--ink);
}
::selection { background:#b3d58d; color:#1e3427; }
button:focus-visible, a:focus-visible, input:focus-visible { outline:2px solid #bfe69d;outline-offset:3px; }
.site-header { background:#394443; border-bottom:1px solid #56635e; box-shadow:0 3px 20px rgba(10,26,22,.075); }
.logo { color:#eef7ef; }
.logo>span:last-child>span { color:#bce79c; }
.logo>span:last-child>small { color:#a8d47b; }
.logo-icon { background:#b7d899; color:#203c30; box-shadow:inset 0 1px 0 rgba(255,255,255,.19); }
.desktop-nav {color:#cad8d1;}
.desktop-nav a:hover,.footer-right a:hover,.footer-right button:hover { color:#c6f19e; }
.desktop-nav a::after {background:#b7dd94;}
.header-submit {color:#193a2c; background:#b8de99; border-color:#b8de99; box-shadow:none;}
.header-submit:hover {background:#c7eba9;box-shadow:0 5px 17px rgba(17,28,17,.16);}
.hero { background:linear-gradient(110deg,#244338 0%,#2a493d 60%,#345246 100%); border:1px solid #506858; box-shadow:0 10px 28px rgba(13,28,21,.08);}
.hero::after {background:radial-gradient(circle,rgba(140,172,133,.13),transparent 68%);}
.hero-kicker {color:#d4ebd2;}
.hero-main p {color:#cfddd4;}
.hero h1 em {color:#d0edaa;}
.hero-link {color:#d8f7b3;}
.hero-highlight {color:#edf5ef;background:linear-gradient(155deg,#465751,#3f504a);border:1px solid #627b6c;box-shadow:0 14px 35px rgba(12,28,20,.17);}
.hero-highlight:hover {box-shadow:0 17px 36px rgba(11,26,20,.18);}
.feature-chip {color:#d9f1c5;background:#557451;}
.mini-equalizer i {background:#b5dc94;}
.highlight-avatar {background:#607760;}
.highlight-title small {color:#c1d2c4;}
.sample-button {background:#52665b;color:#e7f2e8;border-color:#778a7a;}
.sample-button:hover,.sample-button.playing {background:#657d64;border-color:#9abd8b;color:#f4fff1;}
.highlight-bottom {border-color:#677e6c;color:#c9d6c9;}
.highlight-bottom a {color:#d5f1b4;}
.highlight-bottom a:hover {color:#fff;}
.ad-label {color:#b0beb9;}
.ad-slot {color:#b9c6c0;background:#394644;border-color:#62716c;}
.section-eyebrow {color:#b9e797;}
.title-dot {color:#a6d17d;}
.catalog-count {color:#bdcec3;}
.search {background:#43514e;color:#cad8ce;border-color:#677970;}
.search:focus-within {border-color:#b9df9b;box-shadow:0 0 0 3px rgba(177,216,146,.13);}
.search input {color:#f4f8f4;}
.search input::placeholder {color:#b7c3bb;}
.search-shortcut {color:#d6e0d8;border-color:#718078;}
.filter {color:#cbd6cf;}
.filter:hover {background:#4c6058;}
.filter.selected {color:#e5f6d8;background:#547259;border-color:#739475;box-shadow:none;}
.ranking-note {font-size:11px;color:#bdcfc3;margin:-10px 0 13px;min-height:16px;}
.voice-card {color:var(--ink);background:#414f4b;border-color:#5a6a61;box-shadow:0 3px 11px rgba(11,28,18,.045);}
.voice-card:hover {border-color:#819782;box-shadow:var(--shadow);}
.voice-card.is-featured {background:linear-gradient(155deg,#4a6150,#45564d);border-color:#8ca87a;box-shadow:0 0 0 1px rgba(147,202,122,.07);}
.avatar-lime {background:#b4d79a}.avatar-lavender{background:#c7bddd}.avatar-peach{background:#e3c0a6}.avatar-sky{background:#aecbdf}.avatar-butter{background:#dbcf9f}.avatar-pink{background:#e4bbd0}.avatar-mint{background:#acd1be}
.voice-type {color:#bbc9c0;}
.featured-badge {color:#c7f1a2;}
.preview {background:#52665a;color:#e9f7e5;border-color:#708576!important;}
.preview:hover:not(:disabled),.preview.is-playing {background:#66846b;color:#fff;border-color:#a8d097!important;}
.preview:disabled {background:#485650;color:#adbab1;border-color:#5c6d61!important;}
.install {background:#b9df98;color:#24452e;}
.install:hover {background:#cbefaa;}
.copy {color:#d2e3d3;background:#4d5e55;border-color:#6a7e70!important;}
.copy:hover {color:#f0fff2;background:#627868;border-color:#9db69b!important;}
.voice-actions .copy:hover {border-color:#9db69b!important;}
.vote-row {display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:10px;padding-top:9px;border-top:1px solid #63746b;min-height:29px;}
.like-button {background:transparent;border:0;border-radius:7px;padding:3px 5px 3px 1px;display:inline-flex;gap:5px;align-items:center;font-size:11px;font-weight:730;color:#c5d6cb;transition:color .22s,transform .22s;white-space:nowrap;}
.like-button .icon {width:15px;height:15px;stroke-width:1.8;}
.like-button:not(:disabled):hover {color:#d0eca3;transform:translateY(-1px);}
.like-button.liked {color:#d6f5ae;}
.like-button.liked .icon {fill:#c7e4a9;stroke:#c7e4a9;}
.like-button:disabled:not(.liked) {cursor:default;opacity:.55;}
.like-count {font-size:10px;color:#c2d0c6;white-space:nowrap;font-variant-numeric:tabular-nums;}
.grid-ad {min-width:0;}
.empty-state {background:#42504b;border-color:#637267;}
.empty-state p {color:#d3dfd4;}
.empty-state button {color:#224c2e;background:#c6dfa6;}
.empty-state button:hover {background:#d2eab2;}
.how-section {background:#3b4945;border-color:#596a60;box-shadow:0 8px 23px rgba(17,31,25,.06);}
.how-section:hover {border-color:#79917d;box-shadow:0 12px 28px rgba(17,31,25,.09);}
.how-copy p {color:#c6d2c9;}
.steps>div {border-left-color:#63766b;}
.steps>div:hover {border-color:#a1c88e;}
.steps span {color:#c7e5a8;}
.steps small {color:#c2cfc3;}
.footer {background:#394441;border-color:#596860;}
.footer-content p,.footer-right small {color:#bfcec3;}
.footer-right button {color:#edf3ee;}
.suggest-dialog {background:#414f4a;color:#f0f4ef;border-color:#708176;}
.suggest-dialog::backdrop {background:rgba(12,24,19,.68);}
.dialog-close {background:#53675a;color:#e3efe2;}
.dialog-close:hover {background:#677f6e;}
.dialog-body>p,.dialog-note {color:#c8d5c9;}
.dialog-body input {background:#36443e;color:#eef5ed;border-color:#76897a;}
.dialog-body input::placeholder {color:#b1bfb3;}
.submit-button {background:#b9de99;color:#24422f;}
.submit-button:hover {background:#c4e8a8;box-shadow:0 6px 15px rgba(17,27,19,.1);}
.submit-button:disabled {opacity:.58;cursor:wait;}
.toast {background:#526a59;color:#f1f9f0;border-color:#79957d;}
.sample-unavailable {font-size:12px;color:#cddbcf;padding:7px 0;}
.policy {max-width:780px;margin:50px auto 90px;line-height:1.8;color:#d9e5dc;}
.policy h1 {font-size:clamp(27px,5vw,40px);line-height:1.15;}
.policy h2 {font-size:20px;margin:29px 0 8px;color:#c8ebb0;}
.policy p {font-size:14px;color:#d4dfd7;}
.policy-back {display:inline-flex;padding:10px 14px;background:#b8dc96;color:#213c2d;border-radius:9px;margin-top:20px;font-weight:700;}
.thanks{min-height:95vh;display:grid;place-items:center;text-align:center;padding:25px}
.thanks-box{max-width:480px}.thanks-box .tick{display:inline-grid;place-items:center;font-size:30px;background:#a4d48b;color:#203524;width:70px;height:70px;border-radius:20px}.thanks-box h1{font-size:34px;letter-spacing:-1px}.thanks-box p{color:#c0d1c6;font-size:14px}.thanks-box a{display:inline-block;background:#b8db93;color:#24402e;padding:13px 22px;border-radius:10px;font-weight:700;margin-top:17px}
@media (max-width:540px) {
  .vote-row{margin-top:8px;padding-top:6px;min-height:25px;gap:3px;}
  .like-button {font-size:10px;gap:3px;}
  .like-button .icon {width:13px;height:13px;}
  .like-count {font-size:9px;}
  .ranking-note {font-size:10px;margin:-5px 0 12px;}
  .voice-card {padding-bottom:9px;}
  .hero-highlight {background:#46584e;}
}
@media (max-width:370px) {.voice-card{padding-bottom:11px;}.vote-row{margin-top:9px;}}
@media (prefers-reduced-motion:reduce) { .like-button {transition:none!important;} }


/* ====================================================================
   V5 • Mobile-first refinado para descoberta e uso em celular.
   ==================================================================== */
html{background:#303a3a}
body{padding-bottom:env(safe-area-inset-bottom,0)}
.site-header{position:sticky;top:0;z-index:40;background:rgba(57,68,67,.92);backdrop-filter:saturate(140%) blur(10px)}
.hero-cta-group{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}
.hero-ghost-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:12px;border:1px solid rgba(211,240,191,.18);background:rgba(255,255,255,.04);color:#edf7ee;font-size:12px;font-weight:700}
.hero-ghost-link:hover{background:rgba(255,255,255,.08);border-color:rgba(211,240,191,.3)}
.toolbar-wrap{position:relative}
.toolbar-caption{display:none}
.toolbar{background:rgba(61,74,72,.7);border:1px solid #5d6c67;padding:12px;border-radius:16px;backdrop-filter:blur(10px)}
.search{height:48px;border-radius:13px}
.search input{font-size:14px}
.filters{gap:8px}
.filter{min-height:42px;padding:10px 14px;border-radius:12px}
.voice-grid{gap:16px}
.voice-card{border-radius:18px;padding:16px 14px 13px}
.voice-info{margin-bottom:14px}
.voice-name{font-size:13.5px}
.voice-type{font-size:11px}
.voice-actions{gap:8px;align-items:stretch}
.voice-actions button,.voice-actions a,.voice-actions span.install{height:38px;border-radius:11px;font-size:11px}
.voice-actions .preview{min-width:86px;flex:0 0 auto}
.voice-actions .install{flex:1.2;font-size:11.5px}
.voice-actions .copy{width:36px}
.vote-row{padding-top:11px;margin-top:11px}
.like-button{min-height:34px;padding:4px 6px 4px 1px}
.how-section{margin-top:60px}

@media(max-width:800px){
  .container{width:calc(100% - 28px)}
  .header-content{min-height:70px;gap:10px}
  .hero{margin-top:14px;padding:26px 18px 18px;border-radius:20px;gap:18px}
  .hero-main p{max-width:none;font-size:13px;line-height:1.6}
  .hero-highlight{padding:16px;border-radius:16px;max-width:none}
  .toolbar-wrap{position:sticky;top:82px;z-index:25;margin-inline:-2px}
  .toolbar-caption{display:block;font-size:11px;color:#c7d4ce;margin:0 0 8px 3px}
  .toolbar{display:grid;gap:10px;padding:10px 10px 9px}
  .search{width:100%}
  .filters{width:100%;overflow:auto;scroll-snap-type:x proximity;padding-bottom:2px;mask-image:linear-gradient(to right,transparent 0,black 10px,black calc(100% - 10px),transparent 100%)}
  .filters::-webkit-scrollbar{display:none}
  .filter{scroll-snap-align:start;flex:0 0 auto}
  .catalog-top{gap:10px;align-items:flex-start;flex-direction:column}
  .catalog-count{padding-bottom:0}
  .voice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .how-section{grid-template-columns:1fr;padding:24px 18px;gap:18px}
  .steps{grid-template-columns:1fr;gap:12px}
  .steps>div{display:grid;grid-template-columns:42px 1fr;gap:0 12px;align-items:start;padding-left:0;border-left:0;border-top:1px solid #63766b;padding-top:12px}
  .steps>div:first-child{border-top:0;padding-top:0}
  .steps span{grid-row:1 / span 2;display:grid;place-items:center;width:36px;height:36px;background:rgba(190,229,156,.12);border-radius:12px}
}
@media(max-width:540px){
  html{scroll-padding-top:78px}
  .container{width:calc(100% - 22px)}
  .site-header{border-bottom-color:#65736e}
  .header-content{min-height:64px}
  .logo{font-size:19px}
  .header-submit{padding:10px 11px}
  .hero{padding:20px 14px 16px;border-radius:18px;gap:16px}
  .hero-kicker{font-size:8.5px;letter-spacing:.9px}
  .hero h1{font-size:32px;line-height:1.05;letter-spacing:-1.5px;margin:11px 0 10px}
  .hero-main p{font-size:12px}
  .hero-cta-group{margin-top:14px;gap:8px}
  .hero-link,.hero-ghost-link{min-height:40px;padding:0 13px;border-radius:12px;font-size:12px}
  .hero-highlight-head{align-items:flex-start;gap:8px}
  .feature-chip{font-size:9px;padding:6px 8px}
  .highlight-title{gap:10px;margin:12px 0 12px}
  .highlight-avatar{width:42px;height:42px;font-size:21px}
  .highlight-title strong{font-size:14px}
  .sample-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .sample-button{width:100%;justify-content:center;min-height:38px;font-size:10px;padding:7px 8px}
  .sample-button:last-child:nth-child(odd){grid-column:1/-1}
  .highlight-bottom{display:grid;grid-template-columns:1fr;gap:10px;align-items:start}
  .highlight-bottom a{justify-content:center;min-height:40px;background:#b6df93;color:#234430;border-radius:12px;padding:0 14px;font-size:12px}
  .ad-container{margin-top:14px;margin-bottom:22px}
  .ad-leaderboard,.ad-infeed,.ad-footer{min-height:64px}
  .catalog-top h2{font-size:24px}
  .toolbar-wrap{top:72px}
  .toolbar{padding:9px;border-radius:14px}
  .search{height:46px;padding:0 12px}
  .search .icon{width:16px}
  .search-shortcut{display:none}
  .filters{gap:6px}
  .filter{min-height:39px;padding:9px 12px;font-size:11px}
  .voice-grid{grid-template-columns:1fr;gap:10px}
  .voice-card{padding:13px 12px 12px;border-radius:16px}
  .voice-info{margin-bottom:12px}
  .avatar{width:42px;height:42px;font-size:21px}
  .voice-name{font-size:13px}
  .voice-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 38px;gap:6px}
  .voice-actions button,.voice-actions a,.voice-actions span.install{height:40px;font-size:11px}
  .voice-actions .preview{min-width:0}
  .voice-actions .copy{width:38px}
  .install{padding:0 10px}
  .vote-row{margin-top:10px;padding-top:9px}
  .like-button{min-height:32px;padding-left:0}
  .how-section{margin-top:44px;padding:20px 14px;border-radius:16px}
  .how-copy h2{font-size:22px;max-width:none}
  .how-copy p{max-width:none;font-size:12px}
  .steps>div strong{font-size:12px}
  .steps>div small{font-size:10px}
  .footer{padding:24px 0 calc(24px + env(safe-area-inset-bottom,0))}
}
@media(max-width:390px){
  .hero h1{font-size:30px}
  .sample-row{grid-template-columns:1fr}
  .voice-actions{grid-template-columns:1fr 1.15fr 36px}
}

/* AdSense: não exibir placeholders de publicidade enquanto não houver aprovação/implementação. */
/* Reservas de publicidade visíveis; nenhum script de anúncios ativo antes da aprovação. */
/* Conteúdo editorial original acessível em qualquer tamanho de tela. */
.learn-more{margin:24px auto 56px;padding:24px 28px;background:rgba(184,220,150,.09);border:1px solid rgba(191,224,177,.3);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.learn-more h2{font-size:clamp(19px,2vw,26px);line-height:1.25;margin:6px 0 9px}
.learn-more p{margin:0;max-width:660px;color:#c6d4cb;font-size:13px;line-height:1.65}
.learn-more>a{border-radius:11px;white-space:nowrap;padding:12px 17px;background:#badd96;color:#233c2f;font-weight:800;font-size:12px}
.policy a:not(.policy-back){color:#c4eaa1;text-decoration:underline;text-underline-offset:3px}
.policy strong{color:#f0f5ec}
.policy h2{line-height:1.35}
@media(max-width:680px){.learn-more{padding:20px 17px;display:block}.learn-more>a{display:inline-block;margin-top:16px}.policy{margin-top:26px;margin-bottom:55px}}


/* V7.3: tema coerente, sem cartões pretos; cards e filtros claros. */
:root { --paper:#edf2f8; --ink:#223449; --ink-muted:#657b92; --line:#dce6f1; --accent:#2674c9; --shadow:0 12px 30px rgba(20,46,81,.09); }
html,body {background:#edf2f8; color:#223449;}
body {background:radial-gradient(ellipse 900px 480px at 90% 0%,rgba(66,156,238,.10),transparent 70%),#edf2f8;}
.site-header {background:#fff;border-color:#e2e9f1;box-shadow:0 2px 14px rgba(24,52,82,.04);}
.logo,.desktop-nav,.footer {color:#223449;}
.logo>span:last-child>span {color:#2265af;} .logo>span:last-child>small{color:#39b4f0;}
.logo-icon {background:#e0f2ff;color:#1f6ba8;}
.desktop-nav a::after {background:#42a9f1;} .desktop-nav a:hover {color:#236ab5;}
.header-submit,.submit-button {background:#205eaa;color:#fff;border-color:#205eaa;}
.header-submit:hover,.submit-button:hover {background:#2775c9;color:#fff;}
.hero {background:linear-gradient(112deg,#173554,#204f80 65%,#25639a);border-color:#356b9a;color:#fff;}
.hero::after {background:radial-gradient(circle,rgba(88,174,250,.18),transparent 68%);}
.hero-kicker,.hero-link {color:#cce8ff;} .hero h1 em {color:#7bd0ff;} .hero-main p {color:#d7e5f3;}
.hero-highlight {background:#fff;color:#24384b;border-color:#e1e9f2;box-shadow:0 15px 34px rgba(13,39,71,.14);}
.feature-chip {background:#e5f3ff;color:#226ba9;} .mini-equalizer i{background:#65b9ee;}
.highlight-avatar {background:#e4f3ff;overflow:hidden;padding:0;}
.avatar-image {width:100%;height:100%;display:block;object-fit:cover;}
.sample-button {background:#f5f9ff;color:#385f82;border-color:#dce7f2;}
.sample-button:hover,.sample-button.playing {background:#e7f2ff;color:#1d65aa;border-color:#bcdaf6;}
.highlight-title small,.highlight-bottom {color:#71879a;} .highlight-bottom{border-color:#e3eaf2;} .highlight-bottom a {color:#2166ae;}
.ad-slot {background:#f4f7fb;color:#98a7b7;border-color:#d9e4f0;} .ad-label{color:#899caf;}
.section-eyebrow,.title-dot {color:#2b82c9;} .catalog-count {color:#758a9d;}
.toolbar-wrap,.toolbar {background:transparent;color:#223449;} .toolbar-caption{color:#667e95;}
.search {background:#fff;color:#7890a5;border-color:#d4e1ee;} .search input{color:#223449;} .search input::placeholder{color:#8a9eb0;}
.search:focus-within{border-color:#76b7ed;box-shadow:0 0 0 3px rgba(66,156,238,.13);}
.filters {background:transparent;} .filter {background:transparent;color:#60778d;border:1px solid transparent;}
.filter:hover{background:#e1edf9;color:#205c9d;} .filter.selected{background:#d7eaff;color:#1d5a9c;border:1px solid #a8d0f2;box-shadow:none;}
.voice-card,.voice-card.is-featured {background:#fff;color:#223449;border-color:#dce6f1;box-shadow:0 5px 16px rgba(24,52,82,.055);}
.voice-card:hover{border-color:#b5cfe8;box-shadow:0 11px 27px rgba(24,52,82,.095);}
.voice-card.is-featured{border-color:#9cc8ec;box-shadow:0 0 0 1px rgba(55,144,220,.12);}
.avatar {overflow:hidden;background:#e8f2fc;} .avatar .avatar-image{border-radius:inherit;}
.voice-name {color:#25394d;font-weight:800;} .voice-type{color:#75899d;} .featured-badge{color:#2e8dcc;}
.preview{background:#f2f6fb;color:#3b6388;border-color:#e0e9f3!important;}
.preview:hover:not(:disabled),.preview.is-playing{background:#e2f0ff;color:#1c66aa;border-color:#b6d9f5!important;}
.preview:disabled {background:#f6f8fb;color:#99a8b7;border-color:#e5ebf2!important;}
.install{background:#d6ebff;color:#195c9d;} .install:hover{background:#bfe0ff;}
.copy{background:#fff;color:#70889f;border-color:#e0e9f3!important;} .copy:hover{background:#e9f3ff;color:#205f9f;border-color:#b7d6f2!important;}
.vote-row{border-color:#e4edf5;} .like-button{color:#4c6782;background:#f3f8fe;border:1px solid #dce9f6;border-radius:9px;padding:5px 8px;}
.like-button:not(:disabled):hover{color:#1d65a8;background:#e6f2ff;} .like-button.liked{color:#1961a3;background:#e1f0ff;} .like-button.liked .icon{fill:#4e9fdd;stroke:#4e9fdd;}
.like-count{display:inline-flex;align-items:center;gap:4px;border-radius:9px;background:#e6f1ff;color:#35638f;border:1px solid #cfe3f8;padding:5px 8px;font-size:10px;font-weight:650;}
.like-count strong{color:#174f88;font-size:14px;font-weight:900;}
.empty-state,.how-section,.suggest-dialog,.policy,.learn-more {background:#fff;color:#223449;border-color:#dce6f1;}
.empty-state p,.how-copy p,.steps small{color:#71869b;} .empty-state button{background:#d8eaff;color:#195e9d;}
.footer{background:#fff;border-color:#e1e9f2;} .footer-content p,.footer-right small,.footer-right a{color:#71869b;}
.dialog-body input {background:#fff;color:#223449;border-color:#cddded;}
@media(max-width:540px){.like-count{padding:5px 7px;font-size:9px}.like-count strong{font-size:13px}.like-button{padding:5px 7px}}


/* V7.4 — legibilidade: tipografia mais nítida e contraste consistente.
   Mantém exatamente a geometria e a identidade visual dos cards V7.3. */
:root{--ink:#263542;--ink-muted:#516578}
body{color:#263542;-webkit-font-smoothing:auto;text-rendering:optimizeLegibility}
.voice-card,.voice-card.is-featured{background:#fff;color:#263542}
.voice-name{color:#253340!important;font-size:14px;font-weight:800;line-height:1.32;letter-spacing:-.12px;text-shadow:none}
.voice-type{color:#516579!important;font-size:11.5px;font-weight:600;line-height:1.4}
.catalog-top h2,.how-copy h2,.learn-more h2{color:#253340;letter-spacing:-.55px}
.catalog-count,.ranking-note,.toolbar-caption{color:#4f6275!important;font-size:12px;line-height:1.5;font-weight:550}
.filter{color:#3f5369!important;font-size:12px;font-weight:750;letter-spacing:0;text-shadow:none}
.filter.selected{color:#174a7b!important;background:#e0efff!important;border-color:#9dc7ee!important;font-weight:850}
.search input{color:#243a50!important;font-size:14px;font-weight:550}
.search input::placeholder{color:#617589!important;opacity:1}
.voice-actions .preview,.voice-actions .install,.voice-actions .copy{font-weight:800;letter-spacing:0}
.like-button{color:#36536f!important;font-weight:800;font-size:12px}
.like-count{color:#355674!important;font-size:11px;font-weight:750}
.like-count strong{color:#173f71!important;font-size:15px;font-weight:900}
.how-copy p,.steps small,.learn-more p,.policy p{color:#4c6275!important;font-size:13px;line-height:1.65}
.steps strong,.highlight-title strong{color:#263542;font-weight:800}
.footer-content p,.footer-right small,.footer-right a{color:#516578}
.ad-container{display:block!important}
.ad-slot{background:#f5f8fc!important;border:1px dashed #c6d7e8!important;color:#637e99!important;min-height:75px}
.ad-label{color:#63788d!important;font-weight:750;letter-spacing:.35px}
.ad-slot span{font-size:12px;font-weight:650;color:#627b95}
@media(max-width:540px){
  .voice-name{font-size:14px!important;line-height:1.3}
  .voice-type{font-size:11px!important}
  .filter{font-size:12px!important}
  .voice-actions button,.voice-actions a,.voice-actions span.install{font-size:11.5px!important}
  .like-button{font-size:11px!important}
  .like-count{font-size:10.5px!important}
  .like-count strong{font-size:14px!important}
  .ad-slot{min-height:68px}
}