:root{--fundo: #03050B;--fundo-alto: #060A16;--tinta: #F2ECDD;--tinta-media: #9AA6C0;--tinta-fraca: #5C6784;--tinta-apagada:#46516B;--ouro: #E0A94E;--ouro-claro: #F5DFAC;--linha: #141C2E;--serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#raiz{height:100%;margin:0}body{background:var(--fundo);color:var(--tinta);font-family:var(--sans);overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-font-smoothing:antialiased}canvas{display:block;touch-action:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.rotulo{font-size:12.5px;font-weight:500;letter-spacing:.03em;white-space:nowrap;text-shadow:0 0 18px rgba(3,5,11,.95),0 1px 3px rgba(3,5,11,1);pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;transform:translateY(26px)}.rotulo .custo{display:block;margin-top:3px;font-size:10.5px;letter-spacing:.1em;color:var(--tinta-fraca)}.rotulo.dominada{color:#f4ecd9}.rotulo.disponivel{color:#d7deee}.rotulo.bloqueada{color:var(--tinta-apagada)}@media(max-width:720px){.rotulo{font-size:11px}.rotulo .custo{font-size:9.5px}}.rotulo .nome{display:inline-block;padding:2px 7px;background:#03050b8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:2px}.rotulo.selecionada .nome{background:#03050bcc}.rotulo.bloqueada .nome{background:#03050b66}.sobreposicao{position:fixed;inset:0;pointer-events:none;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;--faixa-conta: 56px;padding:clamp(20px,3.4vw,56px);padding-top:calc(clamp(20px,3.4vw,56px) + var(--faixa-conta));gap:20px}.cabecalho{grid-column:1;grid-row:1;max-width:46ch}.arquetipo,.trilha{font-size:10.5px;letter-spacing:.4em;text-transform:uppercase;color:var(--tinta-fraca);margin-bottom:11px}.trilha{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:6px 0;cursor:pointer;font-family:inherit;letter-spacing:.16em}.trilha:hover{color:var(--tinta-media)}.trilha strong{color:var(--tinta-media);font-weight:500}.trilha:focus-visible{outline:1px solid var(--ouro);outline-offset:6px}.cabecalho h1{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(28px,4.4vw,48px);line-height:1;letter-spacing:.005em;color:var(--tinta);text-shadow:0 0 40px rgba(140,170,240,.28)}.cabecalho p{margin:14px 0 0;font-size:clamp(12.5px,1.1vw,13.5px);line-height:1.7;color:#7c89a6;text-wrap:pretty}.medidor{grid-column:2;grid-row:1;text-align:right}.numero{font-family:var(--serif);font-size:clamp(30px,3.4vw,44px);line-height:1;color:var(--ouro-claro);text-shadow:0 0 30px rgba(224,169,78,.35)}.numero span{font-size:.45em;color:#93805a}.legenda{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--tinta-fraca);margin-top:9px}.barra{width:clamp(120px,16vw,220px);height:1px;background:var(--linha);margin-top:16px;margin-left:auto;position:relative}.barra span{position:absolute;inset:-1px auto -1px 0;background:linear-gradient(90deg,rgba(138,106,46,0),var(--ouro),#FFE6BC);box-shadow:0 0 12px 2px #e0a94e66;transition:width .8s cubic-bezier(.2,.8,.2,1)}.pips{display:flex;gap:5px;justify-content:flex-end;margin-top:15px;flex-wrap:wrap;max-width:220px}.pips span{width:20px;height:3px;background:#161e31;transition:background .4s,box-shadow .4s}.pips span.cheio{background:var(--ouro);box-shadow:0 0 8px 1px #e0a94e80}.registrar{pointer-events:auto;margin-top:20px;min-height:44px;padding:0 22px;display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(224,169,78,.42);background:#e0a94e17;color:var(--ouro-claro);font-family:inherit;font-size:13px;letter-spacing:.06em;cursor:pointer;transition:background .25s,border-color .25s}.registrar:hover{background:#e0a94e2b;border-color:#e0a94eb8}.registrar:focus-visible{outline:1px solid var(--ouro);outline-offset:4px}.rodape{grid-column:1 / -1;grid-row:3;align-self:end;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-apagada)}@media(max-width:720px){.sobreposicao{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:14px;padding-top:clamp(20px,3.4vw,56px)}.cabecalho,.medidor{grid-column:1}.medidor{grid-row:3;text-align:left;padding-bottom:var(--faixa-conta)}.barra,.pips{margin-left:0;justify-content:flex-start}.rodape,.cabecalho p{display:none}}.sobreposicao.recuada .medidor{opacity:0;transform:translate(20px);pointer-events:none}.sobreposicao.recuada .cabecalho{opacity:.5}.sobreposicao .medidor,.sobreposicao .cabecalho{transition:opacity .4s,transform .4s}.contagens{display:flex;gap:16px;justify-content:flex-end;margin-top:16px;font-size:11.5px;color:var(--tinta-fraca)}.contagens span{display:inline-flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}.contagens i{width:7px;height:7px;border-radius:50%}.contagens i.dominada{background:#ffe9b0;box-shadow:0 0 7px 2px #ffc97873}.contagens i.disponivel{background:#fff6e2;opacity:.85}.contagens i.bloqueada{background:#2a3350}@media(max-width:720px){.contagens{justify-content:flex-start}.sobreposicao.recuada .cabecalho{opacity:0}}.nome-constelacao{text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 24px rgba(3,5,11,.95),0 1px 4px rgba(3,5,11,1)}.nome-constelacao .arquetipo{display:block;font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:#6c7a99;margin-bottom:7px}.nome-constelacao .titulo{display:block;font-family:var(--serif);font-weight:300;font-size:26px;letter-spacing:.01em;color:#e9e2d0}.atalhos{pointer-events:auto;position:fixed;left:50%;bottom:42px;transform:translate(-50%);background:#060912e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #161D2E;padding:24px 30px;z-index:30;animation:subirAtalhos .3s cubic-bezier(.2,.8,.2,1) both}@keyframes subirAtalhos{0%{transform:translate(-50%,14px);opacity:0}to{transform:translate(-50%);opacity:1}}.atalhos .titulo{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--tinta-fraca);margin-bottom:16px}.atalhos dl{margin:0;display:grid;gap:9px}.atalhos dl>div{display:grid;grid-template-columns:122px 1fr;gap:18px;align-items:baseline}.atalhos dt{font-size:12px;color:var(--ouro-claro);font-variant-numeric:tabular-nums;letter-spacing:.04em}.atalhos dd{margin:0;font-size:12.5px;color:#8c97ae}.atalhos button{margin-top:20px;width:100%;min-height:40px;background:none;border:1px solid #1E2740;color:var(--tinta-fraca);font-family:inherit;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.atalhos button:hover{color:var(--tinta-media);border-color:#2a3350}@media(max-width:720px){.atalhos{display:none}}.rodape{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.dica-teclado{color:#39435a}.dica-teclado kbd{font-family:inherit;font-size:10.5px;padding:2px 6px;border:1px solid #232C3E;color:var(--tinta-fraca)}.conta{pointer-events:auto;position:fixed;top:clamp(20px,3.4vw,56px);right:clamp(20px,2.2vw,36px);display:flex;align-items:center;gap:14px;z-index:25;font-size:11.5px;letter-spacing:.06em}.conta .nome{color:var(--tinta-fraca)}.conta button{min-height:34px;padding:0 16px;background:none;border:1px solid #1E2740;color:var(--tinta-fraca);font-family:inherit;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .2s,border-color .2s}.conta button:hover{color:var(--tinta-media);border-color:#2a3350}.conta button.destaque{border-color:#e0a94e6b;color:var(--ouro-claro)}.conta button.destaque:hover{border-color:#e0a94eb8}.conta button:focus-visible{outline:1px solid var(--ouro);outline-offset:3px}.aviso-demo{color:#57627c}.aviso-erro{color:#e27b6b}.sobreposicao.recuada~.conta{opacity:0;pointer-events:none}.conta{transition:opacity .3s}@media(max-width:720px){.conta{top:auto;bottom:14px;right:14px}.aviso-demo{display:none}}.carregando{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--tinta-fraca);pointer-events:none;animation:respirarTexto 2.4s ease-in-out infinite}@keyframes respirarTexto{0%,to{opacity:.45}50%{opacity:1}}.painel{pointer-events:auto;position:fixed;right:0;top:0;bottom:0;width:min(400px,92vw);padding:clamp(24px,2.6vw,42px) clamp(20px,2.2vw,36px);background:#060912d6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid #131A2B;overflow-y:auto;overscroll-behavior:contain;animation:entrar .42s cubic-bezier(.2,.8,.2,1) both;z-index:20}@keyframes entrar{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}.painel .fechar{position:absolute;top:18px;right:18px;width:44px;height:44px;display:grid;place-items:center;background:none;border:0;color:var(--tinta-apagada);cursor:pointer;transition:color .2s}.painel .fechar:hover{color:var(--tinta-media)}.painel .fechar:focus-visible{outline:1px solid var(--ouro);outline-offset:2px}.painel .tipo{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--tinta-fraca)}.painel h2{margin:14px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.4vw,33px);line-height:1.14;color:#f5eddc;text-wrap:balance}.painel .descricao{margin:14px 0 0;font-size:13.5px;line-height:1.7;color:#8c97ae;text-wrap:pretty}.painel .contagem{margin-top:30px;display:flex;align-items:baseline;gap:10px}.painel .valor{font-family:var(--serif);font-size:34px;color:var(--ouro-claro);line-height:1}.painel .de{font-size:12px;letter-spacing:.1em;color:#6c7793;text-transform:uppercase}.painel .pips{display:flex;gap:5px;margin-top:13px;flex-wrap:wrap}.painel .pips span{width:22px;height:4px;background:#1b2233;transition:background .35s,box-shadow .35s}.painel .pips span.cheio{background:var(--ouro);box-shadow:0 0 9px 1px #e0a94e80}.painel section{margin-top:32px}.painel h3{margin:0 0 12px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--tinta-fraca);font-weight:500}.painel .fichas{display:flex;gap:9px;flex-wrap:wrap}.painel .ficha{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#b9c2d4;border:1px solid #1E2740;padding:7px 12px}.painel .ficha i{width:7px;height:7px;border-radius:50%;background:#2a3350}.painel .ficha.dominada i{background:#ffe9b0;box-shadow:0 0 7px 2px #ffc97880}.painel .ficha.disponivel i{background:#fff6e2}.painel .luas,.painel .recursos{list-style:none;margin:0;padding:0}.painel .luas button{width:100%;min-height:44px;display:flex;align-items:center;gap:11px;padding:10px 0;background:none;border:0;border-bottom:1px solid #131A29;color:#d3dae8;font-family:inherit;font-size:13px;text-align:left;cursor:pointer;transition:color .2s}.painel .luas button:hover{color:#f5eddc}.painel .luas button:focus-visible{outline:1px solid var(--ouro);outline-offset:-2px}.painel .luas button i{width:7px;height:7px;border-radius:50%;background:#2a3350;flex:none}.painel .luas button.dominada i{background:#ffe9b0;box-shadow:0 0 7px 2px #ffc97880}.painel .luas button.disponivel i{background:#fff6e2;box-shadow:0 0 6px 1px #ffce8259}.painel .luas button.bloqueada{color:#5c6784}.painel .luas button span{flex:1}.painel .luas button em{font-style:normal;font-size:11px;letter-spacing:.06em;color:#5f6b86;font-variant-numeric:tabular-nums}.painel .recursos li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #131A29;font-size:13px;color:#d3dae8}.painel .recursos li:last-child{border-bottom:0}.painel .recursos svg{color:#7e8aa4;flex:none;margin-top:1px}.painel .acao{margin-top:34px}.painel .registrar{width:100%;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(224,169,78,.42);background:#e0a94e17;color:var(--ouro-claro);font-family:inherit;font-size:13px;letter-spacing:.06em;cursor:pointer;transition:background .25s,border-color .25s}.painel .registrar:hover{background:#e0a94e2b;border-color:#e0a94eb8}.painel .registrar:focus-visible{outline:1px solid var(--ouro);outline-offset:3px}.painel .restam{display:block;margin-top:13px;text-align:center;font-size:11.5px;color:#5a657f}.painel .aviso{margin-top:30px;padding:14px 16px;font-size:12.5px;line-height:1.6;color:#9ba5ba;border-left:2px solid #2A3350;background:#2a33501f}@media(max-width:720px){.painel{right:0;left:0;top:auto;width:auto;max-height:76vh;border-left:0;border-top:1px solid #131A2B;animation-name:subir}@keyframes subir{0%{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}}.folha{pointer-events:auto;position:fixed;right:0;top:0;bottom:0;width:min(680px,96vw);display:flex;flex-direction:column;background:#060912e6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-left:1px solid #131A2B;z-index:30;animation:folhaEntra .42s cubic-bezier(.2,.8,.2,1) both}@keyframes folhaEntra{0%{transform:translate(28px);opacity:0}to{transform:none;opacity:1}}.folha>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:clamp(24px,2.6vw,40px) clamp(20px,2.2vw,34px) 20px;border-bottom:1px solid #131A29}.folha .rotulo-folha{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--tinta-fraca)}.folha h2{margin:12px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.2vw,31px);line-height:1.14;color:#f5eddc}.folha header p{margin:10px 0 0;font-size:13px;line-height:1.65;color:#8c97ae;max-width:52ch}.folha .fechar{width:44px;height:44px;flex:none;display:grid;place-items:center;background:none;border:0;color:var(--tinta-apagada);cursor:pointer;transition:color .2s}.folha .fechar:hover{color:var(--tinta-media)}.folha .fechar:focus-visible{outline:1px solid var(--ouro);outline-offset:2px}.folha>.corpo{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px clamp(20px,2.2vw,34px)}.folha>footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px clamp(20px,2.2vw,34px) clamp(22px,2.4vw,32px);border-top:1px solid #131A29}.folha textarea{width:100%;min-height:260px;resize:vertical;background:#03050b99;border:1px solid #18202F;color:#aeb8cc;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.8;padding:16px 18px;tab-size:2}.folha textarea:focus{outline:1px solid rgba(224,169,78,.5);outline-offset:-1px}.folha textarea::placeholder{color:#3e4863}.folha .solte{border:1px dashed #232C3E;padding:14px;text-align:center;font-size:12px;color:var(--tinta-apagada);margin-top:12px;transition:border-color .2s,color .2s}.folha .solte.ativo{border-color:#e0a94e99;color:var(--ouro-claro)}.previa{margin-top:28px}.previa h3,.folha .corpo h3{margin:0 0 14px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--tinta-fraca);font-weight:500}.previa ul{list-style:none;margin:0;padding:0}.previa ul ul{margin-left:18px;border-left:1px solid #141C2E;padding-left:14px}.previa li{padding:6px 0;font-size:13px;display:flex;align-items:center;gap:10px}.previa li i{width:8px;height:8px;border-radius:50%;flex:none;background:#2a3350}.previa li.disponivel i{background:#fff6e2;box-shadow:0 0 8px 2px #ffce8266}.previa li.dominada i{background:#ffe9b0;box-shadow:0 0 8px 2px #ffc97880}.previa li .nome{color:#d3dae8}.previa li.bloqueada .nome{color:#6c7793}.previa li .custo{margin-left:auto;font-size:11px;color:#5f6b86;font-variant-numeric:tabular-nums}.previa .resumo{display:flex;gap:18px;margin-top:18px;padding-top:16px;border-top:1px solid #131A29;font-size:12px;color:var(--tinta-fraca)}.previa .resumo b{color:var(--ouro-claro);font-weight:500;font-variant-numeric:tabular-nums}.problemas{margin-top:24px;border-left:2px solid #E27B6B;background:#e27b6b0f;padding:16px 18px}.problemas h3{color:#efb9ae;margin-bottom:12px}.problemas ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.problemas li{font-size:12.5px;line-height:1.6;color:#9ba5ba}.problemas .onde{display:block;color:#efb9ae;font-family:ui-monospace,monospace;font-size:12px}.problemas .sugestao{color:#e0c88a;font-family:ui-monospace,monospace}.vitrine{list-style:none;margin:0;padding:0}.vitrine li{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #131A29}.vitrine li:last-child{border-bottom:0}.vitrine .quem{flex:1;min-width:0}.vitrine .titulo{font-family:var(--serif);font-size:19px;color:#efe6d2}.vitrine .meta{font-size:11.5px;color:var(--tinta-fraca);margin-top:5px;letter-spacing:.04em}.vitrine .marcada{font-size:11.5px;color:#5f6b86;letter-spacing:.1em;text-transform:uppercase}.folha button.principal,.acoes button.principal{min-height:44px;padding:0 22px;display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(224,169,78,.42);background:#e0a94e17;color:var(--ouro-claro);font-family:inherit;font-size:13px;letter-spacing:.06em;cursor:pointer;transition:background .25s,border-color .25s}.folha button.principal:hover:not(:disabled),.acoes button.principal:hover:not(:disabled){background:#e0a94e2b;border-color:#e0a94eb8}.folha button:disabled{opacity:.4;cursor:not-allowed}.folha button.principal:focus-visible{outline:1px solid var(--ouro);outline-offset:3px}.folha .escolha{display:inline-flex;border:1px solid #1E2740}.folha .escolha button{min-height:44px;padding:0 16px;background:none;border:0;color:var(--tinta-fraca);font-family:inherit;font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .2s,background .2s}.folha .escolha button[aria-pressed=true]{background:#e0a94e1f;color:var(--ouro-claro)}.folha .nota{font-size:11.5px;color:var(--tinta-apagada)}.acoes{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;pointer-events:auto}.acoes button{min-height:34px;padding:0 14px;background:none;border:1px solid #1E2740;color:var(--tinta-fraca);font-family:inherit;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s,border-color .2s}.acoes button:hover:not(:disabled){color:var(--tinta-media);border-color:#2a3350}.acoes button:focus-visible{outline:1px solid var(--ouro);outline-offset:3px}.acoes button:disabled{opacity:.35;cursor:not-allowed}.acoes button.perigo{border-color:#e27b6b4d;color:#c08476}.acoes button.perigo:hover{border-color:#e27b6b99;color:#efb9ae}@media(max-width:720px){.folha{right:0;left:0;top:auto;width:auto;max-height:88vh;border-left:0;border-top:1px solid #131A2B;animation-name:folhaSobe}@keyframes folhaSobe{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.acoes{margin-top:12px}}.pomodoro{margin-top:26px;padding-top:22px;border-top:1px solid #131A29}.pomodoro h3{margin:0 0 14px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--tinta-fraca);font-weight:500}.pomodoro p{margin:0;font-size:12.5px;line-height:1.65;color:#8c97ae}.pomodoro .nota{display:block;margin-top:10px;font-size:11.5px;color:var(--tinta-apagada)}.pomodoro .duracoes{display:inline-flex;border:1px solid #1E2740;margin-bottom:14px}.pomodoro .duracoes button{min-height:38px;padding:0 15px;background:none;border:0;color:var(--tinta-fraca);font-family:inherit;font-size:11.5px;letter-spacing:.1em;cursor:pointer;transition:color .2s,background .2s}.pomodoro .duracoes button[aria-pressed=true]{background:#e0a94e1f;color:var(--ouro-claro)}.pomodoro .controles{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.pomodoro button.comecar,.pomodoro .controles button{min-height:40px;padding:0 18px;background:none;border:1px solid #1E2740;color:var(--tinta-fraca);font-family:inherit;font-size:12px;letter-spacing:.08em;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.pomodoro button.comecar{display:block;border-color:#e0a94e6b;background:#e0a94e17;color:var(--ouro-claro)}.pomodoro button.comecar:hover{background:#e0a94e2b;border-color:#e0a94eb8}.pomodoro .controles button:hover{color:var(--tinta-media);border-color:#2a3350}.pomodoro button:focus-visible{outline:1px solid var(--ouro);outline-offset:3px}.pomodoro .ir{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:var(--ouro-claro);text-decoration:underline;text-underline-offset:3px}.pomodoro .relogio{display:flex;align-items:center;gap:18px}.pomodoro .tempo{font-family:var(--serif);font-size:38px;line-height:1;color:var(--ouro-claro);font-variant-numeric:tabular-nums;text-shadow:0 0 26px rgba(224,169,78,.3)}.pomodoro.descanso .tempo{color:#a8c4e8;text-shadow:0 0 26px rgba(120,170,240,.28)}.pomodoro .fim{font-size:13px;color:var(--ouro-claro);letter-spacing:.04em}.pomodoro.descanso .fim{color:#a8c4e8}.anel .trilho{stroke:#1b2338}.anel .arco{stroke:var(--ouro);transition:stroke-dashoffset .5s linear}.descanso .anel .arco{stroke:#6e9bdc}.anel.pausado .arco{stroke:#4a5570;transition:none}.pomodoro-flutuante{pointer-events:auto;position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:12px;z-index:28;padding:8px 18px 8px 10px;background:#060912d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #1B2338;color:var(--tinta-fraca);font-family:inherit;font-size:11.5px;letter-spacing:.08em;cursor:pointer;transition:border-color .25s,color .25s;animation:crachaEntra .4s cubic-bezier(.2,.8,.2,1) both}@keyframes crachaEntra{0%{transform:translate(-50%,14px);opacity:0}to{transform:translate(-50%);opacity:1}}.pomodoro-flutuante:hover{border-color:#2a3350;color:var(--tinta-media)}.pomodoro-flutuante:focus-visible{outline:1px solid var(--ouro);outline-offset:3px}.pomodoro-flutuante .tempo{font-family:var(--serif);font-size:19px;color:var(--ouro-claro);font-variant-numeric:tabular-nums}.pomodoro-flutuante.descanso .tempo{color:#a8c4e8}.pomodoro-flutuante .onde{max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pomodoro-flutuante .estado{color:var(--tinta-apagada);text-transform:uppercase;letter-spacing:.16em;font-size:10px}.pomodoro-flutuante.terminado{border-color:#e0a94e80;animation:crachaEntra .4s both,respira 2.6s .4s ease-in-out infinite}@keyframes respira{0%,to{box-shadow:0 0 #e0a94e00}50%{box-shadow:0 0 22px #e0a94e38}}@media(prefers-reduced-motion:reduce){.pomodoro-flutuante,.pomodoro-flutuante.terminado{animation:none}.anel .arco{transition:none}}@media(max-width:720px){.pomodoro-flutuante{left:14px;transform:none;bottom:14px;padding:6px 12px 6px 8px}@keyframes crachaEntra{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.pomodoro-flutuante .onde,.pomodoro-flutuante .estado{display:none}}