@keyframes x-move{0%{transform:translateX(0)}to{transform:translateX(var(--dist-x))}}@keyframes y-move{0%{transform:translateY(0)}to{transform:translateY(var(--dist-y))}}@keyframes ghostMove{0%{transform:translateY(0);opacity:1;text-shadow:none}50%{transform:translateY(10px);opacity:.5;text-shadow:0 5px 10px rgba(0,0,0,.3)}to{transform:translateY(20px);opacity:0}}@font-face{font-family:"Outfit";font-display:swap;src:url(fonts/Outfit-latin.woff2)format("woff2")}@font-face{font-family:"Outfit";font-display:swap;src:url(fonts/Outfit-latin-ext.woff2)format("woff2")}:root{--bg-color:#ffffff;--fg-color:#4f4f4f;--accent:#3b82f6;--footer:#283747;--app-col:#fefefe;--app-box:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;--icon-txt:rgba(105, 105, 105, 0.8);--icon-col:#fcfcfc;--item-col:#71a6e9;--find-col:#ffffff;--find-txt:#4f4f4f;--text-col:#28a745;--high-col:#ed143d;--high-hov:#d11438;--text-hov:#218838;--text-txt:#ffffff;--input-col:#ffffff;--input-txt:#4f4f4f;--input-brd:1px solid #ddd;--input-acc:brightness(0) saturate(100%) invert(27%) sepia(3%) saturate(6%) hue-rotate(3deg) brightness(94%) contrast(79%);--text-button-col:#333;--text-button-txt:#fff;--date-col:var(--input-col);--date-txt:var(--input-txt);--muted-color:#99a39e;--muted-hover:#7d8380;--button-color:#1b6da9;--button-press:#196399;--button-normal:rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;--button-active:rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;--modal-color:rgba(0, 0, 0, 0.3);--modal-shadow:rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;--links-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;--dot-bg-color:rgba(219, 219, 219, 0.3);--dot-fg-color:rgba(100, 100, 100, 0.4);--dot-on-color:#f59e0b;--tool-bg-col:#f8f8f8;--tool-shadow:rgba(0, 0, 0, 0.12) 0px 1px 2px, rgba(0, 0, 0, 0.12) 0px 1px 2px;--icon-shadow:rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;--chart-main:#71a6e9;--chart-tick:#59828f;--chart-grid:#e0e0e0;--macro-col:#262626;--macro-brd:#404040;--macro-bas:#959595;--macro-num:#959595;--micro-bas:#4f4f4f;--micro-num:#4f4f4f;--macro-lbl:#959595;--micro-lbl:#959595;--macro-dot:#959595;--macro-div:#404040;--calc-sh-color:rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;--calc-bg-color:#fbfbfb;--operate-color:#898989;--display-color:var(--fg-color);--buttons-color:var(--fg-color);--calc-op-bgcol:rgba(255, 255, 255, 0.8);--calc-op-fgcol:#ff3707;--calc-eq-fgcol:#ffffff;--calc-eq-bgcol:#ff6508;--operate-border:rgba(199, 199, 199, 0.3);--sb-track-color:#f6f6f6;--sb-thumb-color:#ebebeb;--sb-size:4px}.dark{--bg-color:#1f3137;--fg-color:#f8fafc;--accent:#efc036;--footer:#283747;--app-col:#313f45;--app-box:rgba(0, 0, 0, 0.35) 0px 5px 15px;--icon-txt:rgba(230, 230, 230, 0.8);--icon-col:#313f45;--item-col:#313f45;--find-col:#1f3137;--find-txt:#f8fafc;--text-col:#1263b9;--text-hov:#1056a1;--high-col:#ed143d;--high-hov:#c9193b;--text-txt:#ffffff;--input-col:#3b4b50;--input-txt:#ffffff;--input-brd:1px solid #2d3d42;--input-acc:invert(1) brightness(20);--text-button-col:#333;--text-button-txt:#fff;--date-col:#3b4b50;--date-txt:var(--fg-color);--muted-color:#c3d3cb;--muted-hover:#f8fafc;--button-color:#1b6da9;--button-press:#196399;--button-normal:rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;--button-active:rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;--modal-color:rgba(0, 0, 0, 0.3);--modal-shadow:rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;--links-shadow:rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;--dot-bg-color:rgba(0, 0, 0, 0.3);--dot-fg-color:rgba(255, 255, 255, 0.25);--dot-on-color:#f59e0b;--tool-bg-col:#43565f;--tool-shadow:rgba(0, 0, 0, 0.12) 0px 1px 2px, rgba(0, 0, 0, 0.12) 0px 1px 2px;--icon-shadow:rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;--chart-main:#c98835;--chart-tick:#cdcdcd;--chart-grid:#43555b;--macro-col:#262626;--macro-brd:#404040;--macro-bas:#dcdada;--macro-num:#dcdada;--micro-bas:#ffffff;--micro-num:#ffffff;--macro-lbl:#dcdada;--micro-lbl:#dcdada;--macro-dot:#dcdada;--macro-div:#404040;--calc-sh-color:rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;--calc-bg-color:#27393f;--operate-color:#898989;--display-color:#ffffff;--buttons-color:#ffffff;--calc-op-bgcol:rgba(255, 255, 255, 0.15);--calc-op-fgcol:#ffc107;--calc-eq-fgcol:var(--fg-color);--calc-eq-bgcol:#ffaa08;--operate-border:rgba(0, 0, 0, 0.3);--sb-track-color:#313f45;--sb-thumb-color:#244755;--sb-size:4px}.width\[5\%\]{width:5%!important}.width\[10\%\]{width:10%!important}.width\[15\%\]{width:15%!important}.width\[20\%\]{width:20%!important}.width\[25\%\]{width:25%!important}.width\[30\%\]{width:30%!important}.width\[35\%\]{width:35%!important}.width\[40\%\]{width:40%!important}.width\[45\%\]{width:45%!important}.width\[50\%\]{width:50%!important}.width\[55\%\]{width:55%!important}.width\[60\%\]{width:60%!important}.width\[65\%\]{width:65%!important}.width\[70\%\]{width:70%!important}.width\[75\%\]{width:75%!important}.width\[80\%\]{width:80%!important}.width\[85\%\]{width:85%!important}.width\[90\%\]{width:90%!important}.width\[95\%\]{width:95%!important}.width\[100\%\]{width:100%!important}.width\[auto\]{width:auto!important}*{box-sizing:border-box;padding:0;margin:0;outline:0}a,body,button,html,input,textarea{-webkit-tap-highlight-color:transparent}body,html{height:100vh;width:100vw;overflow:hidden;font-family:"Outfit",sans-serif;font-size:1rem;background-repeat:no-repeat;background-attachment:fixed;color:var(--fg-color);transition:background .3s,color .3s}.main-content::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0}.main-content::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb,.main-content::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb:hover{background:0 0}.app-container{display:flex;height:100%;width:100%;position:relative}.app-container h1{text-align:center}.opener-button{top:50%;left:100%;position:absolute}.sidebar-header{gap:20px;display:flex;padding:20px;flex-direction:column}.header-content{width:100%;display:flex;align-items:center;justify-content:space-between}.header-content p{font-size:1.5rem;font-weight:500}.opener-button{background:var(--fg-color);transition:.3s opacity ease;border-top-right-radius:50%;border-bottom-right-radius:50%;font-size:0;opacity:.6;padding:5px;border:0;color:var(--bg-color);cursor:pointer}.opener-button:hover{opacity:.8}.header-button,.menu-toggle{background:0 0;font-size:0;border:0;color:var(--fg-color);cursor:pointer}.header-button svg,.menu-toggle svg,.opener-button svg{pointer-events:none;fill:currentColor;width:20px;height:20px}.header-button svg,.menu-toggle svg{width:24px;height:24px}.menu-toggle{text-align:left;width:fit-content;display:none;padding:10px}.sidebar{background:var(--icon-col);background-repeat:no-repeat;background-attachment:fixed;flex:0 0 250px;width:250px;color:var(--fg-color);height:100%;display:flex;position:relative;margin-left:-250px;transition:margin-left .3s ease,transform .3s ease;flex-direction:column}.sidebar.visible{margin-left:0}.sidebar input{background:var(--find-col)!important;border-radius:25px!important;color:var(--find-txt)!important;width:100%}.sidebar ul{height:100%;margin-left:25px;padding-bottom:30px;list-style:none;overflow-y:auto}.sidebar ul::-webkit-scrollbar{width:var(--sb-size)}.sidebar ul::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:2px}.sidebar ul::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:2px}.sidebar ul li{margin:3px 0;gap:10px;display:flex;font-size:1.2rem;flex-direction:column}.sidebar ul a{display:flex;color:var(--fg-color);text-decoration:none;padding-left:33px;font-size:.9rem}.sidebar ul a:hover{text-decoration:underline}.sidebar ul li strong{gap:10px;display:flex;align-items:center;font-weight:500;margin-top:20px}.input-wrapper.label:first-child label,.sidebar ul li:first-child strong{margin:0}.sidebar ul li strong::before{content:"";background-image:var(--icon);background-repeat:no-repeat;background-size:24px;filter:drop-shadow(1px 1px 2px #9c9c9c);width:22px;height:22px}.sidebar ul li a.active{font-weight:600}.main-content{flex:1;display:flex;height:100%;padding:40px;background:var(--bg-color);min-width:0;overflow-y:auto;flex-direction:column}.main-content h1{gap:10px;align-items:center;justify-content:center;display:flex;margin:0 auto;width:clamp(200px,50vw,1200px)}.button.icon svg,.main-content h1 svg{fill:currentColor;width:32px;height:32px}.main-content>:nth-child(n+3){margin-top:60px}.sidebar-overlay{background:rgba(0,0,0,.5);display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:98}.app-section{gap:15px;width:clamp(320px,50vw,1200px);margin:15px auto 0;display:flex;flex-shrink:0;align-items:center;justify-content:center;flex-direction:column}.app-section h1,.content-section>h2{font-family:"Outfit",sans-serif;font-weight:200}.app-section h1{font-size:clamp(1.5rem,.8rem + 3.6vw,3.5rem)}.content-section{border-radius:12px;line-height:1.6;margin:0 auto}.content-section>h2{font-size:2rem;margin-bottom:20px;color:var(--fg-color);text-align:center}.content-section>p{margin-bottom:15px;font-size:1.1rem;color:var(--fg-color);opacity:.8}.content-section>div{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:100%}.content-section>div a,.faq-list{display:flex;flex-direction:column}.content-section>div a{box-shadow:var(--links-shadow);padding:8px 16px;transition:transform .3s ease}.content-section>div a h3{background-image:var(--icon);background-repeat:no-repeat;background-position:left center;background-size:24px;padding-left:29px;color:var(--accent);font-size:1.5rem;font-weight:500}.content-section>div a span{font-size:1rem;color:var(--fg-color);opacity:.6}.content-section>div a:hover{transform:translateY(-4px)}div.content-section{margin-top:60px;width:100%}section.content-section{width:clamp(320px,50vw,1200px)}.faq-list{gap:20px}.faq-item h3{font-size:1.3rem;color:var(--accent);margin-bottom:5px}.faq-item p{margin:0;font-size:1.1rem}.card,.content-section>div a{border-radius:8px;gap:10px;text-decoration:none}.card{align-items:center;color:var(--fg-color)}.card .suninfo>div span,.card h2{font-family:"Outfit",sans-serif;font-weight:200;font-size:clamp(2rem,1.25rem + 2vw,3rem)}.card .sunmove{width:100%;max-width:320px}.card,.card .suninfo{display:flex;flex-direction:column}.card .suninfo{padding:20px;background-image:url(/assets/images/cloud.png);background-repeat:no-repeat;background-position:center 70%;background-size:50%}.card,.card .suninfo>div{position:relative}.card .suninfo>div span{font-size:clamp(1rem,.5rem + 2.7vw,2.5rem);font-weight:300;position:absolute}.card .suninfo>div span:first-of-type{left:0;transform:translateX(-25%)}.card .suninfo>div span:last-of-type{right:0;transform:translateX(25%)}.card-title{text-align:center;font-size:1.3rem;font-weight:200}.input-wrapper{gap:20px;display:flex;align-items:center;justify-content:center;text-align:center;width:100%}.input-wrapper.boxed{gap:10px;display:flex;flex-direction:column;margin:0 auto;max-width:150px}.input-wrapper div.input-row,.input-wrapper.label{flex-direction:column;gap:5px;width:100%}.input-wrapper.label{display:flex}.input-wrapper label{display:flex;padding:0 12px;margin:0;width:100%}.input-wrapper.row label{padding:0;margin:0}.input-wrapper button:not(.icon),.input-wrapper input[type=number],.input-wrapper input[type=text],.input-wrapper label,.input-wrapper select,.input-wrapper textarea,.input-wrapper.label button,.input-wrapper.label button:not(.icon),.input-wrapper.label input[type=number],.input-wrapper.label input[type=text],.input-wrapper.label label,.input-wrapper.label select,.input-wrapper.label textarea{width:100%}.input-wrapper button{text-transform:none;border:var(--input-brd);color:var(--date-txt)}.input-wrapper button,.input-wrapper button:hover{background:var(--date-col)}.tools-wrapper{display:flex;position:relative}.input-row{gap:10px;display:flex}.button{background:0 0;border:0;cursor:pointer;transition:background .3s ease,transform .3s ease}.button.text{border-radius:8px;background:var(--text-col);color:var(--text-txt);border:0;text-transform:uppercase;text-decoration:none;font-family:"Outfit",sans-serif;padding:12px;font-size:1rem}.button.text.high{background:var(--high-col)}.button.text.fit,.input-wrapper select.fit{width:fit-content;white-space:nowrap}.button.float,.button.icon{font-size:0;color:var(--icon-txt)}.button.icon{border-radius:50%;background:var(--icon-col);box-shadow:var(--icon-shadow);flex-shrink:0;border:0;display:flex;padding:10px}.button.float{top:10px;right:10px;position:absolute}.button.float svg{fill:currentColor;width:18px;height:18px}.button.circle{box-shadow:var(--button-normal);background:var(--button-color);font-size:1.5rem;border-radius:50%;width:200px;height:200px;border:0;color:#fff;cursor:pointer}.button.circle.pressed,.button.circle:active{box-shadow:var(--button-active);background:var(--button-press);transform:scale(.95)}.button.text:hover{background:var(--text-hov)}.button.text.high:hover{background:var(--high-hov)}.button.icon:hover{transform:scale(1.05)}.button:disabled{pointer-events:none;opacity:.6}.footer-links,.tools-box{display:flex;justify-content:center;gap:20px}.tools-box{border-radius:8px;transition:.3s opacity,.3s visibility;visibility:hidden;background:var(--tool-bg-col);box-shadow:var(--tool-shadow);opacity:0;padding:20px;position:absolute;z-index:9999;top:calc(100% + 15px);left:0;width:170px;flex-direction:column}.tools-box::before{position:absolute;top:-10px;left:16px;width:0;height:0;content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--tool-bg-col)}.tools-box.visible{opacity:1;visibility:visible}.tools-box input[type=date],.tools-box input[type=datetime-local],.tools-box input[type=email],.tools-box input[type=number],.tools-box input[type=text],.tools-box select{width:100%}footer,footer a{color:var(--muted-color)}footer{padding:40px 0;text-align:center;font-size:.9rem;flex-shrink:0;width:100%}.footer-links{align-items:center;flex-wrap:wrap;margin-bottom:15px}.footer-links>div{display:flex;align-items:center;gap:5px}footer a{text-decoration:none;transition:color .2s}footer a:hover{color:var(--muted-hover)}.copyright{opacity:.8;font-size:.85rem;margin-top:15px;text-align:center}input[type=date],select,textarea{background:var(--input-col);border:var(--input-brd);padding:12px;font-family:"Outfit",sans-serif;font-size:1rem}input[type=date],select{border-radius:8px}input[type=email],input[type=number],input[type=text],select{color:var(--input-txt)}input[type=datetime-local],input[type=email],input[type=number],input[type=text]{background:var(--input-col);border-radius:8px;border:var(--input-brd);padding:12px;font-family:"Outfit",sans-serif;font-size:1rem}input[type=date]:disabled,input[type=datetime-local]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=text]:disabled,select:disabled,textarea:disabled{pointer-events:none;opacity:.4}textarea{border-radius:8px!important;height:300px;resize:none;transition:border-color .3s ease}input[type=date],input[type=datetime-local],textarea{background:var(--date-col);color:var(--date-txt);width:100%}input[type=checkbox],input[type=datetime-local],input[type=radio]{cursor:pointer}input[type=number]{-moz-appearance:textfield}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:var(--input-acc);cursor:pointer}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.screensaver{position:absolute;top:0;left:0;width:100%;height:100%}.x-axis,.y-axis{will-change:transform;text-shadow:2px 2px 8px rgba(0,0,0,.8)}.x-axis{animation:x-move 32s linear infinite alternate;position:absolute}.y-axis{animation:y-move 16s linear infinite alternate;display:flex;color:#fff!important;align-items:center;flex-direction:column}.y-axis div:first-child{font-size:clamp(2.5rem,2.1rem + 2.2vw,4rem);font-weight:200;line-height:1;white-space:nowrap}.y-axis div:last-child{font-size:clamp(1rem,.9rem + .7vw,1.5rem);font-weight:200;white-space:nowrap}.layer{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;top:0;left:0;width:100%;height:100%;opacity:0;position:fixed;z-index:-1;transition:opacity 1.5s ease-in-out,transform 1.5s ease-in-out;transform:scale(1)}.layer.curr{opacity:1;transform:scale(1.05)}.helper{top:calc(100% - 30px);left:50%;color:#fff;position:fixed;transform:translateX(-50%);text-shadow:2px 2px 8px rgba(0,0,0,.8)}.hide-cursor{cursor:none!important}.countdown-display{gap:25px;flex-direction:column;align-items:center}.countdown-display,.time-row{display:flex;justify-content:center}.time-row.macro{align-items:center;font-size:.9rem;color:var(--macro-col);gap:8px;width:100%}.time-row.micro{gap:25px}.unit-group{display:flex;align-items:baseline;gap:4px}.macro .num{font-size:clamp(1rem,.775rem + .6vw,1.3rem);font-weight:200;color:var(--macro-num)}.buttons button,.macro .num,.micro .num{font-family:"Outfit",sans-serif}.micro .num{font-size:clamp(3.5rem,.875rem + 7vw,7rem);font-weight:200;color:var(--micro-num);letter-spacing:.03em}.macro .lbl{font-weight:200;color:var(--macro-lbl)}.macro .colon,.macro .lbl,.micro .lbl{font-size:clamp(1rem,.775rem + .6vw,1.3rem)}.micro .lbl{font-weight:200;color:var(--micro-lbl);margin-right:4px}.macro .colon{color:var(--macro-dot)}.micro .divider{display:none;font-size:1.8rem;font-weight:300;color:var(--macro-div);padding-bottom:4px}.is-zero{opacity:.35}.calculator{border-radius:12px;background:var(--calc-bg-color);box-shadow:var(--calc-sh-color);overflow:hidden;width:min-content}.display,.operate{width:100%;font-weight:400;text-align:right;padding:20px}.operate{border-bottom:1px solid var(--operate-border);color:var(--operate-color)}.display{font-size:clamp(1.8rem,1.6rem + 1.1vw,2.4rem);color:var(--display-color)}.buttons{display:grid;grid-template-columns:repeat(4,64px);grid-template-rows:repeat(4,64px);padding:14px;gap:14px}.buttons button{border-radius:50%;box-shadow:var(--icon-shadow);font-size:1.5rem;display:flex;padding:20px 0;border:0;cursor:pointer;color:var(--buttons-color);height:64px;width:64px;align-items:center;justify-content:center;background:var(--calc-op-bgcol);transition:background .2s,transform .1s}.buttons button svg{pointer-events:none;fill:currentColor;width:32px;height:32px}.buttons button:active{transform:scale(.98)}.buttons button.operator{color:var(--calc-op-fgcol);background:var(--calc-op-bgcol)}.buttons button.equal{border-radius:71px;background:var(--calc-eq-bgcol);grid-row:span 2;color:var(--calc-eq-fgcol);height:142px}.counter,.pomodoro-timer,.stop-watch,.time-zone,.timer,.value{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.counter{flex-grow:1}.counter span,.pomodoro-timer span,.stop-watch span,.time-zone span,.timer span,.value span{font-family:"Outfit",sans-serif;font-weight:200;position:relative;color:var(--micro-num);display:flex;letter-spacing:.2rem}.counter span,.pomodoro-timer span,.stop-watch span,.timer span,.value span{font-size:clamp(4rem,2.5rem + 7.3vw,8rem)}.stop-watch span{align-items:baseline}.stop-watch span strong{font-weight:200;font-size:1.5rem}.stop-watch span::after{display:none;content:attr(data-time);position:absolute;top:0;left:0}.time-zone span{text-align:center;font-size:3rem}.counter-box{gap:30px;display:flex;align-items:center;justify-content:center}.counter-box span{justify-content:center;width:5ch}.results-data{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;width:100%}.results-data span,.results-text span{background:var(--icon-col);white-space:nowrap;font-size:1rem;color:var(--icon-txt)}.results-data span{justify-content:center;border-radius:25px;box-shadow:var(--icon-shadow);display:flex;padding:6px 12px}.results-text{display:flex;flex-direction:column;gap:15px;width:100%}.results-text span{display:block;border-radius:8px;border:var(--input-brd);padding:8px 12px;overflow:hidden;text-overflow:ellipsis}.results-text span.error::before,.results-text span.missing::before,.results-text span.passed::before{color:green;content:"✓";display:inline-block;font-size:1.5rem;margin-right:10px;vertical-align:sub}.results-text span.error::before,.results-text span.missing::before{color:#ff8c00;content:"⚑"}.results-text span.error::before{color:#dc143c;content:"✕"}.results-stat{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%}.stat-item{border-radius:8px;text-align:center;background:var(--item-col);color:var(--text-txt);padding:15px}.stat-item span:first-child{display:block;font-size:1.5rem;font-weight:400}.stat-item span:last-child{font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.results-palette{gap:10px;display:grid;width:100%;margin-top:30px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dots,.results-palette>div{align-items:center;justify-content:center;display:flex}.results-palette>div{color:#fff;padding:10px;height:100px;border-radius:8px;flex-direction:column;text-shadow:0 1px 2px rgba(0,0,0,.6);font-size:.8em;text-align:center;word-break:break-all}.stop-watch span.ghost::after{animation:ghostMove .3s ease-out forwards;display:block}.dots{gap:15px;height:20px}.dot{width:15px;height:15px;border-radius:50%;background:var(--dot-bg-color);transition:all .05s ease-out}.dot.active{background:var(--dot-fg-color);transform:scale(1.3)}.dot.current{background:var(--dot-on-color);transform:scale(1.5);box-shadow:0 0 10px var(--dot-on-color)}.head,.table.calendar td{color:var(--fg-color);font-size:clamp(1.2rem,.7rem + 2.4vw,2.5rem);font-weight:200;white-space:nowrap}.table{border:0;padding:20px;position:relative;border-radius:8px}.table.calendar td{padding:10px}.table.calendar td:last-child{font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-moz-font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum"}.cookie-banner{justify-content:center;background:#333;text-align:center;position:fixed;bottom:0;gap:10px;left:0;width:100%;color:#f0f8ff;display:flex;padding:15px;z-index:1003}.cookie-banner a{color:#f0f8ff}.legal-text-block{display:flex;flex-direction:column;gap:16px;width:80%;color:var(--muted-color);margin:0 auto;font-size:1.1rem;line-height:1.6}.legal-text-block h3{font-size:1.4rem;font-weight:600;margin-top:14px;padding-bottom:6px;letter-spacing:-.3px}.legal-text-block h3,.legal-text-block strong{color:var(--fg-color)}.legal-text-block ul{margin-left:20px;display:flex;flex-direction:column;gap:8px}.legal-text-block li{list-style-type:disc}.modal{display:flex;position:fixed;z-index:9999;background:rgba(0,0,0,.08);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);left:0;top:0;width:100%;height:100%;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.modal.visible{opacity:1;visibility:visible}.modal-content{box-shadow:var(--modal-shadow);padding:30px;color:#fff;width:clamp(160px,80%,400px);border-radius:8px;text-align:center;position:relative;will-change:transform;transform:scale(1.4);transition:transform .4s cubic-bezier(.23,1,.32,1)}.modal-content.work{background:linear-gradient(to bottom right,#ef473a,#cb2d3e)}.modal-content.break{background:linear-gradient(to bottom right,#47a425,#2a930d)}.modal-content p{font-size:1.5rem}.modal-content button{background:0 0;border:0;color:#fff;cursor:pointer;font-size:1.5rem;position:absolute;top:5px;right:5px}.glass{border-radius:12px;background:rgba(255,255,255,.08);box-shadow:0 4px 6px rgba(0,0,0,.08);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.number{font-variant-numeric:tabular-nums;-moz-font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}.prettify{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.stretch{width:0;min-width:100%;overflow-wrap:break-word}@supports (appearance:none) or (-moz-appearance:none) or (-webkit-appearance:none){.toggle-button{--height:12px;--width:calc(var(--height) * 2);appearance:none;-moz-appearance:none;-webkit-appearance:none;border:1px solid currentcolor;border-radius:25px;display:flex;flex-shrink:0;color:#cbd5e1;cursor:pointer;height:var(--height);padding:2px;box-sizing:content-box;transition-duration:300ms;transition-property:border-color,color;transition-timing-function:ease;width:var(--width)}.toggle-button:disabled{opacity:.4;pointer-events:none}.toggle-button:checked{color:var(--muted-color)}.toggle-button::after{background-color:currentcolor;border-radius:9px;content:"";display:block;height:var(--height);transform:translateX(0);transition:transform 300ms ease;width:var(--height)}.toggle-button:checked::after{transform:translateX(var(--height))}}@media (max-width:1200px){.counter-box{flex-wrap:wrap;justify-content:space-around}.counter.number{order:-1}}@media (max-width:1024px){.app-section,.content-section,.legal-text-block,.results-palette,section.content-section{width:90%}}@media (max-width:768px){.app-container h1{margin-top:15px}.opener-button{display:none}.menu-toggle{display:block}.sidebar{z-index:99;position:fixed;top:0;left:0;transform:translateX(-100%);margin-left:0}.sidebar.active{transform:translateX(0)}.main-content{width:100%;padding:5px}.sidebar-overlay.active{display:block}.content-section>div{display:flex;flex-direction:column}}@media (max-width:600px){main{margin:0}.grid-container{grid-template-columns:1fr;text-align:center;gap:5px}.input-wrapper.column{flex-direction:column}.button.text.fit,.input-wrapper select.fit,main{width:100%}}@media (max-width:400px){[for=time-zone]{display:none}.time-row.micro{margin-left:1.5rem}.results-stat{display:flex}.cookie-banner,.results-stat,.time-row.micro{flex-direction:column}}@media (max-width:326px){.buttons{grid-template-columns:repeat(4,20vw);grid-template-rows:repeat(4,20vw);gap:3vw;padding:3vw}.buttons button{width:20vw;height:20vw;font-size:clamp(1rem,4vw,1.4rem)}.buttons button.equal{height:calc(20vw*2 + 3vw)}}