@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:#fafafa;--fg-color:#4f4f4f;--tool:rgba(0, 0, 0, 0.04);--hero:#12c512;--border:1px solid #f3f3f3;--accent:#3b82f6;--footer:#283747;--icon-bg-color:rgba(255, 255, 255, 0.8);--icon-fg-color:rgba(105, 105, 105, 0.8);--menu-bg-color:#f6f6f6;--input-col:#ffffff;--input-txt:#4f4f4f;--input-acc:brightness(0) saturate(100%) invert(27%) sepia(3%) saturate(6%) hue-rotate(3deg) brightness(94%) contrast(79%);--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);--text-shadow:none;--dot-bg-color:rgba(219, 219, 219, 0.3);--dot-fg-color:rgba(100, 100, 100, 0.4);--dot-on-color:#f59e0b;--card-bg-color:rgba(155, 155, 155, 0.06);--card-sh-color:rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;--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;--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:rgba(255, 255, 255, 0.6);--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)}body.dark{--bg-color:linear-gradient(to right, #24243e, #302b63, #0f0c29);--fg-color:#f8fafc;--tool:rgba(255, 255, 255, 0.1);--hero:#12c512;--border:none;--accent:#3b82f6;--footer:#283747;--icon-fg-color:rgba(230, 230, 230, 0.8);--icon-bg-color:rgba(139, 139, 139, 0.13);--menu-bg-color:#24243e;--input-col:#0e151e;--input-txt:var(--fg-color);--input-acc:invert(1) brightness(20);--date-col:rgba(223, 223, 223, 0.15);--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);--text-shadow:none;--dot-bg-color:rgba(0, 0, 0, 0.3);--dot-fg-color:rgba(255, 255, 255, 0.25);--dot-on-color:#f59e0b;--card-bg-color:rgba(155, 155, 155, 0.06);--card-sh-color:rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;--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;--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:rgba(0, 0, 0, 0.1);--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)}*{outline:0;box-sizing:border-box;margin:0;padding:0}a,button,input,textarea{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{display:none;width:0}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:0 0}.sidebar ul a,body,html{color:var(--fg-color);font-size:1rem}body,html{height:100vh;width:100vw;overflow:hidden;font-family:"Outfit",sans-serif;background-repeat:no-repeat;background-attachment:fixed;-webkit-tap-highlight-color:transparent;transition:background .3s,color .3s}.app-container{display:flex;height:100%;width:100%;position:relative}.menu-toggle{border-radius:50%;background:var(--input-col);box-shadow:var(--icon-shadow);border:0;color:var(--fg-color);cursor:pointer;z-index:1;display:none;padding:10px;position:fixed;font-size:0}.menu-toggle svg{pointer-events:none;fill:currentColor;width:24px;height:24px}.sidebar{background:var(--menu-bg-color);background-repeat:no-repeat;background-attachment:fixed;flex:0 0 250px;color:var(--fg-color);height:100%;position:relative;padding:20px;overflow-y:auto;transition:transform .3s ease}.sidebar input{border-radius:25px!important;margin-bottom:30px;width:100%}.sidebar ul{gap:10px;width:85%;margin:0 auto;list-style:none}.sidebar ul a{display:flex;text-decoration:none;padding-left:34px}.sidebar ul a:hover{text-decoration:underline}.main-content,.sidebar ul,.sidebar ul li{display:flex;flex-direction:column}.sidebar ul li{gap:10px;font-size:1.2rem}.sidebar ul li strong{gap:10px;display:flex;align-items:center;font-weight:500}.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:24px;height:24px}.sidebar ul li a.active{font-weight:600}.main-content{gap:40px;flex:1;height:100%;padding:40px;background:var(--bg-color);min-width:0;overflow-y:auto}.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:10px;height:100%;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}.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}.faq-list{display:flex;flex-direction:column;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{border-radius:8px;align-items:center;color:var(--fg-color);gap:10px;text-decoration:none}.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;width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.input-wrapper.boxed{flex-direction:column;margin:0 auto;max-width:150px}.tools-wrapper{display:flex;position:relative}.input-row,.input-wrapper.boxed{gap:10px;display:flex}.button{background:0 0;border:0;cursor:pointer;transition:transform .3s ease}.button.text{background:var(--input-col);border-radius:6px;border:var(--border);color:var(--input-txt);padding:12px;font-family:"Outfit",sans-serif;font-size:1rem;text-transform:uppercase}.button.float,.button.icon{font-size:0;color:var(--icon-fg-color)}.button.icon{border-radius:50%;background:var(--icon-bg-color);box-shadow:var(--icon-shadow);flex-shrink:0;display:flex;padding:5px}.button.float{top:10px;right:10px;position:absolute}.button.icon svg{fill:currentColor;width:40px;height:40px}.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.icon:hover,.button.text:hover{transform:scale(1.05)}.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);box-shadow:var(--tool-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);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)}.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:30px;text-align:center}input[type=date],select{background:var(--input-col);border-radius:6px;border:var(--border);padding:12px;font-family:"Outfit",sans-serif;font-size:1rem}input[list=timezone-list],input[type=email],input[type=number],input[type=text],select{color:var(--input-txt)}input[list=timezone-list],input[type=datetime-local],input[type=email],input[type=number],input[type=text]{background:var(--input-col);border-radius:6px;border:var(--border);padding:12px;font-family:"Outfit",sans-serif;font-size:1rem}input[list=timezone-list]:disabled,input[type=date]:disabled,input[type=datetime-local]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=text]:disabled,select:disabled{pointer-events:none;opacity:.4}input[type=date],input[type=datetime-local]{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]{width:50%;-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;text-shadow:var(--text-shadow)}.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;text-shadow:var(--text-shadow);color:var(--micro-num);display:flex;letter-spacing:.2rem}.counter span,.pomodoro-timer span,.timer span,.value span{font-size:clamp(5.5rem,3.9rem + 8.2vw,10rem)}.stop-watch span{font-size:clamp(2.5rem,-.2rem + 13.6vw,10rem)}.stop-watch span::after{display:none;content:attr(data-time);position:absolute;top:0;left:0}.time-zone span{text-align:center;font-size:clamp(3rem,1.5rem + 4vw,5rem)}.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%}.dots,.results-data span{justify-content:center;display:flex}.results-data span{border-radius:25px;background:var(--icon-bg-color);box-shadow:var(--icon-shadow);white-space:nowrap;font-size:1rem;color:var(--icon-fg-color);padding:6px 12px}.stop-watch span.ghost::after{animation:ghostMove .3s ease-out forwards;display:block}.dots{gap:15px;align-items:center;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;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(--card-sh-color);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}@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:768px){.menu-toggle{display:block}.sidebar{z-index:99;position:fixed;top:0;left:0;width:250px;transform:translateX(-100%)}.sidebar.active{transform:translateX(0)}.main-content{width:100%;padding:20px}.sidebar-overlay.active{display:block}}@media (max-width:600px){main{margin:0;width:100%}.grid-container{grid-template-columns:1fr;text-align:center;gap:5px}}@media (max-width:400px){.time-row.micro{margin-left:1.5rem}.cookie-banner,.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)}}