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}:root{--bg-color:#282c34;--btn-color:#fff;--btn-bg:#ffffff1a;--btn-hover-bg:#ffffff40;--btn-border-radius:12px;--btn-padding:1rem 2rem;--font-color:#fff;--countdown-color:#61dafb;--gap:1rem}*{box-sizing:border-box;font-family:Segoe UI,sans-serif;margin:0;padding:0}.App,:root{background-color:#282c34;background-color:var(--bg-color);height:100vh;justify-content:center;min-height:100vh;padding:2rem}.App,.App-header,:root{align-items:center;display:flex}.App-header{flex-direction:column;gap:2rem;text-align:center}.txt{color:#fff;color:var(--font-color);font-size:3rem;font-weight:700}.subtitle{color:#ccc;font-size:1.2rem}.btns{gap:var(--gap)}.btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;background:var(--btn-bg);border:2px solid #ffffff4d;border-radius:12px;border-radius:var(--btn-border-radius);color:#fff;color:var(--btn-color);cursor:pointer;font-size:1.5rem;padding:1rem 2rem;padding:var(--btn-padding);transition:all .3s ease}.btn:hover{background:#ffffff40;background:var(--btn-hover-bg);transform:scale(1.05)}.btn:active{transform:scale(.95)}.controls{display:flex;gap:1rem;gap:var(--gap);margin-top:1rem}.countdown{color:#61dafb;color:var(--countdown-color);font-size:2.5rem;font-weight:700;margin-top:1rem}.message{align-items:center;color:#a0ffa0;display:flex;font-size:1.2rem;gap:.5rem;margin-top:1.5rem}@media (max-width:600px){.btn{font-size:1.2rem;padding:.8rem 1.5rem}.countdown,.txt{font-size:2rem}}.custom-time input{width:140px}.custom-time{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.custom-time input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;color:#fff;font-size:1rem;padding:.8rem 1rem;width:100px}.custom-time input::placeholder{color:#ccc}.custom-time button{font-size:1rem}.btns{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:400px}.btns .btn{flex:1 1 45%;min-width:120px}.all-buttons{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;max-width:600px}.all-buttons .btn,.all-buttons .custom-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;color:#fff;flex-basis:calc(33.33% - 0.8rem);flex-grow:1;flex-shrink:1;font-size:1rem;max-width:180px;min-width:100px;padding:.8rem 1rem;text-align:center}.all-buttons .custom-input::placeholder{color:#ccc}.btn.pause,.btn.reset{background:none;border:none;cursor:pointer;padding:0}.btn.pause img.icon-btn,.btn.reset img.icon-btn{display:block;height:32px;object-fit:contain;width:32px}.btn.pause:hover img.icon-btn,.btn.reset:hover img.icon-btn{transform:scale(1.1);transition:transform .2s ease}.btn.reset{transition:transform .6s ease}.btn.reset.rotate{transform:rotate(1turn)}
/*# sourceMappingURL=main.e5ed0bbf.css.map*/