body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box}body,html{margin:0;overflow-x:hidden;padding:0;width:100%}.app{padding-top:1em}.timer-container{background:linear-gradient(135deg,#f8f3ed,#f3ece4);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.timer-header{flex-shrink:0;padding:1rem 0 0;text-align:center}.timer-title{color:#161616;font-size:2rem;font-weight:300;letter-spacing:.05em;margin:0}.timer-main{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:0;justify-content:center;max-width:100vw;min-height:0;padding:0 1.5rem;width:100%}.timer-content{max-width:32rem;width:100%}.cat-section{margin-bottom:1.2rem;margin-top:0;text-align:center}.cat-bubble{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff;border:1px solid #ffffff80;border-radius:1rem;box-shadow:0 1px 1px #0000001a;flex-direction:column;padding:1rem;transition:all .5s ease-in-out}.cat-bubble,.cat-container{align-items:center;display:flex}.cat-container{height:8em;justify-content:center;position:relative;transition:all .8s cubic-bezier(.4,0,.2,1);width:8rem}.cat-container.changing{opacity:.7}.cat-message{color:#161616;font-size:1.15rem;font-weight:300;margin:0;opacity:1;transition:all .4s ease-in-out}.cat-container video{border:none!important;opacity:1;scale:1.2;transition:all .6s ease-in-out}.timer-display{margin-bottom:2rem;text-align:center}.timer-clock{color:#161616;font-family:system-ui,-apple-system,sans-serif;font-size:4rem;font-weight:400;letter-spacing:.1em;margin-bottom:1.5rem}@media (min-width:768px){.timer-clock{font-size:5rem}}.time-controls{gap:2rem;justify-content:center;margin-bottom:1.5rem}.time-controls,.time-group{align-items:center;display:flex}.time-group{flex-direction:column}.time-label{color:#161616;font-size:.75rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.time-adjuster{gap:.5rem}.time-adjuster,.time-button{align-items:center;display:flex}.time-button{background-color:#e2c5b1;border:none;border-radius:50%;color:#161616;cursor:pointer;height:1.75rem;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:1.75rem}.time-button:hover{background-color:#cd9977;box-shadow:0 4px 12px #00000026;transform:translateY(-2px) scale(1.05)}.time-button:disabled{cursor:not-allowed;opacity:.5}.time-value{color:#161616;font-size:1.125rem;font-weight:300;text-align:center;width:2.5rem}.progress-section{margin-bottom:1.5rem}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-label{letter-spacing:.05em;text-transform:uppercase}.progress-label,.progress-percentage{color:#161616;font-size:.75rem;font-weight:500}.progress-bar{background-color:#eddacb;border-radius:9999px;height:.25rem;overflow:hidden;width:100%}.progress-fill{background-color:#cfb096;border-radius:9999px;height:100%;transition:width 1s ease-out}.controls{flex-wrap:wrap;gap:.75rem}.controls,.start-button{align-items:center;display:flex;justify-content:center}.start-button{background-color:#b76d3d;border:none;border-radius:9999px;color:#fcfdfa;cursor:pointer;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.start-button:hover{background-color:#925731;transform:translateY(-3px) scale(1.02)}.pause-button{align-items:center;background-color:#b76d3d;border:none;border-radius:9999px;color:#fcfdfa;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.pause-button:hover{background-color:#925731;transform:translateY(-3px) scale(1.02)}.reset-button{align-items:center;background-color:#e2c5b1;border:none;border-radius:9999px;color:#161616;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.reset-button:hover{background-color:#cd9977;transform:translateY(-2px) scale(1.02)}.pause-button,.reset-button,.start-button{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:44px}@media (max-width:768px){.pause-button svg,.reset-button svg,.start-button svg{flex-shrink:0}.pause-button,.reset-button,.start-button{align-items:center;display:flex;font-size:.875rem;height:48px;justify-content:center;line-height:1;min-height:48px;padding:.5rem 1rem}.cat-bubble{background:#fff;border-radius:.5rem;padding:1rem}.cat-container{height:5rem;width:5rem}.cat-section{margin-top:-8rem}}@media (hover:none) and (pointer:coarse){.pause-button:hover,.reset-button:hover,.start-button:hover,.time-button:hover{background-color:initial!important;box-shadow:none!important;transform:none!important}.pause-button:hover,.start-button:hover{background-color:#b76d3d!important}.reset-button:hover,.time-button:hover{background-color:#e2c5b1!important}}
/*# sourceMappingURL=main.53360649.css.map*/