body{background:linear-gradient(to right,var(--primary-100),var(--primary-200));font-family:Arial,sans-serif}.container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:1rem;position:relative;text-align:center}.quote-count{background-color:var(--bg-200);bottom:10px;font-size:1rem;font-weight:700;left:10px;padding:5px 10px;position:absolute}.quote-box,.quote-count{border-radius:8px;color:var(--text-100)}.quote-box{background-color:var(--bg-100);box-shadow:0 4px 8px #0003;font-family:Georgia,serif;font-size:2rem;margin:0 auto;max-width:1400px;padding:1rem;transition:opacity .5s ease-in-out;width:100%}.quote-box.hidden{opacity:0}.quote-box.visible{opacity:1}.author{color:var(--text-200);font-size:1.2rem}.auto-play-btn,.change-quote-btn{background-color:var(--accent-200);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.auto-play-btn:hover,.change-quote-btn:hover{background-color:var(--primary-100)}.change-quote-btn:disabled{background-color:var(--bg-300);cursor:not-allowed}.countdown{background-color:var(--bg-200);color:var(--text-200);display:inline-block;font-size:1rem;margin-top:1rem}.countdown,.time-date{border-radius:8px;padding:5px 10px}.time-date{background-color:var(--bg-100);color:var(--text-100);font-family:SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;left:10px;position:absolute;top:10px}.current-time{font-weight:600;margin-bottom:5px}.current-date{font-size:12px;font-weight:500}.settings-btn{background-color:var(--accent-200);border:none;border-radius:8px;bottom:10px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;position:absolute;right:10px;transition:background-color .3s ease}.settings-btn:hover{background-color:var(--primary-100)}.settings-panel{background-color:var(--bg-100);border:1px solid var(--primary-200);border-radius:8px;bottom:60px;box-shadow:0 2px 10px #0003;color:var(--text-100);padding:10px;position:absolute;right:20px;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.settings-panel.hidden{opacity:0;visibility:hidden}.settings-panel.visible{opacity:1;visibility:visible}.settings-panel .auto-play-interval{align-items:center;display:flex;flex-direction:column;width:100%}.settings-panel .auto-play-interval label{color:var(--text-100);margin-bottom:10px}.settings-panel .auto-play-interval input{background-color:var(--bg-200);border:1px solid var(--primary-200);border-radius:5px;color:var(--text-100);margin:10px 0;padding:5px;width:80%}.settings-panel .auto-play-interval span{color:var(--text-200);font-size:14px}@media screen and (max-width:768px){.quote-box{font-size:1.5rem;margin:0 1rem;padding:.8rem}.author{font-size:1rem}.auto-play-btn,.change-quote-btn,.settings-btn{font-size:.9rem;padding:.5rem 1rem}.time-date{padding:3px 8px}.current-time,.time-date{font-size:12px}.current-date{font-size:10px}.quote-count{font-size:.8rem;padding:3px 8px}.settings-panel{bottom:80px;right:50%;transform:translateX(50%);width:80%}.countdown{font-size:.9rem;padding:3px 8px}}@media screen and (max-width:480px){.quote-box{font-size:1.2rem;padding:.6rem}.container{padding:.5rem}.settings-panel .auto-play-interval input{width:90%}}:root{--primary-100:#4c8577;--primary-200:#7bb5a6;--primary-300:#deffff;--accent-100:#a3d2ca;--accent-200:#46726b;--text-100:#2e3d48;--text-200:#586773;--bg-100:#dff0e2;--bg-200:#d5e6d8;--bg-300:#adbdb0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.6053b21e.css.map*/