:root{font-family:Crimson Text,serif;font-size:22px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg: #cbbca2;--dark: #203922;--panel: #ddd}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:Crimson Text,serif;background:var(--bg);color:var(--dark)}nav{display:flex;gap:4rem;padding:2.5rem 2rem;font-size:1.5rem;justify-content:center}nav a{color:var(--dark);text-decoration:none;font-weight:700;transition:color .2s}nav a:hover{color:#3a7c3f}nav a:active{color:#000}.main-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.clock-label{display:inline-block;background:var(--dark);color:#fff;padding:.75rem 1.5rem;border-radius:1.5rem;box-shadow:3px 3px 6px #0000004d;font-size:1.25rem;translate:0rem 1.5rem;text-align:center}.timer-container{display:flex;gap:4.5rem;justify-content:center;margin-top:5rem}.timer-card{background:var(--panel);width:290px;height:270px;border-radius:.5rem;box-shadow:3px 3px 10px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.timer-card.danger{background:red}.timer-card.danger .time,.timer-card.danger h2{color:#eee}.timer-card-wrapper{display:flex;flex-direction:column;align-items:center}.timer-label{margin-bottom:1rem;font-size:1.5rem;font-weight:700;color:var(--dark)}.timer-card h2{margin:.5rem 0 1rem}.timer-card .time{font-size:5.5rem;font-weight:700}.arrow{background:none;border:none;color:#7a837a;font-size:2.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1;transition:color .2s}.arrow:active{color:#000}.arrow.up{translate:0px 10px}.arrow.down{translate:0px -10px}.controls{display:flex;gap:1.5rem;justify-content:center;margin:4rem 0}.controls button{padding:1rem 0rem;width:250px;border:none;border-radius:1.5rem;font-size:1.5rem;color:#d9d9d9;cursor:pointer;text-align:center;display:inline-block;box-shadow:3px 3px 8px #00000040;font-family:Crimson Text,serif;font-weight:700}.controls .start{background:var(--dark)}.controls .start:hover{background:#3a7c3f}.controls .reset{background:#3a2424}.controls .reset:hover{background:#5a3232}.controls .pause{background:#4c370a}.controls .pause:hover{background:#7b5910}.controls .continue{background:#4c0a38}.controls .continue:hover{background:#851162}.modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:red;color:#eee;padding:8rem 9.5rem;border-radius:1.5rem;text-align:center;box-shadow:5px 5px 15px #00000080}.modal-box h1{translate:0 2rem;margin:0 0 1rem;font-size:6.25rem}.modal-box p{translate:0 7rem;font-size:1.25rem;font-style:italic}footer{background:var(--dark);color:#d9d9d9;text-align:center;padding:1rem 0;position:fixed;bottom:0;width:100%;font-family:Crimson Text,serif;font-size:26px}