body{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f0f2f5;margin:0}.container{background:white;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center;width:90%;max-width:500px}h2{margin-top:0}textarea{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px;font-size:16px;resize:vertical;min-height:80px;box-sizing:border-box}.button-group{display:flex;justify-content:center;gap:10px}button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background .3s,opacity .3s}#flip{background-color:#007bff;color:#fff}#flip:hover{background-color:#0056b3}#add-time,#clear{background-color:#6c757d;color:#fff}#add-time:hover,#clear:hover{background-color:#5a6268}p{color:#666;font-size:14px;margin-top:15px}a{color:#007bff;text-decoration:none;transition:color .2s}a:hover{color:#0056b3}