.level-button{display:flex;height:6rem;width:100%;flex-direction:column;align-items:center;justify-content:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.level-button-bronze{background-color:rgb(245 158 11/.2);color:hsl(var(--foreground))}.level-button-bronze:hover{background-color:rgb(245 158 11/.9)}.level-button-bronze.selected{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.level-button-bronze.disabled,.level-button-bronze.selected{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.level-button-bronze.disabled{cursor:not-allowed;opacity:.6}.level-button-bronze.disabled,.level-button-bronze.disabled:hover{background-color:rgb(245 158 11/.1)}.level-button-bronze.disabled:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.level-button-silver{background-color:rgb(148 163 184/.2);color:hsl(var(--foreground))}.level-button-silver:hover{background-color:rgb(148 163 184/.9)}.level-button-silver.selected{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.level-button-silver.disabled,.level-button-silver.selected{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.level-button-silver.disabled{cursor:not-allowed;opacity:.6}.level-button-silver.disabled,.level-button-silver.disabled:hover{background-color:rgb(148 163 184/.1)}.level-button-silver.disabled:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.level-button-gold{background-color:rgb(250 204 21/.2);color:hsl(var(--foreground))}.level-button-gold:hover{background-color:rgb(250 204 21/.9)}.level-button-gold.selected{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.level-button-gold.disabled{cursor:not-allowed;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));opacity:.6}.level-button-gold.disabled,.level-button-gold.disabled:hover{background-color:rgb(250 204 21/.1)}.level-button-gold.disabled:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.activity-tab{display:flex;flex:1 1 0%;align-items:center;justify-content:center;gap:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.activity-tab[data-state=active]{background-color:hsl(var(--primary));font-weight:500;color:hsl(var(--primary-foreground))}.light .activity-tab[data-state=active]{--tw-border-opacity:1;border-color:rgb(15 23 42/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark .activity-tab[data-state=active]{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.activity-tab-completed{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.loading-spinner{margin-left:auto;margin-right:auto;height:3rem;width:3rem}@keyframes spin{to{transform:rotate(1turn)}}.loading-spinner{animation:spin 1s linear infinite;border-radius:9999px;border-bottom-width:2px;border-color:hsl(var(--primary))}.habit-card>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.levels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.trophy-icon{margin-bottom:.5rem;height:1.5rem;width:1.5rem}.level-name{font-weight:500}.level-description{font-size:.75rem;line-height:1rem}@media (max-width:768px){.level-button{padding-left:.5rem;padding-right:.5rem}.level-description{padding-left:.25rem;padding-right:.25rem;text-align:center;font-size:.75rem;line-height:1rem;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;line-height:1.2}.level-button .level-description{max-width:calc(100% - 8px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}@media (max-width:480px){.levels-grid{gap:.5rem}.level-button{height:5rem;padding-left:.25rem;padding-right:.25rem}.level-description{font-size:.75rem;line-height:1rem;font-size:10px;line-height:1.1}.level-button .level-description{max-width:calc(100% - 4px);-webkit-line-clamp:2}}