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}.App{background-color:#282c34;color:#fff;min-height:100vh;overflow-y:auto;position:relative;text-align:center}.App:before{background-image:var(--album-cover);background-position:50%;background-size:cover;content:"";height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s ease;width:100%;z-index:0}.App.album-background:before{opacity:.15}.home-container{margin:0 auto;max-width:1200px;padding:2rem;position:relative;z-index:1}.home-container h1{color:#61dafb;margin-bottom:2rem}.rooms-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem}.glass-effect:not(.room-input):hover{background:#3b404926;box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.room-input:hover{background:#3b404926}.room-card{color:#fff;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:1.5rem;position:relative;text-decoration:none}.room-card:before{background:linear-gradient(45deg,#61dafb1a,#61dafb00);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.room-card:hover{box-shadow:0 8px 32px #0003;transform:translateY(-4px)}.room-card:hover:before{opacity:1}.room-card h2{color:#61dafb;font-size:1.2rem;margin:0}.song-info{color:#e0e0e0;font-size:.9rem;margin:.5rem 0;word-break:break-all}.time-info{color:#888;font-size:.8rem;margin:0}.loading{color:#61dafb;font-size:1.2rem;margin:2rem 0}.error{background-color:#ff6b6b1a;border-radius:4px;color:#ff6b6b;margin:2rem 0;padding:1rem}.no-rooms{background-color:#3b4049;border-radius:8px;grid-column:1/-1;padding:3rem}.no-rooms p{margin:.5rem 0}.no-rooms .sub-text{color:#888;font-size:.9rem}.privacy-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#000;max-width:800px;min-height:calc(100vh - 4rem);position:relative;z-index:1}.privacy-container h1{color:#000;font-size:2rem;margin-bottom:1.5rem}.privacy-container h2{color:#000;font-size:1.5rem;margin:2rem 0 1rem}.privacy-container section{background-color:#fff;display:block;margin-bottom:2rem;padding:1rem;position:relative}.privacy-container ul{color:#000;list-style-type:disc;margin-left:1.5rem}.privacy-container li{color:#000;margin:.5rem 0}.privacy-container p{color:#000;line-height:1.6;margin-bottom:1rem}.react-player{margin:0 auto;position:relative;z-index:1}.header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.toggle-jams-button{color:#61dafb;cursor:pointer;font-size:.9rem;overflow:hidden;padding:.5rem 1rem;position:relative}.toggle-jams-button:before{background:linear-gradient(45deg,#61dafb1a,#61dafb00);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.toggle-jams-button:hover{background:#3b404959;box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.toggle-jams-button:hover:before{opacity:1}.song-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:3rem;padding:0 1rem}.song-header h2{flex:1 1;margin:0;text-align:center}.back-button{color:#61dafb;font-size:1rem;padding:.5rem 1rem;text-decoration:none}.back-button:before{background:linear-gradient(45deg,#61dafb1a,#61dafb00);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.back-button:hover{color:#4fa8c7}.back-button:hover:before{opacity:1}section{bottom:0;left:0;padding:2rem;position:absolute;right:0;top:0}section,section>div{align-items:center;display:flex;flex-direction:column;overflow:hidden}section>div{max-width:800px;text-align:center;width:100%}.room-input-form{display:flex;justify-content:center;margin-bottom:2rem;width:100%}.room-input{color:#fff;font-size:1rem;max-width:300px;padding:.5rem 1rem;text-align:center;width:100%}.room-input:focus{border-color:#61dafb4d;outline:none}.room-input::placeholder{color:#ffffff80}.room-input-button:before{background:linear-gradient(45deg,#61dafb1a,#61dafb00);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.room-input-button:hover{background:#3b4049cc;box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.room-input-button:hover:before{opacity:1}.room-actions{display:flex;gap:.5rem}.action-button{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.action-button svg{transition:transform .3s ease}.action-button:hover svg{transform:scale(1.1)}.toast-container{align-items:flex-start;bottom:20px;display:flex;flex-direction:column;left:20px;pointer-events:none;position:fixed;z-index:1000}.toast{border-radius:8px;color:#fff;font-size:14px;margin-top:8px;max-width:200px;opacity:0;overflow:hidden;padding:8px 16px;position:relative;text-overflow:ellipsis;transform:translateY(10px);transition:opacity .15s ease,transform .15s ease;white-space:nowrap;will-change:opacity,transform}.toast.show{opacity:1;transform:translateY(0)}.privacy-copyright{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(3px);background:#3b40491a;border:1px solid #ffffff1a;border-radius:8px;bottom:18px;box-shadow:0 2px 8px #0000001f;display:flex;font-size:.95rem;padding:8px 16px;position:fixed;right:24px;transition:all .3s ease;z-index:1000}.privacy-copyright:hover{background:#3b404926;box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.privacy-link{color:#61dafb;margin-right:8px;text-decoration:underline;transition:color .2s}.privacy-link:hover{color:#21a1f3}.copyright{color:#bbb;font-size:.95em}.privacy-container{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#222;margin:2rem auto;max-width:900px;padding:2rem}.privacy-columns{display:flex;gap:2rem;margin:2rem 0}.privacy-col{background:#f7f7f7;border-radius:8px;box-shadow:0 1px 4px #0000000a;flex:1 1;padding:1.5rem}.privacy-col,.privacy-col h2,.privacy-col h3,.privacy-col p,.privacy-col ul{text-align:left}.privacy-col h2{color:#61dafb;margin-top:0}.privacy-contact{font-size:1rem;margin-top:2rem}.privacy-contact a{color:#21a1f3;text-decoration:underline}@media (max-width:700px){.privacy-columns{flex-direction:column;gap:1rem}.privacy-col{padding:1rem}}.extension-link{cursor:pointer;padding:.5rem 1rem;position:fixed;right:20px;top:20px;z-index:1000}.extension-link a{color:#61dafb;text-decoration:none}.glass-effect{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(3px);background:#3b40491a;border:1px solid #ffffff1a;border-radius:8px;transition:all .3s ease}
/*# sourceMappingURL=main.93dc7d1c.css.map*/