.pomo-form{display:flex;flex-direction:column;padding:20px;border:2px solid #ddd;border-radius:4px;width:280px;margin:0 auto}@media screen and (min-width: 768px){.pomo-form{width:auto}}.pomo-form .title{color:#000;font-family:Hammersmith One,serif;margin-top:0}.pomo-form .interval-timer{margin-bottom:12px;width:280px}@media screen and (min-width: 768px){.pomo-form .interval-timer{width:320px}}.pomo-form .long-switch-label{color:#000}.pomo-form .long-switch{margin-bottom:16px}.pomo-form .pomo-count-note{color:#000;margin:12px 0;font-style:italic;font-family:Nunito Sans,sans-serif}.pomo-timer{display:flex;align-items:center;justify-content:center;flex-direction:column;border:4px solid white;position:relative;box-sizing:border-box;width:300px;height:300px;padding:20px;margin:0 auto;color:#3c4c58}.pomo-timer .sand{width:100%;background-color:#fff;position:absolute;bottom:0;left:0}.pomo-timer .timer{margin:0 0 8px;z-index:1;font-size:24px;font-weight:600}.pomo-timer .description{z-index:1;margin:0 0 16px;font-style:italic;font-size:14px}.pomo-timer .title{z-index:1;margin:0 0 16px;font-size:24px;line-height:1.1;font-family:Hammersmith One,serif}.pomo-timer .stop-button{color:#3c4c58;margin:0}.pomodoro-timer{margin-top:28px}.todo{margin:8px 0;display:flex}.todo .primary.checked.checkbox{color:#3c4c58}.todo .input{margin-top:6px;margin-right:16px}.todo .complete{text-decoration:line-through;text-decoration-thickness:2px;color:#ccc}.todo-form{display:flex}.todo-form .checkbox{margin-bottom:20px}.todo-form .primary.checked.checkbox{color:#3c4c58}.todo-form .text-field{margin-top:6px;margin-right:16px}.todo-list{margin-top:28px;margin-bottom:80px}@media screen and (min-width: 768px){.todo-list{min-width:360px}}.sticky-buttons{position:fixed;bottom:0;padding:16px 16px 8px;width:calc(100% - 32px);display:flex;justify-content:space-between;box-sizing:content-box;min-height:52px}.lofi-player-information{color:#000}.lofi-player-information .paragraph{font-size:14px;margin:0;text-align:left}body{background-color:#fff;transition:background-color .2s}@media screen and (max-width: 912px){body .sticky-buttons{background-color:#fff}}body.break{background-color:#18b6e7}@media screen and (max-width: 912px){body.break .sticky-buttons{background-color:#18b6e7}}body.longBreak{background-color:#18b6e7}@media screen and (max-width: 912px){body.longBreak .sticky-buttons{background-color:#18b6e7}}body.focus{background-color:#2bd48e}@media screen and (max-width: 912px){body.focus .sticky-buttons{background-color:#2bd48e}}#root{width:100%;text-align:center;font-family:Nunito Sans,sans-serif}.center-container{margin:0 auto;max-width:360px}:root{font-family:Inter,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}}