*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}body{background:linear-gradient(135deg,#74b9ff,#0984e3);overflow-x:hidden}#app{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}talking-clock-app{width:100%;height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.hidden{display:none!important}.fade-in{animation:fadeIn .5s ease-in}.fade-out{animation:fadeOut .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}button:focus,select:focus,[tabindex]:focus{outline:2px solid #fff;outline-offset:2px}@media (max-width: 768px){#app{padding:10px}}@media (max-width: 480px){#app{padding:5px}}@media (prefers-contrast: high){*{border-color:ButtonText!important}}