:root{--rgb-white: 255, 255, 255;--rgb-gray0: 249, 250, 251;--rgb-gray1: 243, 244, 246;--rgb-gray2: 229, 231, 235;--rgb-gray3: 209, 213, 219;--rgb-gray4: 156, 163, 175;--rgb-gray5: 107, 114, 128;--rgb-gray6: 75, 85, 99;--rgb-gray7: 55, 65, 81;--rgb-gray8: 31, 41, 55;--rgb-gray9: 17, 24, 39;--rgb-gray10: 3, 7, 18;--rgb-black: 0, 0, 0;--clr-primary-bg: rgb(var(--rgb-gray0));--clr-primary-bg-r: rgb(var(--rgb-gray8));--clr-primary-text: rgb(var(--rgb-gray8));--clr-primary-text-r: rgb(var(--rgb-gray0));--clr-secondary-bg: rgb(var(--rgb-gray0));--clr-secondary-text: rgb(var(--rgb-gray8));--clr-primary-hover: rgb(var(--rgb-gray1));--clr-secondary-hover: rgb(var(--rgb-gray1));--clr-await: rgb(var(--rgb-gray3));--clr-border: rgb(var(--rgb-gray3));--clr-border-lighter: rgb(var(--rgb-gray1));--clr-border-light: rgb(var(--rgb-gray2));--clr-border-dark: rgb(var(--rgb-gray4));--clr-border-darker: rgb(var(--rgb-gray5));--clr-svg: rgb(var(--rgb-gray6));--clr-svg-hover: rgb(var(--rgb-gray7));--rgb-orange: 234, 88, 12;--rgb-accent: 234, 88, 12;--rgb-green: 43, 138, 62;--rgb-red: 229, 57, 53;--clr-green: rgb(var(--rgb-green));--clr-blue: #4980f8;--clr-orange: rgb(var(--rgb-orange));--clr-orange-hover: rgb(234, 130, 12);--clr-muted: #667085;--clr-accent: var(--clr-orange);--clr-accent-hover: var(--clr-orange-hover);--clr-btn-primary-bg: var(--clr-orange);--clr-btn-primary-text: rgb(var(--rgb-white));--clr-btn-primary-hover: var(--clr-orange-hover);--clr-btn-primary-hover-lg: linear-gradient(to right, var(--clr-btn-primary-hover), var(--clr-btn-primary-bg));--clr-btn-secondary-bg: rgb(var(--rgb-gray5));--clr-btn-secondary-text: rgb(var(--rgb-gray0));--clr-btn-secondary-hover: rgb(var(--rgb-gray8));--clr-btn-secondary-hover-lg: linear-gradient(to right, var(--clr-btn-secondary-hover), var(--clr-btn-secondary-bg));--clr-btn-secondary-hover-lg-left: linear-gradient(to left, var(--clr-btn-secondary-hover), var(--clr-btn-secondary-bg));--clr-btn-destructive-bg: rgb(229, 57, 53);--clr-btn-destructive-text: rgb(var(--rgb-gray1));--clr-btn-destructive-hover: rgb(198, 40, 40);--clr-btn-destructive-hover-lg: linear-gradient(to right, var(--clr-btn-destructive-hover), var(--clr-btn-destructive-bg));--shadow-soft: 0 .4rem .6rem -.1rem rgb(var(--rgb-gray10), .1);--shadow-medium: 0px .4rem 2rem rgb(var(--rgb-gray10), .4);--shadow-strong: 0px .8rem 3rem rgb(var(--rgb-gray10), .8);--gap: 1rem;--gap-px: .1rem;--gap-3xs: .2rem;--gap-2xs: .4rem;--gap-xs: .8rem;--gap-s: 1.2rem;--gap-m: 1.6rem;--gap-l: 2.4rem;--gap-xl: 3.2rem;--gap-2xl: 4.8rem;--gap-3xl: 6.4rem;--gap-4xl: 9.6rem;--fsize: 1.6rem;--fsize-2xs: 1.05rem;--fsize-xs: 1.2rem;--fsize-s: 1.4rem;--fsize-m: 1.8rem;--fsize-l: 2.0rem;--fsize-xl: 2.5rem;--fsize-2xl: 3.2rem;--fsize-3xl: 4rem;--radius: .7rem;--radius-m: 1.5rem;--radius-l: 5rem;--scale-hover: 1.05;--opacity: .7;--scrollbar-width: 10px;--scrollbar-border: 1px solid rgb(var(--rgb-gray5));--scrollbar-bg: rgb(var(--rgb-gray4));--scrollbar-hover-clr: rgb(var(--rgb-gray5));--scrollbar-radius: 100px;--site-nav-h: 6rem;--site-header-h: 5rem;--site-left-sidebar-w: 30rem;--site-right-sidebar-w: 16rem}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;box-sizing:border-box;scroll-behavior:smooth;scroll-padding-top:10rem}@media(min-width: 90em){html{font-size:75%}}@media(max-width: 20em){html{font-size:57%}}body{background-color:var(--clr-primary-bg);color:var(--clr-primary-text);line-height:1.5;padding:0 var(--gap);font-family:Arial,Helvetica,sans-serif;font-weight:400}@media(max-width: 48em){body{--scrollbar-width: auto;--scrollbar-border: initial;--scrollbar-bg: unset;--scrollbar-hover-clr: initial;--scrollbar-radius: initial;padding:0 var(--gap-xs)}}@media(max-width: 30em){body{padding:0 var(--gap-2xs)}}#app{height:inherit}::-webkit-scrollbar{width:var(--scrollbar-width)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-bg);border-radius:var(--scrollbar-radius);border:var(--scrollbar-border)}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-hover-clr)}body:has(dialog[open]){overflow:hidden}dialog{margin:auto;border:.1rem solid var(--clr-border-dark);border-radius:var(--radius);padding:var(--gap-l) var(--gap-m);min-width:30rem;max-width:48rem;width:100%}dialog::backdrop{background-color:rgb(var(--rgb-black), 0.6)}h1,h2,h3,h4,h5,h6{font-weight:inherit;color:rgb(var(--rgb-gray7))}h1{font-size:3.6rem;font-weight:600;line-height:1.2;letter-spacing:-0.03rem}h2{font-size:2.8rem;font-weight:600}h3{font-size:2.2rem;font-weight:600}h4{font-size:1.8rem}h5{font-size:1.65rem}h6{font-size:1.5rem}small{font-size:1.2rem}input,textarea,button,select{font-family:inherit;font-size:1.65rem}img{border-radius:inherit;background-color:var(--clr-await);max-width:100%}figcaption{margin-top:var(--gap-2xs);color:rgba(var(--rgb-gray5));text-align:center;font-style:italic;text-transform:capitalize;line-height:1.3}svg{width:inherit;height:inherit;pointer-events:none;fill:var(--clr-svg)}ul{list-style:none;font-size:1.55rem}span{font-size:inherit}label{font-size:1.5rem}p{font-size:1.6rem}a{text-decoration:none;color:inherit;font-size:1.6rem}label,a,svg,img,i{display:block}i{font-style:normal}#app{max-width:129rem;margin:0 auto}.ad-container{max-width:100%;width:100%;margin:0 auto}ins.adsbygoogle[data-ad-status=unfilled]{display:none !important}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad{background:linear-gradient(to bottom, rgba(var(--rgb-accent), 0.2), rgba(var(--rgb-accent), 0.13));border-radius:var(--radius)}.center-abs{position:absolute;top:50%;left:50%;translate:-50% -50%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.spinner{pointer-events:none;--spinner-size: 5rem;--spinner-border-size: .4rem;--spinner-color: var(--clr-border-dark);height:var(--spinner-size);width:var(--spinner-size);border:var(--spinner-border-size) solid var(--spinner-color);border-radius:100%;border-left-color:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);animation:SPINNER 1s linear infinite reverse}@keyframes SPINNER{0%{rotate:0deg}50%{border-color:var(--spinner-color)}100%{rotate:360deg}}.btn{border-radius:var(--radius);border:none;text-transform:capitalize;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;padding:var(--gap-xs) var(--gap-l);min-height:3rem;line-height:1.6;font-weight:600;border:.1rem solid rgba(var(--rgb-gray3));background-color:rgba(var(--rgb-gray2));color:rgba(var(--rgb-gray7));transition:translate .2 ease-in-out}.btn:disabled{cursor:not-allowed}@media(hover: hover)and (pointer: fine){.btn{cursor:pointer}.btn:hover{translate:0 -0.1rem}}.btn:active{translate:0 .1rem}@media(hover: hover)and (pointer: fine){.primary-btn:hover{background-size:100%}.primary-btn{transition:background-size .3s ease-in-out;background:var(--clr-btn-primary-hover-lg) no-repeat;background-size:0px}.secondary-btn:hover{background-size:100%}.secondary-btn-backward:hover{background-size:100%}.secondary-btn,.secondary-btn-backward{transition:background-size .3s ease-in-out;background:var(--clr-btn-secondary-hover-lg) no-repeat;background-size:0px}.secondary-btn-backward{background:var(--clr-btn-secondary-hover-lg-left) no-repeat;background-position:right;background-size:0px}.destructive-btn:hover{background-size:100%}.destructive-btn{transition:background-size .3s ease-in-out;background:var(--clr-btn-destructive-hover-lg) no-repeat;background-size:0px}}.primary-btn{color:var(--clr-btn-primary-text);background-color:var(--clr-btn-primary-bg);letter-spacing:.1ch}.secondary-btn,.secondary-btn-backward{color:var(--clr-btn-secondary-text);background-color:var(--clr-btn-secondary-bg)}.destructive-btn{color:var(--clr-btn-destructive-text);background-color:var(--clr-btn-destructive-bg)}.input-range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.6rem;background-color:rgba(var(--rgb-gray7));outline:none;border:.5rem solid rgba(var(--rgb-accent), 0.9);border-radius:.8rem}.input-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2rem;height:3rem;background-color:rgba(var(--rgb-gray7));cursor:pointer;border:5px solid rgba(var(--rgb-accent), 0.9);border-radius:.8rem}textarea,div[contenteditable]{width:100%;min-height:15rem;margin:var(--gap) 0;padding:var(--gap);border:1px solid var(--clr-border);border-radius:var(--radius);font-family:inherit;resize:vertical;background-color:rgba(0,0,0,0);color:rgb(var(--rgb-gray8));line-height:1.4;font-size:var(--fsize-m)}textarea:focus,div[contenteditable]:focus{outline:none;border-color:var(--clr-accent)}select{border-radius:var(--radius);border:1px solid var(--clr-border);color:rgb(var(--rgb-gray6));text-transform:capitalize;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--gap) var(--gap-xs);min-height:3rem;width:100%;font-weight:600}select:disabled{cursor:not-allowed}select:focus{outline:none}@media(hover: hover)and (pointer: fine){select{cursor:pointer}}input{display:block;min-height:3rem;width:100%;text-indent:var(--gap);border:1px solid var(--clr-border);outline:.1rem solid rgba(0,0,0,0);box-shadow:none;border-radius:var(--radius);padding-right:3rem;line-height:2;background-color:rgb(var(--rgb-gray0));color:rgb(var(--rgb-gray8))}input:focus-visible{outline-color:var(--clr-border-dark)}input:disabled{opacity:.5;cursor:not-allowed}#app{display:grid;gap:var(--gap-s)}#app .site-nav{position:sticky;top:0;height:var(--site-nav-h);z-index:1;width:100%}#app .site-header{height:var(--site-header-h)}#app main{display:flex;gap:var(--gap);min-height:100dvh}#app .content{flex-basis:100%}#app .left-sidebar,#app .right-sidebar{width:30rem;height:calc(100dvh - 3rem - (var(--site-nav-h) + var(--site-header-h)));position:sticky;top:calc(var(--site-nav-h) + var(--gap-m))}.site-nav{background-color:var(--clr-primary-bg);border-bottom:.1rem solid var(--clr-border)}.site-nav .brand{display:flex;align-items:center;gap:var(--gap-xs)}.site-nav .brand-name{font-weight:600;font-size:var(--fsize-m);font-family:cursive;color:rgba(var(--rgb-gray7))}.site-nav .brand-logo{width:3rem;height:3rem;border-radius:100%}.site-nav .brand-logo img{width:inherit;height:inherit;background-color:var(--clr-white)}.site-nav{display:flex;align-items:center;justify-content:space-between;height:100%}.site-nav .g1{display:flex;align-items:center;justify-content:space-between;width:100%;z-index:10;height:100%;background-color:var(--clr-primary-bg)}.site-nav .list{display:flex;gap:var(--gap-l);padding:var(--gap-xs)}@media(hover: hover)and (pointer: fine){.site-nav .list a:hover{color:var(--clr-accent)}}.site-nav .menu-btn{display:none}@media(max-width: 30em){.site-nav{padding:0}.site-nav .g1{padding:0 var(--gap-m)}.site-nav .menu-btn{display:block}.site-nav .menu-btn svg{width:2.8rem;height:2.8rem;scale:1.1}.site-nav .list{position:absolute;z-index:2;left:0;top:var(--site-nav-h);flex-direction:column;width:100%;padding:var(--gap-m);background-color:var(--clr-primary-bg);align-items:center;line-height:2.5;border-bottom:.1rem dashed var(--clr-accent);transition:transform .25s ease-in-out;transform:translateY(-120%)}.site-nav:has(input[type=checkbox]:checked) .list{transform:translateY(0.1rem)}.site-nav .close{display:none}.site-nav .menu-btn:has(input[type=checkbox]:checked) .close{display:block}.site-nav .menu-btn:has(input[type=checkbox]:checked) .open{display:none}}.footer-ad{min-height:9rem}.footer-top{margin:var(--gap-4xl) 0}.footer-top .g1{display:flex;align-items:center;gap:var(--gap);margin-bottom:var(--gap)}.footer-top .g1 img{width:3.8rem;height:3.8rem;background-color:var(--clr-white)}.footer-top a{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;font-size:var(--fsize-xl);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:600;text-decoration:underline;opacity:.9}@media(max-width: 30em){.footer-top{display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-top a{width:20rem;justify-content:center}.footer-top .g1{gap:var(--gap-xs)}}.footer-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--gap-xlarge)}@media(max-width: 30em){.footer-row{flex-direction:column;align-items:center}}.footer-col ul li{margin:var(--gap) 0}.footer-col ul li a{width:-moz-fit-content;width:fit-content;white-space:nowrap}.footer-col:last-child{text-align:end}.footer-col:last-child .social-links{margin-left:auto;display:flex;justify-content:end;gap:var(--gap-2xs)}.footer-col:last-child .social-links i{border-radius:.5rem;margin:0 var(--gap-2xs);width:2.5rem;height:2.5rem;background:url("/img/media-icons.png") no-repeat;background-size:9rem;cursor:pointer}.footer-col:last-child .social-links .facebook-icon{background-position:-0.3rem -0.3rem}.footer-col:last-child .social-links .instagram-icon{background-position:-3.3rem -0.3rem}.footer-col:last-child .social-links .youtube-icon{background-position:-6.3rem -0.3rem}.footer-col:last-child .social-links .x-icon{background-position:-3.2rem -3.3rem}.footer-col:last-child .social-links .telegram-icon{background-position:-0.3rem -3.3rem}@media(max-width: 30em){.footer-col ul li a{width:auto}.footer-col ul,.footer-col a{text-align:center}.footer-col:last-child{text-align:center}}.footer-title{margin-bottom:var(--gap-m);font-size:var(--fsize-m)}@media(max-width: 30em){.footer-title{text-align:center}}.footer-bottom{margin:var(--gap-l) 0;font-size:var(--fsize-xs)}.footer-bottom ul:first-child{display:flex;gap:var(--gap-l);text-decoration:underline;border-bottom:1px solid var(--clr-border);padding:var(--gap-l) 0}.footer-bottom ul:last-child{display:flex;justify-content:space-between;align-items:center;padding:var(--gap) 0}@media(max-width: 30em){.footer-bottom{margin-bottom:var(--gap-4xl)}.footer-bottom ul:first-child{justify-content:center}.footer-bottom ul:last-child{flex-direction:column;gap:var(--gap-l)}}@media(max-width: 23.4375em){.footer-bottom ul:first-child{flex-direction:column;align-items:center}.footer-bottom ul:last-child span{text-align:center}}[data-tooltip]{position:relative;--tooltip-scale: 0;--tooltip-arrow-size: .3rem;--tooltip-bg-color: rgba(var(--rgb-gray8), .9);--tooltip-translate-y: 0}[data-tooltip]::before,[data-tooltip]::after{position:absolute;top:-20%;left:50%;transform:translateX(-50%) translateY(var(--tooltip-translate-y, 0)) scale(var(--tooltip-scale));transition:150ms transform;transform-origin:bottom center}[data-tooltip]::before{--tooltip-translate-y: calc(-100% - var(--tooltip-arrow-size));content:attr(data-tooltip);background-color:var(--tooltip-bg-color);color:rgba(var(--rgb-gray1));padding:var(--gap);border-radius:var(--radius);font-size:var(--fsize-xs);line-height:1.25;width:-moz-max-content;width:max-content;max-width:100%}[data-tooltip]::after{--tooltip-translate-y: calc(-1 * var(--tooltip-arrow-size));content:"";border:2rem solid rgba(0,0,0,0);border-top-color:var(--tooltip-bg-color);transform-origin:top center}#app .site-header{--site-header-h: auto}.left-sidebar,.right-sidebar{display:none}body.none{background:#0b1220}body.green{background:#064e3b}body.yellow{background:#78350f}body.red{background:#7f1d1d}body.overtime{animation:flash 1.5s infinite}@keyframes flash{0%{background:#7f1d1d}50%{background:#450a0a}100%{background:#7f1d1d}}.tool{text-align:center;width:100%;max-width:85rem;margin:0 auto}.timer{font-size:min(22vw,20rem);font-weight:800;letter-spacing:-0.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.label{margin-top:var(--gap);font-size:var(--fsize-xs);letter-spacing:.3rem;opacity:.7;text-transform:uppercase}.controls{margin-top:var(--gap-xl);display:flex;flex-wrap:wrap;gap:var(--gap);justify-content:center}.ghost{background:rgba(0,0,0,0)}.panel{margin-top:var(--gap-xl);background-color:var(--clr-primary-bg-r);color:var(--clr-primary-text-r);border:1px solid rgb(var(--rgb-gray10));border-radius:var(--radius-m);padding:var(--gap-m);text-align:left}.panel .title{font-size:var(--fsize-xs);letter-spacing:.25rem;text-transform:uppercase;opacity:.6;margin-bottom:var(--gap-m);display:inline-block;padding-left:var(--gap-xs)}.input-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--gap);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.input-grid label{text-transform:uppercase;font-weight:600;opacity:.7;letter-spacing:.1ch;padding-left:var(--gap-xs);margin-bottom:var(--gap-2xs)}input[type=number]{background-color:inherit;color:inherit;border:.1rem solid rgb(var(--rgb-gray10));padding:var(--gap);border-radius:var(--radius-m);text-align:center;font-weight:700}.green-input label{color:green;opacity:.8}.yellow-input label{color:orange}.red-input label{color:red}.presets{margin-top:var(--gap-m);display:flex;flex-wrap:wrap;gap:var(--gap)}.presets .btn{font-size:var(--fsize-xs);padding:var(--gap-2xs) var(--gap);color:inherit;background-color:inherit;border:.1rem solid rgb(var(--rgb-gray10))}.log{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.log-entry{display:flex;justify-content:space-between;background:#020617;border:1px solid #1e293b;padding:10px;border-radius:10px;font-size:12px}.focus header,.focus footer,.focus .panel{opacity:.05}.focus .panel:hover{opacity:1}