@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";:root{--accent: rgba(255, 49, 49, 1)}body{margin:0;background-color:#000;background-image:url(/sky-clouds.webp);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center;font-family:Geist,sans-serif;font-optical-sizing:auto;height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;padding-top:40px;padding-bottom:22px}.time{color:#fff;font-size:96px;font-weight:700;letter-spacing:-5px;-webkit-user-select:none;user-select:none}.timebx{display:flex;flex-direction:column;justify-content:center;align-items:center}.date{color:#fff;letter-spacing:-.5px;font-size:24px;margin-top:-16px;-webkit-user-select:none;user-select:none}.tool{all:unset;width:32px;height:32px;border-radius:800px;background-color:#0000;display:flex;justify-content:center;align-items:center}.tool:hover{background-color:#0003}.toolbar{width:fit-content;height:fit-content;border-radius:800px;padding:2px;background-color:#fff;display:flex;justify-content:center}.top{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:8px}.music-window{width:341px;height:251px;background-color:#fff;border-radius:20px;margin-top:12px;box-sizing:border-box;padding:5px;display:flex;justify-content:center;flex-direction:column;gap:5px}.music-window-pos{display:flex;justify-content:center}.music-hidden{opacity:0%;pointer-events:none}.player{width:331px;height:197px;background-color:#0003;border-radius:15px;overflow:hidden}.music-input{width:100%;height:39px;background-color:#0000001a;border-radius:15px;display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;padding-left:10px;overflow:hidden;gap:5px}.music-input>input{all:unset;font-size:14px;width:400px}.pomo-time{font-weight:700;font-size:32px;color:#fff;letter-spacing:-2px;display:flex;justify-content:center;align-items:center}.pomo-time-bg{width:130px;height:51px;background-color:var(--accent);border-radius:800px;display:flex;justify-content:center;align-items:center}.bottom{position:absolute;bottom:0;display:flex;flex-direction:column;width:100vw;justify-content:center;align-items:center;margin-bottom:22px;gap:12px}.pomo-attachment{font-weight:600;font-size:13px;display:flex;justify-content:center;align-items:center;width:81px;height:20px;background-color:var(--accent);border-radius:800px 800px 0 0;color:#fff}.pomo-timeBx{display:flex;justify-content:center;align-items:center;flex-direction:column}.pomo-button{all:unset;width:51px;height:51px;background-color:#fff;border-radius:800px;margin-top:20px;display:flex;justify-content:center;align-items:center}.pomodoro{display:flex;justify-content:center;align-items:center}.play-pomo{color:var(--accent)}.edit-menu{width:341px;height:251px;background-color:#fff;border-radius:20px;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;box-sizing:border-box;padding:12px}.toggleBx{width:fit-content;height:fit-content;padding:2px;box-sizing:border-box;background-color:#0000001a;border-radius:800px;display:flex;justify-content:center;align-items:center}.toggle-item{all:unset;width:60px;font-weight:500;font-size:14px;display:flex;justify-content:center;align-items:center;border-radius:800px;color:#000}.toggle-active{color:#fff;background-color:var(--accent)}