:root{--primary-light: #8abdff;--primary: #6d5dfc;--primary-dark: #5b0eeb;--white: #FFFFFF;--greyLight-1: #E4EBF5;--greyLight-2: #c8d0e7;--greyLight-3: #bec8e4;--greyDark: #9baacf;--text: #3f3e3e}@media (prefers-color-scheme: dark){:root{--primary-light: #8abdff;--primary: #c6a0f6;--primary-dark: #9c77c9;--white: #494d64;--greyLight-1: #363a4f;--greyLight-2: #24273a;--greyLight-3: #1e2030;--greyDark: #cad3f5;--text: #f5f5f5}}*{background:var(--greyLight-1);box-sizing:border-box}html,body{min-height:100vh}div,svg{background:transparent}body{margin:0;display:flex;justify-content:center;align-items:center;padding:clamp(16px,4vw,96px)}#root{width:100%;max-width:1200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,4vw,56px)}.tab-container{display:flex;width:100%;justify-content:center;padding:0 clamp(8px,2vw,24px);gap:clamp(8px,1.5vw,20px);flex-wrap:wrap}.main-container{display:flex;align-items:center;justify-content:center;width:100%;flex-wrap:wrap;gap:clamp(16px,4vw,48px)}.tab-btn{font-family:Montserrat,sans-serif;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;font-weight:600;padding:12px 18px;color:var(--greyDark);border-bottom:2px solid var(--greyLight-2);flex:1 1 180px;max-width:220px;transition:border .8s ease,color .5s ease}.tab-btn:hover{color:var(--primary-dark);cursor:pointer}.tab-btn:active{color:var(--primary)}.tab-btn---current,.tab-btn---current:hover{color:var(--primary-dark);border-bottom:2px solid var(--primary)}.action-btn{display:flex;justify-content:center;align-items:center;border:none;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);width:clamp(64px,8vw,120px);height:clamp(64px,8vw,120px);border-radius:50%;fill:var(--primary);cursor:pointer;transition:all .5s ease;margin:0}.action-btn:hover{fill:var(--primary-dark)}.action-btn:active{box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white)}.timer{font-family:Azeret Mono,monospace;font-size:clamp(72px,18vw,260px);font-weight:300;color:var(--text);text-align:center}.footer-header,.footer{font-family:Montserrat,sans-serif;width:100%;text-align:center;font-size:16px;font-weight:600;padding:10px;box-sizing:border-box;color:var(--text)}.footer__link{color:var(--primary);text-decoration-line:none;transition:all .4s;background:none}.footer__link:hover{color:var(--primary-dark);cursor:pointer}@media screen and (max-width: 800px){.tab-btn{flex:1 1 100%;max-width:none}.timer{font-size:clamp(120px,30vw,220px);order:1}.action-btn{order:2}}@media screen and (min-width: 1600px){#root{max-width:1400px;gap:clamp(32px,3vw,80px)}.main-container{gap:clamp(24px,3vw,72px)}.tab-btn{max-width:260px;font-size:20px}}@media screen and (min-width: 1920px){body{padding:clamp(32px,5vw,140px)}#root{max-width:1600px}.timer{font-size:clamp(180px,12vw,320px)}.action-btn{width:clamp(90px,6vw,150px);height:clamp(90px,6vw,150px)}}