:root{--cor-fundo:#120e0c;--cor-fundo-2:#241813;--cor-superficie:#ffdcbe0d;--cor-borda:#ffc8a024;--cor-texto:#f5e9dc;--cor-texto-fraco:#a8968a;--cor-primaria:#f2b45c;--cor-primaria-texto:#2b1606;--cor-brasa:#ff6a2b;--cor-areia:#e9c07f;--cor-cinza:#8b827b;--cor-erro:#ff7a5c;--fonte:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--fonte-titulo:"Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--raio:18px;--espaco-1:4px;--espaco-2:8px;--espaco-3:12px;--espaco-4:16px;--espaco-5:24px;--espaco-6:32px;--sombra:0 14px 40px #00000080;--transicao:.26s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0;overflow:hidden}body{background:radial-gradient(90% 55% at 50% 100%, #ff6a2b29, transparent 70%), radial-gradient(120% 80% at 50% 0%, var(--cor-fundo-2), var(--cor-fundo));background-color:var(--cor-fundo);color:var(--cor-texto);font:16px/1.5 var(--fonte);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.app{max-width:640px;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0 auto;position:relative}.tela{opacity:0;visibility:hidden;transition:opacity var(--transicao), transform var(--transicao), visibility 0s linear .26s;flex-direction:column;display:flex;position:absolute;inset:0;transform:scale(.985)}.tela.ativa{opacity:1;visibility:visible;transition:opacity var(--transicao), transform var(--transicao), visibility 0s;transform:none}.tela-sobreposta{padding:var(--espaco-4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#0a06049e;justify-content:center;align-items:center;position:fixed}.topo{justify-content:space-between;align-items:center;gap:var(--espaco-3);padding:var(--espaco-3) var(--espaco-4) 0;display:flex}.marca{font:600 1.45rem/1.1 var(--fonte-titulo);letter-spacing:.01em;color:var(--cor-texto);margin:0}.marca em{color:var(--cor-primaria);font-style:italic;font-weight:400}.acoes-topo{gap:var(--espaco-2);display:flex}.espaco-topo{width:44px}.botao{min-width:150px;min-height:52px;padding:var(--espaco-3) var(--espaco-5);border:1px solid var(--cor-borda);background:var(--cor-superficie);color:var(--cor-texto);font:inherit;letter-spacing:.02em;cursor:pointer;touch-action:manipulation;transition:transform .12s ease, background var(--transicao), box-shadow var(--transicao), border-color var(--transicao);border-radius:999px;font-weight:600}.botao:hover{background:#ffdcbe1a;border-color:#ffc8a047}.botao:active{transform:scale(.97)}.botao-principal{background:linear-gradient(180deg, #ffd08a, var(--cor-primaria) 60%, #d98e35);min-width:180px;color:var(--cor-primaria-texto);border:none;font-size:1.15rem;box-shadow:inset 0 0 0 1px #ffdca066,0 8px 28px #f28c3259}.botao-principal:hover{background:linear-gradient(#ffdca3,#f6c070 60%,#e09a42)}.botao-principal:active{transform:scale(.97);box-shadow:inset 0 0 0 1px #ffdca066,0 3px 12px #f28c324d}.botao-discreto{color:#d6c4b6;background:0 0}.botao-discreto:hover{color:var(--cor-erro);background:#ff7a5c14;border-color:#ff7a5c73}.botao:disabled{opacity:.45;cursor:default}#btn-iniciar:not(:disabled){animation:3.2s ease-in-out infinite respirar}#btn-iniciar:active{animation:none}@keyframes respirar{50%{box-shadow:inset 0 0 0 1px #ffdca080,0 8px 40px #ff963c99}}.botao-icone{border:1px solid var(--cor-borda);background:var(--cor-superficie);min-width:44px;height:44px;color:var(--cor-texto);font:inherit;cursor:pointer;touch-action:manipulation;transition:transform .12s ease, background var(--transicao), color var(--transicao);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:1.05rem;display:inline-flex}.botao-icone:hover{background:#ffdcbe1a}.botao-icone:active{transform:scale(.92)}.botao-icone[aria-pressed=true]{border-color:var(--cor-primaria);color:var(--cor-primaria);background:#f2b45c38}.icone{width:20px;height:20px;color:var(--cor-primaria)}.botao-texto .rotulo-largo{font-size:.9rem;font-weight:600}:focus-visible{outline:2px solid var(--cor-primaria);outline-offset:3px}kbd{font:inherit;border:1px solid var(--cor-borda);background:var(--cor-superficie);border-radius:5px;margin:0 1px;padding:0 5px;font-size:.78em}.palco{touch-action:manipulation;flex:1;min-height:0;position:relative}.palco canvas{width:100%;height:100%;display:block}.selo-teste{color:var(--cor-primaria);white-space:nowrap;background:#f2b45c29;border:1px solid #f2b45c66;border-radius:999px;margin:0;padding:3px 12px;font-size:.78rem;font-weight:600;position:absolute;top:8px;left:50%;transform:translate(-50%)}.alerta-foco{padding:var(--espaco-3) var(--espaco-5);border-radius:var(--raio);border:1px solid var(--cor-erro);text-align:center;background:#280e06e0;flex-direction:column;align-items:center;gap:2px;animation:.5s infinite tremor;display:flex;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #ff6a2b59}.alerta-foco strong{color:var(--cor-erro)}.alerta-foco b{font-variant-numeric:tabular-nums;font-size:1.3em}.controles{min-height:176px;padding:var(--espaco-2) var(--espaco-4) calc(var(--espaco-5) + 6px);position:relative}.painel{inset:var(--espaco-2) var(--espaco-4) calc(var(--espaco-5) + 6px);transition:opacity var(--transicao), transform var(--transicao), visibility 0s linear .26s;justify-content:center;align-items:center;display:flex;position:absolute}.controles[data-modo=parado] .painel-rodando,.controles:not([data-modo=parado]) .painel-parado{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px)}.painel-parado{gap:var(--espaco-5)}.painel-rodando{gap:var(--espaco-3);flex-direction:column}.coluna-iniciar{align-items:center;gap:var(--espaco-2);flex-direction:column;display:flex}.resumo{color:var(--cor-texto-fraco);text-align:center;margin:0;font-size:.88rem}.resumo strong{color:var(--cor-areia);font-weight:600}.dica{color:var(--cor-texto-fraco);opacity:.75;margin:0;font-size:.75rem}.dial{touch-action:none;cursor:grab;border-radius:50%;flex:none;width:150px;height:150px;position:relative}.dial:focus-visible{outline-offset:-6px;border-radius:50%}.dial svg{width:120px;height:120px;position:absolute;inset:15px;overflow:visible}.dial-trilho{fill:none;stroke:#ffdcbe1a;stroke-width:9px;stroke-linecap:round}.dial-arco{fill:none;stroke:var(--cor-primaria);stroke-width:9px;stroke-linecap:round;filter:drop-shadow(0 0 6px #f2a0468c);transition:d .2s}.dial-pino{fill:#fff1dc;stroke:var(--cor-primaria);stroke-width:3px;transition:cx .2s,cy .2s}.dial.arrastando .dial-arco,.dial.arrastando .dial-pino{transition:none}.dial-centro{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.dial-centro strong{font:600 2.6rem/1 var(--fonte-titulo);font-variant-numeric:tabular-nums}.dial-centro span{color:var(--cor-texto-fraco);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:.8rem}.dial-marca{width:34px;height:34px;color:var(--cor-texto-fraco);font:600 .78rem var(--fonte);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:50%;margin:-17px 0 0 -17px;position:absolute}.dial-marca.ativa{color:var(--cor-primaria)}.relogio{flex-direction:column;align-items:center;line-height:1;display:flex}.relogio strong{font:500 3.4rem/1 var(--fonte-titulo);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 0 24px #f2a0464d}.relogio span{color:var(--cor-texto-fraco);margin-top:6px;font-size:.85rem}.barra{background:#ffdcbe1a;border-radius:3px;width:min(320px,90%);height:3px;overflow:hidden}.barra i{background:linear-gradient(90deg, #d98e35, var(--cor-primaria));width:0;height:100%;display:block}.botoes-rodando{gap:var(--espaco-3);display:flex}.botoes-rodando .botao{min-width:128px}.jardim-rolagem{overscroll-behavior:contain;min-height:0;padding:var(--espaco-3) var(--espaco-4) 56px;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.jardim-rolagem h3{margin:var(--espaco-5) 0 var(--espaco-3);font:600 1.2rem var(--fonte-titulo);color:var(--cor-areia)}.palco-jardim{border-radius:var(--raio);border:1px solid var(--cor-borda);height:clamp(220px,38vh,340px);box-shadow:var(--sombra);overflow:hidden}.palco-jardim canvas{width:100%;height:100%;display:block}.estatisticas{gap:var(--espaco-2);margin-top:var(--espaco-4);grid-template-columns:repeat(4,1fr);display:grid}.estat{padding:var(--espaco-3) var(--espaco-1);background:var(--cor-superficie);border:1px solid var(--cor-borda);text-align:center;border-radius:14px;flex-direction:column;align-items:center;display:flex}.estat strong{font:600 1.6rem/1.1 var(--fonte-titulo);font-variant-numeric:tabular-nums;color:var(--cor-texto)}.estat span{color:var(--cor-texto-fraco);font-size:.72rem;line-height:1.2}.semana{gap:var(--espaco-2);height:150px;padding:var(--espaco-3);border-radius:var(--raio);background:var(--cor-superficie);border:1px solid var(--cor-borda);grid-template-columns:repeat(7,1fr);align-items:end;display:grid}.dia{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.dia-valor{color:var(--cor-texto);font-variant-numeric:tabular-nums;min-height:1em;font-size:.72rem}.dia-barra{background:linear-gradient(180deg, var(--cor-areia), #b9772f);border-radius:6px 6px 2px 2px;width:100%;max-width:30px;min-height:3px;transition:height .5s cubic-bezier(.2,.8,.2,1)}.dia-barra.zero{background:#ffdcbe1a}.dia-rotulo{color:var(--cor-texto-fraco);font-size:.72rem}.dia.hoje .dia-rotulo{color:var(--cor-primaria);font-weight:700}.dia-graos{color:var(--cor-texto-fraco);opacity:.8;font-size:.62rem}.proxima{margin:0 0 var(--espaco-3);color:var(--cor-texto-fraco);font-size:.9rem}.proxima strong{color:var(--cor-primaria)}.formas{gap:var(--espaco-2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));margin:0;padding:0;list-style:none;display:grid}.forma{padding:var(--espaco-2);background:var(--cor-superficie);border:1px solid var(--cor-borda);text-align:center;border-radius:14px;flex-direction:column;align-items:center;display:flex}.forma canvas{width:64px;height:56px}.forma strong{font-size:.8rem;font-weight:600}.forma span{color:var(--cor-texto-fraco);font-size:.68rem}.forma.trancada{opacity:.55}.cartao{align-items:center;gap:var(--espaco-3);width:min(360px,100%);padding:var(--espaco-6) var(--espaco-5) var(--espaco-5);border:1px solid var(--cor-borda);box-shadow:var(--sombra), 0 0 60px #ff6a2b1f;text-align:center;background:linear-gradient(#2a1b14,#160f0c);border-radius:26px;flex-direction:column;animation:.36s cubic-bezier(.2,.9,.3,1.2) surgir;display:flex}.cartao h2{font:600 1.9rem/1.1 var(--fonte-titulo);margin:0}.cartao-cinza{background:linear-gradient(#24201e,#141110)}.cartao-cinza h2{color:#d8cfc7}.sobretitulo{letter-spacing:.18em;text-transform:uppercase;color:var(--cor-primaria);margin:0;font-size:.75rem}.cartao-cinza .sobretitulo{color:var(--cor-erro)}.cartao-texto{margin:0 0 var(--espaco-2);color:var(--cor-texto-fraco)}.cartao-texto strong{color:var(--cor-texto)}.cartao-dica{margin:var(--espaco-1) 0 0;padding:var(--espaco-2) var(--espaco-3);color:var(--cor-texto-fraco);background:#ffdcbe0d;border-radius:12px;font-size:.82rem}.cartao-dica strong{color:var(--cor-areia)}.fim-total{color:var(--cor-texto-fraco);margin:0;font-size:.85rem}.fim-total strong{color:var(--cor-areia)}.cartao h2 .destaque{color:var(--cor-primaria)}.previa-escultura{background:radial-gradient(closest-side,#ffbe5a47,#0000);width:200px;height:150px;animation:.6s cubic-bezier(.2,.9,.3,1.3) .2s both surgir}.avisos{left:50%;top:calc(64px + env(safe-area-inset-top));align-items:center;gap:var(--espaco-2);pointer-events:none;z-index:20;flex-direction:column;width:max-content;max-width:92vw;display:flex;position:fixed;transform:translate(-50%)}.aviso{padding:var(--espaco-2) var(--espaco-4);border:1px solid var(--cor-borda);color:var(--cor-texto);text-align:center;background:#1e120ceb;border-radius:999px;font-size:.92rem;font-weight:600;animation:.26s surgir,.3s 2.2s forwards sumir}.pulsar{animation:.28s pulsar}@keyframes pulsar{40%{transform:scale(1.18)}}@keyframes surgir{0%{opacity:0;transform:translateY(12px)scale(.96)}}@keyframes sumir{to{opacity:0;transform:translateY(-8px)}}@keyframes tremor{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% - 2px),-50%)}75%{transform:translate(calc(2px - 50%),-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=480px){.rotulo-largo{display:none}.marca{font-size:1.25rem}.painel-parado{gap:var(--espaco-3)}.dial{width:136px;height:136px}.dial svg{width:108px;height:108px;inset:14px}.botao-principal{min-width:150px}.estatisticas{grid-template-columns:repeat(2,1fr)}.relogio strong{font-size:3rem}}@media (pointer:coarse){.dica{display:none}}@media (width<=700px){.topo{padding-top:42px}}@media (height<=600px){.controles{min-height:150px}.dial{width:120px;height:120px}.dial svg{width:96px;height:96px;inset:12px}.dica{display:none}}