.hero-section{color:#fff;width:100%;height:100vh;box-shadow:none;justify-content:center;align-items:center;margin:0 auto 40px;padding-top:120px;display:flex;position:relative;overflow:hidden}@media (max-width:900px){.hero-section{padding-top:80px}}.hero-bg-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg-slide{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.hero-bg-slide.active{opacity:1}.hero-overlay{z-index:2;background:linear-gradient(rgba(2,6,23,.3),rgba(2,6,23,.8) 80%,#020617);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content-wrapper{z-index:10;flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:100%;padding:0 40px 40px;display:flex;position:relative}.hero-left-col{flex-direction:row;flex:none;align-items:center;gap:30px;width:80%;display:flex}.hero-right-col{text-align:right;flex:1;justify-content:flex-end;align-items:center;min-width:0;margin-left:40px;display:flex}.hero-info{max-width:500px;overflow:hidden}.hero-badge{color:#38bdf8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(56,189,248,.2);border:1px solid rgba(56,189,248,.3);border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.hero-title{text-shadow:0 4px 20px rgba(0,0,0,.5);background:linear-gradient(90deg,#fff,#94a3b8);color:transparent;text-overflow:ellipsis;white-space:nowrap;-webkit-background-clip:text;background-clip:text;max-width:100%;margin:0 0 24px;padding-right:20px;font-size:2.5rem;font-weight:800;line-height:1.2;overflow:hidden}.marquee-wrapper .hero-title,.marquee-content.hero-title{-webkit-line-clamp:unset!important;-webkit-box-orient:unset!important;text-overflow:unset!important;white-space:nowrap!important;word-break:normal!important;background:0 0!important;-webkit-background-clip:unset!important;background-clip:unset!important;color:#fff!important;-webkit-text-fill-color:white!important;display:inline-block!important;overflow:visible!important}.hero-meta{color:rgba(255,255,255,.9);flex-wrap:wrap;gap:16px;margin-top:15px;margin-bottom:30px;font-size:1rem;display:flex}.hero-meta-item{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:8px;align-items:center;gap:8px;max-width:400px;height:40px;padding:6px 12px;display:flex;overflow:hidden}.hero-meta-item span:last-child{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.hero-label{color:rgba(255,255,255,.6);font-weight:400}.hero-actions{gap:16px;display:flex}.btn-primary{color:#fff;background-color:#269dd9;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px rgba(14,165,233,.3)}.btn-primary:hover{background-color:#52b1e0;transform:translateY(-2px);box-shadow:0 6px 16px rgba(14,165,233,.4)}.hero-jacket-container{border-radius:20px;flex-shrink:0;width:350px;height:350px;overflow:hidden}.hero-jacket{object-fit:cover;border-radius:20px;width:100%;height:100%;transition:transform .5s}.hero-jacket:hover{transform:scale(1.05)}@media (max-width:900px){.hero-content-wrapper{flex-direction:column;gap:30px;padding:20px}.hero-left-col{text-align:center;flex-direction:column;gap:20px;width:100%}.hero-jacket-container{width:200px;height:200px;margin:0 auto}.hero-main-info{align-items:center;width:100%}.hero-title{text-align:center;white-space:nowrap;font-size:1.6rem}.marquee-wrapper .hero-title,.marquee-content.hero-title{font-size:1.6rem}.hero-meta{justify-content:center}.hero-right-col{flex-direction:column;width:100%;margin-top:10px;display:flex;text-align:center!important;justify-content:center!important;align-items:center!important;margin-left:0!important;margin-right:0!important}.hero-description-box{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:95%;padding:20px;display:flex;text-align:center!important;margin:0 auto!important}.hero-description-box p{width:auto;max-width:100%;margin:0 auto;display:inline-block;text-align:center!important}.hero-stats,.hero-actions{text-align:center;justify-content:center!important}.hero-indicators{bottom:10px;right:50%;transform:translate(50%)}}.hero-content-wrapper{justify-content:center;align-items:center;max-width:1400px;margin:0 auto;display:flex}.hero-indicators{z-index:20;gap:12px;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.indicator-dot{cursor:pointer;background:rgba(255,255,255,.3);border:none;border-radius:50%;width:12px;height:12px;transition:all .3s}.indicator-dot:hover{background:rgba(255,255,255,.5)}.indicator-dot.active{background:#38bdf8;transform:scale(1.2)}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-meta{gap:8px}.hero-content-wrapper{padding-bottom:80px}.hero-section{min-height:600px}}body.light-mode .hero-section{box-shadow:none}body.light-mode .hero-overlay{background:linear-gradient(rgba(248,250,252,.1),rgba(248,250,252,.6) 70%,rgba(248,250,252,.95))}body.light-mode .hero-title{background:linear-gradient(90deg,#0f172a,#334155);color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}body.light-mode .hero-meta-item{background:rgba(255,255,255,.8);border-color:rgba(15,23,42,.1)}body.light-mode .hero-meta{color:#334155}body.light-mode .hero-label{color:#64748b}body.light-mode .hero-badge{color:#0284c7;background:rgba(14,165,233,.1);border-color:rgba(14,165,233,.2)}body.light-mode .hero-jacket-container{box-shadow:none}body.light-mode .indicator-dot{background:rgba(15,23,42,.2)}body.light-mode .indicator-dot.active{background:#0f172a}
.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 4px;display:flex}.section-header-left{align-items:center;gap:12px;display:flex}.section-icon{font-size:24px;line-height:1}.section-title{color:var(--foreground);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700}.section-count{border-radius:var(--radius-full);color:var(--foreground-muted);background:rgba(255,255,255,.05);align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.section-link{color:var(--primary-accent-light);transition:all var(--transition-base);align-items:center;gap:4px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.section-link:hover{color:var(--primary-accent-lighter);gap:8px}.section-link svg{transition:transform var(--transition-base)}.section-link:hover svg{transform:translate(2px)}@media (max-width:768px){.section-header{margin-bottom:16px}.section-title{font-size:24px}.section-icon{font-size:20px}.section-count{display:none}}body.light-mode .section-count{color:#64748b;background:rgba(15,23,42,.05)}body.light-mode .section-link{color:var(--primary-accent)}
.carousel-section{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.carousel-container{position:relative}.carousel-scroll{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:16px;padding:10px 4px;display:flex;overflow-x:auto;overflow-y:hidden}.carousel-scroll::-webkit-scrollbar{display:none}.carousel-arrow{z-index:10;border:1px solid var(--glass-border);width:48px;height:48px;color:var(--foreground);cursor:pointer;opacity:1;background:rgba(15,23,42,.8);border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{background:var(--background-elevated);border-color:var(--glass-border-hover);box-shadow:var(--shadow-glow);transform:translateY(-50%)scale(1.05)}.carousel-arrow.hidden{opacity:.3;pointer-events:none;cursor:default}.carousel-arrow-left{left:-24px}.carousel-arrow-right{right:-24px}.carousel-skeleton{background:var(--glass-bg);border-radius:var(--radius-xl);border:1px solid var(--glass-border);width:200px;min-width:200px;height:300px}@media (max-width:768px){.carousel-section{padding:0 16px}.carousel-arrow{display:none}.carousel-scroll{gap:12px;margin:-4px 0 -12px;padding:4px 0 12px}.carousel-skeleton{width:160px;min-width:160px;height:260px}}@media (min-width:1440px){.carousel-arrow-left{left:-32px}.carousel-arrow-right{right:-32px}}
.homepage-chart-card{z-index:1;--aura-primary:rgba(99,102,241,.6);--aura-secondary:rgba(139,92,246,.4);--aura-tertiary:rgba(56,189,248,.3);background:rgba(15,23,42,.6);border:1px solid rgba(56,189,248,.1);border-radius:20px;flex-direction:column;flex-shrink:0;width:280px;height:440px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible}.card-aura-container{pointer-events:none;z-index:-1;opacity:0;transition:opacity .4s;position:absolute;top:-40px;bottom:-40px;left:-40px;right:-40px}.homepage-chart-card:hover .card-aura-container{opacity:1}.card-aura-layer-1{background:radial-gradient(ellipse at center,var(--aura-primary)0%,transparent 70%);filter:blur(25px);border-radius:50%;animation:3s ease-in-out infinite auraBreath1;position:absolute;top:0;bottom:0;left:0;right:0}.card-aura-layer-2{background:radial-gradient(ellipse at 30% 40%,var(--aura-secondary)0%,transparent 60%);filter:blur(20px);border-radius:50%;animation:2.5s ease-in-out .3s infinite auraBreath2;position:absolute;top:10px;bottom:10px;left:10px;right:10px}.card-aura-layer-3{background:radial-gradient(ellipse at 70% 60%,var(--aura-tertiary)0%,transparent 55%);filter:blur(15px);border-radius:50%;animation:2s ease-in-out .6s infinite auraBreath3;position:absolute;top:20px;bottom:20px;left:20px;right:20px}.card-aura-sparks{background:radial-gradient(2px 2px at 20% 30%,var(--aura-primary)50%,transparent 100%),radial-gradient(2px 2px at 80% 20%,var(--aura-secondary)50%,transparent 100%),radial-gradient(2px 2px at 60% 80%,var(--aura-tertiary)50%,transparent 100%),radial-gradient(3px 3px at 30% 70%,var(--aura-primary)50%,transparent 100%);opacity:.8;animation:1.5s ease-in-out infinite auraSparkle;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes auraBreath1{0%,to{opacity:.6;transform:scale(.9)rotate(0)}50%{opacity:.9;transform:scale(1.1)rotate(3deg)}}@keyframes auraBreath2{0%,to{opacity:.5;transform:scale(.95)translate(-5px)}50%{opacity:.8;transform:scale(1.05)translate(5px)}}@keyframes auraBreath3{0%,to{opacity:.7;transform:scale(1)translateY(-3px)}50%{opacity:1;transform:scale(1.1)translateY(3px)}}@keyframes auraSparkle{0%,to{opacity:.3;transform:scale(1)}25%{opacity:.8}50%{opacity:.5;transform:scale(1.1)}75%{opacity:.9}}.card-bg-blur{opacity:0;filter:blur(20px)saturate(1.2);z-index:-2;will-change:opacity;background-position:50%;background-size:cover;border-radius:50%;transition:opacity .3s;position:absolute;top:-30px;bottom:-30px;left:-30px;right:-30px}.homepage-chart-card:hover .card-bg-blur{opacity:.3}.homepage-chart-card:hover{box-shadow:0 20px 40px -10px rgba(0,0,0,.5),0 0 60px -20px var(--aura-primary);z-index:10;border-color:rgba(56,189,248,.4);transform:translateY(-8px)}@media (max-width:768px){.card-aura-container{top:-20px;bottom:-20px;left:-20px;right:-20px}.card-aura-layer-2,.card-aura-layer-3,.card-aura-sparks{display:none}.card-aura-layer-1{filter:blur(15px);opacity:.5;animation:none}}@media (prefers-reduced-motion:reduce){.card-aura-layer-1,.card-aura-layer-2,.card-aura-layer-3,.card-aura-sparks{animation:none}}.card-image-container{aspect-ratio:1;width:100%;padding:12px;position:relative}.disc-wrapper{border-radius:12px;width:100%;height:100%;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3)}.card-cover{object-fit:cover;width:100%;height:100%;transition:transform .5s}.disc-center-hole{opacity:0;z-index:5;background:#1e293b;border:4px solid rgba(255,255,255,.1);border-radius:50%;width:18%;height:18%;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:inset 0 0 10px rgba(0,0,0,.8)}@keyframes disc-spin{0%{transform:scale(.95)rotate(0)}to{transform:scale(.95)rotate(360deg)}}.homepage-chart-card:hover .disc-wrapper,.homepage-chart-card.playing .disc-wrapper{border-radius:50%;animation:3s linear infinite disc-spin;transform:scale(.95);box-shadow:0 0 0 4px #111,0 0 0 6px rgba(255,255,255,.1),0 10px 30px rgba(0,0,0,.5)}.homepage-chart-card:hover .disc-center-hole,.homepage-chart-card.playing .disc-center-hole{opacity:1;transform:translate(-50%,-50%)scale(1)}.homepage-chart-card:hover .card-cover,.homepage-chart-card.playing .card-cover{transform:scale(1.1)}.card-cover.placeholder{color:#64748b;background:linear-gradient(135deg,#1e293b,#0f172a);justify-content:center;align-items:center;font-size:.8rem;display:flex}.card-overlay{opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;background:rgba(0,0,0,.4);border-radius:12px;justify-content:center;align-items:center;margin:12px;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.homepage-chart-card:hover .card-overlay,.homepage-chart-card.playing .card-overlay{opacity:1}.play-btn{color:#0f172a;cursor:pointer;background:rgba(255,255,255,.9);border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.8)}.play-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 0 20px rgba(255,255,255,.4)}.play-btn.playing{color:#fff;background:#22d3ee}.level-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#22d3ee;z-index:10;background:rgba(15,23,42,.85);border:1px solid rgba(34,211,238,.3);border-radius:12px;padding:6px 10px;font-size:.8rem;font-weight:700;position:absolute;top:20px;right:20px;box-shadow:0 4px 6px rgba(0,0,0,.3)}@media (max-width:768px){.homepage-chart-card{border-radius:16px;width:180px;height:340px}.card-image-container{padding:10px}.level-badge{border-radius:14px;padding:4px 10px;font-size:.75rem;top:14px;right:14px}.card-content{gap:6px;padding:0 14px 14px}.card-title{font-size:.95rem}.meta-item{font-size:.75rem}.card-footer{padding-top:10px;font-size:.7rem}.disc-wrapper{border-radius:10px}.play-btn{width:40px;height:40px;font-size:16px}}.card-content{background:linear-gradient(rgba(15,23,42,0) 0%,rgba(15,23,42,.8) 100%);border-radius:0 0 16px 16px;flex-direction:column;flex:1;gap:8px;padding:0 20px 20px;display:flex}.card-title-link{color:inherit;text-decoration:none}.card-title{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.1rem;font-weight:700;transition:color .2s;overflow:hidden}.card-title:hover{color:#22d3ee}.card-meta{flex-direction:column;gap:4px;display:flex}.meta-item{color:#94a3b8;align-items:center;gap:6px;font-size:.85rem;display:flex}.truncate{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}body.light-mode .homepage-chart-card{background:#fff;border-color:rgba(15,23,42,.1);box-shadow:0 10px 30px rgba(0,0,0,.05)}body.light-mode .card-content{background:linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 100%)}body.light-mode .card-title{color:#0f172a}body.light-mode .meta-item{color:#475569}body.light-mode .info-artists{color:#64748b}body.light-mode .card-footer{color:#64748b;border-top-color:rgba(15,23,42,.05)}body.light-mode .level-badge{color:var(--primary-accent);background:rgba(255,255,255,.85);border-color:rgba(15,23,42,.1);box-shadow:0 4px 12px rgba(0,0,0,.05)}body.light-mode .card-image-container.disc-mode .disc-wrapper{box-shadow:0 0 0 4px #fff,0 0 0 6px rgba(15,23,42,.05),0 10px 30px rgba(0,0,0,.1)}body.light-mode .disc-center-hole{background:#f1f5f9;border-color:rgba(15,23,42,.1)}.card-footer-vertical{color:#64748b;border-top:1px solid rgba(255,255,255,.05);flex-direction:column;gap:4px;margin-top:auto;padding-top:12px;font-size:.8rem;display:flex}.footer-row{align-items:center;gap:8px;width:100%;display:flex;overflow:hidden}.footer-stats-row{border-top:1px dashed rgba(255,255,255,.05);justify-content:space-between;align-items:center;margin-top:6px;padding-top:6px;display:flex}.likes-info{align-items:center;gap:4px;display:flex}.info-artists{color:rgba(255,255,255,.6);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.85rem;display:block;overflow:hidden}
.songcontainer{flex-direction:column;align-items:center;width:80%;margin:0 auto;display:flex}.searchContainer{z-index:50;flex-direction:column;align-items:center;margin-top:20px;display:flex;position:relative}.search-bar{text-align:center;border:1px solid #6ac;border-radius:30px;width:200px;margin-bottom:10px}.sort-group{justify-content:space-between;align-items:center;width:250px;display:flex}.sort-group input[type=radio]{accent-color:#4095bf}.songcontainer ul{flex-flow:wrap;justify-content:center;gap:20px;margin-top:20px;display:flex}.songcontainer li{background-color:#fff;border-radius:20px;width:200px;height:300px;margin-bottom:20px;list-style:none;position:relative}.songcontainer li:hover{transition:all .2s ease-in-out;transform:translateY(-5px);box-shadow:5px 5px 5px rgba(0,0,0,.2)}.songcontainer .levels-img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%;margin:10px auto;box-shadow:2px 2px 3px rgba(0,0,0,.1)}.song-title{margin-left:10px;font-size:14px;font-weight:700}.song-artist{color:gray;margin-left:10px;font-size:10px}.charter p{color:gray;font-size:10px;display:inline;position:absolute;bottom:20px;left:10px}.charter span{color:#4095bf;font-size:14px;font-weight:600;position:absolute;bottom:5px;left:10px}.rating{color:#fff;background:#b3d5e6;border-radius:30px;padding:10px 5px;font-size:14px;font-weight:700;position:absolute;bottom:10px;right:10px}.dashboard-container{flex-direction:column;align-items:center;gap:20px;width:100%;min-height:800px;margin-top:20px;display:flex}.my-charts{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:40px;flex-direction:column;width:100%;max-width:1000px;height:80vh;min-height:700px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.5)}.upload-section{border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:rgba(2,6,23,.5);justify-content:center;justify-items:center;width:100%;min-height:80px;padding:20px;display:flex;position:-webkit-sticky;position:sticky;top:0}.mode-selector{background:rgba(0,0,0,.2);border-radius:12px;justify-content:center;gap:10px;width:-moz-fit-content;width:fit-content;padding:5px;display:flex}.mode-btn{color:rgba(255,255,255,.6);cursor:pointer;background-color:transparent;border:none;border-radius:8px;padding:10px 24px;font-size:15px;font-weight:600;transition:all .3s}.mode-btn:hover{color:#fff;background-color:rgba(255,255,255,.05)}.mode-btn.active{background-color:var(--primary-accent);color:#fff;box-shadow:0 0 15px rgba(56,189,248,.4)}.search-controls-container{border-bottom:1px solid var(--glass-border);z-index:50;background-color:rgba(0,0,0,.2);padding:20px;position:relative}.search-controls{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:15px;display:grid}.search-type-group,.search-field{flex-direction:column;gap:8px;display:flex}.search-field label,.search-type-group label{color:rgba(255,255,255,.7);letter-spacing:.5px;font-size:13px;font-weight:500}.search-field input,.search-field select,.search-type-group select{border:1px solid var(--glass-border);color:#fff;background-color:rgba(0,0,0,.3);border-radius:8px;padding:10px 12px;font-size:14px;transition:all .2s}.search-field input:focus,.search-field select:focus,.search-type-group select:focus{border-color:var(--primary-accent);background-color:rgba(0,0,0,.5);outline:none;box-shadow:0 0 0 2px rgba(56,189,248,.2)}.search-btn{background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:#fff;cursor:pointer;border:none;border-radius:50px;grid-column:1/-1;justify-self:center;width:200px;margin-top:15px;padding:12px 28px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px rgba(56,189,248,.3),inset 0 1px rgba(255,255,255,.2)}.search-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 18px rgba(56,189,248,.45),inset 0 1px rgba(255,255,255,.25)}.search-btn:active{transform:translateY(1px);box-shadow:0 2px 6px rgba(56,189,248,.2)}.charts-section{flex:1;justify-content:center;width:100%;padding:20px;display:flex;overflow-y:auto}@media (max-width:768px){.my-charts{max-width:95%;height:70vh;min-height:500px}.dashboard-container{gap:15px;min-height:600px}.upload-section{min-height:60px;padding:20px}.mode-selector{flex-direction:row;justify-content:center;gap:5px}.mode-btn{padding:10px 20px;font-size:14px}.search-controls{grid-template-columns:1fr;padding:15px}}.liquid-input-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0));border:1px solid rgba(255,255,255,.18);border-radius:12px;transition:all .3s;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.37)}.liquid-input-wrapper:hover{border-color:rgba(56,189,248,.3);box-shadow:0 8px 32px rgba(56,189,248,.2)}.liquid-input{color:#fff;background:0 0;border:none;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:14px}.liquid-select{color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:rgba(255,255,255,.05) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center/16px no-repeat;border:1px solid rgba(255,255,255,.1);border-radius:12px;outline:none;width:100%;padding:12px 40px 12px 16px;font-size:14px;transition:all .2s}.liquid-select:hover{border-color:var(--primary-accent);background-color:rgba(255,255,255,.1)}.liquid-input::placeholder{color:rgba(255,255,255,.5)}.liquid-select option{color:#fff;background-color:#0f172a;padding:12px}.search-btn-large{background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:50px;width:100%;margin-top:15px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px rgba(56,189,248,.3),inset 0 1px rgba(255,255,255,.2)}.search-btn-large:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 18px rgba(56,189,248,.45),inset 0 1px rgba(255,255,255,.25)}.search-btn-large:active{transform:translateY(1px);box-shadow:0 2px 6px rgba(56,189,248,.2)}.sort-order-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .2s;display:flex}.sort-order-btn:hover{border-color:var(--primary-accent);background:rgba(255,255,255,.2)}.carousel-section-wrapper{width:100%;max-width:1400px;margin:0 auto 40px;padding:0 20px}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0;display:flex}.section-header-row h2{color:var(--foreground);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.view-all-text-btn{color:rgba(255,255,255,.7);cursor:pointer;background:0 0;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.view-all-text-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:rgba(255,255,255,.1)}.btn-primary-large{background:linear-gradient(135deg,var(--primary-accent),#38bdf8);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:16px 48px;font-size:18px;font-weight:600;transition:all .2s;box-shadow:0 4px 16px rgba(56,189,248,.35),inset 0 1px rgba(255,255,255,.2)}.btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(56,189,248,.5),inset 0 1px rgba(255,255,255,.25)}.btn-primary-large:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(56,189,248,.3)}.home-content{width:100%;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search-controls-grid{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:51;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:20px;margin-bottom:30px;padding:24px;display:flex;position:relative}.search-control-group{flex-direction:column;flex:1;gap:8px;min-width:150px;display:flex}.search-control-group label{color:rgba(255,255,255,.6);margin-left:4px;font-size:.8rem;font-weight:500}@media (max-width:768px){.search-controls-grid{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.search-control-group{min-width:100%}.search-btn{margin-top:10px;width:100%!important}}body.light-mode .search-controls-grid{background:rgba(255,255,255,.7);border-color:rgba(15,23,42,.1);box-shadow:0 4px 20px rgba(0,0,0,.05)}body.light-mode .search-control-group label{color:#475569}body.light-mode .mode-selector{background:rgba(15,23,42,.05)}body.light-mode .mode-btn{color:#64748b}body.light-mode .mode-btn:hover{color:#0f172a;background:rgba(15,23,42,.05)}body.light-mode .mode-btn.active{background:var(--primary-accent);color:#fff}body.light-mode .view-all-text-btn{color:#64748b;border-color:rgba(15,23,42,.1)}body.light-mode .view-all-text-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:rgba(15,23,42,.02)}body.light-mode .sort-order-btn{color:#475569;background:rgba(15,23,42,.05);border-color:rgba(15,23,42,.1)}body.light-mode .liquid-input-wrapper{background:#fff;border-color:rgba(15,23,42,.1);box-shadow:0 4px 12px rgba(0,0,0,.04)}body.light-mode .liquid-input,body.light-mode .liquid-select{color:#0f172a}
.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:rgba(0,0,0,.6);flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.drawer-container{background:linear-gradient(#1e293b,#0f172a);border-top:1px solid rgba(56,189,248,.2);border-radius:24px 24px 0 0;flex-direction:column;width:100%;height:85vh;display:flex;position:relative;overflow:hidden;box-shadow:0 -10px 40px rgba(0,0,0,.5)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.drawer-container.slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}.drawer-container.slide-down{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideDown}.drawer-backdrop.fade-in{animation:.3s ease-out forwards fadeIn}.drawer-backdrop.fade-out{animation:.3s ease-out forwards fadeOut}.drawer-header{z-index:10;background:rgba(15,23,42,.95);border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0;padding:16px 24px}.drawer-handle{cursor:pointer;background:rgba(255,255,255,.2);border-radius:3px;width:48px;height:6px;margin:0 auto 16px}.drawer-title-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.drawer-title-row h2{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.close-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.close-btn:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}.drawer-search{position:relative}.search-icon{color:rgba(255,255,255,.4);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.drawer-search input{color:#fff;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:12px;outline:none;width:100%;padding:12px 12px 12px 40px;font-size:.95rem;transition:all .2s}.drawer-search input:focus{background:rgba(0,0,0,.5);border-color:#38bdf8;box-shadow:0 0 0 2px rgba(56,189,248,.2)}.drawer-content{flex:1;padding:2px 0;overflow-x:hidden;overflow-y:auto}.charts-grid-view{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-items:center;gap:20px;width:100%;padding:24px;display:grid}.no-results{color:rgba(255,255,255,.5);justify-content:center;align-items:center;height:200px;font-size:1.1rem;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.charts-grid-view>*{animation:.4s ease-out forwards fadeInUp}.charts-grid-view>:first-child{animation-delay:50ms}.charts-grid-view>:nth-child(2){animation-delay:.1s}.charts-grid-view>:nth-child(3){animation-delay:.15s}.charts-grid-view>:nth-child(4){animation-delay:.2s}.charts-grid-view>:nth-child(5){animation-delay:.25s}.charts-grid-view>:nth-child(6){animation-delay:.3s}@media (max-width:640px){.charts-grid-view{grid-template-columns:repeat(2,1fr);justify-items:center;gap:12px;padding:16px;display:grid}.charts-grid-view .homepage-chart-card{width:100%;max-width:180px;height:auto;min-height:260px}}body.light-mode .drawer-container{background:linear-gradient(#f1f5f9,#f8fafc);border-top:1px solid rgba(15,23,42,.1);box-shadow:0 -10px 40px rgba(0,0,0,.1)}body.light-mode .drawer-header{background:rgba(255,255,255,.9);border-bottom:1px solid rgba(15,23,42,.05)}body.light-mode .drawer-handle{background:rgba(15,23,42,.15)}body.light-mode .drawer-title-row h2{color:#0f172a}body.light-mode .close-btn{color:#0f172a;background:rgba(15,23,42,.05)}body.light-mode .close-btn:hover{background:rgba(15,23,42,.1)}body.light-mode .drawer-search input{color:#0f172a;background:rgba(255,255,255,.6);border-color:rgba(15,23,42,.1)}body.light-mode .search-icon{color:#64748b}body.light-mode .no-results{color:#475569}