.page_page__O6Vf2{width:100%;height:100%;align-items:center}.page_page__O6Vf2,.page_timer__ibZ2g{display:flex;flex-direction:column;justify-content:start}.page_timer__ibZ2g{width:80%;height:15rem}.page_clock__qQurR{z-index:2;align-items:end;font-size:7.5rem;height:9.5rem;margin-bottom:-1rem}.page_clockContainer__qra_5,.page_clock__qQurR{position:relative;display:flex;justify-content:center}.page_clockContainer__qra_5{width:100%;height:100%;align-items:center}.page_progressBar__Ou5Yh{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent}.page_progressBar__Ou5Yh::-webkit-progress-bar{background-color:transparent}.page_progressBar__Ou5Yh::-webkit-progress-value{background-color:var(--color-appear);opacity:.8;border-radius:.5rem}.page_timer__ibZ2g>.page_desc__42R0F{display:flex;align-items:center;justify-content:start;height:2rem;font-size:1.5rem}.page_timer__ibZ2g>.page_desc__42R0F>span{display:flex;justify-content:center;align-items:center}.page_timer__ibZ2g>.page_desc__42R0F>span:after{content:":";margin-left:.5rem;margin-right:1.5rem}.page_timer__ibZ2g>.page_desc__42R0F>p{font-size:1.5rem;flex-grow:1;overflow:hidden;margin:0 8px}.page_animate__2kYju{display:inline-block;margin:0;padding-left:100%;white-space:nowrap;animation:page_slideTitle__LQUHQ 6s linear infinite}@keyframes page_slideTitle__LQUHQ{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.page_buttons__PIBbJ{display:flex;justify-content:center;width:80%;height:3rem;margin-top:1rem;gap:5%}.page_buttons__PIBbJ>*{height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--color-selected);border:none;cursor:pointer;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:5px;font-size:1.5rem}.page_buttons__PIBbJ>.page_play__fBoAQ{width:75%}.page_buttons__PIBbJ>.page_stop__52aIo{width:20%}.page_buttons__PIBbJ *{color:var(--color-background)}.page_line__wTAgv{background-color:var(--color-mid);margin:1rem 0;height:2px;width:100%}.page_thead__Ofjjy{display:flex;height:2rem;width:90%;justify-content:space-between;border-bottom:1px solid var(--color-mid)}.page_thead__Ofjjy>span{display:flex;height:2rem;width:5rem;justify-content:center;align-items:center;padding-left:.5rem}.page_thead__Ofjjy>div{display:flex;flex-grow:1;align-items:center;gap:1rem;height:2rem;justify-content:end}.page_recipe__jEPNb{width:90%;display:flex;flex-direction:column;justify-content:start;align-items:center;overflow-y:auto}.page_recipe__jEPNb>.page_tbody__du912{display:flex;width:100%;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--color-mid)}.page_recipe__jEPNb>.page_tbody__du912 .page_tleft__oFRu6{display:flex;height:100%;width:5rem;justify-content:center;align-items:center;padding-left:.5rem}.page_recipe__jEPNb>.page_tbody__du912 .page_tright__paC_6{display:flex;flex-grow:1;flex-direction:column;height:100%}.page_recipe__jEPNb>.page_tbody__du912 .page_tup__WXm2n{display:flex;align-items:center;gap:1rem;height:2rem;justify-content:end;border-bottom:1px solid var(--color-mid)}.page_recipe__jEPNb>.page_tbody__du912 .page_note__dK7FU{display:flex;align-items:center;gap:1rem;height:2rem;width:12rem;padding-left:.5rem;white-space:nowrap;overflow-x:auto}.page_input__WDsc3{width:7rem;text-align:right}.page_total__Wthk7{width:5rem;text-align:right}.page_note__dK7FU{width:100%;text-align:left}.page_ulicon__tHW21{font-size:2rem;margin:2rem}.page_popup__Rzrs9{z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background-color:var(--color-background);border:2px solid var(--color-mid);box-shadow:12px 12px 2px 1px rgba(0,0,255,.2);padding:1rem;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.page_popup__Rzrs9>p{font-size:1rem}.page_popup__Rzrs9>span{font-size:2rem;align-self:end}:root{--font-size-base:16px;--line-height-base:1.5;--touch-target-size:44px;--color-background:#f5e6d3;--color-font:#321;--color-mid:#a67b5b;--color-selected:#4a2c2a;--color-appear:#8c3d2e;--color-side:#887966}*{box-sizing:border-box;color:var(--color-font)}*,body,html{padding:0;margin:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-text-size-adjust:100%;background-color:var(--color-side)}.container{position:relative;height:100svh;display:flex;flex-direction:column;max-width:100%;margin:0 auto;background-color:var(--color-background);overflow:hidden}.header{height:3rem;padding:.5rem;justify-content:center;text-align:center;background-color:var(--color-mid)}.header,.header h1{width:100%;display:flex;align-items:center}.header h1{font-size:1.5rem;margin:0;justify-content:space-between}.header h1>div:first-child,.header h1>div:last-child{font-size:2rem;height:100%;aspect-ratio:1}.header h1>div:first-child,.header h1>div:first-child>*,.header h1>div:last-child{display:flex;justify-content:center;align-items:center}.header .title{display:flex;justify-content:center;font-size:1.5rem;width:17rem}.header .title>span:first-child{margin-right:.5rem}.header .title>div:last-child{overflow:hidden;margin:0 8px}.title .animated{display:inline-block;margin:0;padding-left:100%;white-space:nowrap;animation:slideTitle 12s linear infinite}@keyframes slideTitle{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.main{flex-grow:1;flex-direction:column;justify-content:flex-start;padding:1rem;overflow-y:hidden}.footer,.main{display:flex;align-items:center}.footer{justify-content:center;text-align:center;font-size:.875rem;height:1.5rem;background-color:var(--color-mid)}button,input[type=button],input[type=reset],input[type=submit]{min-height:var(--touch-target-size);min-width:var(--touch-target-size);padding:.5rem;text-decoration:none}@media (min-width:300px){.container{max-width:375px;border-radius:10px}:root{--font-size-base:12px}}@media (min-width:768px){.container{max-width:750px;border-radius:10px}:root{--font-size-base:16px}}@media (min-width:1024px){.container{max-width:1000px;border-radius:10px}:root{--font-size-base:20px}}.page_listItem__C8XYA{display:flex;height:2rem;width:100%;align-items:center;justify-content:space-between;font-size:1.5rem;gap:.5rem;padding:0 .5rem}.page_listItem__C8XYA>*{height:100%;display:flex;align-items:center}.page_listItem__C8XYA>.page_id__Gx_Lg{display:flex;width:2rem;justify-content:center;align-items:center;flex-shrink:0}.page_listItem__C8XYA>.page_name__eOmhd{flex-grow:1;min-width:0;text-decoration:none;color:inherit}.page_listItem__C8XYA>.page_name__eOmhd span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block}.page_listItem__C8XYA>.page_icon__AYuK3{display:flex;width:2rem;justify-content:center;align-items:center;flex-shrink:0;font-size:2rem}.page_ulicon__ZRR_3{font-size:2rem;margin:2rem}.page_popup___VHP9{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background-color:var(--color-background);border:2px solid var(--color-mid);box-shadow:12px 12px 2px 1px rgba(0,0,255,.2);padding:1rem;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.page_popup___VHP9>form{display:flex;flex-direction:column;gap:1rem}.page_popup___VHP9 .page_code__9lUUd{display:block;height:15rem;overflow-y:auto;border:1px solid var(--color-mid);border-radius:.5rem;padding:.5rem}.page_code__9lUUd div{padding-left:.5rem}.page_popup___VHP9 .page_deleteok__3F3iw{display:block}.page_popup___VHP9>.page_deleteBtn__N4BPw{margin:2rem}