:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.flip-clock{display:flex;justify-content:center;align-items:center;gap:12px}.fcc-digit-block{width:120px;height:160px;background-color:#702c2c;color:#fff;font-family:Orbitron,sans-serif;font-size:120px;border-radius:16px;box-shadow:0 5px 15px #00000040;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.fcc-digit-inner{display:flex;justify-content:center;align-items:center;backface-visibility:hidden;width:100%;height:100%}.fcc-divider{position:absolute;top:50%;left:0;width:100%;height:2px;background:#65351a;opacity:.4;transform:translateY(-50%)}.flip-clock-container{position:static;display:flex;justify-content:center;align-items:center}.fcc-colon{font-size:120px;font-weight:700;padding:0 8px;color:#fffa;font-family:Orbitron,sans-serif;-webkit-user-select:none;user-select:none}.fcc-digit-block.paused{filter:grayscale(40%) brightness(85%);box-shadow:0 0 12px #fff3}.background-container{margin:0;padding:0;height:100vh;width:100vw;background:url(/Background_1.png) no-repeat center center fixed;background-size:cover}.background-container.blurred{filter:blur(8px)}.chihuahua-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.chihuahua{position:absolute;width:250px;height:auto;animation:dropChihuahua 1.2s ease-out forwards;transition:transform .3s ease-in-out}@keyframes dropChihuahua{0%{transform:translateY(-150px) scale(1);opacity:0}40%{opacity:1}70%{transform:translateY(20px) scale(1.05)}to{transform:translateY(0) scale(1);opacity:1}}.timer-row-wrapper{position:relative;margin-bottom:10px}.delete-timer-btn{position:absolute;right:-50px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;opacity:0;transition:opacity .3s ease;padding:0;width:40px;height:40px}.timer-row-wrapper:hover .delete-timer-btn{opacity:1}.delete-timer-btn img{width:100%;height:auto}@font-face{font-family:Heading Now Trial-67 Extrabold;src:url(/assets/HeadingNowTrial-67Extrabold.ttf) format("truetype");font-weight:400}@font-face{font-family:Heading Now Trial-68 Heavy;src:url(/assets/HeadingNowTrial-68Heavy.ttf) format("truetype");font-weight:700}@font-face{font-family:Canda Tawa Regular;src:url(/assets/Canda%20Tawa%20Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Canda Tawa Extra;src:url("/assets/Canda Tawa Extra.ttf") format("truetype");font-weight:400}.title{font-family:Heading Now Trial-68 Heavy,sans-serif;font-size:104.5px;font-weight:400;text-align:center;text-transform:uppercase;line-height:.9;position:relative;margin-top:-10px;text-shadow:-8px -8px 0 #4b2572,8px -8px 0 #4b2572,-8px 8px 0 #4b2572,8px 8px 0 #4b2572,-8px 0px 0 #4b2572,8px 0px 0 #4b2572,0px -8px 0 #4b2572,0px 8px 0 #4b2572}.pomodoro{color:#f4a8c5}.puppies{color:#d4a76e}.start-button-container{position:absolute;bottom:5%;left:50%;transform:translate(-50%);z-index:3000}.background-container.blurred .start-button-container{visibility:visible;opacity:1}.start-button{width:500px;cursor:pointer;transition:transform .3s}.start-button:hover{transform:scale(1.1)}.header-container{position:fixed;top:1px;left:50%;transform:translate(-50%);width:400px;z-index:50}.header-image{width:100%;height:auto}.new-buttons{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:20px}.button-container{display:flex;flex-direction:column;align-items:center}.button-title{font-family:Canda Tawa Regular,sans-serif;font-weight:400;background:linear-gradient(to right,#b3e5fc,#f8bbd0);color:#d6a085;text-shadow:2px 2px 2px #65351a;padding:10px 20px;font-size:2.5em;font-weight:700;border-radius:50px;margin-bottom:8px;text-align:center;box-shadow:4px 4px 10px #0003;display:inline-block;min-width:120px;justify-content:space-between;width:60%}.pomodoro-title{margin-left:100px}.image-button{background:none;border:none;cursor:pointer;padding:0}.image-button:hover{transform:scale(1.1)}.right-buttons{position:fixed;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px}.right-button{font-family:Canda Tawa Regular,sans-serif;font-weight:400;background:#5a2d0c;color:#fff;font-size:2rem;padding:10px 20px;border:none;border-radius:15px;cursor:pointer;writing-mode:vertical-rl;transition:.3s}.right-button:hover{background:#8b4513}.popup-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#522611;padding:20px;border-radius:20px;width:600px;box-shadow:6px 6px 10px #0000004d,-2px -2px 6px #fff9;display:none;z-index:2000}.popup-menu.active{display:block}.timer-inputs{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.input-field,.timer-input{padding:10px;border-radius:10px;border:none;text-align:center;font-size:18px;background:#fff;color:#5a2d0c;box-shadow:6px 6px 10px #0000004d,-2px -2px 6px #fff9}.timer-name-input{width:100px;flex-shrink:0}.input-field{flex-grow:2;min-width:100px}.timer-input{flex-grow:1;max-width:50px;min-width:40px}.save-button{display:block;margin:20px auto;width:80%;max-width:250px;background:none;border:none;cursor:pointer;text-align:center}.save-button img{width:100%;height:auto;display:block}.add-exit-container{display:flex;align-items:center;justify-content:space-between;width:100%;gap:35px}.add-timer-btn,.close-btn{background:none;border:none;cursor:pointer;width:60px;height:60px;display:flex;align-items:center;justify-content:center;z-index:3000}.add-timer-btn img,.close-btn img{width:70px;height:70px;flex-shrink:0}.add-timer-text{position:fixed;top:20px;right:70px;font-size:18px;color:#000;font-family:Canda Tawa Regular,sans-serif}.balloon-container{display:flex;justify-content:center;align-items:flex-start;gap:20px;flex-wrap:wrap;position:absolute;top:20vh;left:50%;transform:translate(-50%);width:100%;z-index:1000}.balloon.selected{filter:drop-shadow(0px 0px 10px gold)}.balloon-image{width:200px;height:auto;z-index:1;position:relative;pointer-events:none}.balloon-label{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:160px;height:auto;position:relative}.balloon-label img{pointer-events:none;display:block;width:100%;height:auto}.balloon-label .scroll-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:26px;font-weight:700;color:#5a2d0c;font-family:Canda Tawa Regular,sans-serif;white-space:nowrap}.balloon-wrapper{position:relative;display:inline-block;padding-right:70px;overflow:visible}.balloon-wrapper:after{content:"";position:absolute;top:0;left:100%;width:60px;height:100%;background:transparent;pointer-events:auto}.pop-delete{position:absolute;top:-40px;left:40%;transform:translate(-50%);background:#fffafc;padding:12px 18px;font-size:1.2rem;border:2px #d23a7d;border-radius:12px;color:#d23a7d;font-weight:700;white-space:nowrap;z-index:10;cursor:pointer;pointer-events:auto;box-shadow:0 2px 8px #0003}.floating-add-btn{position:fixed;top:20px;right:20px;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:10px;font-family:Canda Tawa Regular,sans-serif;font-size:24px;font-weight:700;color:#000;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.floating-add-btn.visible{visibility:visible;opacity:1}.floating-add-btn img{width:60px;height:auto}.flip-section{position:absolute;top:25%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:20px;z-index:1000}.flip-clock-container{position:static;display:flex;justify-content:center;align-items:center;width:160px}.timer-controls{display:flex;justify-content:center;align-items:center;gap:50px}.session-name-container{position:absolute;top:10%;left:65%;transform:translate(-50%);width:100px;height:auto}.session-name{display:block;width:100%;height:auto}.pp-img{display:block;width:800px;height:auto}@keyframes floatUpDown{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.balloon.floating{animation:floatUpDown 2s ease-in-out infinite}.button-style{font-family:Canda Tawa Regular,sans-serif;font-size:2.2em;font-weight:700;text-align:center;padding:12px 24px;background:linear-gradient(to right,#b3e5fc,#f8bbd0);color:#d6a085;text-shadow:2px 2px 2px #65351a;border:none;border-radius:50px;box-shadow:4px 4px 10px #0003;display:flex;align-items:center;justify-content:center;min-width:180px;height:70px;cursor:pointer;transition:transform .2s ease}.button-style:hover{transform:scale(1.05)}.button-title{margin-bottom:8px}.period-options{border:none;cursor:pointer;transition:transform .2s ease;font-size:29.1px}.period-options:hover{transform:scale(1.05)}.scroll-banner{position:relative;display:inline-block;top:-30px;right:658px}.scroll-text-banner{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) perspective(50px) rotateX(10deg);font-size:76px;font-weight:700;color:#5a2d0c;font-family:Canda Tawa Regular,sans-serif;white-space:nowrap}.final-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#fae6fad9;display:flex;align-items:center;justify-content:center;z-index:5000}.final-popup-content{background:#fffafc;border:4px dashed pink;border-radius:20px;padding:2rem;text-align:center;animation:popBounce .5s ease-out;box-shadow:0 8px 20px #0003}.final-popup-img{width:150px;margin-bottom:1rem}.popup-close-btn{background:#fcddec;border:none;padding:.75rem 1.5rem;margin-top:1rem;font-size:1.2rem;font-weight:700;color:#d23a7d;border-radius:10px;cursor:pointer;transition:transform .2s ease}.popup-close-btn:hover{transform:scale(1.05)}@keyframes popBounce{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.no-timers-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff0fae6;display:flex;align-items:center;justify-content:center;z-index:6000;animation:fadeIn .4s ease-in-out}.no-timers-content{background:#fff4f9;border:3px solid #ffb6d2;border-radius:20px;padding:2rem;text-align:center;box-shadow:0 6px 20px #00000026}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.no-timers-img{max-width:200px;animation:floaty 2s ease-in-out infinite}.no-timers-content p{font-size:1rem;color:#333}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}