: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}*{margin:0;padding:0}.sans{font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"GRAD" 0}.mono{font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal;text-transform:uppercase;letter-spacing:-.05em;font-size:.65rem}.mono--bold{font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:-.05em;font-size:.65rem}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;flex-direction:column;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}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}}dialog{max-width:50vw;border-radius:.5rem;border:unset;padding:1.5rem 2.5rem}.buttons{display:flex;gap:1rem;margin-top:2rem;align-items:center;padding-bottom:1rem}::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;anchor-name:--carousel;columns:1;block-size:10lh;text-align:center}.carousel::column{scroll-snap-align:center}.carousel--scroll-buttons::scroll-button(*){position:fixed;position-anchor:--carousel;position-visibility:always;font-family:Material Symbols Outlined}.carousel--scroll-buttons::scroll-button(right){position-area:inline-end center;content:"arrow_forward" / "Next"}.carousel--scroll-buttons::scroll-button(left){position-area:inline-start center;content:"arrow_back" / "Previous"}.carousel--scroll-markers{scroll-marker-group:after}.carousel--scroll-markers::scroll-marker-group{position:fixed;position-anchor:--carousel;position-area:block-end;position-visibility:always;margin:10px;display:grid;grid-auto-columns:20px;grid-auto-flow:column;gap:20px}.carousel--scroll-markers::column::scroll-marker{content:" "}.carousel--scroll-markers::column::scroll-marker:target-current{background:var(--accent)}.time{font-size:6vw;color:#000;text-transform:uppercase;letter-spacing:-.05em;margin:0;min-width:6ch;text-align:center}.tomato{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:100;scale:.75;mix-blend-mode:exclusion;pointer-events:none}.tomato path{stroke:#080808}.timer-button{background-color:unset;border:unset!important;position:relative}.timer-button__label{position:absolute;color:#fff;mix-blend-mode:exclusion;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;margin:0}.timer-button:hover .timer-button__svg path{stroke:#e0e0e0}.timer-wrapper{display:flex;gap:2rem;align-items:center;height:100svh}.timer-controls__wrapper{display:flex;gap:2rem;justify-content:center;width:100%}.timer-controls__button{background-color:unset;border:unset!important;display:flex;flex-direction:column;align-items:center}.timer-controls__button:hover svg path{stroke:#e0e0e0}.timer-controls__wrapper{position:absolute;top:60vh}.corner{border-bottom:1px solid black;border-right:1px solid black;width:.75rem;aspect-ratio:1;margin:1.25rem}.corner--top-left{position:absolute;top:0;left:0}.corner--top-right{position:absolute;top:0;right:0;rotate:90deg}.corner--bottom-right{position:absolute;bottom:0;right:0;rotate:180deg}.corner--bottom-left{position:absolute;bottom:0;left:0;rotate:270deg}.title{display:flex;flex-direction:column;gap:.1rem;align-items:center;position:fixed;top:4rem}.content{width:17.5vw;position:fixed;left:4rem;top:0;display:flex;flex-direction:column;align-items:start;justify-content:center;height:100svh}.content ol{padding-left:2rem}.content ul{list-style-type:none;display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.content ul li:nth-child(1){padding-left:2rem}.content ul li:nth-child(2){padding-left:1rem}.content ul li:nth-child(3){padding-left:0rem}.content ul li:nth-child(4){padding-left:3.5rem}.break-section{position:fixed;right:4rem;top:0;display:flex;flex-direction:column;align-items:end;justify-content:center;height:100svh;gap:1rem}.break-section button{background:unset;border:unset;padding:0}.timezone-wrapper{display:flex;gap:1.5rem;align-items:end}.timezone-wrapper ul{list-style-type:none}.timezone-wrapper li,.timezone-wrapper>div{font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:-.05em;font-size:.65rem}.timezone-wrapper li{font-weight:400}.timezone-wrapper>div>div{display:flex;flex-direction:column;align-items:end}.timezones{display:flex;gap:5rem;position:fixed;bottom:2rem;pointer-events:none}.timezone-wrapper:nth-child(2){padding-bottom:2rem}.timezone-wrapper:nth-child(3){padding-bottom:1rem}.timezone-wrapper:nth-child(5){padding-bottom:3rem}.break-button path{stroke:#e0e0e0}.break-button.break-button--active path{stroke:#000}body.currently-break .break-button.break-button--active path{animation:blink-stroke 1s infinite step-end}.take-a-break-overlay{scale:.85;position:fixed;z-index:1000;display:none;width:100%}body.currently-break .take-a-break-overlay{display:block}@keyframes blink-stroke{0%{stroke:red}50%{stroke:#e0e0e0}to{stroke:red}}.credit{position:fixed;writing-mode:vertical-lr;bottom:3.5rem;right:1.25rem}.mirror-content--wrapper,.pip-content{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.pip-content .timer-button{display:none}.pip-content .time{font-size:5rem}.pip-content .timer-controls__wrapper{top:75vh}.pip-content .tomato{scale:1.25}.pip-body{overflow:hidden;background:#000}.pip-only{display:none!important}@media(display-mode:picture-in-picture){.pip-only.take-a-break-overlay.currently-break{display:block!important}}.pip-content .time,.pip-content h1{color:#fff}.pip-content .title{top:15vh}.pip-content .take-a-break-overlay{scale:.9;transform:translate(-15%)}#hello-dialog{top:50%;left:50%;transform:translate(-50%,-50%)}