:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;align-items:center;justify-content:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.toggleable-button{height:45px;margin-left:15px;margin-right:15px;display:flex;justify-content:center;align-items:center;position:relative}.toggleable-container{width:50px;height:20px;background-color:#313131;border-radius:10px;transition:.5s}.toggleable-button button{position:absolute;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:3px;background-color:#000;outline:0;border:1px solid rgba(172,172,172,.25);transition:.5s}.toggleable-button button>*{font-size:1.25em;color:#fff;position:absolute}.full-screen-btn-container{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4}.full-screen-btn-container .full-screen-btn{color:#fff;font-size:2.25em;cursor:pointer;margin-left:10px;margin-right:8px;filter:drop-shadow(1px 1px 1px black)}.full-screen-btn-container p{position:absolute;text-align:center;right:0;top:40px;box-shadow:0 0 10px #0006;border:1px solid rgba(251,251,251,.2);background-color:#26252580;color:#fff;padding:5px 15px;border-radius:5px;opacity:0;transition:.25s;cursor:default}.full-screen-btn-container .full-screen-btn:hover~p{opacity:1}.theme{display:flex;align-items:flex-start;justify-content:flex-end;width:100vw;height:100vh}#theme-gif-container .lofi-video-bg{position:absolute;top:0;left:0;object-fit:cover;width:100%;height:100%;z-index:1;opacity:1;transition:opacity 2s;pointer-events:none;-webkit-user-select:none;user-select:none}#theme-gif-container .lofi-video-bg::-webkit-media-controls{display:none}#theme-gif-container .lofi-video-bg::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none}#theme-gif-container .lofi-video-bg::-webkit-media-controls-play-button{display:none!important;-webkit-appearance:none}#theme-gif-container .lofi-video-bg::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}#theme-gif-container .theme-inactive{opacity:0}#theme-customisation-container{position:relative;z-index:4;top:20px;right:20px;width:fit-content;height:fit-content;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #0006;border:1px solid rgba(251,251,251,.2);padding:.5vh;display:flex;flex-direction:row;align-items:center}.time-display{position:absolute;z-index:2;top:5%;left:calc(50% - 150px);display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px}.time-display .time{display:flex;align-items:flex-end;justify-content:center}.time-display *{color:#fff;padding:0;margin:0;width:fit-content;height:fit-content}.time-display .time h2{font-size:6em;text-align:center;margin-right:5px;filter:drop-shadow(1px 1px 2px black)}.time-display .time h3{position:relative;top:-20px;font-size:2.5em;font-weight:600;filter:drop-shadow(1px 1px 2px black)}.time-display .date{position:relative;top:-17px}.time-display .date h2{font-size:1.5em;font-weight:600;filter:drop-shadow(1px 1px 2px black)}.screen-blocker{position:absolute;z-index:3;width:100vw;height:100vh}.homebar{position:absolute;z-index:4;bottom:30px;left:50%;transform:translate(-50%);width:80vw;height:50px;border-radius:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 10px #0006;border:1px solid rgba(251,251,251,.2);padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr}.homebar>*{display:flex;align-items:center}.homebar button{width:50px;height:50px;border-radius:50%;background-color:#4b4b4b40;border:2.5px solid rgb(255,255,255);outline:none;display:flex;align-items:center;justify-content:center;text-align:center;padding:5px;margin-right:15px;transition:.5s}.homebar button:hover{border-color:#9ad7ff}.homebar .left-section .music-btn .music-icon{color:#fff;font-size:1.5em}.homebar .left-section .music-info *{color:#fff;margin:0}.homebar .left-section .music-info .music-name-label{font-size:1.15em;font-weight:700}.homebar .left-section .music-info .music-author-label{font-size:.9em;font-weight:600}.homebar .middle-section{grid-column:2;justify-content:center}.homebar .middle-section>*>*{color:#fff;font-size:1.5em}.homebar .right-section{grid-column:3;justify-content:flex-end}.homebar .right-section>*>button{width:35px;height:35px;padding:5px}.homebar .right-section>*>button>*{color:#fff;font-size:1em}.homebar .right-section>div:nth-child(2)>button>*{font-size:1.5em}.rotating-element{animation:rotate360 7s infinite linear}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 700px){.homebar{grid-template-areas:"info info info" "audio control setting";height:85px}.left-section{grid-area:info;margin-bottom:10px}.left-section .music-info{display:grid;grid-template-columns:1fr 1fr;align-items:center;flex:1}.left-section .music-info .music-name-label{grid-column:1;margin-left:5px}.left-section .music-info .music-author-label{grid-column:2;justify-self:flex-end;font-weight:300}.homebar button{width:40px;height:40px}.homebar .left-section .music-btn .music-icon,.homebar .middle-section>*>*,.homebar .right-section>*>button>*{color:#fff;font-size:1.05em}.homebar .middle-section{grid-area:control;justify-content:center}.homebar .right-section>.volume-control-btn{position:absolute;left:20px}.homebar .right-section>.settings-btn{position:absolute;right:0}}