@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--font-main:"Inter", sans-serif;--color-background:#101020;--color-text:#e8e8f2;--color-text-secondary:#a6a6c0;--color-card:#1f1f3d;--color-card-hover:#5c1b1b;--color-heading:#ff5414}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{color:var(--color-text);background:var(--color-background);font-family:var(--font-main);margin:30px 60px}button{color:var(--color-text);background:var(--color-card);cursor:pointer;letter-spacing:.07em;border:none;border-radius:100px;transition:all .3s ease-in-out}.overlay{background:color-mix(in srgb, var(--color-background) 90%, transparent);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-card);text-align:center;border-radius:12px;max-width:500px;margin:0 14px;padding:20px 24px 16px;line-height:1.6em}.modal img{margin-top:6px}.control-time{gap:14px;display:flex}.control-time button{letter-spacing:.1em;align-items:center;gap:2px;font-weight:600;display:flex}.start-btn{background:var(--color-heading);color:var(--color-text);padding:20px 70px;font-size:1.3em}.reset-btn{background:var(--color-card);color:var(--color-text-secondary);padding:20px}.start-btn img{margin-left:10px}.start-btn img,.reset-btn img{width:26px;height:26px}.start-btn:hover,.reset-btn:hover{background:var(--color-card-hover)}@media screen and (width<=640px){.control-time{flex-direction:column;align-items:center}}.mode-selector{gap:14px;display:flex}.mode-selector button{align-items:center;gap:10px;padding:14px 28px;display:flex}.mode-selector button.active{background:var(--color-heading)}.mode-selector button:hover{background:var(--color-card-hover)}.mode-selector img{width:24px;height:24px}@media screen and (width<=640px){.mode-selector{flex-direction:column}}h2{text-align:center;letter-spacing:.05em;font-size:4em;font-weight:600}img{width:40px;height:40px}.timer{border:1px solid var(--color-heading);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:280px;height:280px;display:flex}@media screen and (width<=640px){h2{font-size:3em}.timer{width:240px;height:240px}}header{justify-content:center;align-items:center;gap:10px;display:flex}h1{color:var(--color-heading);letter-spacing:.03em;font-size:2.2em;font-weight:500}header img{cursor:pointer;width:48px;height:48px}main{margin:40px 0}.main-elements{flex-direction:column;justify-content:center;align-items:center;gap:38px;display:flex}.citation{color:var(--color-text-secondary);background:var(--color-card);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;max-width:400px;margin:48px auto auto;padding:20px;line-height:1.5em;display:flex}.citation img{width:34px;height:34px}@media screen and (width<=640px){main{margin:30px 0}.main-elements{gap:28px}.citation{margin-top:34px}.citation img{width:26px;height:26px}}