@font-face{font-family:Kumbh Sans;font-weight:700;src:local(Kumbh Sans),url(/assets/KumbhSans-VariableFont_YOPQ_wght-5zhGxL8_.ttf)format("truetype")}@font-face{font-family:Roboto Slab;font-weight:700;src:local(Roboto Slab Bold),url(/assets/RobotoSlab-Bold-DmfcckX6.ttf)format("truetype")}@font-face{font-family:Space Mono;font-weight:400;src:local(Space Mono Regular),url(/assets/SpaceMono-Regular-Ba0nOT4a.ttf)format("truetype")}@font-face{font-family:Space Mono;font-weight:700;src:local(Space Mono Bold),url(/assets/SpaceMono-Bold-Dyp2aizM.ttf)format("truetype")}.logo{color:#d7e0ff;font:700 1.5rem Kumbh Sans}@media (width>=48rem){.logo{font-size:2rem}}.settings-button{z-index:1;background:0 0;border:none;transition:transform .1s ease-out}.settings-button:active{transform:rotate(30deg)}@font-face{font-family:Kumbh Sans;font-weight:700;src:local(Kumbh Sans),url(/assets/KumbhSans-VariableFont_YOPQ_wght-5zhGxL8_.ttf)format("truetype")}@font-face{font-family:Roboto Slab;font-weight:700;src:local(Roboto Slab Bold),url(/assets/RobotoSlab-Bold-DmfcckX6.ttf)format("truetype")}@font-face{font-family:Space Mono;font-weight:400;src:local(Space Mono Regular),url(/assets/SpaceMono-Regular-Ba0nOT4a.ttf)format("truetype")}@font-face{font-family:Space Mono;font-weight:700;src:local(Space Mono Bold),url(/assets/SpaceMono-Bold-Dyp2aizM.ttf)format("truetype")}.color-radio-input{appearance:none;border-radius:50%;width:2.5rem;height:2.5rem}.color-radio-input:checked{background-image:url("data:image/svg+xml,<svg width=\"14\" height=\"11\" viewBox=\"0 0 14 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0.707031 5.20709L4.65966 9.15972L13.1123 0.707092\" stroke=\"%23161932\" stroke-width=\"2\"/></svg>");background-position:50%;background-repeat:no-repeat}.color-radio-input[value=red]{background-color:#f87070}.color-radio-input[value=cyan]{background-color:#70f3f8}.color-radio-input[value=purple]{background-color:#d881f8}@font-face{font-family:Kumbh Sans;font-weight:700;src:local(Kumbh Sans),url(/assets/KumbhSans-VariableFont_YOPQ_wght-5zhGxL8_.ttf)format("truetype")}@font-face{font-family:Roboto Slab;font-weight:700;src:local(Roboto Slab Bold),url(/assets/RobotoSlab-Bold-DmfcckX6.ttf)format("truetype")}@font-face{font-family:Space Mono;font-weight:400;src:local(Space Mono Regular),url(/assets/SpaceMono-Regular-Ba0nOT4a.ttf)format("truetype")}@font-face{font-family:Space Mono;font-weight:700;src:local(Space Mono Bold),url(/assets/SpaceMono-Bold-Dyp2aizM.ttf)format("truetype")}.font-radio-input{display:grid}.font-radio-input>*{grid-area:1/1}.font-radio-input{font:var(--text-preset-2-font);line-height:var(--text-preset-2-line-height);letter-spacing:var(--text-preset-2-letter-spacing)}@media (width<=48rem){.font-radio-input{font:var(--text-preset-2-font-mobile,var(--text-preset-2-font));line-height:var(--text-preset-2-line-height-mobile,var(--text-preset-2-line-height));letter-spacing:var(--text-preset-2-letter-spacing-mobile,var(--text-preset-2-letter-spacing))}}.font-radio-input{letter-spacing:0;background-color:#eff1fa;border-radius:50%;place-items:center}.font-radio-input>*{opacity:.73}.font-radio-input>input{appearance:none;border-radius:50%;width:2.5rem;height:2.5rem}.font-radio-input:has(input:checked){background-color:#1e213f}.font-radio-input:has(input:checked)>*{color:#fff;opacity:1}.font-radio-input:has(input[value=sans]){--text-preset-1-font:bold 6.25rem Kumbh Sans;--text-preset-1-font-mobile:bold 5rem Kumbh Sans;--text-preset-1-line-height:125%;--text-preset-1-letter-spacing:-.3125rem;--text-preset-2-font:bold 1rem Kumbh Sans;--text-preset-2-font-mobile:bold .875rem Kumbh Sans;--text-preset-2-line-height:125%;--text-preset-2-line-height-mobile:120%;--text-preset-2-letter-spacing:.9375rem;--text-preset-2-letter-spacing-mobile:.8125rem;--text-preset-3-font:bold .875rem Kumbh Sans;--text-preset-3-font-mobile:bold .75rem Kumbh Sans;--text-preset-3-line-height:120%;--text-preset-3-line-height-mobile:125%;--text-preset-3-letter-spacing:0}.font-radio-input:has(input[value=serif]){--text-preset-1-font:bold 6.25rem Roboto Slab;--text-preset-1-font-mobile:bold 5rem Roboto Slab;--text-preset-1-line-height:130%;--text-preset-1-line-height-mobile:133%;--text-preset-1-letter-spacing:0;--text-preset-2-font:bold 1rem Roboto Slab;--text-preset-2-font-mobile:bold .875rem Roboto Slab;--text-preset-2-line-height:125%;--text-preset-2-line-height-mobile:130%;--text-preset-2-letter-spacing:.9375rem;--text-preset-2-letter-spacing-mobile:.8125rem;--text-preset-3-font:bold .875rem Roboto Slab;--text-preset-3-font-mobile:bold .75rem Roboto Slab;--text-preset-3-line-height:130%;--text-preset-3-line-height-mobile:133%;--text-preset-3-letter-spacing:0}.font-radio-input:has(input[value=mono]){--text-preset-1-font:normal 6.25rem Space Mono;--text-preset-1-font-mobile:normal 5rem Space Mono;--text-preset-1-line-height:150%;--text-preset-1-line-height-mobile:120%;--text-preset-1-letter-spacing:-.625rem;--text-preset-2-font:bold 1rem Space Mono;--text-preset-2-font-mobile:bold .875rem Space Mono;--text-preset-2-line-height:150%;--text-preset-2-line-height-mobile:130%;--text-preset-2-letter-spacing:.9375rem;--text-preset-2-letter-spacing-mobile:.8125rem;--text-preset-3-font:bold .8125rem Space Mono;--text-preset-3-font-mobile:bold .75rem Space Mono;--text-preset-3-line-height:145%;--text-preset-3-line-height-mobile:150%;--text-preset-3-letter-spacing:0}.font-radio-input:has(input:active){scale:.97}@font-face{font-family:Kumbh Sans;font-weight:700;src:local(Kumbh Sans),url(/assets/KumbhSans-VariableFont_YOPQ_wght-5zhGxL8_.ttf)format("truetype")}@font-face{font-family:Roboto Slab;font-weight:700;src:local(Roboto Slab Bold),url(/assets/RobotoSlab-Bold-DmfcckX6.ttf)format("truetype")}@font-face{font-family:Space Mono;font-weight:400;src:local(Space Mono Regular),url(/assets/SpaceMono-Regular-Ba0nOT4a.ttf)format("truetype")}@font-face{font-family:Space Mono;font-weight:700;src:local(Space Mono Bold),url(/assets/SpaceMono-Bold-Dyp2aizM.ttf)format("truetype")}.number-input{display:grid}.number-input>*{grid-area:1/1}.number-input__input{letter-spacing:.3125rem;appearance:textfield;background:#eff1fa;border:none;border-radius:.5rem;min-width:0;padding:.75rem 1rem;font:700 .8125rem/125% Kumbh Sans}.number-input__buttons{place-self:center flex-end;margin-inline-end:1rem;display:grid}.number-input__buttons>button{transform-origin:13.5px 9px;background:0 0;border:none}.number-input__buttons>button:disabled{visibility:hidden}@font-face{font-family:Kumbh Sans;font-weight:700;src:local(Kumbh Sans),url(/assets/KumbhSans-VariableFont_YOPQ_wght-5zhGxL8_.ttf)format("truetype")}@font-face{font-family:Roboto Slab;font-weight:700;src:local(Roboto Slab Bold),url(/assets/RobotoSlab-Bold-DmfcckX6.ttf)format("truetype")}@font-face{font-family:Space Mono;font-weight:400;src:local(Space Mono Regular),url(/assets/SpaceMono-Regular-Ba0nOT4a.ttf)format("truetype")}@font-face{font-family:Space Mono;font-weight:700;src:local(Space Mono Bold),url(/assets/SpaceMono-Bold-Dyp2aizM.ttf)format("truetype")}.settings-dialog{background-color:#1e213f;border:none;max-width:33.75rem}.settings-dialog::backdrop{background-color:#1e213f}.settings-dialog:after{content:"";height:1.5rem;display:block}.settings-dialog__inner{background-color:#fff;border-radius:1rem;padding:0}@media (width>=48rem){.settings-dialog__inner{border-radius:1.5rem}}.settings-dialog__head{border-block-end:1px solid #e4e2e2;justify-content:space-between;margin-block-end:1rem;padding:1rem 1.5rem;display:flex}@media (width>=48rem){.settings-dialog__head{padding:1.5rem 2rem}}.settings-dialog h2{letter-spacing:0;font:700 1.75rem/125% Kumbh Sans}.settings-dialog__close-button{background:0 0;border:none}.settings-dialog legend{letter-spacing:.3125rem;float:inline-start;text-transform:uppercase;font:700 .8125rem/125% Kumbh Sans}.settings-dialog form{display:grid}.settings-dialog fieldset{border:none;flex-direction:column;align-items:center;gap:1rem;margin-inline:1.5rem;padding-block-end:1.5rem;display:flex}@media (width>=48rem){.settings-dialog fieldset{margin-inline:2rem}}.settings-dialog fieldset+fieldset{border-top:1px solid #e4e2e2;padding-block-start:1.5rem}.settings-dialog label{letter-spacing:0;font:700 .75rem/125% Kumbh Sans}@media (width>=48rem){.settings-dialog__timers-heading{align-self:flex-start}}.settings-dialog__timers{gap:.5rem;display:grid}@media (width>=48rem){.settings-dialog__timers{grid-template-columns:1fr 1fr 1fr;gap:1.5rem}}.settings-dialog__timer{grid-template-columns:1fr 1fr;align-items:center;gap:.5rem;display:grid}.settings-dialog__timer>label{opacity:.4}@media (width>=48rem){.settings-dialog__timer{grid-template-rows:auto 1fr;grid-template-columns:1fr}}.settings-dialog__fonts,.settings-dialog__colors{justify-content:center;gap:1rem;display:flex}@media (width>=48rem){:is(fieldset:has(.settings-dialog__fonts),fieldset:has(.settings-dialog__colors)){flex-direction:row;justify-content:space-between}}.settings-dialog__apply-button{letter-spacing:0;background:var(--accent-color);color:#fff;--vertical-translation:calc(-1lh - .5rem);margin-top:var(--vertical-translation);bottom:var(--vertical-translation);border:none;border-radius:999px;justify-self:center;padding:1rem 3rem;font:700 .8125rem/125% Kumbh Sans;position:relative}@font-face{font-family:Kumbh Sans;font-weight:700;src:local(Kumbh Sans),url(/assets/KumbhSans-VariableFont_YOPQ_wght-5zhGxL8_.ttf)format("truetype")}@font-face{font-family:Roboto Slab;font-weight:700;src:local(Roboto Slab Bold),url(/assets/RobotoSlab-Bold-DmfcckX6.ttf)format("truetype")}@font-face{font-family:Space Mono;font-weight:400;src:local(Space Mono Regular),url(/assets/SpaceMono-Regular-Ba0nOT4a.ttf)format("truetype")}@font-face{font-family:Space Mono;font-weight:700;src:local(Space Mono Bold),url(/assets/SpaceMono-Bold-Dyp2aizM.ttf)format("truetype")}.tabs{background-color:#161932;border-radius:999px;grid-template-columns:1fr 1fr 1fr;padding:.5rem;list-style:none;display:grid}.tabs .tab{font:var(--text-preset-3-font);line-height:var(--text-preset-3-line-height);letter-spacing:var(--text-preset-3-letter-spacing)}@media (width<=48rem){.tabs .tab{font:var(--text-preset-3-font-mobile,var(--text-preset-3-font));line-height:var(--text-preset-3-line-height-mobile,var(--text-preset-3-line-height));letter-spacing:var(--text-preset-3-letter-spacing-mobile,var(--text-preset-3-letter-spacing))}}.tabs .tab{color:#d7e0ff;opacity:.4;text-align:center;background:0 0;border:none;width:100%;padding:1rem}.tabs .tab--active{color:#1e213f;background-color:var(--accent-color);opacity:1;border-radius:999px}@font-face{font-family:Kumbh Sans;font-weight:700;src:local(Kumbh Sans),url(/assets/KumbhSans-VariableFont_YOPQ_wght-5zhGxL8_.ttf)format("truetype")}@font-face{font-family:Roboto Slab;font-weight:700;src:local(Roboto Slab Bold),url(/assets/RobotoSlab-Bold-DmfcckX6.ttf)format("truetype")}@font-face{font-family:Space Mono;font-weight:400;src:local(Space Mono Regular),url(/assets/SpaceMono-Regular-Ba0nOT4a.ttf)format("truetype")}@font-face{font-family:Space Mono;font-weight:700;src:local(Space Mono Bold),url(/assets/SpaceMono-Bold-Dyp2aizM.ttf)format("truetype")}@property --progress{syntax:"<number>";inherits:false;initial-value:0}.timer{display:grid}.timer>*{grid-area:1/1}.timer{aspect-ratio:1;background:linear-gradient(#161932) content-box content-box,linear-gradient(270deg,#2e325a,#0e112a) padding-box padding-box;border-radius:50%;min-width:fit-content;max-width:25rem;padding:1.375rem;box-shadow:-50px -50px 100px #272c5a,50px 50px 100px #121530}.timer:has(.timer__button:active){scale:.97}.timer__arc{--_thickness:.85rem;--_progress:calc(360deg * var(--progress));--_edge:/var(--_thickness) var(--_thickness) no-repeat radial-gradient(50% 50%, #000 97%, #0000);padding:var(--_thickness);margin:var(--_thickness);background:var(--accent-color);-webkit-mask:top var(--_edge), calc(50% + 50% * sin(var(--_progress))) calc(50% - 50% * cos(var(--_progress))) var(--_edge), linear-gradient(#0000 0 0) content-box intersect, conic-gradient(#000 var(--_progress), #0000 0);mask:top var(--_edge), calc(50% + 50% * sin(var(--_progress))) calc(50% - 50% * cos(var(--_progress))) var(--_edge), linear-gradient(#0000 0 0) content-box intersect, conic-gradient(#000 var(--_progress), #0000 0);border-radius:50%;transition:--progress .5s}.timer__content{z-index:1;flex-direction:column;justify-content:center;align-items:center;margin:2rem;display:flex}@media (width>=48rem){.timer__content{gap:.5rem}}.timer__remaining{font:var(--text-preset-1-font);line-height:var(--text-preset-1-line-height);letter-spacing:var(--text-preset-1-letter-spacing)}@media (width<=48rem){.timer__remaining{font:var(--text-preset-1-font-mobile,var(--text-preset-1-font));line-height:var(--text-preset-1-line-height-mobile,var(--text-preset-1-line-height));letter-spacing:var(--text-preset-1-letter-spacing-mobile,var(--text-preset-1-letter-spacing))}}.timer__remaining{text-align:center;color:#d7e0ff;min-width:5ch}.timer__button{font:var(--text-preset-2-font);line-height:var(--text-preset-2-line-height);letter-spacing:var(--text-preset-2-letter-spacing)}@media (width<=48rem){.timer__button{font:var(--text-preset-2-font-mobile,var(--text-preset-2-font));line-height:var(--text-preset-2-line-height-mobile,var(--text-preset-2-line-height));letter-spacing:var(--text-preset-2-letter-spacing-mobile,var(--text-preset-2-letter-spacing))}}.timer__button{text-transform:uppercase;color:#d7e0ff;background:0 0;border:none}.timer__button:hover{color:var(--accent-color);filter:none}.timer__button:active{scale:1}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}:root{--accent-color:#f87070}*{color:#1e213f}h1,h2,h3,h4,h5,h6{color:#161932}button:active,input[type=radio]:active{scale:.97}button:hover,input[type=radio]:hover{filter:brightness(120%)}input[type=radio]:focus{outline-offset:5px;outline:1px solid #eff1fa}input:user-invalid{border:1px solid #f87070}input:user-invalid:focus{outline:1px solid #f87070}*,:before,:after{box-sizing:border-box;padding:0}:not(dialog){margin:0}@font-face{font-family:Kumbh Sans;font-weight:700;src:local(Kumbh Sans),url(/assets/KumbhSans-VariableFont_YOPQ_wght-5zhGxL8_.ttf)format("truetype")}@font-face{font-family:Roboto Slab;font-weight:700;src:local(Roboto Slab Bold),url(/assets/RobotoSlab-Bold-DmfcckX6.ttf)format("truetype")}@font-face{font-family:Space Mono;font-weight:400;src:local(Space Mono Regular),url(/assets/SpaceMono-Regular-Ba0nOT4a.ttf)format("truetype")}@font-face{font-family:Space Mono;font-weight:700;src:local(Space Mono Bold),url(/assets/SpaceMono-Bold-Dyp2aizM.ttf)format("truetype")}body{background-color:#1e213f;place-items:center;min-height:100vh;display:grid}.app{flex-direction:column;gap:3rem;margin:2rem 1.5rem;display:flex}.app--color-red{--accent-color:#f87070}.app--color-cyan{--accent-color:#70f3f8}.app--color-purple{--accent-color:#d881f8}.app--font-sans{--text-preset-1-font:bold 6.25rem Kumbh Sans;--text-preset-1-font-mobile:bold 5rem Kumbh Sans;--text-preset-1-line-height:125%;--text-preset-1-letter-spacing:-.3125rem;--text-preset-2-font:bold 1rem Kumbh Sans;--text-preset-2-font-mobile:bold .875rem Kumbh Sans;--text-preset-2-line-height:125%;--text-preset-2-line-height-mobile:120%;--text-preset-2-letter-spacing:.9375rem;--text-preset-2-letter-spacing-mobile:.8125rem;--text-preset-3-font:bold .875rem Kumbh Sans;--text-preset-3-font-mobile:bold .75rem Kumbh Sans;--text-preset-3-line-height:120%;--text-preset-3-line-height-mobile:125%;--text-preset-3-letter-spacing:0}.app--font-serif{--text-preset-1-font:bold 6.25rem Roboto Slab;--text-preset-1-font-mobile:bold 5rem Roboto Slab;--text-preset-1-line-height:130%;--text-preset-1-line-height-mobile:133%;--text-preset-1-letter-spacing:0;--text-preset-2-font:bold 1rem Roboto Slab;--text-preset-2-font-mobile:bold .875rem Roboto Slab;--text-preset-2-line-height:125%;--text-preset-2-line-height-mobile:130%;--text-preset-2-letter-spacing:.9375rem;--text-preset-2-letter-spacing-mobile:.8125rem;--text-preset-3-font:bold .875rem Roboto Slab;--text-preset-3-font-mobile:bold .75rem Roboto Slab;--text-preset-3-line-height:130%;--text-preset-3-line-height-mobile:133%;--text-preset-3-letter-spacing:0}.app--font-mono{--text-preset-1-font:normal 6.25rem Space Mono;--text-preset-1-font-mobile:normal 5rem Space Mono;--text-preset-1-line-height:150%;--text-preset-1-line-height-mobile:120%;--text-preset-1-letter-spacing:-.625rem;--text-preset-2-font:bold 1rem Space Mono;--text-preset-2-font-mobile:bold .875rem Space Mono;--text-preset-2-line-height:150%;--text-preset-2-line-height-mobile:130%;--text-preset-2-letter-spacing:.9375rem;--text-preset-2-letter-spacing-mobile:.8125rem;--text-preset-3-font:bold .8125rem Space Mono;--text-preset-3-font-mobile:bold .75rem Space Mono;--text-preset-3-line-height:145%;--text-preset-3-line-height-mobile:150%;--text-preset-3-letter-spacing:0}header{flex-direction:column;align-items:center;gap:2.5rem;display:flex}nav{z-index:1}main{flex-direction:column;justify-content:space-between;align-items:center;gap:3rem;display:flex}