@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}.dashboard-container{display:flex;height:100vh;width:100%;background-color:var(--color-light);color:var(--color-dark)}.dashboard-sidebar{width:220px;background-color:var(--color-secondary);padding:20px 0 0;display:flex;flex-direction:column;gap:15px;box-shadow:4px 0 6px -2px #0003;z-index:2}.dashboard-main{flex:1;display:flex;flex-direction:column;background-color:var(--color-white)}.dashboard-topbar{height:60px;border-bottom:1px solid var(--color-light);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-white);width:100%}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background-color:#222;color:#fff;box-shadow:0 2px 6px #0003}.topbar-user-info{margin-right:10px}.topbar-logo{font-size:20px;font-weight:700}.topbar-user{margin-left:auto;position:relative;display:flex;align-items:center}.avatar-button{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #fff;cursor:pointer;padding:0;background:none}.avatar-img{width:100%;height:100%;object-fit:cover}.dropdown-menu{position:absolute;right:0;top:50px;width:160px;background:#fff;color:#333;border-radius:6px;box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:1000}.dropdown-item{display:block;width:100%;padding:10px 14px;text-align:left;border:none;background:none;cursor:pointer;font-size:14px}.dropdown-item-logout{display:block;width:100%;padding:10px 14px;text-align:left;border:none;background:none;cursor:pointer;font-size:14px;color:red}.dropdown-item-logout:hover,.dropdown-item:hover{background-color:#f0f0f0}.dashboard-content{flex:1;padding:20px;background-color:var(--color-white);display:flex;flex-direction:column;overflow-x:hidden;max-width:100%}.sidebar{display:flex;flex-direction:column;align-items:flex-start;width:220px;background-color:var(--color-secondary);padding:20px 0}.sidebar-logo{display:flex;align-items:center;margin-bottom:30px;justify-content:center;width:100%}.sidebar-logo img{width:100px;height:auto;display:block}.sidebar-logo h2{font-size:1.2rem;font-weight:700;color:var(--color-primary)}.sidebar-menu{display:flex;flex-direction:column;gap:10px;width:100%}.sidebar-item{display:flex;align-items:center;justify-content:flex-start;gap:20px;padding:10px 12px;text-decoration:none;color:var(--color-primary);font-weight:500;transition:background .2s ease,color .2s ease;width:100%;box-sizing:border-box}.icon2{margin-left:15px;color:#fff}.icon3{margin-left:15px;color:var(--color-primary)}.sidebar-item:hover{background-color:#fff;color:var(--color-primary);fill:var(--color-primary)}.sidebar-item:hover .icon{color:var(--color-primary)}.sidebar-item.active{background-color:var(--color-white);color:var(--color-primary)}.sidebar-item.active .icon{color:var(--color-primary)}@media(max-width:768px){.dashboard-container{flex-direction:column}.dashboard-sidebar{position:fixed;top:0;left:-220px;height:100%;width:220px;transition:left .3s ease;z-index:1000}.dashboard-sidebar.active{left:0}.dashboard-main{flex:1;margin-left:0}.dashboard-topbar{position:relative;z-index:3}.sidebar-toggle{display:block;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-primary)}}@media(min-width:769px){.sidebar-toggle{display:none}}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:999}@media(max-width:768px){.dashboard-sidebar{z-index:1000}}.recommend-header{padding:10px}.recommend-header h1{font-size:1.9rem;font-weight:700;color:var(--color-dark)}.recommend-header p{font-size:1rem;color:var(--color-dark);margin-top:5px}.modal{background:var(--color-white);width:500px;max-width:90%;border-radius:12px;padding:30px;position:relative;box-shadow:0 6px 20px #00000040}.modal-title{margin-bottom:20px;font-size:22px;font-weight:700;text-align:center}.profile-avatar{display:flex;flex-direction:column;align-items:center;margin-bottom:25px}.avatar-circle{width:120px;height:120px;border-radius:50%;background:#d8ead8;display:flex;align-items:center;justify-content:center;font-size:42px;margin-bottom:10px}.avatar-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.btn-outline{padding:8px 16px;border:1px solid var(--color-primary);background:none;border-radius:6px;cursor:pointer;color:var(--color-primary)}.profile-form{display:flex;flex-direction:column;gap:15px}.profile-form label{display:flex;flex-direction:column;font-size:14px;color:#444}.profile-form input{padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px;margin-top:4px}.profile-form .botones{display:grid;grid-template-columns:.5fr 1fr;gap:10px}.error{color:red;font-size:10px;margin-top:5px}.notification{position:fixed;top:20px;right:20px;min-width:300px;max-width:500px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border-left:4px solid #ccc;z-index:10000;animation:slideIn .3s ease-out;display:flex;align-items:center;padding:1rem;gap:.75rem}.notification-warning{border-left-color:#f59e0b;background:#fffbeb}.notification-success{border-left-color:#10b981;background:#f0fdf4}.notification-error{border-left-color:#ef4444;background:#fef2f2}.notification-info{border-left-color:#3b82f6;background:#eff6ff}.notification-icon{font-size:1.25rem;flex-shrink:0}.notification-message{flex:1;color:#374151;font-weight:500}.notification-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.notification-close:hover{background:#0000001a}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.admin-container{background-color:var(--color-white);min-height:100vh;padding:1.5rem 1.8rem;font-family:Outfit,sans-serif;color:var(--color-dark);display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}.admin-title{font-size:1.4rem;font-weight:600;color:#000;padding-left:.6rem;margin-bottom:.3rem}.admin-card{background-color:#f9fbfa;border-radius:12px;padding:1rem 1.2rem;box-shadow:0 3px 8px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.admin-card:hover{transform:translateY(-1px);box-shadow:0 5px 12px #00000014}.admin-card-title{font-size:1rem;font-weight:600;color:var(--color-primary);margin-bottom:.8rem}.admin-summary{flex-direction:column}.admin-summary-grid{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;gap:1.5rem}.admin-summary-item{display:flex;flex-direction:column;align-items:center;text-align:center}.admin-summary-image{width:65px;height:65px;border-radius:50%;object-fit:cover;border:2px solid var(--color-secondary);box-shadow:0 2px 4px #0000001a}.admin-summary-icon{font-size:3rem;color:var(--color-primary);background-color:var(--color-secondary);border-radius:50%;padding:.4rem .6rem;box-shadow:0 2px 5px #00000014}.admin-summary-label{margin-top:.4rem;font-weight:500;font-size:.9rem;color:var(--color-dark)}.admin-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:1.5rem}.admin-chart-container{width:100%;height:140px}.admin-recommended{display:flex;flex-direction:column;overflow:hidden}.admin-song-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem;overflow-y:auto;scroll-behavior:smooth;padding-right:.4rem}.admin-song-list{max-height:130px}.admin-song-list::-webkit-scrollbar{width:6px}.admin-song-list::-webkit-scrollbar-thumb{background-color:var(--color-secondary);border-radius:6px}.admin-song-list::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)}.admin-song-item{display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:.6rem .9rem;transition:background .2s ease,transform .2s ease}.admin-song-item:hover{background-color:var(--color-secondary);transform:scale(1.01)}.admin-song-rank{background-color:var(--color-primary);color:var(--color-white);font-weight:600;font-size:.9rem;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}.admin-song-cover{width:45px;height:45px;border-radius:6px;object-fit:cover;margin:0 .8rem;box-shadow:0 2px 4px #0003}.admin-song-info{flex:1;display:flex;flex-direction:column;justify-content:center}.admin-song-title{font-weight:600;color:var(--color-dark);line-height:1.2}.admin-song-artist{font-size:.85rem;color:#444}.admin-song-count{font-size:.85rem;font-weight:500;color:var(--color-primary);min-width:70px;text-align:right}@media(max-width:1024px){.admin-charts-grid{grid-template-columns:1fr;gap:1.5rem}.admin-summary-grid{flex-direction:column;gap:1.5rem}.admin-song-list{max-height:160px}}@media(max-width:600px){.admin-container{padding:1rem;gap:1rem}.admin-title{font-size:1.3rem;border-left:none;padding-left:0;padding-bottom:.3rem}.admin-card{padding:1rem}.admin-summary-grid{flex-direction:column;align-items:center}.admin-charts-grid{grid-template-columns:1fr;gap:1rem}.admin-song-item{flex-wrap:wrap;text-align:center}.admin-song-count{width:100%;text-align:right;font-size:.8rem}}.explorar-container{padding:.5rem 0;font-family:Outfit,sans-serif;color:var(--color-dark);width:100%;max-width:100%;height:calc(100vh - 80px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;display:flex;flex-direction:column}.explorar-header{flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:2rem}.explorar-title{font-size:2rem;font-weight:700;color:var(--color-dark);margin:0;text-align:center}.explorar-subtitle{font-size:1rem;font-weight:400;color:var(--color-primary);margin-top:.5rem}.explorar-section{position:relative;width:100%;overflow:visible;padding:0 10px;flex-shrink:0}.explorar-section h3{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--color-primary)}.explorar-carousel-wrapper{position:relative;width:100%;max-width:1180px;margin:0 auto;overflow:visible;padding:0 50px}.explorar-albums-row{display:flex;flex-wrap:nowrap;gap:20px;overflow-x:scroll;overflow-y:visible;scroll-behavior:smooth;padding:1rem 0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.explorar-albums-row::-webkit-scrollbar{display:none}.explorar-albums-row>*{flex:0 0 200px;width:200px;min-width:200px;max-width:200px;transition:transform .3s ease,box-shadow .3s ease}.explorar-albums-row>*:hover{transform:translateY(-8px);box-shadow:0 8px 24px #0000004d}.explorar-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;border:none;border-radius:50%;width:44px;height:44px;cursor:pointer;color:#000;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;opacity:0;pointer-events:none}.explorar-carousel-wrapper:hover .explorar-scroll-btn{opacity:1;pointer-events:all}.explorar-scroll-btn:hover{background:#fff;box-shadow:0 6px 16px #00000040;transform:translateY(-50%) scale(1.05)}.explorar-scroll-btn.left{left:-5px}.explorar-scroll-btn.right{right:-5px}.no-explorar-wrapper{display:flex;align-items:center;justify-content:center;width:100%;min-height:120px}.no-explorar-text{width:100%;text-align:center;color:#6b6b6b;font-style:italic;font-weight:500;font-size:1rem}.explorar-albums-row>.no-explorar-wrapper{flex:none;width:100%;min-width:100%;max-width:100%;box-shadow:none;transform:none}.explorar-albums-row>.no-explorar-wrapper:hover{transform:none;box-shadow:none}@media(max-width:1200px){.explorar-carousel-wrapper{max-width:960px}}@media(max-width:1024px){.explorar-container{padding:1.5rem}.explorar-carousel-wrapper{max-width:740px}}@media(max-width:768px){.explorar-container{padding:1rem;height:calc(100vh - 60px)}.explorar-carousel-wrapper{max-width:446px;padding:0 35px}.explorar-albums-row{gap:16px}.explorar-albums-row>*{flex:0 0 180px;width:180px;min-width:180px;max-width:180px}.explorar-scroll-btn{width:36px;height:36px}}@media(max-width:480px){.explorar-carousel-wrapper{max-width:250px;padding:0 35px}.explorar-title{font-size:1.5rem}.explorar-section h3{font-size:1.2rem}}.explorar-carousel .carousel-wrapper{max-width:1100px;margin-top:2rem;height:auto!important}.explorar-carousel .carousel-slide{display:flex!important;justify-content:center;align-items:stretch;padding:.5rem}.explorar-carousel .track-card{width:100%;height:375px;max-width:450px;background-color:#fff;border-radius:14px;box-shadow:0 4px 10px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:grab}.explorar-carousel .track-card:hover{transform:translateY(-6px);box-shadow:0 8px 18px #0003}.explorar-carousel .track-cover{width:100%;height:80%;object-fit:cover}.explorar-carousel .track-content{padding:.6rem}.explorar-carousel .track-name{font-size:.9rem;font-weight:600;color:var(--color-dark);margin-bottom:.2rem}.explorar-carousel .track-artist{font-size:.8rem;color:#666;margin:0}.explorar-carousel .slick-dots{bottom:-30px}@media(max-width:1024px){.explorar-carousel .track-card{width:180px;height:240px}}@media(max-width:768px){.explorar-carousel .track-card{width:250px;height:475px}.explorar-carousel .slick-dots{bottom:-25px}}@media(max-width:480px){.explorar-carousel .track-card{width:250px;height:475px}.explorar-carousel .slick-dots{bottom:-25px}}.carousel-wrapper .slick-list{overflow:visible!important}.explorar-carousel .slick-slide{padding:0!important;margin:0 auto}.playlist-card{width:100%;aspect-ratio:1/1;max-width:350px;border-radius:12px;background-size:cover;background-position:center;overflow:hidden;color:var(--color-white);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative}.playlist-fav-btn{position:absolute;top:10px;right:10px;border:none;border-radius:50%;background-color:transparent;padding:6px;cursor:pointer;transition:all .25s ease;z-index:10}.playlist-fav-btn svg{color:var(--color-white);transition:transform .25s ease,color .25s ease}.playlist-fav-btn:hover svg{fill:var(--color-white)}.playlist-fav-btn.active svg{fill:var(--color-white);transform:scale(1.1)}.playlist-fav-btn:focus{outline:none}.playlist-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000004d}.playlist-overlay{position:absolute;inset:0;background:#0000008c;display:flex;align-items:flex-end;padding:15px}.playlist-info p{font-size:.85rem;margin:2px 0;color:var(--color-light)}.playlist-info .playlist-date{font-size:.75rem;color:var(--color-light)}.playlist-emotion{display:inline-block;margin-top:6px;font-size:.85rem;font-weight:600;color:var(--color-accent)}.emotion-summary{background:var(--color-light);border-radius:12px;padding:15px;flex:1;display:flex;flex-direction:column;max-height:100%}.emotion-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.emotion-summary-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--color-dark)}.emotion-summary-header a{font-size:.8rem;color:var(--color-primary);text-decoration:none;margin-left:15px}.emotion-summary-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;min-height:0}.emotion-summary-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;background:var(--color-white);border-radius:8px;font-size:.9rem;color:var(--color-dark);box-shadow:0 1px 3px #0000001a}.history-summary{flex:1;min-width:220px;display:flex;flex-direction:column;min-height:0}.emotion-icon{font-size:2rem;margin-bottom:6px}.emotion-info{text-align:center}.history-body{display:flex;gap:30px;min-height:0}.history-playlists-column{flex:3;display:flex;flex-direction:column;min-height:85vh}.history-playlists{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;justify-items:center}.history-summary-column{flex:1;min-width:220px;display:flex;flex-direction:column}.pagination{display:flex;gap:8px;margin-top:10px;justify-content:center}.pagination a{padding:6px 12px;border-radius:6px;background:var(--color-light);text-decoration:none;color:var(--color-dark);font-weight:500}.pagination a.active{background:var(--color-primary);color:var(--color-white)}@media(min-width:768px){.history-body{display:flex;gap:30px}.history-playlists{flex:3}.history-summary{flex:1}}@media(max-width:992px){.history-playlists{place-items:center}}.emotion-summary{background:var(--color-light);border-radius:12px;padding:15px;display:flex;flex-direction:column;transition:max-height .3s ease;overflow:hidden}.emotion-summary.open{max-height:1500px}.emotion-summary.collapsed{max-height:50px}.toggle-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--color-primary);margin-left:15px}.history-title{margin-bottom:.5rem}@media(max-width:767px){.history-body{display:flex;flex-direction:column;gap:20px}.history-summary{flex:none;order:-1;min-height:auto}.emotion-summary{padding:10px;flex:none;min-height:auto}.emotion-summary-item{flex-direction:column;justify-content:flex-start;gap:10px;font-size:.8rem;padding:8px;align-items:center}.emotion-icon{font-size:1.2rem;margin-bottom:0}.emotion-summary-list{overflow:visible}.history-summary-column{order:-1;max-height:fit-content}}@media(min-width:1200px){.history-playlists{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px)and (max-width:1199px){.history-playlists{grid-template-columns:repeat(2,1fr)}.playlist-card{max-width:225px}}@media(max-width:767px){.history-playlists{grid-template-columns:repeat(1,1fr)}}@media(max-width:480px){.history-playlists{grid-template-columns:1fr}}.no-history-wrapper{position:absolute;top:50%;left:47%;transform:translate(-50%,-50%);width:100%;display:flex;justify-content:center}.no-history-text{text-align:center;color:#5a5a5a;font-style:italic;font-size:1rem}.no-history-redirect{color:#1d6363;font-weight:600;text-decoration:none;transition:color .2s ease;cursor:pointer}.no-history-redirect:hover{color:#144b4b}.playlist-info h4{font-size:1rem;font-weight:700;margin-bottom:5px;color:var(--color-white)}.emotion-filter{padding:.4rem 1rem;border-radius:8px;border:1px solid var(--color-secondary);font-family:Outfit,sans-serif;background-color:var(--color-light);color:var(--color-dark);cursor:pointer}.emotion-filter:hover{border-color:var(--color-primary)}.dashboard-header{margin-bottom:.5rem;display:flex;justify-content:space-between}@media(max-width:600px){.dashboard-header{flex-direction:column;align-items:center;gap:10px}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(/build/assets/ajax-loader-BcnMEykj.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(/build/assets/slick-Bi9J8BMx.eot);src:url(/build/assets/slick-Bi9J8BMx.eot?#iefix) format("embedded-opentype"),url(/build/assets/slick-BlUtDIuC.woff) format("woff"),url(/build/assets/slick-DWzRxEMf.ttf) format("truetype"),url(/build/assets/slick-BlzDm7g2.svg#slick) format("svg")}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translateY(-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.playlist-view{font-family:Outfit,sans-serif;background-color:var(--color-white);min-height:100vh;box-sizing:border-box;position:relative}.playlist-header{text-align:center;margin-bottom:10px}.playlist-title{font-size:2rem;font-weight:700;color:#222;margin-bottom:10px}.playlist-info{color:#555;font-size:1rem}.tituloPlaylist{color:#fff}.carousel-wrapper{width:100%;max-width:1100px;margin:0 auto;padding:10px 0 60px;position:relative;overflow:hidden}.track-card{width:100%;max-width:450px;background-color:#fff;border-radius:14px;box-shadow:0 4px 10px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:grab}.track-card:active{cursor:grabbing}.track-card:hover{transform:translateY(-4px);box-shadow:0 6px 14px #00000026}.track-cover{width:100%;aspect-ratio:1;border-radius:14px 14px 0 0;object-fit:cover}.track-content{padding:18px;text-align:center}.track-name{font-size:1.1rem;font-weight:600;color:#111;margin-bottom:6px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.track-artist{font-size:.9rem;color:#666;margin-bottom:10px}.track-link{display:inline-block;font-size:.9rem;color:var(--color-primary);font-weight:600;text-decoration:none;transition:color .2s ease}.track-link:hover{text-decoration:underline;color:#179b45}.playlist-footer{text-align:center;margin-top:-10px}.btn-back{background:none;border:2px solid var(--color-primary);color:var(--color-primary);font-size:1rem;font-weight:600;padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-back:hover{background-color:var(--color-primary);color:#fff}.carousel-slide{display:flex!important;justify-content:center;align-items:center;padding:10px}.slick-slider{overflow:visible;touch-action:pan-y}.slick-track{display:flex!important;align-items:stretch}.slick-prev,.slick-next{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;background:var(--color-primary);color:#fff!important;border-radius:50%;display:flex!important;justify-content:center;align-items:center;font-size:20px;font-weight:700;z-index:20;opacity:.9;transition:all .3s ease}.slick-prev:hover,.slick-next:hover{background:#134646;opacity:1;transform:translateY(-50%) scale(1.05)}.slick-prev{left:-55px}.slick-next{right:-55px}.slick-prev:before,.slick-next:before{content:""!important}.slick-prev:after{content:"←"}.slick-next:after{content:"→"}.slick-dots{position:absolute;bottom:-30px;left:0;right:0;display:flex!important;justify-content:center;align-items:center;gap:6px;padding:0;margin:0}.slick-dots li button:before{font-size:10px;color:var(--color-primary);opacity:.4;transition:opacity .3s ease}.slick-dots li.slick-active button:before{opacity:1;color:var(--color-primary)}@media(max-width:1024px){.playlist-view{padding:40px 30px}.track-card{max-width:380px}.slick-dots{padding:0 10px}.carousel-wrapper{padding:20px 0 55px}}@media(max-width:768px){.playlist-view{padding:25px 10px}.playlist-title{font-size:1.6rem}.playlist-info{font-size:.95rem}.carousel-slide{padding:0 5px}.track-card{max-width:90%;margin:0 auto;box-shadow:0 3px 8px #0000001a}.track-content{padding:14px}.track-name{font-size:1rem;-webkit-line-clamp:2}.track-artist{font-size:.85rem}.slick-prev,.slick-next{display:none!important}.slick-dots{position:relative;bottom:0;margin-top:20px;padding:0 30px;display:flex!important;justify-content:center;align-items:center;gap:6px;box-sizing:border-box}.carousel-wrapper{padding-bottom:40px}}@media(max-width:480px){.track-card{max-width:95%}.playlist-footer{margin-top:40px}.slick-dots{padding:0 20px}}.back-arrow{position:relative;top:25px;left:35px;cursor:pointer;color:var(--color-primary);background-color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000001a;transition:all .2s ease-in-out;z-index:30}.back-arrow:hover{background-color:var(--color-primary);color:#fff;transform:scale(1.05)}@media(max-width:768px){.back-arrow{width:36px;height:36px;top:0;left:0}}.spotify2{display:flex;gap:10px;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-white);border-radius:15px;border:0;width:150px;height:35px;position:absolute;top:20px;right:40px;transition:.3s ease}.spotify2 img{width:20px;height:20px}.spotify2:hover{transform:scale(1.05)}.playlist-input{margin-top:5px;padding:8px 10px;font-size:1rem;border-radius:8px;border:1px solid #ccc;width:100%;max-width:400px}.save-btn{margin-top:5px;background-color:#1d6363;color:#fff;padding:8px 15px;border-radius:8px;border:none;cursor:pointer;font-weight:700;margin-left:2px}.save-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.carousel-wrapper{padding-bottom:40px;max-width:100%;margin:0 auto;overflow:hidden}.slick-track{display:flex!important}.carousel-slide{display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important}.track-card{width:90%!important;max-width:none!important;margin:0 auto!important;box-shadow:0 3px 8px #0000001a}.slick-prev,.slick-next{display:none!important}.slick-dots{position:relative;bottom:0;margin-top:20px;display:flex!important;justify-content:center;gap:6px}}.favorites-container{padding:.5rem 0;font-family:Outfit,sans-serif;color:var(--color-dark);width:100%;max-width:100%;height:calc(100vh - 80px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;display:flex;flex-direction:column}.favorites-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.favorites-title{font-size:2rem;font-weight:700;color:var(--color-dark);margin:0}.favorites-section{position:relative;margin-bottom:1.5rem;width:100%;overflow:visible;padding:0 10px;flex-shrink:0}.favorites-section h3{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--color-primary)}.favorites-section:last-child{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.favorites-carousel-wrapper{position:relative;width:100%;max-width:1180px;margin:0 auto;overflow:visible;padding:0 50px}.favorites-playlist-row{display:flex;flex-wrap:nowrap;gap:20px;overflow-x:scroll;overflow-y:visible;scroll-behavior:smooth;padding:1rem 0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.favorites-playlist-row::-webkit-scrollbar{display:none}.favorites-playlist-row>*{flex:0 0 200px;width:200px;min-width:200px;max-width:200px;transition:transform .3s ease,box-shadow .3s ease}.favorites-playlist-row>*:hover{transform:translateY(-8px);box-shadow:0 8px 24px #0000004d}.favorites-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;border:none;border-radius:50%;width:44px;height:44px;cursor:pointer;color:#000;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;opacity:0;pointer-events:none}.favorites-carousel-wrapper:hover .favorites-scroll-btn{opacity:1;pointer-events:all}.favorites-scroll-btn:hover{background:#fff;box-shadow:0 6px 16px #00000040;transform:translateY(-50%) scale(1.05)}.favorites-scroll-btn.left{left:-5px}.favorites-scroll-btn.right{right:-5px}.favorites-song-list{list-style:none;padding:0 8px 0 0;margin:0;display:flex;flex-direction:column;gap:.8rem;flex:1;overflow-y:auto;overflow-x:hidden}.favorites-song-list::-webkit-scrollbar{width:8px}.favorites-song-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.favorites-song-list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.favorites-song-list::-webkit-scrollbar-thumb:hover{background:#555}.favorites-song-list{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.favorites-song-item{display:grid;grid-template-columns:2fr 1.5fr 2fr 80px 50px;align-items:center;gap:1rem;background:var(--color-light);border-radius:10px;padding:.5rem 1rem;transition:background .2s ease}.favorites-song-left{display:flex;align-items:center;gap:.8rem}.favorites-song-cover{width:45px;height:45px;border-radius:50%;object-fit:cover}.favorites-song-title{font-weight:600;color:var(--color-dark);margin:0}.favorites-song-artist{font-size:.85rem;color:#666;margin:.25rem 0 0}.favorites-song-album{font-size:.9rem;color:var(--color-dark);text-align:center}.favorites-song-duration{font-size:.9rem;color:var(--color-dark);text-align:right}@media(max-width:1200px){.favorites-carousel-wrapper{max-width:960px}}@media(max-width:1024px){.favorites-container{padding:1.5rem}.favorites-carousel-wrapper{max-width:740px}}@media(max-width:768px){.favorites-container{padding:1rem;height:calc(100vh - 60px)}.favorites-carousel-wrapper{max-width:446px;padding:0 35px}.favorites-playlist-row{gap:16px}.favorites-playlist-row>*{flex:0 0 180px;width:180px;min-width:180px;max-width:180px}.favorites-song-item{grid-template-columns:2fr 1fr auto}.favorites-song-album{display:none}.favorites-scroll-btn{width:36px;height:36px}}@media(max-width:480px){.favorites-carousel-wrapper{max-width:250px;padding:0 35px}.favorites-title{font-size:1.5rem}.favorites-section h3{font-size:1.2rem}}.no-favorites-wrapper{display:flex;align-items:center;justify-content:center;width:100%;min-height:120px}.no-favorites-text{width:100%;text-align:center;color:#6b6b6b;font-style:italic;font-weight:500;font-size:1rem}.favorites-playlist-row>.no-favorites-wrapper{flex:none;width:100%;min-width:100%;max-width:100%;box-shadow:none;transform:none}.favorites-playlist-row>.no-favorites-wrapper:hover{transform:none;box-shadow:none}.spotify-play-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;margin:0;color:var(--color-primary);text-decoration:underline;font-weight:700}.favorites-song-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.favorites-song-duration{margin:0}.modal-container{display:flex;flex-direction:column;gap:20px}.modal-header{display:flex;flex-direction:column;align-items:center}.modal-link{display:flex;flex-direction:column;gap:10px;background-color:#f5f6f8;padding:10px;border-radius:10px}.modal-link .campo{display:grid;grid-template-columns:3fr 1fr;gap:5px}.modal-emotions{display:flex;gap:10px;justify-content:center}.modal-emotions .emotion{background-color:var(--color-primary);border-radius:10px;padding:10px}.modal-emotions .emotion h3{font-size:12.5px;color:var(--color-white);font-weight:100}.modal-link .campo input{padding:7.5px;font-weight:100;border-radius:5px;border:#D9D9D9 solid 1px}.modal-container .campo button{border-radius:5px;border:var(--color-primary) solid 1px;background-color:var(--color-white);color:var(--color-primary)}.modal-container h4{font-weight:300}.modal-playlist{display:flex;justify-content:space-evenly;gap:10px}.modal-info{display:flex;background-color:#f5f6f8;flex-direction:column;width:100%;padding:5px 10px;margin-bottom:15px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;cursor:pointer}.header-info{display:flex;justify-content:space-between;align-items:center}.modal-info h3{font-size:15px}.modal-info button{border:none;background-color:#f5f6f8;padding:10px;width:50px;height:50px;display:flex;justify-content:center;align-items:center}.modal-info img{width:40px;height:40px}.header-info img{width:20px;height:20px}.modal-buttons{display:flex;flex-direction:column;gap:10px}.modal-buttons button{padding:8px;border:none;border-radius:5px}.modal-buttons .spotify{display:flex;gap:10px;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-white)}.modal-buttons .playlist{background-color:var(--color-white);color:var(--color-primary);border:1px solid var(--color-primary)}.modal-buttons .spotify img{width:20px;height:20px}.dropdown-content{background:#fff;max-height:100px;overflow-y:auto;border-top:1px solid #e0e0e0}.artists-list{padding:10px}.artist-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;gap:12px}.artist-item:last-child{border-bottom:none}.artist-number{width:25px;font-weight:700;color:#666;text-align:center;flex-shrink:0}.artist-name{font-size:14px;color:#333;flex:1}.tracks-list-detailed{padding:10px}.track-item-detailed{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0;gap:12px}.track-item-detailed:last-child{border-bottom:none}.track-number{width:25px;font-weight:700;color:#666;text-align:center;flex-shrink:0}.track-image{width:60px;height:60px;border-radius:4px;flex-shrink:0}.track-info-detailed{flex:1;min-width:0}.track-name2{font-weight:500;margin:0 0 4px;font-size:1rem;color:#333;white-space:normal;overflow:hidden;text-overflow:ellipsis}.track-artist2{font-size:.8rem;color:#666}.track-album{margin:0;font-size:.8rem;color:#999;white-space:normal;overflow:hidden;text-overflow:ellipsis}.track-popularity{font-size:12px;color:#1db954;font-weight:700;flex-shrink:0;margin-left:auto}.dropdown-content::-webkit-scrollbar{width:6px}.dropdown-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:768px){.modal{max-height:85vh;overflow-y:auto}.modal-container{padding-bottom:1.5rem}.modal-playlist{flex-direction:column;gap:14px}.dropdown-content{max-height:160px;overflow-y:auto;scrollbar-width:thin}}.home-container{padding:.5rem 0;font-family:Outfit,sans-serif;color:var(--color-dark);width:100%;max-width:100%;height:calc(100vh - 80px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;display:flex;flex-direction:column}.home-header{align-items:center;justify-content:space-between}.home-title{font-size:2rem;font-weight:700;color:var(--color-dark);margin:0}.home-subtitle{font-size:1.5rem;color:var(--color-primary);margin:.5rem 0 1rem}.home-section{position:relative;width:100%;overflow:visible;padding:0 10px;flex-shrink:0}.home-section .home-subtitle h3{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--color-primary)}.home-section:last-child{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.home-carousel-wrapper{position:relative;width:100%;max-width:1180px;margin:0 auto;overflow:visible;padding:0 50px}.home-playlist-row{display:flex;flex-wrap:nowrap;gap:20px;overflow-x:scroll;overflow-y:visible;scroll-behavior:smooth;padding:1rem 0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.home-playlist-row::-webkit-scrollbar{display:none}.home-playlist-row>*{flex:0 0 200px;width:200px;min-width:200px;max-width:200px;transition:transform .3s ease,box-shadow .3s ease}.home-playlist-row>*:hover{transform:translateY(-8px);box-shadow:0 8px 24px #0000004d}.home-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;border:none;border-radius:50%;width:44px;height:44px;cursor:pointer;color:#000;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;opacity:0;pointer-events:none}.home-carousel-wrapper:hover .home-scroll-btn{opacity:1;pointer-events:all}.home-scroll-btn:hover{background:#fff;box-shadow:0 6px 16px #00000040;transform:translateY(-50%) scale(1.05)}.home-scroll-btn.left{left:-5px}.home-scroll-btn.right{right:-5px}.home-song-list{list-style:none;padding:0 8px 0 0;margin:0;display:flex;flex-direction:column;gap:.8rem;flex:1;overflow-y:auto;overflow-x:hidden}.home-song-list::-webkit-scrollbar{width:8px}.home-song-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.home-song-list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.home-song-list::-webkit-scrollbar-thumb:hover{background:#555}.home-song-list{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.home-song-item{display:grid;grid-template-columns:2fr 1.5fr 2fr 80px 50px;align-items:center;gap:1rem;background:var(--color-light);border-radius:10px;padding:.5rem 1rem;transition:transform .2s ease,box-shadow .2s ease}.home-song-left{display:flex;align-items:center;gap:.8rem}.home-song-cover{width:45px;height:45px;border-radius:50%;object-fit:cover}.home-song-title{font-weight:600;color:var(--color-dark);margin:0}.home-song-artist{font-size:.85rem;color:#666;margin:.25rem 0 0}.home-song-album{font-size:.9rem;color:var(--color-dark);text-align:center}.home-song-duration{font-size:.9rem;color:var(--color-dark);text-align:right}@media(max-width:1200px){.home-carousel-wrapper{max-width:960px}}@media(max-width:1024px){.home-container{padding:1.5rem}.home-carousel-wrapper{max-width:740px}}@media(max-width:768px){.home-container{padding:1rem;height:calc(100vh - 60px)}.home-carousel-wrapper{max-width:446px;padding:0 35px}.home-playlist-row{gap:16px}.home-playlist-row>*{flex:0 0 180px;width:180px;min-width:180px;max-width:180px}.home-song-item{grid-template-columns:2fr 1fr auto}.home-song-album{display:none}.home-scroll-btn{width:36px;height:36px}}@media(max-width:480px){.home-carousel-wrapper{max-width:250px;padding:0 35px}.home-title{font-size:1.5rem}.home-section h3{font-size:1.2rem}}.no-home-wrapper{display:flex;align-items:center;justify-content:center;width:100%;min-height:120px}.no-home-text{width:100%;text-align:center;color:#6b6b6b;font-style:italic;font-weight:500;font-size:1rem}.home-playlist-row>.no-home-wrapper{flex:none;width:100%;min-width:100%;max-width:100%;box-shadow:none;transform:none}.home-playlist-row>.no-home-wrapper:hover{transform:none;box-shadow:none}.emotion-upload-container{max-width:825px;margin:0 auto;padding:2rem;width:100%;display:flex;flex-direction:column;align-items:stretch;font-family:Outfit,sans-serif;gap:1.5rem}.upload-tabs{display:flex;border:1px solid var(--color-primary);border-radius:8px;overflow:hidden;color:var(--color-primary)}.upload-tabs .tab{flex:1;padding:.7rem;background:var(--color-white);border:none;cursor:pointer;font-weight:500;color:var(--color-primary);fill:var(--color-primary);font-family:Outfit,sans-serif;transition:all .2s ease-in-out}.icon{width:28px;height:28px}.upload-tabs .tab:hover{background:var(--color-primary)}.upload-tabs .tab:hover .icon{color:var(--color-white)}.upload-tabs .tab.active{background:var(--color-primary)}.upload-tabs .tab.active .icon{color:var(--color-white)}.upload-box{border:2px dashed var(--color-secondary);border-radius:8px;padding:7rem;text-align:center;color:var(--color-primary);background:var(--color-white)}.upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.7rem}.upload-icon{font-size:2rem;color:var(--color-primary)}.upload-btn{display:inline-block;border:1px solid var(--color-primary);border-radius:6px;padding:.5rem 1rem;color:var(--color-primary);font-weight:500;font-family:Outfit,sans-serif;background:var(--color-white);transition:all .2s ease-in-out}.upload-btn:hover{background:var(--color-primary);color:var(--color-white)}.file-preview{display:flex;align-items:center;gap:1rem;background:var(--color-secondary);border-radius:8px;padding:.7rem 1rem}.file-thumb{width:40px;height:40px;border-radius:4px;object-fit:cover}.file-info{flex:1}.file-name{font-weight:500;font-family:Outfit,sans-serif}.file-size{font-size:.9rem;color:#666;font-family:Outfit,sans-serif}.file-remove{border:none;background:none;font-size:1.2rem;cursor:pointer;color:var(--color-primary)}.generate-btn{border:1px solid var(--color-primary);border-radius:8px;padding:.8rem;background:var(--color-white);color:var(--color-primary);font-weight:600;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s ease-in-out}.generate-btn:hover{background:var(--color-primary);color:var(--color-white)}.camera-box{display:flex;flex-direction:column;align-items:center;gap:1rem;border:2px dashed var(--color-secondary);border-radius:8px;padding:1.4rem}.capture-btn{border:1px solid var(--color-primary);border-radius:6px;padding:.5rem 1rem;background:var(--color-white);color:var(--color-primary);font-weight:500;cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s ease-in-out}.capture-btn:hover{background:var(--color-primary);color:var(--color-white)}.redirect-link{text-align:center;font-size:.8rem;color:var(--color-primary);font-family:Outfit,sans-serif}.upload-tabs,.upload-box,.file-preview,.generate-btn{width:100%}.icon-large{width:50px;height:50px;color:var(--color-primary)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;justify-content:center;align-items:center;z-index:9999;color:#fff}.loading-content{text-align:center}.logo-animation{font-size:4rem;font-weight:700;margin-bottom:3rem}.jumping-letter{display:inline-block;animation:jump 1.2s ease-in-out infinite;text-shadow:0 0 20px rgba(255,255,255,.5)}@keyframes jump{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.1)}}.music-notes{position:relative;height:100px;margin-bottom:2rem}.music-note{position:absolute;font-size:1.5rem;opacity:0;animation:noteFloat 2s ease-in infinite}@keyframes noteFloat{0%{transform:translateY(0) rotate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-80px) rotate(360deg);opacity:0}}.loading-phrases{margin:2rem 0;min-height:60px}.loading-phrases p{font-size:1.2rem;animation:fadeInOut 3s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:0}20%,80%{opacity:1}}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--color-primary: #1D6363;--color-secondary: #CDE8C9;--color-accent: #f9bc60;--color-light: #f2f7f5;--color-dark: #001e1d;--color-white: #ffffff}.stats-container{background-color:var(--color-white);min-height:100vh;padding:1.5rem 1.8rem;font-family:Outfit,sans-serif;color:var(--color-dark);display:flex;flex-direction:column;gap:1.5rem}.stats-title{font-size:1.8rem;font-weight:600;color:var(--color-black);margin-bottom:.3rem;padding-left:.6rem}.stats-card{background-color:#f9fbfa;border-radius:12px;padding:1rem 1.2rem;box-shadow:0 3px 8px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.stats-card:hover{transform:translateY(-1px);box-shadow:0 5px 12px #00000014}.stats-card-title{font-size:1rem;font-weight:600;color:var(--color-primary);margin-bottom:.8rem}.stats-chart-container{width:100%;height:300px}.recharts-tooltip-wrapper{background:var(--color-white);border-radius:8px;border:1px solid var(--color-secondary);padding:.3rem .6rem;font-size:.85rem}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:1.5rem}.full-width{grid-column:1 / -1}.stats-emotions-grid{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;gap:1.2rem}.stats-emotion-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stats-emotion-icon{font-size:2.5rem;color:var(--color-primary);background-color:var(--color-secondary);border-radius:50%;padding:.4rem .6rem;box-shadow:0 2px 5px #00000014;margin-bottom:.3rem}.stats-emotion-label{font-weight:500;font-size:.9rem;color:var(--color-dark)}.stats-emotion-date{font-size:.8rem;color:#555}.stats-summary-grid{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-top:.8rem}.stats-summary-item{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:transparent;border-radius:12px;padding:.9rem 1rem;box-shadow:0 2px 6px #0000000f;width:130px;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}.stats-summary-item:hover{transform:translateY(-3px);box-shadow:0 4px 10px #00000014}.stats-summary-icon{font-size:2.3rem;color:var(--color-primary);background-color:var(--color-secondary);border-radius:50%;padding:.5rem .7rem;margin-bottom:.4rem;box-shadow:0 1px 3px #0000001a}.stats-summary-label{margin-top:.2rem;font-weight:500;font-size:.9rem;color:var(--color-dark)}.stats-song-artist{font-size:.85rem;color:#444}@media(max-width:1024px){.stats-grid{grid-template-columns:1fr;gap:1.5rem}.stats-emotions-grid{flex-direction:column;gap:1rem}}@media(max-width:600px){.stats-container{padding:1rem;gap:1rem}.stats-title{font-size:1.2rem;padding-left:0;text-align:center}.stats-card{padding:1rem}.stats-summary-grid{flex-direction:column;gap:1rem}.stats-summary-item{width:100%;max-width:240px}.stats-emotions-grid{flex-direction:column;align-items:center}}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.stats-nav{display:flex;align-items:center;gap:.5rem}.stats-week-label{font-weight:600;color:var(--color-dark);font-size:.95rem}.stats-arrow{background:none;border:none;cursor:pointer;padding:.3rem;border-radius:50%;transition:background .2s}.stats-arrow:hover:not(:disabled){background-color:var(--color-secondary)}.stats-arrow:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#00000073;display:flex;justify-content:center;align-items:center;z-index:100}.modal-content{background:#fff;padding:1.5rem 2rem;border-radius:12px;width:90%;max-width:600px;box-shadow:0 4px 16px #0003;max-height:80vh;overflow-y:auto;animation:fadeIn .25s ease-in-out}.modal-title{font-size:1.1rem;font-weight:600;color:var(--color-primary);margin-bottom:1rem}.modal-playlist-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.9rem}.modal-playlist-item{display:flex;align-items:center;gap:.8rem;background-color:var(--color-light);border-radius:10px;padding:.6rem;transition:transform .15s ease}.modal-playlist-item:hover{transform:scale(1.02)}.modal-playlist-img{width:55px;height:55px;border-radius:8px;object-fit:cover}.modal-playlist-info{flex:1}.modal-playlist-name{font-weight:600;color:var(--color-dark)}.modal-playlist-date{font-size:.85rem;color:#666}.modal-detail-btn{background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:6px;padding:.4rem .8rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s ease}.modal-detail-btn:hover{background-color:#145050}.modal-empty{text-align:center;color:#777;margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-emotions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.modal-emotion-item{background-color:var(--color-light);border-radius:10px;padding:.8rem 1rem;box-shadow:0 1px 4px #00000014;margin-bottom:.8rem}.emotion-header{display:flex;justify-content:space-between;align-items:center;width:100%}.emotion-left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.modal-emotion-icon{font-size:1.6rem}.modal-emotion-name{font-weight:600;color:var(--color-dark)}.modal-emotion-count{font-weight:500;color:var(--color-primary)}.chevron-btn{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--color-dark);transition:transform .25s ease;margin-left:auto}.chevron-btn.rotated{transform:rotate(180deg)}.emotion-playlists-wrapper{overflow:hidden;max-height:0;transition:max-height .4s ease;padding-left:0}.emotion-playlists-wrapper.open{max-height:300px;padding-left:.5rem}.emotion-playlists{margin-top:.4rem;animation:fadeIn .25s ease-in-out}.playlist-sublist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.playlist-subitem{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:6px;background-color:var(--color-white);cursor:pointer;transition:background .2s ease}.playlist-subitem:hover{background-color:var(--color-secondary)}.playlist-subimg{width:42px;height:42px;border-radius:6px;object-fit:cover}.playlist-subname{font-weight:500;color:var(--color-dark)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}.auth-container{display:flex;height:100vh;width:100%}.slogan-container{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:left}.slogan-title{font-size:3rem;font-weight:500;margin-bottom:1rem;line-height:1.2;font-family:Outfit,sans-serif}.slogan-sub{font-size:2rem;margin-bottom:2rem;color:#333;font-family:Outfit,sans-serif}.form-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;font-family:Outfit,sans-serif}.auth-left{flex:0 0 40%;background-color:#cde8c9;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem;text-align:center;background-image:url(/build/assets/elipses-Cta5mhbc.png);background-repeat:no-repeat;background-position:bottom left;background-size:80%}.leftContent{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;padding-left:2rem;padding-right:2rem}.logo-container{margin-bottom:2rem;align-self:flex-start}.logo{width:170px;height:auto}.auth-right{flex:1;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.testimonial-section{margin-top:auto}.register-container{max-width:800px;margin:0 auto;padding:2rem;width:100%;display:flex;flex-direction:column;align-items:stretch}.register-form{display:flex;flex-direction:column;gap:1rem}.register-form .error-message{color:red;font-size:1rem}.form-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.form-row{display:flex;gap:1rem}.form-group{flex:1;display:flex;flex-direction:column;font-family:Outfit,sans-serif;font-weight:200}.form-group label{font-size:.9rem;margin-bottom:.3rem}.form-group input{width:100%;padding:.6rem;border:1px solid #ccc;border-radius:8px;outline:none;font-family:Outfit,sans-serif}.btn-primary{width:100%;font-family:Outfit,sans-serif;margin-top:1rem;padding:.8rem;border:1px solid #1D6363;background:transparent;color:#1d6363;font-weight:700;border-radius:8px;cursor:pointer}.btn-primary:hover{background:#1d6363;color:#fff}.divider{display:flex;align-items:center;justify-content:center;margin:2rem 0;position:relative}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #ccc}.divider .dot{width:10px;height:10px;background:transparent;border-radius:50%;border:3px solid black;margin:0 1rem}.btn-spotify{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#1d6363;color:#fff;font-weight:700;padding:.8rem;border-radius:8px;border:none;cursor:pointer;font-family:Outfit,sans-serif}.btn-spotify:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}.spotify-icon{width:20px;height:20px}.redirect-link{text-align:center;font-size:1rem;color:#1d6363;font-family:Outfit,sans-serif}.leftContentUpload .slogan-title{font-size:2.7rem;margin-top:4rem}.leftContentUpload .slogan-sub{font-size:1.5rem;font-weight:300}@media(max-width:768px){.auth-container{flex-direction:column;height:auto}.auth-left,.auth-right{flex:none;width:100%;height:auto;padding:1.5rem}.auth-left{order:1}.auth-right{order:2}.form-row{flex-direction:column}.register-container{padding:1rem}}.topBar{background-color:var(--color-secondary);text-align:center;padding:6px 0;font-size:1rem;font-family:Outfit,sans-serif;color:var(--color-dark)}.logo2{width:170px;height:auto}.mainBar{display:flex;justify-content:space-between;align-items:center;padding:12px 5%;background-color:var(--color-white);border-bottom:1px solid #ddd;font-family:Outfit,sans-serif;box-shadow:0 2px 4px #0000001a}.logoNav{display:flex;align-items:center;gap:68px}.logoSection{display:flex;align-items:center;gap:8px}.logo{width:28px;height:28px}.nav ul{display:flex;gap:75px;list-style:none}.nav a{text-decoration:none;color:var(--color-dark);font-weight:500}.authButtons{display:flex;gap:20px}.btnOutline,.btnPrimary{font-size:1rem;padding:10px 24px;display:inline-block;text-decoration:none}.btnOutline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:6px;cursor:pointer}.btnPrimary{background:var(--color-primary);border:none;color:var(--color-white);border-radius:6px;cursor:pointer}.hero{max-width:1200px;margin:0 auto;padding:60px 5%;display:flex;flex-direction:column;gap:60px;font-family:Outfit,sans-serif}.hero-main{display:flex;align-items:center;justify-content:space-between;gap:60px;font-family:Outfit,sans-serif}.hero-text{flex:1;max-width:600px}.hero-text .tag{background-color:var(--color-secondary);color:var(--color-dark);font-size:.9rem;font-weight:500;padding:4px 12px;border-radius:12px;display:inline-block;margin-bottom:16px}.hero-text .tag2{color:var(--color-secondary);background-color:var(--color-primary);font-size:.9rem;font-weight:500;padding:4px 12px;border-radius:12px;display:inline-block;margin-bottom:16px}.hero-text h1{font-size:2.8rem;font-weight:700;color:var(--color-dark);margin-bottom:16px}.hero-text p{font-size:1.1rem;color:#444;margin-bottom:24px}.hero-buttons{display:flex;gap:16px;margin-bottom:24px}.hero-spotify{display:flex;flex-direction:column;align-items:flex-start}.hero-spotify img{width:100px;height:auto}.hero-image{flex:1;display:flex;justify-content:center}.hero-image img{max-width:400px;width:100%;height:auto}.hero-feature{display:flex;align-items:center;gap:40px}.hero-feature-img{flex:1;max-width:350px;height:auto}.hero-feature-text{flex:2}.hero-feature-text .tag{background-color:var(--color-secondary);color:var(--color-dark);font-size:.85rem;font-weight:500;padding:4px 12px;border-radius:12px;display:inline-block;margin-bottom:12px}.hero-feature-text h2{font-size:2rem;font-weight:600;margin-bottom:16px;color:var(--color-dark)}.hero-feature-text p{font-size:1rem;color:#555;margin-bottom:20px}.spotify-security{display:flex;justify-content:space-between;align-items:stretch;gap:60px;background-color:#f9fbfa;padding:60px 5%;border-radius:12px;font-family:Outfit,sans-serif;max-width:1200px;margin:0 auto;background-image:url(/build/assets/elipses2-DMZuMlzW.png);background-repeat:no-repeat;background-position:bottom center;background-size:60%}.spotify-left{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px}.spotify-logo{width:200px;height:auto}.spotify-left p{font-size:1.1rem;color:#444;line-height:1.5;max-width:400px;font-weight:200}.btnPrimary2{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--color-primary);color:var(--color-white);font-size:.95rem;font-weight:600;padding:10px 20px;border-radius:6px;text-decoration:none;cursor:pointer;width:auto}.spotify-right{flex:2;display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.security-item{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.security-item img.icon-circle{width:40px;height:40px;background-color:var(--color-secondary);border-radius:50%;padding:8px}.security-item h3{font-size:1.2rem;font-weight:600;color:var(--color-dark)}.security-item p{font-size:.95rem;color:#555;line-height:1.4;font-weight:300}@media(max-width:992px){.spotify-security{flex-direction:column;gap:40px;padding:40px 5%;align-items:center;text-align:center;background-size:80%}.security-item{align-items:center;text-align:center}.spotify-right{grid-template-columns:1fr;align-items:center;text-align:center}.spotify-left{align-items:center;text-align:center}.spotify-left p{max-width:100%}}@media(max-width:992px){.mainBar{padding:12px 20px}.logoNav,.nav ul{gap:32px}.authButtons{gap:12px}.btnOutline,.btnPrimary{padding:8px 18px;font-size:.95rem}.hero{padding:40px 5%;gap:40px}.hero-main{gap:40px}.hero-text h1{font-size:2.2rem}.hero-text p{font-size:1rem}.hero-image img{max-width:320px}.hero-feature{gap:24px}}@media(max-width:768px){.mainBar{flex-direction:column;align-items:flex-start;gap:12px}.logoNav{width:100%;justify-content:space-between}.nav ul{gap:20px;font-size:.95rem}.authButtons{align-self:flex-end}.hero-main{flex-direction:column;text-align:center}.hero-text{max-width:100%}.hero-buttons{justify-content:center}.hero-spotify{align-items:center}.hero-feature{flex-direction:column;text-align:center}.hero-feature-text{flex:unset}}@media(max-width:480px){.nav ul{flex-direction:column;gap:12px;margin-top:8px}.authButtons{width:100%;justify-content:space-around}.btnOutline,.btnPrimary{flex:1;text-align:center}.hero{padding:30px 20px;gap:30px}.hero-text h1{font-size:1.8rem}.hero-feature-text h2{font-size:1.5rem}.hero-buttons{flex-direction:column;gap:12px}.hero-buttons a{width:100%;text-align:center}.hero-spotify img{width:80px}}.cta-section{display:flex;justify-content:space-between;align-items:center;background-color:#cde8c980;padding:20px 5%;border-radius:12px;margin:60px auto;max-width:1200px;box-sizing:border-box;background-image:url(/build/assets/elipses3-BXax8uOo.png);background-repeat:no-repeat;background-position:top right;background-size:35%;font-family:Outfit,sans-serif}.cta-text{flex:1;display:flex;flex-direction:column;justify-content:center;gap:20px}.cta-text h2{font-size:1.8rem;font-weight:700}.cta-text p{font-size:1.3rem;color:#444;line-height:1.6;font-weight:200;max-width:450px}.cta-buttons{display:flex;gap:1rem}.cta-image{flex:1;display:flex;justify-content:center}.cta-image img{max-width:100%;height:auto}@media(max-width:768px){.cta-section{flex-direction:column;text-align:center;background-size:50%}.cta-buttons{justify-content:center}}.footer{background-color:var(--color-primary);color:#fff;padding:20px 5%;font-family:Outfit,sans-serif}.footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer-top p{font-size:.9rem;margin:0}.footer-socials{display:flex;align-items:center;gap:12px;font-size:.9rem}.footer-socials a{color:#fff;font-size:1.2rem;transition:transform .2s ease,color .2s ease}.footer-socials a:hover{transform:scale(1.1);color:#ddd}.footer-divider{border-top:1px solid rgba(255,255,255,.4);margin:15px 0}.footer-bottom{display:flex;justify-content:center;align-items:center;padding-top:10px}.footer-logo{height:40px;opacity:.9}@media(max-width:768px){.footer-top{flex-direction:column;gap:10px;text-align:center}.footer-socials{justify-content:center}}:root{--color-primary: #1D6363;--color-secondary: #CDE8C9;--color-accent: #f9bc60;--color-light: #F5F6F8;--color-dark: #001e1d;--color-white: #ffffff}button{cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.modal{background:var(--color-white);width:700px;max-width:90%;border-radius:12px;padding:30px;position:relative;box-shadow:0 6px 20px #00000040;max-height:90vh;overflow-y:auto;scrollbar-width:thin}.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:22px;cursor:pointer;color:#333}:root{--color-primary: #1D6363;--color-secondary: #CDE8C9;--color-accent: #f9bc60;--color-light: #e8e4e6;--color-dark: #001e1d;--color-white: #ffffff}.features-header{display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;text-align:center;margin-top:50px}.features-header .text{display:flex;flex-direction:column;gap:5px}.features-header .features-subtitle h5{font-size:15px;border:#1D6363 solid 1px;padding:10px;border-radius:10px;color:var(--color-primary)}.features-container img{height:40px;width:40px;filter:brightness(0) saturate(100%)}.features-container{display:flex;flex-direction:column;gap:20px}.features{display:grid;grid-template-columns:1fr 1fr;gap:20px}.features .feature{background-color:#f5f6f8;padding:20px 50px;border-radius:15px;background-image:url(http://localhost:5173/resources/images/decoration/elipses3.png);background-repeat:no-repeat;background-position:top right;background-size:95%}.features-container .main-feature{background-color:#f5f6f8;padding:20px 50px;border-radius:15px;background-image:url(http://localhost:5173/resources/images/decoration/elipses2.png);background-repeat:no-repeat;background-position:bottom center;background-size:80%}.feature-header{display:flex;gap:10px;align-items:center}.feature-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:20px}.main-feature .bullet{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.bullets{margin-top:40px;display:flex;flex-direction:column;gap:30px}.feature .bullet{display:flex;align-items:center;gap:10px}.main-feature .bullet p{text-align:center}.testimonial-card{background:#0003;padding:1.5rem;border-radius:10px;max-width:500px;text-align:left;font-size:.9rem}.testimonial-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#fff;font-family:Outfit,sans-serif}.testimonial-text{margin-bottom:1rem;color:#fff;font-family:Outfit,sans-serif;font-weight:200}.testimonial-footer{display:flex;justify-content:space-between;font-weight:700;margin-bottom:1rem;align-items:center}.testimonial-name{color:#fff;font-family:Outfit,sans-serif;font-weight:200}.testimonial-rating{display:flex;gap:.3rem}.testimonial-card{margin-top:auto}.star{flex-shrink:0}.testimonial-dots{display:flex;justify-content:center;gap:.5rem}.dot{width:10px;height:10px;border-radius:50%;border:none;background:#fff;cursor:pointer}.dot.active{background:#1d6363}.testimonial-user{display:flex;align-items:center;gap:.5rem}.testimonial-photo{width:32px;height:32px;border-radius:50%;object-fit:cover}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.confirmation-modal{background:#fff;border-radius:12px;padding:0;min-width:400px;max-width:500px;box-shadow:0 10px 25px #0003}.modal-header{padding:20px 24px 16px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;gap:12px}.modal-header.modal-warning{background:#fffbf0;border-radius:12px 12px 0 0}.modal-icon{font-size:24px}.modal-body{padding:24px}.modal-body p{margin:0;line-height:1.5;color:#333}.modal-actions{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-confirm{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-cancel{background:#f5f5f5;color:#333}.btn-cancel:hover{background:#e5e5e5}.btn-confirm{color:#fff}.btn-warning{background:#f59e0b}.btn-warning:hover{background:#d97706}.btn-danger{background:#dc2626}.btn-danger:hover{background:#b91c1c}