@font-face{font-family:LilitaOne;src:url(/icons/fonts/LilitaOne-Regular.ttf) format("truetype");font-display:swap}html{max-width:100vw;height:100vh;overflow-x:hidden;overscroll-behavior:none;background-color:#fefded}html:has(.dark-mode){background-color:#333}@media screen and (max-width:730px){html{height:100svh;overflow-y:hidden}}body{color:#333;margin:0;width:100%;height:100%;overflow-x:hidden}body.dark-mode{margin:0;color:#fff}body.dark-mode .page-link .icon{color:#fff}.none{display:none!important;visibility:hidden!important;opacity:0!important}.flex{display:flex}.center{justify-content:center;align-items:center}.h1 .h1Logo{width:auto;height:70px;margin-right:30px}@media screen and (max-width:430px){.h1 .h1Logo{height:calc(67vw / 3.75);margin-right:4vw}}.h1 .h1Text{font-family:LilitaOne;font-size:100px}@media screen and (max-width:430px){.h1 .h1Text{font-size:calc(89vw / 3.75)}}.h1 .h1Subtext{margin-top:0;font-size:14px}@media screen and (max-width:430px){.h1 .h1Subtext{font-size:max(10px,calc(14vw / 3.75))}}.content-inner{max-width:387px;position:relative}.content-inner .sponsor{position:absolute;top:3.75vw;right:-7.5vw;width:21.65625vw;transform:translate(100%);max-width:420px;height:auto;display:block;transition:all .3s ease-out}.content-inner .sponsor:nth-child(2){top:16.25vw}@media (min-width:1000px) and (hover:hover){.content-inner .sponsor:hover img{transform:scale(1.02);transition:all .3s ease-out}}.content-inner .sponsor img{transition:all .3s ease-out}.content-inner .sponsor .sponsor-text{font-size:26px;font-weight:700}@media screen and (max-width:430px){.content-inner .sponsor .sponsor-text{font-size:8vw}}.content-inner .sponsor .sponsor-link{display:block;overflow:hidden;box-shadow:0 8px 20px #0000002e,0 2px 6px #0000001a;transition:box-shadow .3s ease-out}@media (hover: hover){.content-inner .sponsor .sponsor-link:hover{box-shadow:0 16px 36px #00000038,0 4px 10px #0000001f}}.content-inner .sponsor .sponsor-banner{width:100%;height:auto;display:block}@media screen and (max-width:1000px){.content-inner .sponsor{top:unset;left:50%;bottom:-20px;transform:translate(-50%,100%);width:calc(100% - (20vw / 3.75));padding-bottom:40px}.content-inner .sponsor:nth-child(2){bottom:-220px;top:unset}}.page-link{display:flex;justify-content:end;position:relative}.page-link .icon{font-size:28px;text-decoration:none;color:#333;height:28.5px;transition:all .3s ease-out}@media (hover: hover){.page-link .icon:hover{transform:scale(1.1);transition:all .3s ease-out}}.page-link .muteController{position:absolute;right:-3px;bottom:-46px;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.page-link .changelogController{position:absolute;right:0;bottom:-94px;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.page-link .clockLink{position:absolute;right:0;bottom:-142px}.page-link .modal{position:relative;color:#333;padding:2.5vw 5vw;border:none;border-radius:1vw;box-shadow:5px 5px 5px #0003;animation:modal-fadeIn .45s ease-out}@media screen and (max-width:524px){.page-link .modal{padding:calc(40vw / 3.75) 0;max-width:80vw;border-radius:3.2vw}}.page-link .modal::backdrop{background:#00000080}@media screen and (max-width:430px){.page-link .modal .h2{font-size:min(24px,6.4vw)}}.page-link .modal .p-text{margin-bottom:2px;font-weight:900}.page-link .modal .note{font-size:10px;width:80%;margin:0 auto}@media screen and (max-width:430px){.page-link .modal .note{width:100%}}.page-link .modal .modal-close-button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:28px;text-decoration:none;color:#333;height:28.5px;transition:all .3s ease-out;position:absolute;top:2.5vw;right:2.5vw}@media screen and (max-width:430px){.page-link .modal .modal-close-button{top:5.6vw;right:4vw;font-size:calc(28vw / 3.75);height:7.6vw}}@media (hover: hover){.page-link .modal .modal-close-button:hover{transform:scale(1.1);transition:all .3s ease-out}}.page-link .modal .ads-remove-convbutton{font-weight:600;text-decoration:none;margin:0 auto;margin-top:3.125vw;padding:1vw 4vw;border-radius:100vmax;display:block;width:fit-content;font-size:1.5vw;background:linear-gradient(45deg,#daaf08,#daaf08 45%,#fee9a0 70%,#daaf08 85%,#daaf08 90%,#daaf08);background-size:800% 400%;color:#fff;border:0;transition:all .3s ease-out}@media screen and (max-width:524px){.page-link .modal .ads-remove-convbutton{margin-top:calc(50vw / 3.75);padding:min(16px,calc(16vw / 3.75)) min(32px,calc(32vw / 3.75));font-size:clamp(16px,4.8vw,18px)}}@media (hover: hover){.page-link .modal .ads-remove-convbutton:hover{background-size:800% 400%;animation:btn-gradient 5s infinite cubic-bezier(.62,.28,.23,.99) both;transform:scale(1.05);transition:all .3s ease-out}}.page-link .modal .unlockCode-label{display:block;margin-top:3.125vw;font-weight:900;font-size:1.25vw}@media screen and (max-width:524px){.page-link .modal .unlockCode-label{margin-top:calc(50vw / 3.75);font-size:calc(20vw / 3.75)}}.page-link .modal .unlockCode{font-size:1.875vw;max-width:80%}@media screen and (max-width:524px){.page-link .modal .unlockCode{font-size:8vw}}.page-link .modal .modal-unlock-button-wrapper{margin:0 auto;margin-top:3.125vw;font-size:1vw;transition:all .3s ease-out;width:fit-content}@media screen and (max-width:524px){.page-link .modal .modal-unlock-button-wrapper{margin-top:calc(50vw / 3.75);font-size:calc(16vw / 3.75)}}.page-link .modal .modal-unlock-button-wrapper .modal-unlock-button{pointer-events:all;transition:all .3s ease-out;text-align:center;display:flex;justify-content:center;align-items:center;margin:0 auto;margin-top:1.875vw;font-size:16px;padding:10px 20px;background-color:#03bf63;color:#fff;border:none;border-radius:5px;cursor:pointer}@media screen and (max-width:524px){.page-link .modal .modal-unlock-button-wrapper .modal-unlock-button{margin-top:8vw}}@media (hover:hover){.page-link .modal .modal-unlock-button-wrapper:hover{transform:scale(1.05);transition:all .3s ease-out}}.timer-container{position:relative;margin:0 auto;max-width:280px;max-height:280px;width:calc(280vw / 3.75);height:calc(280vw / 3.75)}.timer-container svg{width:100%;height:100%}.timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(20px,12.8vw,48px);font-weight:700}.pomoCount{font-size:18px;margin-top:20px}@media screen and (max-width:430px){.pomoCount{font-size:clamp(12px,4.8vw,18px)}}.controller-wrapper{flex-wrap:wrap}.timerController{opacity:1;pointer-events:all;transition:all .3s ease-out;text-align:center;display:flex;justify-content:center;align-items:center;margin:30px auto 0;gap:8px}@media (hover:hover){.timerController:hover{transform:scale(1.05);transition:all .3s ease-out}}.timerController+.note{font-size:clamp(10px,3.2vw,14px)}.timerController:has(.pause){background-color:#fa7070!important}.timerController .btn-icon{filter:invert();width:16px;height:16px;aspect-ratio:1 / 1}@media (hover:hover){.resetButton:hover,.skipButton:hover{transform:scale(1.05);transition:all .3s ease-out}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hero-gradient-animation{0%{--c-0: hsla(340, 52%, 83%, 1);--s-start-0: 9%;--s-end-0: 55%;--x-0: 85%;--y-0: 80%;--x-1: 60%;--y-1: 24%;--c-1: hsla(49, 100%, 82%, 1);--s-start-1: 5%;--s-end-1: 72%;--c-2: hsla(127, 100%, 65%, .49);--x-2: 13%;--s-start-2: 5%;--s-end-2: 52%;--y-2: 82%;--x-3: 24%;--c-3: hsla(12, 72%, 68%, 1);--y-3: 7%;--s-start-3: 13%;--s-end-3: 68%}to{--c-0: hsla(340, 52%, 83%, 1);--s-start-0: 9%;--s-end-0: 55%;--x-0: 31%;--y-0: 94%;--x-1: 2%;--y-1: 25%;--c-1: hsla(50, 82%, 95%, 1);--s-start-1: 5%;--s-end-1: 72%;--c-2: hsla(127, 100%, 65%, .49);--x-2: 98%;--s-start-2: 5%;--s-end-2: 52%;--y-2: 20%;--x-3: 95%;--c-3: hsla(12, 72%, 68%, 1);--y-3: 92%;--s-start-3: 13%;--s-end-3: 68%}}@property --c-0{syntax: "<color>"; inherits: false; initial-value: hsla(340,52%,83%,1)}@property --s-start-0{syntax: "<percentage>"; inherits: false; initial-value: 9%}@property --s-end-0{syntax: "<percentage>"; inherits: false; initial-value: 55%}@property --x-0{syntax: "<percentage>"; inherits: false; initial-value: 85%}@property --y-0{syntax: "<percentage>"; inherits: false; initial-value: 80%}@property --x-1{syntax: "<percentage>"; inherits: false; initial-value: 60%}@property --c-1{syntax: "<color>"; inherits: false; initial-value: hsla(49,100%,82%,1)}@property --s-start-1{syntax: "<percentage>"; inherits: false; initial-value: 5%}@property --s-end-1{syntax: "<percentage>"; inherits: false; initial-value: 72%}@property --c-2{syntax: "<color>"; inherits: false; initial-value: hsla(127,100%,65%,.49)}@property --x-2{syntax: "<percentage>"; inherits: false; initial-value: 13%}@property --s-start-2{syntax: "<percentage>"; inherits: false; initial-value: 5%}@property --s-end-2{syntax: "<percentage>"; inherits: false; initial-value: 52%}@property --y-2{syntax: "<percentage>"; inherits: false; initial-value: 82%}@property --x-3{syntax: "<percentage>"; inherits: false; initial-value: 24%}@property --c-3{syntax: "<color>"; inherits: false; initial-value: hsla(12,72%,68%,1)}@property --y-3{syntax: "<percentage>"; inherits: false; initial-value: 7%}@property --s-start-3{syntax: "<percentage>"; inherits: false; initial-value: 13%}@property --s-end-3{syntax: "<percentage>"; inherits: false; initial-value: 68%}.gradation{z-index:2;--c-0: hsla(340, 52%, 83%, 1);--x-0: 85%;--y-0: 80%;--x-1: 60%;--y-1: 24%;--c-1: hsla(49, 100%, 82%, 1);--c-2: hsla(127, 100%, 65%, .49);--x-2: 13%;--y-2: 82%;--x-3: 24%;--c-3: hsla(12, 72%, 68%, 1);--y-3: 7%;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1232 1232' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"),radial-gradient(circle at var(--x-0) var(--y-0),var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1),var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2),var(--c-2) var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3),var(--c-3) var(--s-start-3),transparent var(--s-end-3));animation:hero-gradient-animation 2s linear infinite alternate;background-blend-mode:overlay,normal,normal,normal,normal}@keyframes hero-gradient-animation-dark{0%{--y-0: 90%;--x-0: 91%;--s-start-0: 1%;--s-end-0: 61%;--c-0: hsla(88, 2%, 11%, 1);--x-1: 17%;--c-1: hsla(66, 0%, 0%, 1);--s-start-1: 0%;--s-end-1: 55%;--y-1: 24%;--x-2: 11%;--c-2: hsla(239, 37%, 20%, 1);--s-start-2: 19%;--s-end-2: 54%;--y-2: 32%;--x-3: 2%;--y-3: 31%;--s-start-3: 0%;--s-end-3: 67%;--c-3: hsla(245, 100%, 52%, 1);--c-4: hsla(340, 0%, 0%, 1);--s-start-4: 12%;--s-end-4: 82%;--x-4: 74%;--y-4: 93%}to{--y-0: 25%;--x-0: 49%;--s-start-0: 19%;--s-end-0: 69%;--c-0: hsla(304, 0%, 0%, 1);--x-1: 1%;--c-1: hsla(233, 88%, 22%, 1);--s-start-1: 3%;--s-end-1: 77%;--y-1: 41%;--x-2: 44%;--c-2: hsla(312, 0%, 0%, 1);--s-start-2: 6%;--s-end-2: 73%;--y-2: 93%;--x-3: 97%;--y-3: 51%;--s-start-3: 8%;--s-end-3: 86%;--c-3: hsla(351, 0%, 0%, 1);--c-4: hsla(163, 95%, 37%, 1);--s-start-4: 20%;--s-end-4: 75%;--x-4: 10%;--y-4: 69%}}@property --y-0{syntax: "<percentage>"; inherits: false; initial-value: 90%}@property --x-0{syntax: "<percentage>"; inherits: false; initial-value: 91%}@property --s-start-0{syntax: "<percentage>"; inherits: false; initial-value: 1%}@property --s-end-0{syntax: "<percentage>"; inherits: false; initial-value: 61%}@property --c-0{syntax: "<color>"; inherits: false; initial-value: hsla(88,2%,11%,1)}@property --x-1{syntax: "<percentage>"; inherits: false; initial-value: 17%}@property --c-1{syntax: "<color>"; inherits: false; initial-value: hsla(66,0%,0%,1)}@property --s-start-1{syntax: "<percentage>"; inherits: false; initial-value: 0%}@property --s-end-1{syntax: "<percentage>"; inherits: false; initial-value: 55%}@property --y-1{syntax: "<percentage>"; inherits: false; initial-value: 24%}@property --x-2{syntax: "<percentage>"; inherits: false; initial-value: 11%}@property --c-2{syntax: "<color>"; inherits: false; initial-value: hsla(239,37%,20%,1)}@property --s-start-2{syntax: "<percentage>"; inherits: false; initial-value: 19%}@property --s-end-2{syntax: "<percentage>"; inherits: false; initial-value: 54%}@property --y-2{syntax: "<percentage>"; inherits: false; initial-value: 32%}@property --x-3{syntax: "<percentage>"; inherits: false; initial-value: 2%}@property --y-3{syntax: "<percentage>"; inherits: false; initial-value: 31%}@property --s-start-3{syntax: "<percentage>"; inherits: false; initial-value: 0%}@property --s-end-3{syntax: "<percentage>"; inherits: false; initial-value: 67%}@property --c-3{syntax: "<color>"; inherits: false; initial-value: hsla(245,100%,52%,1)}@property --c-4{syntax: "<color>"; inherits: false; initial-value: hsla(340,0%,0%,1)}@property --s-start-4{syntax: "<percentage>"; inherits: false; initial-value: 12%}@property --s-end-4{syntax: "<percentage>"; inherits: false; initial-value: 82%}@property --x-4{syntax: "<percentage>"; inherits: false; initial-value: 74%}@property --y-4{syntax: "<percentage>"; inherits: false; initial-value: 93%}.gradation.dark-mode{--y-0: 90%;--x-0: 91%;--c-0: hsla(88, 2%, 11%, 1);--x-1: 17%;--c-1: hsla(66, 0%, 0%, 1);--y-1: 24%;--x-2: 11%;--c-2: hsla(239, 37%, 20%, 1);--y-2: 32%;--x-3: 2%;--y-3: 31%;--c-3: hsla(245, 100%, 52%, 1);--c-4: hsla(340, 0%, 0%, 1);--x-4: 74%;--y-4: 93%;background-color:#000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1942 1942' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"),radial-gradient(circle at var(--x-0) var(--y-0),var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1),var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2),var(--c-2) var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3),var(--c-3) var(--s-start-3),transparent var(--s-end-3)),radial-gradient(circle at var(--x-4) var(--y-4),var(--c-4) var(--s-start-4),transparent var(--s-end-4));animation:hero-gradient-animation-dark 2s linear infinite alternate;background-blend-mode:overlay,normal,normal,normal,normal,normal;z-index:2}@keyframes btn-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes modal-fadeIn{0%{opacity:0;filter:blur(4px);transform:translateY(100%)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@media (hover: hover){html,body{cursor:none}a,button,[role=button],select,input,textarea,label{cursor:pointer}.resetButton,.skipButton,.timerController,.page-link .icon,.sponsor-link{cursor:pointer!important}.custom-cursor{position:fixed;width:16px;height:16px;border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:opacity .15s ease-out,transform .15s ease-out,background-color .2s ease-out;opacity:1}.custom-cursor.focus{background-color:#fa7070}.custom-cursor.break{background-color:#03bf63}.custom-cursor.hide{opacity:0;transform:translate(-50%,-50%) scale(0)}}