:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--body-color:280, 50%, 20%;--body-font-family:Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;--hx-font-family:Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;--input-font-family:Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;--font-size:18px;--font-color:37, 74%, 85%;--link-color:198, 38%, 63%;--input-color:198, 38%, 63%;--gutter-small:.5rem;--gutter:1rem}.hide{display:none}html,body{background-color:hsl(var(--body-color));height:100%;color:hsl(var(--font-color));font-family:var(--body-font-family);font-size:var(--font-size);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.5em;overflow:hidden}img{vertical-align:middle;max-width:100%}a{color:hsl(var(--link-color))}a:hover{text-decoration:none}p{margin:0 0 1rem;line-height:1.5em}h1,h2{font-family:var(--hx-font-family);color:hsl(var(--link-color));margin:3rem 0 .5rem;padding:0;font-weight:400;line-height:1.2em}h1{font-size:calc(var(--font-size) * 1.1 + 1.4vw)}h2{font-size:calc(var(--font-size) + 1.6vw)}.countdown{grid-template-rows:auto 1fr auto;width:100vw;height:100dvh;display:grid;position:relative}.countdown-middle{flex-direction:column;justify-content:center;min-height:0;display:flex}.countdown-fields-area{justify-content:center;align-items:center;min-height:max(10vw + 4.5rem,11rem);display:flex}.countdown-fields{font-family:var(--input-font-family);justify-content:center;display:flex}.countdown-fields__field{--input-width:12vw;--input-font-size:10vw}@media (max-width:30rem){.countdown-fields__field{--input-width:3.2em;--input-font-size:2.4rem}}.countdown-fields__field{text-align:right;flex:0 1 var(--input-width);z-index:1;margin:0 .8rem;position:relative}.countdown-fields__field label{font-size:.9rem;display:block}@media (max-width:30rem){.countdown-fields__field label{font-size:.8rem}}.countdown-fields__field input{font-family:var(--input-font-family);font-size:var(--input-font-size);color:hsl(var(--input-color));text-align:right;vertical-align:text-bottom;background:#0003;border:2px solid #6464641a;width:100%;height:1em;margin:0;padding:0 .2rem;line-height:1em}.countdown-fields__field input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield}.countdown-fields__field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.countdown-fields__field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.countdown-fields__field input:focus,.countdown-fields__field input:focus-visible{color:hsla(var(--font-color), .9);background:#000000e6;outline:none}.countdown-fields__field input::selection{background:hsla(var(--body-color), .1);color:hsla(var(--font-color), 1);outline:none}.countdown-fields__field:after{content:attr(data-shadow);font-size:var(--input-font-size);vertical-align:text-bottom;z-index:-1;opacity:.2;line-height:1em;display:block;position:absolute;bottom:.3rem;right:-.25rem}.countdown-fields__field.for-days{flex-basis:calc(1.5 * var(--input-width))}.countdown-name{font-family:var(--body-font-family);color:hsl(var(--font-color));text-align:left;background:0 0;border:none;border-bottom:1px solid #64646440;outline:none;width:clamp(16rem,70%,40rem);margin:0 auto;padding:.3rem .5rem;font-size:1.1rem;display:block}.countdown-name::placeholder{color:hsla(var(--font-color), .25);font-style:italic}.countdown-name:focus{border-bottom-color:hsla(var(--input-color), .5)}.countdown-elapsed,.countdown-target-subtitle{text-align:center;opacity:.65;letter-spacing:.03em;margin:0 0 .25rem;font-size:.85rem}.mode-tabs{width:fit-content;margin:calc(2.5rem + env(safe-area-inset-top,0px)) auto 0;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;grid-row:1;justify-content:center;gap:.25rem;padding:.25rem;display:flex}.mode-tab{font-family:var(--body-font-family);color:hsla(var(--font-color), .6);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.4rem 1.25rem;font-size:.9rem;transition:background .15s,color .15s}.mode-tab:hover{color:hsl(var(--font-color))}.mode-tab.active{background:hsl(var(--link-color));color:#2d1339}.countdown-target-inputs{flex-direction:column;align-items:center;gap:.75rem;display:flex}.countdown-target-date,.countdown-target-time{font-family:var(--input-font-family);color:hsl(var(--input-color));text-align:center;background:#0003;border:2px solid #6464641a;border-radius:.4rem;padding:.5rem .75rem;font-size:1.4rem}:is(.countdown-target-date,.countdown-target-time):focus,:is(.countdown-target-date,.countdown-target-time):focus-visible{color:hsla(var(--font-color), .9);background:#000000e6;outline:none}.countdown-target-date-label{opacity:.75;margin:0;font-size:.9rem}.alarm-time-toggle{opacity:.85;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.alarm-time-toggle input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:hsl(var(--link-color));cursor:pointer}.countdown-today{font-family:var(--input-font-family);text-align:center;color:hsl(var(--input-color));margin:0;font-size:3rem}.bottom-actions{bottom:calc(3.5rem + env(safe-area-inset-bottom,0px));align-items:center;gap:.25rem;display:flex;position:absolute;right:1.5rem}.top-actions{top:calc(1rem + env(safe-area-inset-top,0px));z-index:51;position:absolute;right:1.5rem}.menu-button{color:hsl(var(--link-color));cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;padding:.4rem;display:flex}.menu-button:hover{opacity:1}.menu-backdrop{z-index:50;position:fixed;inset:0}.dropdown-menu{background:#2d1339;border:1px solid #96969633;border-radius:.4rem;min-width:8rem;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0006}.dropdown-menu button{text-align:left;width:100%;color:hsl(var(--font-color));cursor:pointer;font-size:.95rem;font-family:var(--body-font-family);background:0 0;border:none;padding:.6rem 1rem;display:block}.dropdown-menu button:hover{background:#ffffff14}.modal-overlay{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:#2d1339;border:1px solid #96969633;border-radius:.75rem;width:100%;max-width:34rem;padding:2rem 2rem 1.5rem;position:relative;box-shadow:0 8px 32px #00000080}.modal-content h1{margin-top:.5rem}.modal-close{color:hsl(var(--font-color));cursor:pointer;opacity:.6;background:0 0;border:none;padding:.25rem;display:flex;position:absolute;top:.75rem;right:.75rem}.modal-close:hover{opacity:1}.countdown-status{text-align:center}.timer-actions{flex-direction:column;align-items:center;gap:.75rem;padding:1rem 1rem 2rem;display:flex}.start-action{padding:0 1rem calc(3rem + env(safe-area-inset-bottom,0px));flex-direction:column;grid-row:3;align-items:center;gap:.75rem;display:flex}.action-button{font-family:var(--body-font-family);color:hsl(var(--font-color));cursor:pointer;letter-spacing:.02em;background:#ffffff0f;border:1.5px solid #ffffff26;border-radius:2rem;justify-content:center;align-items:center;gap:.5rem;min-width:13rem;padding:.8rem 2.2rem;font-size:1rem;transition:background .15s,border-color .15s;display:inline-flex}.action-button:hover{background:#ffffff1f;border-color:#ffffff47}.add-time-buttons,.reset-buttons{gap:.75rem;display:flex}.action-button--add-time{min-width:0;color:hsl(var(--link-color));border-color:#7dafc559;padding:.6rem 1.5rem;font-size:.9rem}.action-button--add-time:hover{background:#7dafc51f;border-color:#7dafc5a6}.action-button--reset{min-width:0;padding:.6rem 1.5rem;font-size:.9rem}.action-button--restart{color:#90dfab;border-color:#59c07b66;min-width:0;padding:.6rem 1.5rem;font-size:.9rem}.action-button--restart:hover{background:#59c07b1f;border-color:#59c07bbf}.action-button--start{color:#90dfab;border-color:#59c07b66}.action-button--start:hover{background:#59c07b1f;border-color:#59c07bbf}.action-button--notify{color:hsl(var(--link-color));border-color:#7dafc573}.action-button--notify:hover{background:#7dafc51f;border-color:#7dafc5bf}.action-button--stop{color:#eba2a2;border-color:#dd5f5f80}.action-button--stop:hover{background:#dd5f5f26;border-color:#dd5f5fcc}.reliability-banner{color:#eed4a0;background:#f5b83d1a;border:1.5px solid #f5b83d66;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;margin:0 1rem;padding:.7rem 1rem;font-size:.85rem;display:flex}.reliability-banner-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.reliability-banner-fix{font-family:var(--body-font-family);color:inherit;cursor:pointer;background:0 0;border:1.5px solid #f5b83d80;border-radius:1rem;padding:.35rem .9rem;font-size:.8rem}.reliability-banner-fix:hover{background:#f5b83d26}.reliability-banner-dismiss{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;display:flex}.reliability-banner-dismiss:hover{opacity:1}.share-button{color:hsl(var(--link-color));cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;gap:.4rem;padding:.4rem;font-size:.85rem;display:flex}.share-button:hover{opacity:1}.timer-list-trigger{color:hsl(var(--link-color));cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;padding:.4rem;display:flex;position:relative}.timer-list-trigger:hover{opacity:1}.timer-list-badge{background:hsl(var(--link-color));color:#2d1339;border-radius:50%;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:0;right:0}.timer-list-backdrop{z-index:60;background:#0006;position:fixed;inset:0}.timer-list-sheet{z-index:61;max-height:60vh;padding-bottom:env(safe-area-inset-bottom,0px);background:#271132;border-top:1px solid #96969626;border-radius:1rem 1rem 0 0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.timer-list-header{background:#271132;border-bottom:1px solid #9696961a;justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;display:flex;position:sticky;top:0}.timer-list-header span{opacity:.5;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.timer-list-new-btn{color:hsl(var(--link-color));cursor:pointer;font-size:.85rem;font-family:var(--body-font-family);background:0 0;border:1px solid #9696964d;border-radius:1rem;padding:.3rem .85rem}.timer-list-new-btn:hover{background:#ffffff0f}.timer-list-row{cursor:pointer;border-bottom:1px solid #96969614;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.timer-list-row:hover{background:#ffffff0a}.timer-list-row.focused{background:#7dafc50f;border-left:3px solid #7dafc580;padding-left:calc(1.25rem - 3px)}.timer-list-row__info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.timer-list-row__name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.timer-list-row__countdown{font-family:var(--input-font-family);opacity:.55;font-size:.8rem}.timer-list-row__target{font-family:var(--input-font-family);opacity:.45;font-size:.75rem}.timer-list-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.timer-list-action-btn{color:hsl(var(--font-color));cursor:pointer;font-size:.8rem;font-family:var(--body-font-family);background:0 0;border:1px solid #96969633;border-radius:.4rem;align-items:center;padding:.25rem .55rem;display:flex}.timer-list-action-btn:hover{background:#ffffff14}.timer-list-action-btn.timer-list-action-btn--delete{color:#eba2a2b3;border-color:#dc646433;padding:.25rem .4rem}.timer-list-action-btn.timer-list-action-btn--delete:hover{color:#eba2a2;background:#dd5f5f1a}