@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap";:root{--primary: #6750A4;--on-primary: #FFFFFF;--primary-container: #EADDFF;--on-primary-container: #21005D;--secondary: #625B71;--on-secondary: #FFFFFF;--secondary-container: #E8DEF8;--on-secondary-container: #1D192B;--surface: #FEF7FF;--on-surface: #1D1B20;--surface-variant: #E7E0EB;--on-surface-variant: #49454F;--background: #FEF7FF;--font-family: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background);color:var(--on-surface);line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;margin:0;padding:0}#root{width:100%;max-width:500px;height:100vh;display:flex;flex-direction:column}.m3-card{background:var(--surface-variant);border-radius:28px;padding:24px;margin:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.m3-button{background:var(--primary);color:var(--on-primary);border:none;padding:10px 24px;border-radius:20px;font-weight:600;cursor:pointer;transition:transform .1s active;display:flex;align-items:center;justify-content:center;gap:8px}.m3-button:hover{opacity:.9;box-shadow:0 4px 8px #0000001a}.m3-button:active{transform:scale(.95)}.timer-text{font-size:5rem;font-weight:300;letter-spacing:-2px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.h-full{height:100%}.w-full{width:100%}.text-center{text-align:center}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-x-4>*+*{margin-left:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.max-w-sm{max-width:24rem}.text-4xl{font-size:2.25rem}.text-3xl{font-size:1.875rem}.text-2xl{font-size:1.5rem}.text-xl{font-size:1.25rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-light{font-weight:300}.italic{font-style:italic}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.opacity-50{opacity:.5}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.text-primary{color:var(--primary)}.text-on-surface-variant{color:var(--on-surface-variant)}.bg-background{background-color:var(--background)}.bg-surface{background-color:var(--surface)}.bg-surface-variant{background-color:var(--surface-variant)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-primary-container{background-color:var(--primary-container)}.text-on-primary-container{color:var(--on-primary-container)}.relative{position:relative}.absolute{position:absolute}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg}