*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0a0a0a;font-family:Arial,sans-serif}.app{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.counter{text-align:center;background:#111;border:1px solid #292929;border-radius:24px;width:400px;padding:45px 35px;box-shadow:0 20px 60px #000000b3,inset 0 1px #ffffff0d}.counter h1{color:#fff;margin-bottom:30px;font-size:30px}.count{color:#fff;text-shadow:0 0 25px #ffffff26;margin-bottom:35px;font-size:100px;font-weight:700}.buttons{justify-content:center;align-items:center;gap:12px;display:flex}.buttons button{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:13px 22px;font-size:17px;font-weight:600;transition:all .2s}.buttons button:first-child,.buttons button:last-child{width:58px;height:58px;padding:0;font-size:28px}.buttons button:hover{color:#000;background:#fff;border-color:#fff;transform:translateY(-3px)}.buttons button:active{transform:scale(.92)}@media (width<=450px){.counter{width:100%;padding:35px 20px}.counter h1{font-size:26px}.count{font-size:80px}}