@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Caveat:wght@400;500;600;700&display=swap);*{color:#5d3fd3;font-family:Quicksand;margin:0}header{flex-direction:row;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:1200px;padding:20px 40px 0;width:100%}.logo,header{align-items:center;display:flex;justify-content:center;position:relative}.logo{background:linear-gradient(135deg,#000,#000);border-radius:50%;box-shadow:0 4px 15px #5d3fd366;height:120px;width:120px}.logo-img{filter:drop-shadow(0 4px 8px rgba(93,63,211,.3));height:auto;position:relative;transition:transform .3s ease;width:100px;z-index:1}.logo-img:hover{transform:scale(1.05)}.logout-button{background:linear-gradient(135deg,#5d3fd3,#4c32a8);border:2px solid #5d3fd34d;border-radius:12px;box-shadow:0 4px 15px #5d3fd34d;color:#fff;cursor:pointer;font-family:Quicksand,sans-serif;font-size:16px;font-weight:500;padding:10px 20px;position:absolute;right:40px;top:20px;transition:all .3s ease}.logout-button:hover{background:linear-gradient(135deg,#4c32a8,#392591);box-shadow:0 6px 20px #5d3fd380;transform:translateY(-2px)}.logout-button:active{box-shadow:0 2px 10px #5d3fd34d;transform:translateY(0)}.navbar{align-items:center;background:linear-gradient(135deg,#5d3fd326,#5d3fd30d);border:2px solid #5d3fd34d;border-radius:20px;box-shadow:0 8px 32px #5d3fd333;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:20px 40px;transition:all .3s ease;width:100%}.navbar:hover{border-color:#5d3fd380;box-shadow:0 12px 48px #5d3fd34d}.navbar-title{color:#5d3fd3;font-size:32px;font-weight:600;letter-spacing:-.5px;margin:0;text-shadow:0 2px 4px #5d3fd34d}.navbar .links{align-items:center;display:flex;gap:12px}.nav-link{border-radius:12px;color:#5d3fd3;font-size:16px;font-weight:500;padding:10px 20px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#5d3fd333;color:#5d3fd3;transform:translateY(-2px)}.nav-link-active{background:linear-gradient(135deg,#5d3fd3,#4c32a8);box-shadow:0 4px 15px #5d3fd34d;color:#fff;font-weight:600}.nav-link-active:hover{background:linear-gradient(135deg,#4c32a8,#392591);box-shadow:0 6px 20px #5d3fd380;transform:translateY(-2px)}.content{margin:40px auto;padding:20px;width:100%}.mood-preview{border-bottom:1px solid #5d3fd3;margin:20px 0;padding:10px 16px}.mood-preview:hover{box-shadow:1px 3px 5px #0000001a}.mood-preview h2{color:#5d3fd3;font-size:20px;margin-bottom:8px}.styled-button{background-color:#5d3fd3;border:none;border-radius:8px;color:#5d3fd3;cursor:pointer;font-family:Quicksand,sans-serif;font-size:16px;padding:10px 20px;transition:all .3s ease}.styled-button:hover{background-color:#4c32a8;box-shadow:0 4px 8px #0003}.styled-button:active{background-color:#392591;transform:scale(.95)}body{background-color:#fff;margin:0}.home{display:grid;grid-template-columns:300px auto 300px;width:100%}.explanation{align-items:flex-start;display:flex;justify-content:center;padding:20px}.why-mood-groove{background:linear-gradient(135deg,#5d3fd326,#5d3fd30d);border:2px solid #5d3fd34d;border-radius:20px;box-shadow:0 8px 32px #5d3fd333;max-width:100%;padding:30px;transition:all .3s ease}.why-mood-groove:hover{border-color:#5d3fd380;box-shadow:0 12px 48px #5d3fd34d}.about-title{color:#5d3fd3;font-size:28px;font-weight:600;margin-bottom:20px;position:relative;text-align:center;text-shadow:0 2px 4px #5d3fd34d;z-index:10}.about-content{display:flex;flex-direction:column;gap:15px}.about-intro{font-size:16px;font-weight:500}.about-body,.about-intro{color:#5d3fd3;line-height:1.6}.about-body{font-size:14px}.about-features{background:#5d3fd31a;border:1px solid #5d3fd333;border-radius:12px;margin-top:10px;padding:15px}.about-features h4{color:#5d3fd3;font-size:18px;font-weight:600;margin-bottom:12px}.about-features ul{list-style:none;margin:0;padding:0}.about-features li{color:#5d3fd3;font-size:14px;line-height:1.5;padding:8px 0}.about-footer{color:#5d3fd3;font-size:14px;font-style:italic;line-height:1.6;margin-top:10px}.main-content{min-height:400px}.main-content,.sidebar{align-items:flex-start;display:flex;justify-content:center;padding:20px}.mood-history{background:linear-gradient(135deg,#5d3fd326,#5d3fd30d);border:2px solid #5d3fd34d;border-radius:20px;box-shadow:0 8px 32px #5d3fd333;max-width:100%;padding:30px;transition:all .3s ease;width:100%}.mood-history:hover{border-color:#5d3fd380;box-shadow:0 12px 48px #5d3fd34d}.history-title{font-size:28px;font-weight:600;margin-bottom:20px;text-shadow:0 2px 4px #5d3fd34d}.history-empty,.history-title{color:#5d3fd3;text-align:center}.history-empty{padding:30px 20px}.history-empty p{font-size:14px;margin:10px 0}.history-hint{color:#5d3fd3;font-size:12px;font-style:italic}.history-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:5px}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#5d3fd31a;border-radius:10px}.history-list::-webkit-scrollbar-thumb{background:#5d3fd366;border-radius:10px}.history-list::-webkit-scrollbar-thumb:hover{background:#5d3fd399}.history-item{animation:slideIn .3s ease-out;background:#5d3fd31a;border:1px solid #5d3fd333;border-radius:12px;padding:15px;transition:all .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.history-item:hover{background:#5d3fd326;border-color:#5d3fd366;transform:translateX(5px)}.history-mood{color:#5d3fd3;font-size:18px;font-weight:600;margin-bottom:8px}.history-time{color:#5d3fd3;font-size:14px;margin-bottom:4px}.history-date{color:#5d3fd3;font-size:12px}.spotify-player-container{align-items:center;background:linear-gradient(135deg,#5d3fd326,#5d3fd30d);border:2px solid #5d3fd34d;border-radius:20px;box-shadow:0 8px 32px #5d3fd333;display:flex;flex-direction:column;margin:0 auto;max-width:500px;padding:40px 30px;transition:all .3s ease}.spotify-player-container:hover{border-color:#5d3fd380;box-shadow:0 12px 48px #5d3fd34d}.spotify-title{color:#fff;font-size:32px;font-weight:600;margin-bottom:30px;text-align:center;text-shadow:0 2px 4px #5d3fd34d}.mood-buttons-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:30px;width:100%}.mood-button{background:linear-gradient(135deg,#5d3fd3,#4c32a8);border:none;border-radius:25px;box-shadow:0 4px 15px #5d3fd34d;color:#fff;cursor:pointer;font-family:Quicksand,sans-serif;font-size:16px;font-weight:500;min-width:100px;padding:12px 24px;transition:all .3s ease}.mood-button:hover:not(:disabled){background:linear-gradient(135deg,#4c32a8,#392591);box-shadow:0 6px 20px #5d3fd380;transform:translateY(-2px)}.mood-button:active:not(:disabled){box-shadow:0 2px 10px #5d3fd34d;transform:translateY(0)}.mood-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.loading-message{animation:pulse 1.5s ease-in-out infinite;color:#fff;font-size:18px;font-weight:500;margin-bottom:20px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.error-message{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;color:#ff6b6b;font-size:16px;margin-bottom:20px;padding:12px}.spotify-embed-container{border-radius:12px;box-shadow:0 8px 24px #0000004d;margin-top:20px;max-width:400px;overflow:hidden;width:100%}.spotify-iframe{border-radius:12px;display:block}.feedback-buttons{gap:20px;margin-top:20px;padding:15px}.feedback-button,.feedback-buttons{display:flex;justify-content:center}.feedback-button{align-items:center;background:linear-gradient(135deg,#5d3fd333,#5d3fd31a);border:2px solid #5d3fd34d;border-radius:50%;box-shadow:0 4px 15px #5d3fd333;cursor:pointer;font-size:2rem;height:60px;transition:all .3s ease;width:60px}.feedback-button:hover{border-color:#5d3fd380;box-shadow:0 6px 20px #5d3fd366;transform:scale(1.1) translateY(-3px)}.feedback-button:active{transform:scale(.95)}.feedback-button-like:hover{background:linear-gradient(135deg,#4caf504d,#4caf5033);border-color:#4caf5080;box-shadow:0 6px 20px #4caf504d}.feedback-button-dislike:hover{background:linear-gradient(135deg,#f443364d,#f4433633);border-color:#f4433680;box-shadow:0 6px 20px #f443364d}.rolodex-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:40px 20px;position:relative}.rolodex-container-logged-in{background-image:url(/static/media/rolodexTemp.3b87c59c54b5ad6b75ff.jpeg);background-position:center 270px;background-repeat:no-repeat;background-size:54%;min-height:800px;padding-bottom:100px}.rolodex-login{align-items:center;background:linear-gradient(135deg,#5d3fd326,#5d3fd30d);border:2px solid #5d3fd34d;border-radius:20px;box-shadow:0 8px 32px #5d3fd333;display:flex;flex-direction:column;gap:20px;padding:40px;position:relative;z-index:10}.rolodex-description{color:#ffffffe6;font-size:16px;line-height:1.6;text-align:center}.rolodex-subtitle{color:#5d3fd3;font-size:18px;margin-bottom:30px;position:relative;text-align:center;z-index:10}.rolodex-nav-above{margin-bottom:16px;z-index:20}.rolodex-nav-above,.rolodex-wrapper{display:flex;justify-content:center;position:relative}.rolodex-wrapper{align-items:center;flex-direction:row;gap:20px;max-width:500px;transform-style:preserve-3d;width:100%;z-index:10}.rolodex-cards-container{height:304px;overflow:visible;perspective:1000px;position:relative;width:240px}.rolodex-axle{background:linear-gradient(90deg,#5d3fd366 0,#5d3fd3cc 50%,#5d3fd366);border-radius:3px;bottom:0;box-shadow:0 -2px 8px #5d3fd380,0 2px 4px #0000004d;height:6px;left:0;pointer-events:none;position:absolute;width:100%;z-index:1000}.rolodex-card{bottom:0;cursor:pointer;height:304px;left:50%;position:absolute;transform:translateX(-50%);transform-origin:bottom;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);width:240px}.rolodex-card-back,.rolodex-card-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100%;left:0;position:absolute;top:0;width:100%}.rolodex-card-front{background-color:initial;border-radius:12px;overflow:hidden}.rolodex-card-back{align-items:center;background-color:#9e0303;border-bottom:3px solid #9e0303;border-radius:12px;display:flex;justify-content:center;transform:rotateX(180deg)}.rolodex-card-back-content{color:#5d3fd3;padding:20px;text-align:center}.rolodex-back-track-name{color:#5d3fd3;font-size:18px;font-weight:700;margin-bottom:10px}.rolodex-back-artist-name{color:#5d3fd3;font-size:14px}.rolodex-card-active{cursor:default;position:relative!important;z-index:999!important}.rolodex-card-active,.rolodex-card-active .rolodex-iframe{pointer-events:auto!important}.rolodex-iframe-wrap{border-radius:12px;flex-shrink:0;height:304px;overflow:hidden;position:relative;width:240px}.rolodex-iframe{border:none;border-radius:12px;box-shadow:0 8px 24px #0006;display:block;height:380px;left:0;position:absolute;top:0;transform:scale(.8);transform-origin:top left;width:300px}.rolodex-card-image{background:#5d3fd31a;border:2px solid #5d3fd34d;border-radius:12px;box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;height:304px;overflow:hidden;width:240px}.rolodex-album-art{background:linear-gradient(135deg,#5d3fd333,#5d3fd31a);height:240px;object-fit:cover;width:100%}.rolodex-card-info{background:#5d3fd31a;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:15px}.rolodex-track-name{font-size:16px;font-weight:600;margin-bottom:8px}.rolodex-artist-name,.rolodex-track-name{color:#5d3fd3;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.rolodex-artist-name{font-size:14px}.rolodex-nav-button{align-items:center;background:linear-gradient(135deg,#5d3fd3,#4c32a8);border:none;border-radius:50%;box-shadow:0 4px 15px #5d3fd34d;color:#5d3fd3;cursor:pointer;display:flex;font-size:32px;font-weight:700;height:60px;justify-content:center;transition:all .3s ease;width:60px;z-index:20}.rolodex-nav-button:hover:not(:disabled){background:linear-gradient(135deg,#4c32a8,#392591);box-shadow:0 6px 20px #5d3fd380;transform:scale(1.1)}.rolodex-nav-button:active:not(:disabled){transform:scale(.95)}.rolodex-nav-button:disabled{cursor:not-allowed;opacity:.3;transform:none}.rolodex-replay-icon{color:#fffffff2;flex-shrink:0;height:28px;width:28px}.rolodex-nav-up{order:1}.rolodex-nav-down{order:3}.rolodex-track-info{margin-top:30px;text-align:center}.rolodex-track-counter{background:#5d3fd31a;border:1px solid #5d3fd34d;border-radius:20px;color:#fffc;display:inline-block;font-size:16px;font-weight:500;padding:10px 20px}@media (max-width:768px){.rolodex-container{padding:20px 10px}.rolodex-wrapper{max-width:100%}.rolodex-card,.rolodex-cards-container,.rolodex-iframe-wrap{height:288px;width:224px}.rolodex-iframe{height:360px;transform:scale(.8);transform-origin:top left;width:280px}.rolodex-card-image{height:288px;width:224px}.rolodex-album-art{height:224px}.rolodex-nav-button{font-size:28px;height:50px;width:50px}.rolodex-replay-icon{height:22px;width:22px}}@media (max-width:480px){.rolodex-card,.rolodex-cards-container,.rolodex-iframe-wrap{height:272px;width:208px}.rolodex-iframe{height:340px;transform:scale(.8);transform-origin:top left;width:260px}.rolodex-card-image{height:272px;width:208px}.rolodex-album-art{height:208px}}.guest-check-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;margin:40px auto}.guest-check-container{aspect-ratio:585/1117;background-image:url(/static/media/GuestCheckMoodGroove.3950a84a1842ea007134.png);background-position:top;background-repeat:no-repeat;background-size:cover;box-shadow:0 4px 8px #0000001a;font-family:Caveat,Kalam,Gochi Hand,cursive;margin:20px auto;max-width:500px;position:relative;text-transform:uppercase;width:100%}.guest-check-content{height:100%;left:0;position:absolute;top:0;width:100%}.order-date,.order-guests,.order-server{background:#0000;color:#000;font-family:Caveat,Kalam,Gochi Hand,cursive;font-size:1.1em;margin:0;position:absolute}.order-date{left:5%;top:8%}.order-server{left:5%;top:12%}.order-guests{left:5%;top:16%}.tracks-grid-overlay{bottom:17.7%;display:flex;flex-direction:column;left:3.8%;position:absolute;right:3.6%;top:21.6%}.track-row{flex:1 1}.track-cell,.track-row{align-items:center;display:flex}.track-cell{box-sizing:border-box;color:#000;font-family:Caveat,Kalam,Gochi Hand,cursive;font-size:14px;height:100%;padding:0 4px}.track-number{font-weight:700;justify-content:center;-webkit-user-select:none;user-select:none;width:9.5%}.track-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-duration{justify-content:flex-end;text-align:right;width:20.5%}.share-button{background:linear-gradient(135deg,#5d3fd3,#4c32a8);border:none;border-radius:25px;box-shadow:0 4px 15px #5d3fd34d;color:#fff;cursor:pointer;font-family:Quicksand,sans-serif;font-size:16px;font-weight:600;min-width:180px;padding:12px 30px;text-transform:none;transition:all .3s ease}.share-button:hover:not(:disabled){background:linear-gradient(135deg,#4c32a8,#392591);box-shadow:0 6px 20px #5d3fd380;transform:translateY(-2px)}.share-button:active:not(:disabled){box-shadow:0 2px 10px #5d3fd366;transform:translateY(0)}.share-button:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.guest-check-wrapper{margin:20px auto}.guest-check-container{margin:0 auto;max-width:90%}.order-date,.order-guests,.order-server{font-size:.9em}.track-cell{font-size:12px}.share-button{font-size:14px;min-width:160px;padding:10px 25px}}
/*# sourceMappingURL=main.24d7a6e4.css.map*/