:root{--dropdown-bg-light:#fff;--dropdown-bg-dark:#333;--dropdown-text-light:#000;--dropdown-text-dark:#fff;--progress-bar-bg-light:#e0e0e0;--progress-bar-bg-dark:#333;--progress-bar-fill-light:#282728;--progress-bar-fill-dark:orange}[data-theme=light]{--dropdown-bg:var(--dropdown-bg-light);--dropdown-text:var(--dropdown-text-light);--progress-bar-bg:var(--progress-bar-bg-light);--progress-bar-fill:var(--progress-bar-fill-light)}[data-theme=dark]{--dropdown-bg:var(--dropdown-bg-dark);--dropdown-text:var(--dropdown-text-dark);--progress-bar-bg:var(--progress-bar-bg-dark);--progress-bar-fill:var(--progress-bar-fill-dark)}#time-controls select,#type-controls select{background-color:var(--dropdown-bg);color:var(--dropdown-text)}.custom-dropdown{display:inline-block;position:relative}.dropdown-trigger{background-color:var(--dropdown-bg);color:var(--dropdown-text);text-align:left;cursor:pointer;border-width:1px;border-radius:.25rem;justify-content:space-between;align-items:center;min-width:100px;height:32px;padding:.25rem .75rem;display:flex}.dropdown-trigger:after{content:"▾";margin-left:8px;font-size:.75rem}.dropdown-menu{background-color:rgb(var(--color-fill));color:var(--dropdown-text);z-index:100;border-width:1px;border-radius:.25rem;min-width:180px;margin-top:4px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.dropdown-menu:not([hidden]){flex-direction:column;display:flex}.dropdown-item{text-align:left;cursor:pointer;color:var(--dropdown-text);background:0 0;background-color:var(--dropdown-bg);border:1px solid #0000;width:100%;padding:.5rem .75rem}.dropdown-item:hover{cursor:pointer;background-color:#ffa5004d}.emoji-dropdown .dropdown-trigger{justify-content:center;min-width:60px;font-size:1.25rem}.emoji-dropdown .dropdown-trigger:after{display:none}.emoji-dropdown .dropdown-menu{grid-template-columns:repeat(5,1fr);gap:13px;min-width:240px;padding:12px;display:grid}.emoji-dropdown .dropdown-menu[hidden]{display:none}.emoji-item{text-align:center;border-radius:4px;min-width:auto;padding:.75rem;font-size:1rem}#progress-bar-container{background-color:var(--progress-bar-bg)}#progress-bar{background-color:var(--progress-bar-fill)}#timer{text-align:center;background-color:rgb(var(--color-fill));max-width:none;padding-top:1rem;padding-bottom:1.5rem}#timer h1{font-size:1.875rem;font-weight:700;line-height:2.25rem}#controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding:0 1rem;display:flex}@media (width<=640px){#controls{flex-direction:column;gap:1rem}}#variant-controls{display:inline-block}#segmented-control{border-width:1px;border-radius:.25rem;height:32px;display:flex;overflow:hidden}#segmented-control .segment{background-color:var(--dropdown-bg);color:var(--dropdown-text);cursor:pointer;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;width:140px;height:32px;padding:.25rem 1.5rem;display:flex}@media (width<=640px){#segmented-control .segment{width:110px;padding-left:.75rem;padding-right:.75rem}}#segmented-control .segment:not(:last-child){border-right:1px solid var(--dropdown-text)}#segmented-control .segment.active{color:#000;background-color:orange}#segmented-control .segment:hover:not(.active){cursor:pointer;background-color:#ffa5004d}#theme-switch{background-color:var(--dropdown-bg);color:var(--dropdown-text);justify-content:center;align-items:center;min-width:60px;height:32px;display:flex}#theme-switch:hover{cursor:pointer;background-color:#ffa5004d}#fullscreen-button{background-color:var(--dropdown-bg);color:var(--dropdown-text);justify-content:center;align-items:center;min-width:60px;height:32px;display:flex}#fullscreen-button:hover{cursor:pointer;background-color:#ffa5004d}#inline-settings{align-items:center;gap:1rem;display:flex}#inline-settings select,#inline-settings input{background-color:var(--dropdown-bg);color:var(--dropdown-text);border-width:1px;border-radius:.25rem;min-width:100px;height:32px;padding:.25rem .75rem}@media (width<=640px){#inline-settings{gap:.5rem}#inline-settings select,#inline-settings input{min-width:80px;padding-left:.5rem;padding-right:.5rem}}#fixed-settings{position:relative}#custom-time-popover{background-color:rgb(var(--color-fill));color:var(--dropdown-text);z-index:100;border-width:1px;border-radius:.25rem;flex-direction:column;gap:8px;min-width:160px;margin-top:8px;padding:.75rem;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000026}#custom-time-popover:not([hidden]){display:flex}#custom-time-popover label{margin-bottom:4px;font-size:.875rem}#custom-time-popover input{background-color:var(--dropdown-bg);color:var(--dropdown-text);border-width:1px;border-radius:.25rem;width:100%;height:32px;padding:.25rem .5rem}#custom-time-popover button{background-color:var(--dropdown-bg);color:var(--dropdown-text);border-width:1px;border-radius:.25rem;align-self:flex-end;min-width:50px;height:28px;padding:.25rem .75rem}#controls>button,#action-buttons>button{border-width:1px;border-radius:.25rem;justify-content:center;align-items:center;min-width:140px;height:32px;padding:.5rem 1.5rem;display:flex}@media (width<=640px){#controls>button,#action-buttons>button{min-width:100px;padding-left:1rem;padding-right:1rem}}#action-buttons{justify-content:center;gap:1rem;width:100%;margin-top:1rem;display:flex}@media (width<=640px){#action-buttons{gap:.5rem}}#countdown{justify-content:center;align-items:center;width:80vw;max-width:none;margin-top:1rem;margin-left:auto;margin-right:auto;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:3.75rem;line-height:normal;display:flex}#countdown-content{text-align:center;flex-direction:column;align-items:center;width:80vw;display:flex}#countdown-emoji{font-size:4rem}#countdown-title{margin-top:1.5rem;font-family:IBM Plex Mono,monospace;font-size:2rem}#countdown-time{margin-top:1.25rem;font-size:6rem}#type-settings{position:relative}#custom-title-popover{background-color:rgb(var(--color-fill));color:var(--dropdown-text);z-index:100;border-width:1px;border-radius:.25rem;flex-direction:column;gap:8px;min-width:180px;margin-top:8px;padding:.75rem;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000026}#custom-title-popover:not([hidden]){display:flex}#custom-title-popover .popover-row{flex-direction:column;gap:4px;display:flex}#custom-title-popover label{margin-bottom:4px;font-size:.875rem}#custom-title-popover input{background-color:var(--dropdown-bg);color:var(--dropdown-text);border-width:1px;border-radius:.25rem;width:100%;height:32px;padding:.25rem .5rem}#custom-title-popover button{background-color:var(--dropdown-bg);color:var(--dropdown-text);border-width:1px;border-radius:.25rem;align-self:flex-end;min-width:50px;height:28px;padding:.25rem .75rem}#custom-title-popover button:hover{background-color:#ffa5004d}button:hover:not(.segment),.dropdown-trigger:hover,input[type=time]:hover,input[type=number]:hover{cursor:pointer;background-color:#ffa5004d}#custom-time-popover button:hover{background-color:#ffa5004d}#help-button{cursor:pointer;opacity:.7;background:0 0;border:none;padding:.25rem;transition:opacity .2s}#help-button:hover{opacity:1}#help-popover{background-color:rgb(var(--color-fill));color:var(--dropdown-text);z-index:1000;border-width:2px;border-radius:.5rem;width:90vw;max-width:600px;max-height:80vh;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0000004d}#help-popover:not([hidden]){display:block}.popover-header{border-bottom:1px solid #ffa5004d;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.popover-header h3{margin:0;font-size:1.25rem;font-weight:600}#help-close{cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.5rem;transition:opacity .2s,background-color .2s;display:flex}#help-close:hover{opacity:1;background-color:#ffa5004d}.popover-content{padding:1.5rem}.popover-intro{margin-bottom:1rem;font-weight:500}.param-group{margin-bottom:1.5rem}.param-item{padding:.5rem 0;font-size:.875rem;line-height:1.5}.param-item code{background-color:#ffa50033;border-radius:.25rem;padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem}.example-section{border-top:1px solid #ffa5004d;margin-top:1.5rem;padding-top:1rem}.example-title{margin-bottom:.75rem;font-weight:500}.example-code{white-space:nowrap;background-color:#ffa50033;border-radius:.25rem;margin-bottom:.5rem;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;display:block;overflow-x:auto}@media (width<=640px){#help-popover{width:95vw}.popover-header{padding:.75rem 1rem}.popover-content{padding:1rem}.example-code{font-size:.7rem}}