/* FOURMI THINK — Personal: sessão ao vivo. Carvão e dourado; o verde energia marca séries feitas, progresso e descanso. */
.trl-dialog{--trl-ink:#141a17;--trl-muted:#5c6660;--trl-line:#e6e0d2;--trl-paper:#fffdf8;--trl-cream:#f8f5ee;--trl-gold:#e6ad3e;--trl-deep:#121916;--trl-lime:#8fd14f;--trl-lime-ink:#1d3a0b}
:is(.trl-dialog,.trl-start) svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.trl-start{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:0;border-radius:14px;background:#121916;color:#fff;font-weight:800;font-size:.92rem;cursor:pointer}
.trl-start svg{color:#8fd14f;fill:#8fd14f}
.trl-last{margin-top:-2px}

.trl-dialog{width:min(100%,560px);max-width:100%;height:100dvh;max-height:100dvh;margin:0 auto;padding:0;border:0;background:var(--trl-cream);color:var(--trl-ink);display:none;flex-direction:column;overflow:hidden}
.trl-dialog[open]{display:flex}
.trl-dialog::backdrop{background:rgba(11,16,14,.6)}
.trl-dialog :is(input,button){margin:0;box-sizing:border-box;font-family:inherit}
@media(min-width:600px){.trl-dialog{height:calc(100dvh - 32px);max-height:860px;margin:16px auto;border-radius:26px;box-shadow:0 30px 70px rgba(11,16,14,.4)}}
.trl-head{flex:none;display:grid;gap:6px;padding:max(14px,env(safe-area-inset-top,0px)) 16px 14px;background:radial-gradient(120% 90% at 100% 0,#2a3a1c66,transparent 55%),linear-gradient(180deg,#1b241f,#0b100e);color:#f6f3ea}
.trl-end{justify-self:start;display:flex;align-items:center;gap:6px;min-height:40px;padding:0 12px 0 8px;border:0;border-radius:12px;background:rgba(255,255,255,.08);color:#f6f3ea;font-weight:700;cursor:pointer}
.trl-head h2{margin:4px 0 0;font-size:1.3rem;letter-spacing:-.01em;text-wrap:balance}
.trl-meta{margin:0;color:#d9dfd6;font-size:.86rem}
.trl-bar{height:6px;margin-top:6px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
.trl-bar i{display:block;height:100%;border-radius:inherit;background:var(--trl-lime);transition:width .3s ease}
.trl-switch{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:6px -16px 0;padding:0 16px}
.trl-switch::-webkit-scrollbar{display:none}
.trl-switch button{flex:none;min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.06);color:#e7ebe5;font-weight:700;font-size:.8rem;white-space:nowrap;cursor:pointer}
.trl-switch button[aria-pressed="true"]{border-color:transparent;background:var(--trl-gold);color:#1b1407}

.trl-body{flex:1;min-height:0;overflow-y:auto;display:grid;align-content:start;gap:12px;padding:14px 16px 18px}
.trl-timer{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:18px;background:#121916;color:#f6f3ea}
.trl-timer[hidden]{display:none}
.trl-ring{position:relative;flex:none;display:grid;place-items:center;width:84px;height:84px}
.trl-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.trl-ring circle{fill:none;stroke-width:9}
.trl-ring-bg{stroke:rgba(255,255,255,.12)}
.trl-ring-fg{stroke:var(--trl-lime);stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:0;transition:stroke-dashoffset .5s linear}
.trl-ring b{position:relative;font-size:1.25rem;font-variant-numeric:tabular-nums}
.trl-timer>div{display:grid;gap:8px;min-width:0}
.trl-timer-label{margin:0;font-size:.9rem;font-weight:700}
.trl-timer.is-over .trl-timer-label{color:var(--trl-lime)}
.trl-timer-acts{display:flex;gap:6px}
.trl-timer-acts button{min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-weight:700;cursor:pointer}

.trl-card{display:grid;gap:12px;padding:14px;border:1px solid var(--trl-line);border-radius:20px;background:var(--trl-paper)}
.trl-ex-head{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;text-align:center}
.trl-ex-head h3{margin:0;font-size:1.12rem;letter-spacing:-.01em;text-wrap:balance}
.trl-ex-head p{margin:2px 0 0;color:var(--trl-muted);font-size:.82rem}
.trl-nav{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--trl-line);border-radius:12px;background:#fff;color:var(--trl-ink);cursor:pointer}
.trl-nav:disabled{opacity:.3;cursor:default}
.trl-sets{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(0,.8fr) 48px;align-items:center;gap:8px 8px}
.trl-h{color:var(--trl-muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.trl-n{display:grid;place-items:center;height:44px;font-weight:800}
.trl-sets input{width:100%;min-width:0;height:46px;padding:0 10px;border:1px solid #d9d2c1;border-radius:12px;background:#fff;color:var(--trl-ink);font-size:1rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
.trl-sets input.is-done{border-color:#c8e3ad;background:#f3f9ec}
.trl-check{display:grid;place-items:center;width:48px;height:46px;border:1.5px solid #d9d2c1;border-radius:12px;background:#fff;color:#c2bba9;cursor:pointer}
.trl-check.is-next{border-color:var(--trl-deep);color:var(--trl-deep)}
.trl-check.is-on{border-color:transparent;background:var(--trl-lime);color:var(--trl-lime-ink)}
.trl-lastline{margin:0;padding-top:10px;border-top:1px solid #efe9dc;color:var(--trl-muted);font-size:.84rem}
.trl-next{display:grid;gap:6px}
.trl-next h4{margin:4px 0 2px;color:var(--trl-muted);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
.trl-next button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:0 14px;border:1px solid var(--trl-line);border-radius:14px;background:var(--trl-paper);color:var(--trl-ink);font-weight:700;text-align:left;cursor:pointer}
.trl-next button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trl-next button small{flex:none;color:var(--trl-muted);font-weight:700}
.trl-next button.is-done{border-color:#c8e3ad;background:#f3f9ec}
.trl-next button.is-done small{color:#3f7a1f}

.trl-foot{flex:none;display:grid;gap:8px;padding:10px 16px max(12px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--trl-line);background:var(--trl-paper)}
.trl-foot.is-end>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.trl-main{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;border:0;border-radius:16px;background:var(--trl-deep);color:#fff;font-weight:800;font-size:1.02rem;cursor:pointer}
.trl-main:disabled{opacity:.45;cursor:default}
.trl-main.is-lime{background:var(--trl-lime);color:var(--trl-lime-ink)}
.trl-btn{min-height:46px;padding:0 14px;border:1px solid var(--trl-line);border-radius:14px;background:#fff;color:var(--trl-ink);font-weight:800;cursor:pointer}
.trl-btn.is-ghost{color:#b24a3c}
.trl-btn.is-danger{border:0;background:#b24a3c;color:#fff}
.trl-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.trl-tiles>div{display:grid;gap:4px;padding:12px 10px;border:1px solid var(--trl-line);border-radius:16px;background:var(--trl-paper)}
.trl-tiles span{color:var(--trl-muted);font-size:.74rem;font-weight:700}
.trl-tiles b{font-size:1.15rem;font-variant-numeric:tabular-nums}
.trl-agenda{display:flex;gap:10px;margin:0;padding:12px 14px;border:1px solid #ecd29a;border-radius:16px;background:#fffaf0}
.trl-agenda span{display:grid;gap:2px}
.trl-agenda small{color:var(--trl-muted)}
.trl-agenda svg{color:#b07f1c}
.trl-ask{display:grid;gap:10px;padding:14px;border:1px solid #efc2b9;border-radius:16px;background:#fdf0ed}
.trl-ask p{margin:0;font-weight:700}
.trl-ask div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:359px){.trl-head,.trl-body,.trl-foot{padding-inline:12px}.trl-sets{grid-template-columns:30px minmax(0,1fr) minmax(0,.8fr) 44px;gap:6px}.trl-check{width:44px}.trl-tiles b{font-size:1rem}.trl-ring{width:72px;height:72px}}
@media(prefers-reduced-motion:reduce){.trl-bar i,.trl-ring-fg{transition:none}}
.trl-done-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.trl-done-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:0 14px;border:1px solid var(--trl-line);border-radius:14px;background:var(--trl-paper);font-weight:700}
.trl-done-list li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trl-done-list li small{flex:none;color:var(--trl-muted);font-weight:700}
.trl-done-list li.is-done small{color:#3f7a1f}
@media(max-width:359px){.trl-sets .trl-h:first-child{font-size:0}.trl-foot.is-end .trl-btn{padding:0 8px;font-size:.84rem}}
.trl-record{cursor:pointer;align-items:flex-start}
.trl-record input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:#b07f1c}
