.tl{--tt-yellow:#f9b233;--tt-yellow-deep:#e39a12;--tt-coral:#ef4a3f;--tt-coral-deep:#c9342b;--tt-wine:#7a1020;--tt-cream:#fff6e3;--tt-cream-deep:#ffe9bf;--tt-ink:#2a1a1c;--tt-ink-soft:#6b4f52;--tt-green:#35b36b;--tt-green-soft:#d9f5e3;--tt-red-soft:#ffd9d5;--tt-font:var(--font-fredoka,"Fredoka", "Nunito", system-ui, sans-serif);max-width:820px;font-family:var(--tt-font);flex-direction:column;gap:22px;margin:0 auto;padding:24px 24px 64px;font-weight:400;display:flex}.tl button{font-family:var(--tt-font)}.tl-hero{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.tl-logo{filter:drop-shadow(0 12px 28px #f9b23340);width:clamp(170px,30vw,230px);height:auto;margin:0 0 2px;animation:4s ease-in-out infinite tl-float}@keyframes tl-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}.tl-slogan{letter-spacing:.22em;text-transform:uppercase;color:var(--tt-cream);opacity:.8;margin:0 0 6px;font-size:13px;font-weight:600}.tl-hero h1{font-family:var(--tt-font);color:var(--tt-yellow);letter-spacing:-.01em;max-width:26ch;margin:4px 0 8px;font-size:clamp(22px,3.4vw,32px);font-weight:700;line-height:1.15}.tl-lead{font-family:var(--font-dm,system-ui), sans-serif;color:var(--dim);max-width:620px;margin:0;font-size:15.5px;line-height:1.65}.tl-error{color:#ffb4ab;text-align:center;margin:0;font-size:14px;font-weight:500}.tl-mudo{color:var(--tt-yellow);text-align:center;margin:4px 0 0;font-size:13.5px;font-weight:500}.tl-modes{background:#fff6e314;border:2px dashed #f9b23359;border-radius:999px;justify-content:center;align-self:center;gap:6px;padding:5px;display:flex}.tl-mode{color:var(--tt-cream);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:10px 24px;font-size:16px;font-weight:600;transition:background .18s,color .18s,transform .15s}.tl-mode:hover{transform:rotate(-2deg)scale(1.04)}.tl-mode.on{background:var(--tt-yellow);color:var(--tt-wine);box-shadow:0 4px 0 var(--tt-yellow-deep)}.tl-filters{flex-direction:column;align-items:center;gap:10px;display:flex}.tl-chips{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.tl-chip{color:var(--tt-cream);cursor:pointer;background:#fff6e314;border:2px solid #fff6e32e;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;transition:all .15s}.tl-chip:hover{border-color:var(--tt-yellow);transform:translateY(-2px)rotate(-1.5deg)}.tl-chip.on{background:var(--tt-yellow);border-color:var(--tt-yellow);color:var(--tt-wine);box-shadow:0 3px 0 var(--tt-yellow-deep)}.tl-chip.som.on{background:var(--tt-coral);border-color:var(--tt-coral);color:#fff;box-shadow:0 3px 0 var(--tt-coral-deep)}.tl-som-why{font-family:var(--font-dm,system-ui), sans-serif;color:var(--tt-ink);background:var(--tt-cream-deep);border-radius:14px;max-width:620px;margin:-4px auto 0;padding:10px 16px;font-size:14.5px;line-height:1.6;position:relative;transform:rotate(-.6deg)}.tl-som-why:before{content:"💡";margin-right:6px}.tl-slow{cursor:pointer;color:var(--tt-cream);align-items:center;gap:10px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.tl-slow input{opacity:0;width:0;height:0;position:absolute}.tl-slow-track{background:#fff6e333;border-radius:999px;flex-shrink:0;width:40px;height:24px;transition:background .2s;position:relative}.tl-slow-track:after{content:"🐢";text-align:center;background:#fff;border-radius:50%;width:18px;height:18px;font-size:13px;line-height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.tl-slow input:checked+.tl-slow-track{background:var(--tt-yellow)}.tl-slow input:checked+.tl-slow-track:after{transform:translate(16px)}.tl-list{flex-direction:column;gap:14px;margin:0;padding:4px 0 0;list-style:none;display:flex}.tl-item{background:var(--tt-cream);color:var(--tt-ink);border-radius:18px;flex-direction:column;gap:8px;padding:16px 18px;transition:transform .15s,box-shadow .2s;display:flex;position:relative;transform:rotate(-.4deg);box-shadow:0 6px #00000040,0 14px 30px #00000040}.tl-item:nth-child(2n){transform:rotate(.4deg)}.tl-item:hover{transform:rotate(0)translateY(-2px)}.tl-item.rec{background:var(--tt-cream-deep);outline:3px solid var(--tt-coral);transform:rotate(0)scale(1.01)}.tl-item.good{outline:3px solid var(--tt-green)}.tl-item.bad{outline:3px solid var(--tt-coral)}.tl-item-top{align-items:center;gap:14px;display:flex}.tl-item-text{color:var(--tt-ink);flex:1;font-size:clamp(19px,2.6vw,24px);font-weight:600;line-height:1.25}.tl-item-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.tl-ib{background:var(--tt-yellow);width:46px;height:46px;color:var(--tt-wine);cursor:pointer;box-shadow:0 4px 0 var(--tt-yellow-deep);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .15s,box-shadow .15s;display:inline-flex}.tl-ib:hover{transform:translateY(-2px)rotate(-6deg)}.tl-ib:active{box-shadow:0 1px 0 var(--tt-yellow-deep);transform:translateY(2px)}.tl-ib:disabled{opacity:.4;cursor:default;transform:none}.tl-ib.on{animation:.7s ease-in-out infinite tl-bounce}.tl-ib.mic{box-shadow:none;background:0 0;width:52px;height:52px}.tl-ib.mic:hover{transform:scale(1.12)rotate(-8deg)}.tl-ib.stop{background:var(--tt-coral);color:#fff;box-shadow:0 4px 0 var(--tt-coral-deep);animation:1s ease-in-out infinite tl-pulse}.tl-ib.listen-again{border-radius:999px;align-self:center;gap:8px;width:auto;height:auto;padding:10px 18px;font-size:15px;font-weight:600}.tl-boca{filter:drop-shadow(0 4px 8px #0000004d);width:100%;height:auto;display:block}.tl-boca.falando{animation:.45s ease-in-out infinite tl-talk}.tl-stop-sq{background:currentColor;border-radius:4px;width:14px;height:14px;display:inline-block}@keyframes tl-pulse{0%,to{box-shadow:0 4px 0 var(--tt-coral-deep), 0 0 0 0 #ef4a3f80}50%{box-shadow:0 4px 0 var(--tt-coral-deep), 0 0 0 12px #ef4a3f00}}@keyframes tl-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes tl-talk{0%,to{transform:scaleY(1)rotate(-3deg)}50%{transform:scaleY(.82)rotate(3deg)}}.tl-item-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tl-badge{color:var(--tt-ink-soft);background:#2a1a1c0f;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.tl-badge.n-facil{background:var(--tt-green-soft);color:#1f7a45}.tl-badge.n-medio{color:#8a5a00;background:#ffe9bf}.tl-badge.n-dificil{background:var(--tt-red-soft);color:var(--tt-coral-deep)}.tl-badge.n-extremo{color:#8a2a7a;background:#f3d6f0}.tl-badge.som{color:#1d4e89;background:#dbeafe}.tl-rec-l{color:var(--tt-ink-soft);font-size:13px;font-weight:500}.tl-ondas-wrap{flex-direction:column;align-items:center;display:flex}.tl-ondas{width:100%;max-width:360px;height:44px;display:block}.tl-verdict{color:var(--tt-ink);background:#ffffff8c;border-radius:14px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.tl-verdict.good{background:var(--tt-green-soft)}.tl-verdict.almost{background:#e3eefc}.tl-verdict.bad{background:var(--tt-red-soft)}.tl-verdict-top{align-items:center;gap:14px;display:flex}.tl-verdict-score{color:var(--tt-wine);flex-shrink:0;font-size:38px;font-weight:700;line-height:1}.tl-verdict-score small{color:var(--tt-ink-soft);font-size:13px;font-weight:500}.tl-verdict-msg{color:var(--tt-ink);font-size:15px;font-weight:600;line-height:1.4}.tl-verdict-words{font-size:21px;font-weight:600;line-height:1.55}.tl-words{display:inline}.tl-w{border-radius:7px;margin:0 5px 4px 0;padding:0 5px;display:inline-block}.tl-w.ok{color:#1f7a45;background:#35b36b24}.tl-w.meh{color:#8a5a00;background:#f9b23347}.tl-w.bad{color:#fff;background:var(--tt-coral);transform:rotate(-2deg)}.tl-w.omit{color:var(--tt-ink-soft);opacity:.6;text-decoration:line-through}.tl-heard{font-family:var(--font-dm,system-ui), sans-serif;color:var(--tt-ink-soft);font-size:13.5px}.tl-heard em{color:var(--tt-ink)}.tl-tip{text-align:left;border-left:4px solid var(--tt-yellow);background:#fff;border-radius:12px;padding:11px 13px}.tl-tip-h{color:var(--tt-wine);font-size:14.5px;font-weight:700}.tl-tip-p{font-family:var(--font-dm,system-ui), sans-serif;color:var(--tt-ink-soft);margin:4px 0 0;font-size:13.5px;line-height:1.5}.tl-tip-fix{font-family:var(--font-dm,system-ui), sans-serif;color:#1f7a45;margin:4px 0 0;font-size:13.5px;line-height:1.5}.tl-tip-fix b{color:#1f7a45}.tl-btn{background:var(--tt-coral);color:#fff;cursor:pointer;box-shadow:0 5px 0 var(--tt-coral-deep);border:none;border-radius:999px;align-items:center;gap:10px;padding:14px 28px;font-size:17px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.tl-btn:hover{transform:translateY(-2px)rotate(-1deg)}.tl-btn:active{box-shadow:0 1px 0 var(--tt-coral-deep);transform:translateY(3px)}.tl-btn.big{background:var(--tt-yellow);color:var(--tt-wine);box-shadow:0 6px 0 var(--tt-yellow-deep);padding:14px 34px 14px 18px;font-size:22px}.tl-btn.big:active{box-shadow:0 1px 0 var(--tt-yellow-deep)}.tl-btn.big .tl-boca{width:40px}.tl-btn.ghost{color:var(--tt-cream);box-shadow:none;background:0 0;border:2px solid #fff6e34d}.tl-desafio{flex-direction:column;align-items:center;display:flex}.tl-start{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:560px;display:flex}.tl-start-p{font-family:var(--font-dm,system-ui), sans-serif;color:var(--dim);margin:0;font-size:15.5px;line-height:1.65}.tl-best{color:var(--tt-cream);margin:0;font-size:15px;font-weight:500}.tl-best strong{color:var(--tt-yellow)}.tl-best.recorde{color:var(--tt-yellow);font-size:22px;font-weight:700;animation:.8s ease-in-out infinite tl-bounce}.tl-round{background:var(--tt-yellow);width:100%;max-width:640px;color:var(--tt-wine);box-shadow:0 8px 0 var(--tt-yellow-deep), 0 20px 40px #0000004d;border-radius:28px 28px 28px 6px;flex-direction:column;align-items:center;gap:14px;padding:18px 22px 24px;transition:background .2s;display:flex;position:relative}.tl-round.acertou{background:#b9f0cf;box-shadow:0 8px #6fd39a,0 20px 40px #0000004d}.tl-round-top{justify-content:space-between;align-items:center;width:100%;display:flex}.tl-streak{color:var(--tt-wine);font-size:15px;font-weight:600}.tl-streak strong{font-size:22px}.tl-quit{color:var(--tt-wine);cursor:pointer;opacity:.7;background:0 0;border:none;font-size:14px;font-weight:600}.tl-bar{background:#7a102026;border-radius:999px;width:100%;height:12px;overflow:hidden}.tl-bar span{background:var(--tt-coral);border-radius:999px;height:100%;transition:width .1s linear;display:block}.tl-round-text{text-align:center;color:var(--tt-wine);font-size:clamp(26px,4.4vw,40px);font-weight:700;line-height:1.15}.tl-round-meta{gap:8px;display:flex}.tl-round .tl-badge{color:var(--tt-wine);background:#7a10201a}.tl-done{background:var(--tt-coral);color:#fff;cursor:pointer;box-shadow:0 6px 0 var(--tt-coral-deep);border:none;border-radius:999px;align-items:center;gap:12px;padding:10px 30px 10px 14px;font-size:22px;font-weight:700;transition:transform .12s;display:inline-flex}.tl-done:active{box-shadow:0 1px 0 var(--tt-coral-deep);transform:translateY(4px)}.tl-done .tl-boca{width:44px}.tl-round-hint{color:var(--tt-wine);opacity:.8;margin:0;font-size:14px;font-weight:500}.tl-hit{color:#1f7a45;font-size:30px;font-weight:700;animation:.5s cubic-bezier(.2,1.6,.4,1) tl-pop;position:relative}@keyframes tl-pop{0%{transform:scale(.4)rotate(-8deg)}to{transform:scale(1)rotate(0)}}.tl-confetti{pointer-events:none;position:absolute;inset:0}.tl-confetti i{background:var(--tt-coral);--a:calc(var(--i) * 25.7deg);border-radius:2px;width:9px;height:13px;animation:.9s ease-out forwards tl-conf;position:absolute;top:50%;left:50%}.tl-confetti i:nth-child(3n){background:var(--tt-yellow)}.tl-confetti i:nth-child(3n+1){background:#4aa3ff}.tl-confetti i:nth-child(4n){background:#35b36b;border-radius:50%}@keyframes tl-conf{0%{transform:rotate(var(--a)) translateY(0) rotate(0);opacity:1}to{transform:rotate(var(--a)) translateY(-110px) rotate(540deg);opacity:0}}.tl-end{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:640px;display:flex}.tl-end-k{color:var(--tt-coral);font-size:30px;font-weight:700;animation:.6s ease-in-out tl-wobble}@keyframes tl-wobble{0%{transform:rotate(0)}20%{transform:rotate(-8deg)}45%{transform:rotate(7deg)}70%{transform:rotate(-4deg)}to{transform:rotate(0)}}.tl-end-score{color:var(--tt-yellow);text-shadow:0 6px 0 var(--tt-yellow-deep);flex-direction:column;align-items:center;font-size:88px;font-weight:700;line-height:1;display:flex}.tl-end-score small{color:var(--tt-cream);text-shadow:none;margin-top:8px;font-size:15px;font-weight:500}.tl-end-review{text-align:left;background:var(--tt-cream);border-radius:18px;flex-direction:column;gap:10px;width:100%;padding:14px;display:flex;box-shadow:0 6px #00000040}.tl .ferr-actions.center{justify-content:center}.tl .dg-rank-panel{margin-top:8px}.tl-cont-group{margin-top:26px}.tl-cont-group h3{font-family:var(--font-cormorant,serif);color:var(--white);margin-bottom:8px;font-size:22px;font-weight:400}.tl-cont-group>p{font-size:14.5px}.tl-cont-list{flex-direction:column;gap:6px;margin:12px 0 0 22px;padding:0;display:flex}.tl-cont-list li{color:var(--white);font-size:16px;line-height:1.5}.tl-cont-list li small{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-left:6px;font-size:11.5px}@media (max-width:560px){.tl{padding:16px 14px 56px}.tl-item-top{flex-direction:column;align-items:stretch}.tl-item-actions{justify-content:flex-end}.tl-verdict-top{flex-direction:column;align-items:flex-start;gap:6px}.tl-mode{padding:9px 16px;font-size:15px}}@media (prefers-reduced-motion:reduce){.tl-logo,.tl-ib.on,.tl-boca.falando,.tl-best.recorde,.tl-confetti i{animation:none}}