body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{align-items:center;display:flex;justify-content:center;min-height:100vh;transition:all .3s ease}.app.light-mode{background:linear-gradient(135deg,#667eea,#764ba2)}.app.dark-mode{background:linear-gradient(135deg,#2c3e50,#34495e)}.counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 15px 35px #0000001a;min-width:300px;padding:40px 50px;position:relative;text-align:center;transition:all .3s ease}.light-mode .counter{background:#fffffff2;border:1px solid #fff3}.dark-mode .counter{background:#1e2832f2;border:1px solid #ffffff1a;box-shadow:0 15px 35px #0000004d}.theme-toggle{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:8px;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px}.light-mode .theme-toggle{background:#0000001a}.dark-mode .theme-toggle{background:#ffffff1a}.theme-toggle:hover{transform:scale(1.1)}.count{font-size:2.5rem;font-weight:600;margin-bottom:30px;text-shadow:0 2px 4px #0000001a;transition:color .3s ease}.light-mode .count{color:#333}.dark-mode .count{color:#ecf0f1}.counter button:not(.theme-toggle){border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;margin:0 10px;min-width:70px;padding:15px 25px;transition:all .3s ease}.counter button:not(.theme-toggle):hover{transform:translateY(-2px)}.counter button:not(.theme-toggle):active{transform:translateY(0)}.light-mode .increment{background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 5px 15px #44a08d66}.light-mode .increment:hover{box-shadow:0 8px 25px #44a08d99}.light-mode .increment:active{box-shadow:0 3px 10px #44a08d66}.light-mode .decrement{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);box-shadow:0 5px 15px #fdcb6e66;color:#333}.light-mode .decrement:hover{box-shadow:0 8px 25px #fdcb6e99}.light-mode .decrement:active{box-shadow:0 3px 10px #fdcb6e66}.light-mode .reset{background:linear-gradient(135deg,#fd79a8,#e84393);box-shadow:0 5px 15px #e8439366}.light-mode .reset:hover{box-shadow:0 8px 25px #e8439399}.light-mode .reset:active{box-shadow:0 3px 10px #e8439366}.dark-mode .increment{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 5px 15px #27ae6066}.dark-mode .increment:hover{box-shadow:0 8px 25px #27ae6099}.dark-mode .increment:active{box-shadow:0 3px 10px #27ae6066}.dark-mode .decrement{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 5px 15px #f39c1266;color:#fff}.dark-mode .decrement:hover{box-shadow:0 8px 25px #f39c1299}.dark-mode .decrement:active{box-shadow:0 3px 10px #f39c1266}.dark-mode .reset{background:linear-gradient(135deg,#8e44ad,#9b59b6);box-shadow:0 5px 15px #8e44ad66}.dark-mode .reset:hover{box-shadow:0 8px 25px #8e44ad99}.dark-mode .reset:active{box-shadow:0 3px 10px #8e44ad66}@media (max-width:480px){.counter{min-width:250px;padding:30px 25px}.count{font-size:2rem;margin-bottom:25px}.counter button:not(.theme-toggle){font-size:1rem;margin:5px 8px;min-width:60px;padding:12px 20px}.theme-toggle{font-size:1.2rem;height:35px;right:10px;top:10px;width:35px}}@media (min-width:481px) and (max-width:900px){.counter{min-width:280px;padding:35px}.count{font-size:2.2rem;margin-bottom:28px}.counter button:not(.theme-toggle){font-size:1.1rem;margin:6px 10px;min-width:65px;padding:14px 22px}.theme-toggle{font-size:1.3rem;height:38px;right:12px;top:12px;width:38px}}@media (min-width:901px) and (max-width:1199px){.counter{min-width:320px;padding:40px 50px}.count{font-size:2.5rem;margin-bottom:30px}.counter button:not(.theme-toggle){font-size:1.2rem;margin:8px 12px;min-width:70px;padding:15px 25px}.theme-toggle{font-size:1.5rem;height:40px;right:15px;top:15px;width:40px}}@media (min-width:1200px){.counter{min-width:400px;padding:60px 80px}.count{font-size:3rem;margin-bottom:40px}.counter button:not(.theme-toggle){font-size:1.4rem;margin:10px 16px;min-width:90px;padding:20px 35px}.theme-toggle{font-size:1.8rem;height:48px;right:20px;top:20px;width:48px}}
/*# sourceMappingURL=main.b8550fd5.css.map*/