@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Rubik+80s+Fade&display=swap";@import"https://fonts.googleapis.com/css2?family=Righteous&display=swap";*{box-sizing:border-box;border:transparent}#preloader{position:fixed;inset:0;z-index:9999;overflow:hidden;background:transparent}#intro-slider{border:3px solid;background-color:#fff;background-image:url("data:image/svg+xml,%3C!-- svg: first layer --%3E%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3.04' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;inset:0;display:flex;justify-content:center;align-items:center}#intro-text{color:#3b3c45}.toast{position:fixed;top:20px;right:20px;background:#3b3c45;padding:16px;box-shadow:0 4px 10px #00000026}.toast-title,.toast-message{color:#fff}body{overflow-y:hidden;overscroll-behavior:none;overflow:hidden;margin:0;padding:0;height:100%;font-family:Rubik Lines,sans-serif;position:relative;background-color:#fff;background-image:url("data:image/svg+xml,%3C!-- svg: first layer --%3E%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3.04' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}header{position:absolute;z-index:2;display:flex;top:0;left:0;height:100px}#logo{opacity:1;transition:opacity .5s ease;position:relative;z-index:2}#root{position:relative;height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.timer-container{text-align:center;padding:90px;aspect-ratio:1 / 1;width:100%;max-width:900px;max-width:800px;margin:0 auto}h1{font-size:13rem;padding:10px;margin:30px 0;color:#3b3c45;font-family:Righteous,sans-serif;font-weight:900;font-style:normal;font-variant-numeric:tabular-nums}button{background-color:transparent;font-size:1rem;padding:18px 40px;margin:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:600;font-family:Bodoni Moda;text-transform:uppercase;letter-spacing:.5px;position:relative}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.mode-switch-bar{display:flex;gap:0;margin-bottom:50px;width:100%;max-width:1000px;margin-left:auto;margin-right:auto;border-radius:0;overflow:hidden}.mode-switch-btn{flex:1;padding:18px 32px;font-size:3.5rem;font-weight:700;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Bodoni Moda;letter-spacing:.8px;position:relative;color:#8f8f8f}.mode-switch-btn.active{color:#3b3c45;font-weight:800}.mode-indicator{margin-bottom:30px}.mode-indicator h2{font-size:1.4rem;margin:0;padding:16px 32px;display:inline-block;font-weight:800;text-transform:uppercase;font-family:Bodoni Moda;border-radius:0;letter-spacing:1px}.time-display{margin:35px 0;padding:20px 28px;color:#3b3c45;font-size:.9rem;font-weight:600;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-transform:uppercase;border-radius:0;letter-spacing:1px}.time-display p{margin:0;color:#8f8f8f}.time-editor{font-family:bodoni;display:flex;flex-direction:column}.editor-buttons{display:flex;gap:0;justify-content:center;margin-top:28px;border-radius:0;overflow:hidden;padding-bottom:30px}.time-input-groups{display:flex;flex-direction:row;justify-content:center;gap:10px;margin-top:28px}.time-input-group{display:flex;flex-direction:column;align-items:center}.time-editor-title-tittle{margin:0;padding:0;font-size:1rem;color:#3b3c45}.time-editor-title{margin:0;padding:20px;font-size:2rem;color:#8f8f8f}.time-input{order:1;padding:16px 24px;font-size:1.6rem;width:160px;text-align:center;font-family:Righteous,sans-serif;font-weight:800;background-color:transparent;border:1px solid #3b3c45;color:#3b3c45;transition:all .2s cubic-bezier(.4,0,.2,1);appearance:none}.time-input::-webkit-outer-spin-button,.time-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-input[type=number]{-moz-appearance:textfield;appearance:none}.time-input:focus{outline:none;transform:translateY(-2px);border-color:#fff}.save-button{color:#3b3c45;border:none;flex:1;margin:0}.save-button:hover{transform:translateY(-2px)}.cancel-button{color:#3b3c45;flex:1;margin:0}.cancel-button:hover{transform:translateY(-2px)}.button-group{display:flex;gap:0;justify-content:center;flex-wrap:wrap;margin-top:28px;border-radius:0;overflow:hidden}.start-button{color:#3b3c45;flex:1;min-width:160px;margin:0}.start-button:hover{transform:translateY(-1px)}.reset-button{color:#3b3c45;flex:1;min-width:160px;margin:0}.reset-button:hover{transform:translateY(-2px)}.edit-button{color:#3b3c45;flex:1;min-width:160px;margin:0}.edit-button:hover{transform:translateY(-2px)}html{height:100%}@media(max-width:600px){html,body{background-color:#dee0e1;background-image:none;overflow-x:hidden;overflow-y:hidden;width:100%;display:flex;justify-content:center;align-items:center;min-height:100dvh;margin:0}#intro-slider{background-color:#3b3c45;background-image:none}#intro-text{color:#fff}#logo{margin-left:5vh;margin-top:5vh;height:35px;width:35px}.timer-container{padding:30px 20px}h1{font-size:7rem;margin:20px 0}.time-display{margin:20px 0;padding:12px 16px;font-size:.75rem}.mode-switch-bar{margin-top:10px;max-width:100%;margin-bottom:10px}.mode-switch-btn{border-right:none;font-size:1.5rem;flex:1}.mode-switch-btn:last-child{border-bottom:none}.button-group{flex-direction:row;margin-top:20px;border:none;gap:10px}.button-group button{flex:1;width:auto;margin:0;min-width:auto;padding:8px 16px;font-size:1rem}.button-group button:last-child{border-bottom:none}.time-editor-title{font-size:1rem}.time-input{padding:10px 15px;font-size:1.4rem;width:130px}.time-input-groups{gap:5px}.editor-buttons{display:flex;flex-direction:row;justify-content:center;gap:20px;margin-top:20px}.editor-buttons button{width:auto;margin:0;border:none;padding:8px 16px;font-size:1rem;cursor:pointer}.editor-buttons button:last-child{border-bottom:none}}@media(max-width:768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:100%}}