*,*:before,*:after{box-sizing:border-box}*:not(dialog){margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--bg: #ffffff;--text: #3a3a3a;--muted: #5c5c5c;--accent: #7fb7be;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--space-5: 40px;--space-6: 64px;--radius-1: 10px;--radius-2: 999px}html{height:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%}button{font-size:16px;border:transparent;cursor:pointer;letter-spacing:.05em}.btn-primary{border-radius:var(--radius-2);color:#fff;background:var(--accent);padding:var(--space-1) var(--space-3)}.btn-primary:hover{animation-duration:.1s;animation-timing-function:ease-out;animation-name:hover-fade;opacity:.8}.btn-secondary{background:transparent;color:#5c5c5c80;padding:6px;line-height:1}.btn-secondary:hover{animation-duration:.1s;animation-timing-function:ease-out;animation-name:hover-fade;opacity:.8}@keyframes hover-fade{0%{opacity:1}to{opacity:.8}}.timer-page{display:flex;flex-direction:column;align-items:center;justify-content:center}.brand{font-size:3.5rem;font-weight:350;letter-spacing:.15em;color:var(--muted);margin-top:8rem;line-height:1}.brand-running{font-size:3.5rem;font-weight:350;letter-spacing:.15em;color:var(--muted);margin-top:8rem;line-height:1;opacity:.35;animation:brand-fade 1s ease-out}@keyframes brand-fade{0%{opacity:1}to{opacity:.35}}.time-idle{font-size:6rem;font-weight:500;letter-spacing:.05em;font-variant-numeric:tabular-nums;line-height:1;margin-top:5rem;margin-bottom:3rem;color:var(--text);background-color:transparent}.time-idle:hover{animation-duration:.1s;animation-timing-function:ease-out;animation-name:hover-fade;opacity:.8}.time-running{font-size:6rem;font-weight:500;letter-spacing:.05em;font-variant-numeric:tabular-nums;line-height:1;margin-top:5rem;margin-bottom:3rem;color:var(--text);background-color:transparent}.colon{vertical-align:.08em;color:var(--accent);padding:0 .05em}.controls{display:flex;flex-flow:column;align-items:center;gap:var(--space-3)}.timer-settings{width:100%;height:100%}.timer-settings-overlay{background-color:#00000080;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);position:absolute;top:0;left:0;width:100%;height:100%}.timer-settings-box{background-color:#fff;margin:auto;margin-top:14rem;padding:48px;border-radius:16px;position:absolute;top:0;left:50%;transform:translate(-50%)}.timer-settings-row{display:flex;gap:1rem;text-align:center}.time-component{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.icon-button{background:none;border:none;padding:12px 8px;margin:0;cursor:pointer}.time-component-label{font-size:1rem;letter-spacing:.05rem;margin-top:.5rem;opacity:.5}.time-component-edit{font-size:3rem;letter-spacing:.04em;text-align:center;font-variant-numeric:tabular-nums;line-height:1}.timer-settings-colon{font-size:3rem;color:var(--accent);transform:translateY(1.1rem);text-align:center}.wave-container{position:fixed;bottom:100px;width:100%;overflow:hidden;animation:waveBob 3s ease-in-out infinite}.wave-track{display:flex;width:200%;animation:waveMove 20s linear infinite}.wave{width:100%;height:80px}@keyframes waveBob{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}