.playlist-container{color:#f6f6f6;height:100dvh;left:0;position:fixed;top:0;width:40%;z-index:400}@media(max-width:768px){.playlist-container{left:0;position:absolute;top:0;width:100%}}.playlist-topbar{position:sticky;top:0;width:100%;z-index:10}.playlist-tracks{display:flex;flex-direction:column;height:90%;overflow-y:auto;width:100%}.playlist-track-container{align-items:center;display:flex;justify-content:space-between;min-height:28px;overflow-y:hidden;padding:.25rem .5rem}.playlist-track-container:hover{background-color:hsla(0,0%,96%,.2);cursor:pointer}.playlist-track{transition:background-color .3s ease}.playlist-current{background-color:hsla(0,0%,96%,.2)}@media(min-width:768px){.playlist-closebutton{display:none!important}}.playlist-buttons{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.5rem .5rem 0}.playlist-buttons button{height:auto}.playlist-buttons--selected{background-color:hsla(0,0%,96%,.2)}.playlist-no-result,.playlist-search{padding:.25rem .5rem}.playlist-search{width:100%}.playlist-ignored{opacity:.5}.icon-container{align-items:center;display:flex;justify-content:center}.icon-container-md{height:36px;width:36px}.icon-container-sm{height:24px;width:24px}.icon-img{filter:invert(100%);height:100%;opacity:.5;width:100%}.icon-img:hover{cursor:pointer;opacity:1}.trackactionbuttons-container{display:flex;flex-direction:row;justify-content:flex-end}.playcontrol-container{padding:1rem;width:90%}.playcontrol-info-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.playcontrol-info-container--title{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:center}.playcontrol-info-container--title h2{color:#f6f6f6;height:auto;text-align:center}.playcontrol-info-container--author{opacity:.5;word-break:break-all}.playcontrol-buttons{justify-content:center;margin-top:.5rem;position:relative}.playcontrol-buttons,.playcontrol-buttons .left{align-items:center;display:flex;flex-direction:row}.playcontrol-buttons .right{display:flex;flex-direction:row;justify-content:right;position:absolute;right:0}@media(max-width:1024px){.playcontrol-buttons{justify-content:space-between}}.clock-container{align-items:center;display:flex;flex-direction:column;opacity:.8;z-index:-1}.clock-time{font-size:5rem}.page{background-color:#14171c;height:100dvh;min-height:600px;position:relative;width:100%;z-index:0}.page:before{animation:fadeInBg 1.5s ease-in forwards;background-image:url(https://roifjcf.github.io/rhythmloft/img/background-filtered.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";inset:0;opacity:0;position:absolute;z-index:0}.content{align-items:flex-end;display:flex;flex-direction:row;height:100%;justify-content:space-between;position:relative;z-index:1}.content>.left{height:100%;width:60%}.content>.right{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:flex-end;padding:0 3rem;width:40%}@media(max-width:768px){.content>.right{bottom:0;padding:0 1rem;position:absolute;right:50%;transform:translate(50%);width:95%}}@keyframes fadeInBg{0%{opacity:0}to{opacity:1}}.retro-screen{overflow:hidden;position:relative}.retro-screen:after{animation:scanlineMove 3s linear infinite;background:repeating-linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.05) 1px,transparent 0,transparent 3px);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}@keyframes scanlineMove{0%{background-position:0 0}to{background-position:0 3px}}.blur-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:rgba(20,23,28,.2);height:100dvh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:50}.vaporwave-overlay{background:linear-gradient(135deg,rgba(19,49,247,.205),rgba(0,0,0,.1));mix-blend-mode:overlay;z-index:20}.particles-overlay,.vaporwave-overlay{inset:0;overflow:hidden;pointer-events:none;position:fixed}.particles-overlay{z-index:999}.particles-overlay .particle{animation:float 5s linear infinite;background-color:#fff;border-radius:50%;height:2px;opacity:.6;position:absolute;width:2px}@keyframes float{0%{opacity:.6;transform:translateY(0) translateX(0)}50%{opacity:.3;transform:translateY(50vh) translateX(20px)}to{opacity:0;transform:translateY(100dvh) translateX(-20px)}}.rain-overlay{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:999}.rain-drop{animation:fall linear infinite;background:hsla(0,0%,100%,.3);height:15px;position:absolute;top:-20px;width:2px}@keyframes fall{to{transform:translateY(100dvh)}}.modal-container{animation:modalOpen .2s ease-out forwards;height:70%;min-height:450px;min-width:300px;opacity:0;padding:2rem;position:fixed;right:50%;top:50%;transform:translate(50%,-50%);transform:translate(50%,-50%) scale(.8);width:50%}@media(max-width:768px){.modal-container{width:70%}}@keyframes modalOpen{0%{opacity:0;transform:translate(50%,-50%) scale(.8)}to{opacity:1;transform:translate(50%,-50%) scale(1)}}.modal-close-btn{align-items:center;display:flex;justify-content:center;padding:.5rem;position:absolute;right:0;top:0}.modal-content{display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:flex-start;width:100%}.languagedropdown-container{display:flex;flex-direction:column;overflow:visible;position:relative}.languagedropdown-container ul{display:flex;flex-direction:column;position:absolute;right:-10%;top:120%}.languagedropdown-container li{padding:.25rem;text-align:center;width:100%}.languagedropdown-container li:hover{background-color:hsla(0,0%,96%,.2);cursor:pointer}.sfxunit-container{align-items:center;display:flex;flex-direction:column;gap:.25rem;height:auto;justify-content:center;margin-bottom:.5rem;width:36px}.sfxunit-container .playing{opacity:1}.ambientsound-container{align-content:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;width:100%}.navbar-container{align-items:flex-start;display:flex;flex-direction:row;gap:.25rem;overflow:visible;padding:.5rem;position:fixed;right:0;top:0;z-index:100}.navbar-container .modal-content>section{display:flex;flex-direction:column;flex-wrap:wrap;gap:.5rem}.navbar-pomodoro-container,.navbar-settings-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.navbar-pomodoro-container{align-items:center;flex-direction:row}.pomodoro-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}.pomodoro-timer{font-size:2rem}.pomodoro-controls{display:flex;flex-direction:row}@import"https://fonts.googleapis.com/css2?family=DotGothic16&family=Sometype+Mono:ital,wght@0,400..700;1,400..700&display=swap";.characterchat-container{display:flex;flex-direction:column;height:100dvh;justify-content:space-between;padding:1rem}@media(max-width:768px){.characterchat-container{height:100dvh;left:0;padding-top:32px;position:fixed;top:0;width:100%;z-index:10}}.characterchat-message-container{overflow-y:auto}.characterchat-message-container ol,.characterchat-message-container ul{list-style:none;margin-left:1.2em;padding-left:0}.characterchat-message-container li{padding-left:1.2em;position:relative}.characterchat-message-container li:before{color:#f6f6f6;content:"•";left:0;position:absolute;top:0}.characterchat-message-container th{text-align:left}.characterchat-message-container>div{margin:1rem 0}.characterchat-input-container{display:flex;gap:.5rem;margin-top:1rem;min-height:32px}.characterchat-input-container button{min-width:48px}.message-role{color:hsla(0,0%,96%,.5);font-weight:700;margin-bottom:2px}.characterchat-auto-message{animation:fadeInFloat 1s ease forwards;font-size:.9em;opacity:.6;transition:opacity .3s ease}@keyframes fadeInFloat{0%{opacity:0;transform:translateY(10px)}to{opacity:.7;transform:translateY(0)}}