:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#000}#app{width:100%}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}@media(min-width:1024px){body{display:flex;place-items:center}}.circle-diagram{--percent: var(--v935ce574);--degree: calc(360deg / 100 * var(--percent));--accent-color: hsl(var(--percent), 100%, 50%);width:100%;aspect-ratio:1;position:relative;border-radius:50%;filter:drop-shadow(0 .5rem .5rem rgb(0 0 0 / .5));display:grid;place-items:center;color:var(--accent-color);cursor:pointer}.circle-diagram:before,.circle-diagram:after{content:"";position:absolute;border-radius:50%;z-index:-1}.circle-diagram:before{inset:1em;background-color:var(--accent-color);background-image:radial-gradient(circle at calc(50% - .25rem) calc(50% + .25rem),rgb(0 0 0 / .25) 50%,transparent calc(50% + .5rem)),conic-gradient(rgb(255 255 255 / .25) 0deg,rgb(0 0 0 / .25) var(--degree)),conic-gradient(at calc(50% - .4rem) calc(50% + .4rem),transparent var(--degree),rgb(0 0 0 / .25) calc(var(--degree) + 5deg))}.circle-diagram:after{inset:.9em;background-color:#323232;background-image:linear-gradient(transparent,#00000080);--mask1: radial-gradient(black 50%, transparent calc(50% + 1px) );--mask2: conic-gradient(transparent var(--degree), black calc(var(--degree) + .5deg));-webkit-mask-image:var(--mask1),var(--mask2);mask-image:var(--mask1),var(--mask2)}.circle-diagram img{width:60%}.circle-diagram .center{content:"";position:absolute;border-radius:50%;background-color:#fff;inset:18%;display:grid;place-items:center}.delete{display:grid;width:50px;height:50px;position:absolute;top:0;right:0;border-radius:50%;background-color:#fff;place-items:center}main #timers[data-v-2d7c78b1]{margin:0 auto;padding:.5rem;font-weight:400;max-width:100vh;width:100vw;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}#weather[data-v-2d7c78b1]{position:absolute;width:220px}#settings[data-v-2d7c78b1]{position:absolute;right:.5rem;top:.5rem;color:#777}#settings .field[data-v-2d7c78b1]{text-align:right}#settings label[data-v-2d7c78b1]{padding-right:15px}#settings input[data-v-2d7c78b1]{width:100px;color:#999;background-color:#333;border:1px solid #777;border-radius:5px;padding:5px;font-size:16px;font-family:Arial,sans-serif;text-align:center;cursor:pointer}#settings button[data-v-2d7c78b1]{margin-right:10px;color:#999;background-color:#333;border:1px solid #777;border-radius:5px;padding:5px 10px;font-size:14px;font-family:Arial,sans-serif;cursor:pointer}#settings button[data-v-2d7c78b1]:hover{background-color:#444;color:#bbb}#hidden-tasks[data-v-2d7c78b1]{list-style-type:none;padding:0;margin:.5em}#hidden-tasks li[data-v-2d7c78b1]{text-align:right}