body,html{height:100%;margin:0;padding:0;font-family:Arial,sans-serif}body{background:#333}.background{z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100vh;position:fixed;top:0;left:0}.layout{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.layout a{color:#fff;text-decoration:none}.layout a:hover{text-decoration:underline}img{width:1rem;height:1rem;margin:.3rem}img:hover{cursor:pointer}header{margin:.8rem;position:fixed;top:0;left:0}.time{margin:0;font-size:6.5rem;font-weight:700}.date{margin:0;font-size:2.5rem;font-weight:700}.greeting{font-size:3rem;font-weight:700}.search-box{margin:1rem 0}.search-box input{color:#fff;background:#fff3;border:none;border-radius:20px;outline:none;width:390px;max-width:80vw;padding:.5rem 1rem;font-size:1.4rem}.search-box input::placeholder{color:#ffffffb3}.quote{flex-direction:column;align-items:center;width:80vw;max-width:600px;font-size:1.2rem;display:flex}footer{font-size:.8rem;position:fixed;bottom:1rem}footer>img{width:1.1rem;height:1.1rem;margin:.5rem}footer>div:first-child{font-size:.95rem;position:fixed;bottom:1rem;left:1rem}footer>div:last-child{position:fixed;bottom:2.2rem;left:47.5vw}.clock>svg{width:200px;height:200px}.clock>svg>*{stroke:#fff}.clock>svg>line{stroke-linecap:round;stroke-width:2px;transform-origin:50px 50px;transition:transform .15s cubic-bezier(.175,.885,.32,1.275)}.modal{z-index:1000;color:#333;background-color:#0006;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:auto}.modal-content{background-color:#fff;border:1px solid #ccc;width:80%;max-width:500px;margin:auto;padding:15px}.modal-content>textarea{border:1px solid #ccc;border-radius:4px;width:95%;padding:10px}.modal-content>.modal-footer{justify-content:space-between;margin-top:1rem;display:flex}.modal-content>.modal-footer>button{color:#fff;cursor:pointer;background-color:#333;border:none;border-radius:4px;padding:.5rem 1rem}.modal-content>.modal-footer>button:hover{background-color:#555}.modal-content>.modal-footer>button:active{background-color:#777}.modal-content>.config-tabs{border-bottom:1px solid #ddd;gap:.5rem;margin-bottom:1rem;display:flex}.modal-content>.config-tabs>button{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;padding:.4rem .8rem}.config-tabs>button.active{color:#333;border-bottom-color:#333;font-weight:700}.config-body{max-height:55vh;overflow-y:auto}.config-section{flex-direction:column;gap:.7rem;display:flex}.field{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.field input,.field select{border:1px solid #ccc;border-radius:4px;padding:.4rem}.field-boolean{flex-direction:row;align-items:center;gap:.5rem}.config-widget-card{border:1px solid #ddd;border-radius:4px;flex-direction:column;gap:.6rem;padding:.7rem;display:flex}.config-widget-header{justify-content:space-between;align-items:center;display:flex}.config-widget-card>.config-widget-header>.config-widget-actions>button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;margin-left:.3rem;padding:.2rem .5rem}.config-add-row{gap:.5rem;display:flex}.config-add-btn{cursor:pointer;background:#fff;border:1px dashed #999;border-radius:4px;padding:.4rem .7rem}.config-links{flex-direction:column;gap:.4rem;display:flex}.config-links-row{gap:.4rem;display:flex}.config-links-row>input{border:1px solid #ccc;border-radius:4px;flex:1;padding:.4rem}.config-error{color:#c0392b;font-size:.85rem}