@font-face{font-family:DSEG7;font-style:italic;font-weight:800;font-display:swap;src:url(/fonts/DSEG7Classic-BoldItalic.woff2) format("woff2")}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.preact:hover{filter:drop-shadow(0 0 2em #673ab8aa)}.card{padding:2em;border-radius:1em;background:#2b2b2b}.timer-wrap{margin:1rem}@media (prefers-color-scheme: light){.card{background-color:#f7f7f7}}@keyframes slow-blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.timer{padding:1em .8em;border-radius:1em;background:#2b2b2b;display:flex;align-items:center}.timer .timer-indicator{position:relative;margin-right:.5rem;width:.3rem;height:.3rem;border-radius:.15rem;box-shadow:-.5px -.5px 1px #00000080,.5px .5px 1px #ffffff1a;background:#1a1a1a}.timer .timer-indicator:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;opacity:0;border-radius:50%}.timer .timer-indicator.running:before{background:linear-gradient(-45deg,red,rgb(128,0,0));animation:slow-blink 2s ease infinite}.timer .timer-indicator.paused:before{opacity:1;background:linear-gradient(-45deg,yellow,rgb(128,128,0))}.timer .time-display{margin-right:1rem;font-size:1.25rem;font-family:DSEG7}.timer .timer-control{display:flex;margin-left:auto}.timer .timer-control button{display:block;font-size:.75rem;margin-left:.25rem;padding:.6em .8em}@media (prefers-color-scheme: light){.timer{background-color:#f7f7f7}.timer .timer-indicator{box-shadow:-.5px -.5px 1px #0000004d,.5px .5px 1px #ffffffbf;background:linear-gradient(-45deg,#6b6b6b,#4a4a4a)}}*{box-sizing:border-box}:root{font-family:Pretendard Variable,Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;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;-webkit-text-size-adjust:100%}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:#e0e0e0}}