*{margin:0;padding:0;box-sizing:border-box;font-family:Arial}
body{background:#f5f7fa;padding:30px}
.container{max-width:700px;margin:0 auto}
.title{text-align:center;margin-bottom:30px;color:#333}
.card{background:#fff;padding:20px;margin-bottom:15px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.time{font-size:24px;margin-top:10px;color:#222}
#username{width:100%;padding:8px;margin:10px 0;border:1px solid #ccc;border-radius:4px}
button{padding:6px 14px;background:#007bff;color:white;border:none;border-radius:4px;margin-right:8px;cursor:pointer}
#colorBox{width:100px;height:100px;background:#007bff;border-radius:8px;margin-top:10px;cursor:pointer}
#counter{font-size:28px;margin:10px 0}
#panel{margin-top:10px;padding:12px;background:#eee;border-radius:4px;display:none}