.massinha{--massa:var(--kw-sol);--massa-fundo:color-mix(in oklch, white 64%, var(--massa));--massa-tinta:#2a1458;isolation:isolate;color:var(--massa-tinta);background:radial-gradient(110% 90% at 28% 18%, color-mix(in oklch, var(--massa-fundo) 55%, white) 0%, transparent 60%), var(--massa-fundo);box-shadow: inset 6px 7px 12px -2px #ffffffd9, inset -7px -10px 18px -4px color-mix(in oklch, var(--massa) 42%, transparent),  0 16px 30px -12px color-mix(in oklch, var(--massa) 55%, transparent), 0 5px 10px -6px color-mix(in oklch, var(--massa) 40%, transparent);border-radius:2rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:relative}@supports (color:lab(0% 0 0)){.massinha{box-shadow: inset 6px 7px 12px -2px lab(100% 0 0/.85), inset -7px -10px 18px -4px color-mix(in oklch, var(--massa) 42%, transparent),  0 16px 30px -12px color-mix(in oklch, var(--massa) 55%, transparent), 0 5px 10px -6px color-mix(in oklch, var(--massa) 40%, transparent)}}.massinha.rounded-full{border-radius:9999px}a.massinha:active,button.massinha:active{box-shadow:inset 4px 5px 10px -2px color-mix(in oklch, var(--massa) 35%, transparent), inset -4px -4px 10px -4px #fffc, 0 6px 12px -8px color-mix(in oklch, var(--massa) 50%, transparent);transform:translateY(3px)scale(1.03,.95)}@supports (color:lab(0% 0 0)){a.massinha:active,button.massinha:active{box-shadow:inset 4px 5px 10px -2px color-mix(in oklch, var(--massa) 35%, transparent), inset -4px -4px 10px -4px lab(100% 0 0/.8), 0 6px 12px -8px color-mix(in oklch, var(--massa) 50%, transparent)}}a.massinha:focus-visible,button.massinha:focus-visible{outline:4px solid var(--ring);outline-offset:4px}.massa-sol{--massa:var(--kw-sol)}.massa-ceu{--massa:var(--kw-ceu)}.massa-broto{--massa:var(--kw-broto)}.massa-chiclete{--massa:var(--kw-chiclete)}.massa-uva{--massa:var(--kw-uva)}.massa-menta{--massa:var(--kw-menta)}@keyframes massinha-pulsar{0%,to{transform:scale(1)}50%{transform:scale(1.045,1.035)}}@keyframes massinha-ping{0%{opacity:.8;inset:-4px}80%,to{opacity:0;inset:-22px}}@keyframes massinha-piscar{0%,to{opacity:.15;transform:scale(.85)}50%{opacity:.75;transform:scale(1.1)}}@keyframes massinha-quicar-icone{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-7px)rotate(-6deg)}60%{transform:translateY(0)rotate(4deg)}}@media (hover:hover){a.massinha:hover,button.massinha:hover{transform:translateY(-3px)rotate(-1deg)}a.massinha:hover .massinha-icone,button.massinha:hover .massinha-icone{animation:.6s ease-in-out massinha-quicar-icone}}.massinha-ping:before{content:"";z-index:-2;border:4px solid var(--massa);pointer-events:none;opacity:0;border-radius:calc(2rem + 12px);position:absolute;inset:-4px}.massinha-brilho{z-index:-1;pointer-events:none;background:radial-gradient(circle, color-mix(in oklch, var(--massa) 75%, white), transparent 70%);opacity:0;border-radius:9999px;position:absolute;inset:12%}@media (prefers-reduced-motion:no-preference){.massinha-pulsar{animation:2.4s ease-in-out infinite massinha-pulsar}.massinha-pulsar:hover,.massinha-pulsar:active{animation:none}.massinha-ping:before{animation:1.8s cubic-bezier(0,0,.2,1) infinite massinha-ping}.massinha-piscar .massinha-brilho{animation:1.6s ease-in-out infinite massinha-piscar}}html[data-a11y-reduced-motion=true] .massinha-pulsar,html[data-a11y-reduced-motion=true] .massinha-ping:before,html[data-a11y-reduced-motion=true] .massinha-brilho,html[data-a11y-reduced-motion=true] .massinha-icone{animation:none!important}html[data-a11y-reduced-motion=true] .massinha-ping:before{opacity:1}@media (prefers-reduced-motion:reduce){.massinha-ping:before{opacity:1}}html[data-a11y-high-contrast=true] .massinha{--massa-tinta:var(--foreground);background:var(--card);border:3px solid var(--foreground);box-shadow:none}.rounded-full.massinha-ping:before{border-radius:9999px}.massinha-escolhido{box-shadow:inset 5px 6px 12px -2px color-mix(in oklch, var(--massa) 45%, transparent), inset -4px -4px 10px -4px #fffc;outline:4px solid var(--massa-tinta);outline-offset:3px;transform:translateY(2px)}@supports (color:lab(0% 0 0)){.massinha-escolhido{box-shadow:inset 5px 6px 12px -2px color-mix(in oklch, var(--massa) 45%, transparent), inset -4px -4px 10px -4px lab(100% 0 0/.8)}}.massinha-escolhido:before{content:"✓";background:var(--massa-tinta);color:#fff;border-radius:9999px;place-items:center;width:2.2rem;height:2.2rem;font-size:1.2rem;font-weight:800;display:grid;position:absolute;top:-.6rem;right:-.6rem}.massa-pedra{--massa:#a4a2b7}@supports (color:lab(0% 0 0)){.massa-pedra{--massa:lab(67.2223% 3.8479 -10.5283)}}.mundo-peclat[data-acabamento=clay][data-ceu=dia]{background:linear-gradient(#cfe8ff 0%,#e4f1ff 45%,#fde7f0 100%)}.massinha-campo{color:#2a1458;background:#fff;border-radius:1.25rem;box-shadow:inset 3px 4px 9px #2a145824}.massinha-campo::placeholder{color:#5b4a7a}.massinha-campo:focus-visible{outline-offset:2px;outline:4px solid #2a1458}.licao-fundo{color:#2a1458;background:linear-gradient(#d6ecff 0%,#eef6ff 50%,#fdebf3 100%)}@keyframes licao-entrar{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:none}}@keyframes passo-entrar{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes estrela-pulou{0%{transform:scale(1)}30%{transform:scale(1.35)rotate(-6deg)}55%{transform:scale(.92)rotate(3deg)}to{transform:scale(1)}}@keyframes mais-um{0%{opacity:0;transform:translateY(8px)scale(.6)}25%{opacity:1;transform:translateY(0)scale(1.15)}80%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(-18px)}}@keyframes confete-voa{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)rotate(0)}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy) + 140px)) scale(1) rotate(var(--giro))}}@keyframes estrela-chega{0%{opacity:0;transform:scale(.3)rotate(-20deg)}60%{opacity:1;transform:scale(1.12)rotate(6deg)}to{transform:scale(1)}}.confete-peca{opacity:0;width:14px;height:18px;position:absolute;top:45%;left:50%}.estrela-mais-um{opacity:0}@media (prefers-reduced-motion:no-preference){.licao-fundo{animation:.35s cubic-bezier(.34,1.56,.64,1) licao-entrar}.licao-passo{animation:.32s cubic-bezier(.22,1,.36,1) passo-entrar}.estrela-ganhou{animation:.7s cubic-bezier(.34,1.56,.64,1) estrela-pulou}.estrela-mais-um{animation:1.4s ease-out forwards mais-um}.confete-peca{animation:1.3s cubic-bezier(.15,.7,.3,1) forwards confete-voa}.licao-estrela{animation:.6s cubic-bezier(.34,1.56,.64,1) estrela-chega}}html[data-a11y-reduced-motion=true] :is(.licao-fundo,.licao-passo,.estrela-ganhou,.confete-peca,.licao-estrela){animation:none!important}
.theme-primeiras{--radius:1.25rem;--border:color-mix(in oklch, white 75%, var(--kw-sol-pastel));--input:color-mix(in oklch, white 55%, var(--kw-uva-pastel));--color-border:var(--border);--color-input:var(--input);--clay-luz:#ffffffe6;--clay-sombra-interna:color-mix(in oklch, var(--kw-uva) 14%, transparent);--clay-sombra:color-mix(in oklch, var(--kw-uva) 34%, transparent);--kw-sombra-brinquedo:inset 0 3px 6px var(--clay-luz), inset 0 -8px 16px -6px var(--clay-sombra-interna), 0 22px 40px -22px var(--clay-sombra), 0 6px 14px -9px var(--clay-sombra);--kw-sombra-rasa:inset 0 2px 4px var(--clay-luz), inset 0 -5px 10px -5px var(--clay-sombra-interna), 0 12px 24px -16px var(--clay-sombra);--kw-sombra-flutuante:inset 0 3px 6px var(--clay-luz), inset 0 -10px 20px -8px var(--clay-sombra-interna), 0 32px 60px -26px var(--clay-sombra), 0 10px 20px -12px var(--clay-sombra)}.dark .theme-primeiras{--border:#ffffff0f;--input:#ffffff24;--color-border:var(--border);--color-input:var(--input);--clay-luz:#ffffff1a;--clay-sombra-interna:#00000059;--clay-sombra:#0000008c}html:not(.dark) .theme-primeiras.bg-background{background:linear-gradient(#fff7e6 0%,#f6f1ff 45%,#eaf5ff 100%) fixed}@layer components{.theme-primeiras .kw-botao:not([data-variant=ghost],[data-variant=link]){box-shadow:inset 0 3px 5px #fff6, inset 0 -5px 10px -2px #00000029, 0 12px 22px -10px color-mix(in oklch, var(--kw-volume-cor) 80%, transparent)}.theme-primeiras .kw-botao:not([data-variant=ghost],[data-variant=link]):hover{box-shadow:inset 0 3px 5px #ffffff73, inset 0 -5px 10px -2px #00000024, 0 18px 28px -12px color-mix(in oklch, var(--kw-volume-cor) 80%, transparent);transform:translateY(-2px)scale(1.02)}.theme-primeiras .kw-botao:not([data-variant=ghost],[data-variant=link]):active{box-shadow:inset 0 4px 10px #00000038, inset 0 -2px 4px #ffffff40, 0 4px 10px -8px color-mix(in oklch, var(--kw-volume-cor) 80%, transparent);transform:translateY(1px)scale(.97,.95)}}.theme-primeiras nav[aria-label=Navegação\ principal] a[data-active=true]:not(:focus-visible){box-shadow:inset 0 3px 5px #ffffff59, inset 0 -5px 10px -2px #0003, 0 12px 20px -12px var(--kw-chao)}.theme-primeiras nav[aria-label=Navegação\ principal] a>span:first-child{box-shadow:inset 0 2px 3px #ffffffd9, inset 0 -3px 6px -1px #00000014, 0 4px 8px -5px var(--clay-sombra);border-radius:9999px}.theme-primeiras :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger]):not(:focus-visible):not([aria-invalid=true]){box-shadow:inset 2px 3px 7px #2a14581a}.theme-primeiras [data-slot=badge]{box-shadow:inset 0 2px 2px #ffffff80,inset 0 -2px 4px #00000014,0 3px 6px -3px #0000002e}.theme-primeiras [data-slot=tabs-list]{box-shadow:inset 2px 3px 8px #2a14581a}.theme-primeiras [data-slot=tabs-trigger][data-state=active]:not(:focus-visible){box-shadow:inset 0 2px 4px #fffc, inset 0 -4px 8px -3px var(--clay-sombra-interna), 0 6px 12px -8px var(--clay-sombra)}.theme-primeiras label:has(>input:is([type=checkbox],[type=radio]).sr-only){box-shadow:inset 0 2px 4px var(--clay-luz), inset 0 -5px 10px -5px var(--clay-sombra-interna), 0 10px 20px -14px var(--clay-sombra);border-radius:1.25rem}.theme-primeiras label:has(>input:is([type=checkbox],[type=radio]).sr-only:not(:checked)){background-color:var(--card)}.theme-primeiras label:has(>input:is([type=checkbox],[type=radio]).sr-only:checked){box-shadow:inset 3px 4px 10px var(--clay-sombra-interna), inset -2px -2px 6px var(--clay-luz)}.theme-primeiras label:has(>input.sr-only:focus-visible){outline:4px solid var(--ring);outline-offset:3px}html[data-a11y-high-contrast=true] .theme-primeiras{--border:var(--foreground);--kw-sombra-brinquedo:none;--kw-sombra-rasa:none;--kw-sombra-flutuante:none}