.toast-container{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:var(--z-toast, 10000);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:fit-content;max-width:min(700px,90vw)}.toast{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-full);background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;pointer-events:all;animation:toastSlideIn .25s cubic-bezier(.16,1,.3,1);transition:all .2s ease;box-sizing:border-box;max-width:100%}.toast:hover{background:#fff}.toast.toast-exit{animation:toastSlideOut .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes toastSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:0}}.toast-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-icon svg{width:12px;height:12px}.toast.success .toast-icon{background:var(--color-success);color:var(--color-white)}.toast.error .toast-icon{background:var(--color-danger);color:var(--color-white)}.toast.info .toast-icon{background:var(--color-primary);color:var(--color-white)}.toast.warning .toast-icon{background:var(--color-warning);color:var(--color-white)}.toast-content{display:flex;align-items:center;gap:6px}.toast-title{font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--color-text-dark);line-height:1;white-space:nowrap}.toast-message{font-size:var(--font-size-13);color:var(--color-text-medium);line-height:1.3}.toast-title+.toast-message:before{content:"·";margin-right:6px;color:var(--color-text-light)}.toast-close{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-light);cursor:pointer;border-radius:50%;transition:all var(--transition-fast);padding:0;margin-left:4px}.toast-close:hover{background:#00000014;color:var(--color-text-dark)}.toast-close svg{width:10px;height:10px}.toast-progress{display:none}@media(max-width:768px){.toast-container{top:70px;left:50%;right:auto;transform:translate(-50%);max-width:calc(100vw - 32px)}.toast{padding:8px 14px}}.main-container{padding:10px 15px;background:#fff}.content-page{min-height:auto}.main-header-container{background:#ffffff1a;position:fixed;left:0;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(12px);z-index:100}.mobile-burger-button{display:none;background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;transition:color .2s ease;flex-shrink:0}.mobile-burger-button:hover{color:#86e34e}.mobile-burger-button:active{transform:scale(.95)}.mobile-header-logo{display:none;height:24px;width:auto;cursor:pointer}.mobile-header-grid,.mobile-search-bar{display:none}.profil-box-menu{display:flex;gap:5px;justify-content:center;align-items:center}.profil-box-menu .profil-box-menu-item{display:flex;align-items:center;gap:10px;justify-content:center}.profil-box-menu .profil-box-menu-item .profil-box-menu-item-image{position:relative;height:clamp(2rem,2.5vw,2.5rem);z-index:1}.profil-box-menu .profil-box-menu-item .profil-box-menu-item-image .profil-status{position:absolute;left:-2px;bottom:-2px;width:7px;height:7px;border-radius:50%;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));background:#44c22b}.profil-box-menu .profil-box-menu-item .profil-box-menu-item-image img{width:clamp(2rem,2.5vw,2.5rem);height:clamp(2rem,2.5vw,2.5rem);border-radius:var(--radius-md);overflow:hidden}.profil-box-menu .profil-box-menu-item .profil-box-menu-item-image .profil-initial{width:clamp(2rem,2.5vw,2.5rem);height:clamp(2rem,2.5vw,2.5rem);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:clamp(.8rem,1vw,.875rem)}.profil-box-menu .profil-box-menu-item .title{color:#fff;text-align:right;font-size:1rem;font-weight:400;line-height:1.2}.profil-box-menu .profil-box-menu-item .desc{color:#a3a3a3;text-align:right;font-size:14px;font-weight:400;line-height:1.2}.filter-box-menu{display:flex;align-items:center;gap:0 30px;justify-content:space-between;border-radius:40px;padding:0 20px;background:#3d3d3d;flex:1;max-width:670px;box-sizing:border-box;min-width:0}.filter-box-menu .filter-box-menu-item{display:flex;align-items:center;gap:10px}.filter-box-menu .search-box-menu{flex:1}.filter-box-menu .filter-box-menu-item .title{color:#a3a3a3;font-size:1rem;font-weight:400;line-height:24px}.filter-box-menu .separator-filter{width:1px;height:20px;background:#262626}.filter-box-menu .filter-box-menu-item input{padding:5px 0;box-shadow:none;border:none;outline:none;color:#262626;font-size:1rem;width:100%;font-weight:400;line-height:24px;background:none}.filter-box-menu .filter-box-menu-item input::placeholder{color:#a3a3a3;font-size:14px}.page-container{display:flex;justify-content:flex-start;align-items:flex-start;position:relative;width:100%;max-width:100vw}.left-page-container{width:200px;background:transparent;padding:8px;height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.left-page-container.collapsed{width:52px;padding:8px 6px;overflow:visible}.left-page-container::-webkit-scrollbar{width:4px}.left-page-container::-webkit-scrollbar-track{background:transparent}.left-page-container::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.left-page-container::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.left-page-container .toggle-menu-left{display:flex;flex-direction:column;gap:4px;padding:8px;margin-bottom:8px;cursor:pointer;border-radius:8px;width:fit-content}.left-page-container .toggle-menu-left>span:not(.menu-new-badge){display:block;width:18px;height:2px;background:#ffffff80;border-radius:1px;transition:background .15s ease}.left-page-container .toggle-menu-left:hover>span:not(.menu-new-badge){background:#ffffffe6}.left-page-container.collapsed .toggle-menu-left{margin-left:auto;margin-right:auto}.left-page-container .menu-left{display:flex;flex-direction:column;flex:1;gap:2px}.left-page-container.collapsed .menu-left{align-items:center}.left-page-container .menu-left .menu-separator{height:1px;background:#ffffff29;margin:0}.left-page-container.collapsed .menu-left .menu-separator{width:24px;margin:8px auto}.left-page-container .menu-left .menu-spacer{flex:1;min-height:16px}.left-page-container .menu-left .item-menu-left.item-profile{margin-top:8px}.left-page-container .menu-left .item-menu-left{display:flex;align-items:center;gap:12px;padding:7px 12px;border-radius:8px;cursor:pointer;transition:background .15s ease,color .15s ease;color:#ffffffb3;font-size:14px;font-weight:450}.left-page-container .menu-left .item-menu-left:hover{background:#ffffff0f;color:#fffffff2}.left-page-container .menu-left .item-menu-left.active{background:#ffffff1a;color:#fff}.left-page-container .menu-left .item-menu-left .icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.left-page-container .menu-left .item-menu-left .icon img{width:24px;height:24px;opacity:.85;transition:opacity .15s ease}.left-page-container .menu-left .item-menu-left:hover .icon img,.left-page-container .menu-left .item-menu-left.active .icon img{opacity:1}.left-page-container .menu-left .item-menu-left .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;font-size:inherit}.left-page-container.collapsed .menu-left .item-menu-left{justify-content:center;padding:10px;position:relative}.left-page-container.collapsed .menu-left .item-menu-left .text{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#222;backdrop-filter:blur(40px);border:none;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:400;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;transition:none;z-index:1000;box-shadow:0 4px 12px #0000004d;pointer-events:none}.left-page-container.collapsed .menu-left .item-menu-left:hover .text{opacity:1;visibility:visible;display:block}.menu-bug-cta{margin-top:auto;padding-top:12px}.bug-btn{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#3d8bfd1f,#ff4d6724);color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease}.bug-btn:hover{border-color:#ffffff40;box-shadow:0 8px 20px #00000040}.left-page-container.collapsed .bug-btn{font-size:0;min-height:44px;background:#3d8bfd33}.row-title{margin:0;color:#fff;font-weight:700}.left-page-container.collapsed .menu-left .item-menu-left.secondary{border-radius:50%}.right-page-container{flex:1;display:flex;flex-direction:column;min-height:100vh;padding:clamp(5.5rem,8vw,6.875rem) clamp(1rem,1.5vw,1.25rem) clamp(1rem,1.5vw,1.25rem);padding-bottom:clamp(6rem,10vw,8rem);width:calc(100% - clamp(14rem,18vw,15.625rem));max-width:100%;margin-left:clamp(14rem,18vw,15.625rem);box-sizing:border-box;overflow-x:hidden}.right-page-container.menu-collapsed{margin-left:clamp(5rem,7vw,5.625rem);width:calc(100% - clamp(5rem,7vw,5.625rem))}.sect-title{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.sect-title h1{color:#fff;font-size:clamp(18px,3vw,24px);font-weight:600;line-height:1.2;margin:0}.tabs>.global-tabs-nav{margin-left:auto;margin-right:auto}.home-section-title{color:#fff;font-family:var(--font-logo);font-size:clamp(18px,2vw,22px);font-weight:500;line-height:1.2;margin:0;letter-spacing:-.03em}.home-section-subtitle{color:#ffffff73;font-size:clamp(12px,1.2vw,13px);font-weight:400;line-height:1.4;margin-top:3px;letter-spacing:-.01em}.home-section-heading{display:flex;flex-direction:column;align-items:flex-start}.home-section-link{display:inline-flex;align-items:center;gap:6px;padding:0;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.16,1,.3,1)}.home-section-link:hover .home-section-chevron{transform:translate(2px)}.home-section-link .home-section-title{color:#fff;font-size:clamp(18px,2vw,22px);font-weight:500;line-height:1.2;letter-spacing:-.03em;transition:opacity .2s ease}.home-section-link:hover .home-section-title{opacity:.8}.home-section-chevron{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.16,1,.3,1)}.home-section-chevron svg{width:22px;height:22px;opacity:1;stroke:#fff;stroke-width:2.5;fill:none;transition:opacity .2s cubic-bezier(.16,1,.3,1)}.home-section-link:hover .home-section-chevron svg{opacity:.8}.home-section-link:focus-visible{outline:2px solid rgba(255,255,255,.3);outline-offset:3px;border-radius:4px}.home-welcome-banner-section{width:100%;margin-bottom:24px}.home-welcome-text{margin-bottom:16px}.fonction-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;width:100%;max-width:100%}.fonction-list .item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;padding:20px;background:transparent;backdrop-filter:none;border:none;border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.fonction-list .item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--bg-white-05) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-normal);border-radius:var(--radius-md)}.fonction-list .item:hover:before{opacity:1}.fonction-list .item:hover{transform:translate(4px)}.fonction-list .item .icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-white-05);border-radius:var(--radius-sm);transition:all var(--transition-normal);position:relative;z-index:1}.fonction-list .item:hover .icon{background:var(--bg-white-10);transform:scale(1.05)}.fonction-list .item .icon img{width:28px;height:28px;object-fit:contain}.fonction-list .item .title{color:#fff;font-size:clamp(15px,1.2vw,17px);font-weight:600;margin-bottom:4px;line-height:1.3;position:relative;z-index:1}.fonction-list .item .desc{color:#a3a3a3;font-size:13px;font-weight:400;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;position:relative;z-index:1}.fonction-list .item .content{flex:1;min-width:0}.item-beats{display:flex;align-items:center;gap:10px;justify-content:flex-start;padding:5px 20px;border-radius:40px;margin-bottom:10px;border:1px solid #fff;background:#f5f5f533;box-shadow:2px 4px 10px #0000000d inset,-2px -2px 10px #0000000d inset}.item-beats .icon{width:40px;text-align:center;flex:0 0 40px;overflow:hidden;border-radius:50%}.item-beats .icon img{width:100%;height:100%;object-fit:cover}.item-beats .content{flex:1}.item-beats .content .title{color:#000;font-size:17px;font-weight:300;line-height:20px}.item-beats .content .desc{color:#525252;font-size:14px;font-weight:300;line-height:16px}.item-beats .link{line-height:16px;display:flex;align-items:center;gap:10px;justify-content:center;min-width:105px;min-height:35px;border-radius:var(--radius-xl);background:#f5f5f533;color:#000;text-align:center;font-size:14px;font-weight:300;line-height:20px;transition:.5s;box-shadow:1px 1px #fff,-1px -1px #fff,2px 4px 10px #0000000d inset;cursor:pointer}.item-beats .link:hover{animation:bounce 1s ease-in-out;background:#f5f5f599}.item-beats .link svg{width:10px;height:10px}.list-beats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:20px;width:100%;max-width:100%}.list-beats .item{position:relative;display:flex;flex-direction:column;border-radius:20px;transition:background .3s ease,box-shadow .3s ease,transform .2s ease;border:none;background:#ffffff0d;box-shadow:none;padding:10px;overflow:hidden;backface-visibility:hidden;transform:translateZ(0)}.list-beats .item:hover{background:#ffffff1a}.list-beats .item>*{position:relative;z-index:1}.list-beats .item .img{position:relative;width:100%;aspect-ratio:1;background:#282828;border-radius:10px;overflow:hidden;margin-bottom:10px}.list-beats .item .img .ico-play{position:absolute;bottom:16px;right:12px;width:45px;height:45px;border-radius:50%;background:#ffffff0d;backdrop-filter:blur(10px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;opacity:0;z-index:3;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease,background .2s ease;will-change:opacity,transform}.list-beats .item:hover .img .ico-play{opacity:1;transform:translateY(0);background:#0000007a}.list-beats .item .img .ico-play:hover{background:var(--color-primary)!important}.list-beats .item .img .ico-play svg{width:25px;height:25px;display:block;transition:transform .3s ease}.list-beats .item .img .ico-play svg path{transition:fill .2s ease;fill:#fff}.list-beats .item .img .ico-play:hover svg{transform:scale(1.15)}.list-beats .item .img .ico-play:hover svg path{fill:#fff}.list-beats .item .img img{width:100%;height:100%;object-fit:cover;display:block}.list-beats .item .beat-info{position:relative;width:100%;padding:0;background:transparent;color:#fff;opacity:1;transition:all var(--transition-normal)}.list-beats .item .title{font-size:clamp(.875rem,.8rem + .3vw,.9375rem);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;line-height:1.4;letter-spacing:-.01em}.list-beats .item .desc{font-size:clamp(.75rem,.7rem + .25vw,.8125rem);color:#b3b3b3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;font-weight:500}.list-beats .item .desc .artist-link{color:#b3b3b3;cursor:pointer;transition:all .2s ease;text-decoration:none}.list-beats .item .desc .artist-link:hover{color:#fff;text-decoration:underline}@keyframes bounce{0%{transform:scale(1)}30%{transform:scale(1.05)}60%{transform:scale(.95)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes morphSlideIn{0%{opacity:0;transform:scale(.92);filter:blur(20px)}40%{opacity:.5;filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes cascadeIn{0%{opacity:0;transform:translateY(20px) scale(.97);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.right-page-container>section{animation:morphSlideIn .6s cubic-bezier(.34,1.56,.64,1)}.right-page-container>section:nth-child(1){animation-delay:0s}.right-page-container>section:nth-child(2){animation:cascadeIn .5s cubic-bezier(.16,1,.3,1) .1s backwards}.right-page-container>section:nth-child(3){animation:cascadeIn .5s cubic-bezier(.16,1,.3,1) .2s backwards}.right-page-container>section:nth-child(4){animation:cascadeIn .5s cubic-bezier(.16,1,.3,1) .3s backwards}.list-suggestions{display:grid;padding:24px;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:20px;border-radius:var(--radius-md);border:1px solid var(--bg-white-10);background:var(--bg-white-05);backdrop-filter:blur(10px);width:100%;max-width:100%;box-sizing:border-box}.list-suggestions .item{padding:16px;background:transparent;border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer}.list-suggestions .item:hover{background:var(--bg-white-05)}.list-suggestions .item .img{width:140px;height:140px;margin:0 auto 12px;border-radius:50%;overflow:hidden;border:2px solid var(--bg-white-10);transition:all var(--transition-normal)}.list-suggestions .item:hover .img{border-color:var(--bg-white-20);box-shadow:0 8px 20px #0000004d}.list-suggestions .item .img img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.list-suggestions .item:hover .img img{transform:scale(1.05)}.list-suggestions .item .link{margin:12px auto 0;display:flex;min-width:100px;height:36px;border-radius:var(--radius-full);align-items:center;justify-content:center;background:transparent;backdrop-filter:blur(20px);border:1px solid var(--bg-white-10);color:#fff;font-size:13px;font-weight:500;line-height:20px;transition:all var(--transition-normal);cursor:pointer}.list-suggestions .item .link:hover{background:var(--bg-white-10);border-color:var(--bg-white-20);transform:scale(1.05)}@media(max-width:1500px){.list-beats,.list-suggestions{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.fonction-list{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}}@media(max-width:1200px){.list-beats .item{padding:10px}.list-beats .item .img .ico-play{width:40px;height:40px}.list-beats .item .img .ico-play img,.list-beats .item .img .ico-play svg{width:22px;height:22px}}@media(max-width:999px){.left-page-container{display:none!important}.right-page-container,.right-page-container.menu-collapsed,.right-page-container.has-right-panel,.right-page-container.has-right-panel.menu-collapsed,.right-page-container.right-panel-collapsed,.right-page-container.right-panel-collapsed.menu-collapsed{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100vw;padding:0;box-sizing:border-box;margin-top:0;height:auto;min-height:0}.desktop-header-content{display:none!important}.mobile-search-bar{width:100%}.mobile-search-bar .advanced-search-container{width:100%;max-width:100%}.profil-box-menu>.btn-round[data-tooltip="Réserve ta session de studio"],.profil-box-menu>.btn-round[data-tooltip=Challenge],.profil-box-menu>.btn-round[data-tooltip=Événement]{display:none}.profil-box-menu{gap:10px}.profil-box-menu-item-image img,.profil-box-menu-item-image .profil-initial{width:36px;height:36px;font-size:14px}.btn-round{width:40px!important;height:40px!important}.btn-round img,.btn-round svg{width:18px!important;height:18px!important}}@media(max-width:480px){.main-header-container{padding:max(8px,env(safe-area-inset-top,0px)) 12px 8px;gap:0px}.mobile-header-logo{height:28px}.mobile-header-left{gap:10px}.mobile-header-right{gap:8px}.profil-box-menu-item-image img,.profil-box-menu-item-image .profil-initial{width:32px;height:32px;font-size:13px}.btn-round{width:36px!important;height:36px!important}.btn-round img,.btn-round svg{width:16px!important;height:16px!important}.right-page-container,.right-page-container.menu-collapsed,.right-page-container.has-right-panel,.right-page-container.has-right-panel.menu-collapsed,.right-page-container.right-panel-collapsed,.right-page-container.right-panel-collapsed.menu-collapsed{padding-top:calc(110px + env(safe-area-inset-top,0px));padding-bottom:calc(86px + env(safe-area-inset-bottom,0px));padding-left:10px;padding-right:10px;min-height:calc(100vh - 110px - env(safe-area-inset-top,0px));width:100%!important;margin-left:0!important;margin-right:0!important}}.list-beats .item .beat-footer{display:flex;justify-content:space-between;align-items:center;gap:5px}.list-beats .item .beat-bpm{font-size:10px;font-weight:600;color:#fffc;letter-spacing:.3px;background:#ffffff1a;padding:4px 10px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);border:none}.list-beats .item .beat-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.list-beats .item .btn-menu-beat{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;background:#ffffff14;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.list-beats .item .btn-menu-beat:hover{background:#ffffff26;transform:scale(1.05)}.list-beats .item .btn-menu-beat img,.list-beats .item .btn-menu-beat svg{width:16px;height:16px;color:#fff}.list-beats .item .btn-menu-beat img{filter:brightness(0) invert(1)}.list-beats .item .beat-badge{position:absolute;top:15px;left:15px;z-index:3;display:inline-flex;height:clamp(.75rem,4vh,1.5rem);padding:4px 7px;align-items:center;gap:var(--spacing-sm);border-radius:var(--border-radius-lg);background:#8678db45;color:#fff;backdrop-filter:blur(1px);font-size:12px;font-weight:var(--font-weight-bold);flex-shrink:0;text-transform:capitalize}.list-beats .item .beat-remove-button{position:absolute;top:24px;right:24px;z-index:4;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(8px);border:none;border-radius:50%;color:#fff;cursor:pointer;opacity:0;transition:all .3s ease}.list-beats .item:hover .beat-remove-button{opacity:1}.list-beats .item .beat-remove-button:hover{background:#dc2626e6;transform:scale(1.1);box-shadow:0 4px 12px #dc262666}.list-beats .item .beat-remove-button:active{transform:scale(.95)}.right-page-container>section{position:relative;z-index:1}.section-padding{padding:0;margin:0 auto 25px;width:100%;box-sizing:border-box}.section-padding:last-child{margin-bottom:0}.home-section-placeholder{width:100%;height:100%;min-height:200px;border-radius:18px;background:linear-gradient(90deg,#191919,#1f1f1f,#191919);background-size:200% 100%;animation:placeholderShimmer 1.4s ease-in-out infinite;opacity:.7}@keyframes placeholderShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.section-padding>div>div[style*=grid]{gap:24px}@media(max-width:1600px){.section-padding>div>div[style*="repeat(4, 1fr)"]{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:1200px){.section-padding>div>div[style*="repeat(4, 1fr)"],.section-padding>div>div[style*="repeat(3, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:999px){.section-padding>div>div[style*=grid]{grid-template-columns:1fr!important;gap:16px}}@media(max-width:999px){.list-beats .item{border:none!important;background:transparent!important;padding:0!important;border-radius:10px}.list-beats .item .img{border-radius:10px;margin-bottom:8px}.list-beats .item .img .ico-play{opacity:1!important;transform:translateY(0)!important;background:#00000080!important;backdrop-filter:blur(8px);width:44px;height:44px;bottom:8px;right:8px}.list-beats .item .beat-bpm,.list-beats .item .btn-menu-beat,.list-beats .item .beat-footer{display:none!important}.list-beats .item .title{font-size:15px;font-weight:600;margin-bottom:2px}.list-beats .item .desc{font-size:13px;color:#999}.home-section-subtitle{display:none!important}.section-padding{margin-bottom:20px!important}.sect-title{margin-bottom:12px!important}.home-section-title{font-size:21px!important;font-weight:700!important}.home-section-title span{display:none!important}.sect-title .link,.sect-title button.link{padding:6px 14px!important;background:#ffffff14!important;border:none!important;border-radius:20px!important;font-size:13px!important;font-weight:500!important;color:#ffffffb3!important;gap:4px!important;transition:all .2s ease!important}.sect-title .link:hover,.sect-title button.link:hover{color:#ffffffe6!important;background:#ffffff1f!important;transform:none!important}.sect-title .link svg,.sect-title button.link svg{width:12px!important;height:12px!important;opacity:.7}.list-beats .item .beat-badge{display:none!important}.list-beats .item:hover{transform:none!important;box-shadow:none!important}.carousel-arrow{display:none!important}}@media(max-width:480px){.section-padding{margin-bottom:16px!important}.sect-title{margin-bottom:10px!important}.home-section-title{font-size:19px!important}.sect-title .link,.sect-title button.link{padding:5px 12px!important;font-size:12px!important}.list-beats .item .img .ico-play{width:45px!important;height:45px!important}.list-beats .item .img .ico-play svg{width:23px!important;height:23px!important}.list-beats .item .beat-info{padding:0!important}}.welcome.section-padding{margin:0 auto 24px;padding:0;box-sizing:border-box}.welcome.section-padding .sect-title:first-child{margin-bottom:4px}.welcome.section-padding .sect-title:nth-child(2){margin-bottom:16px}.welcome-description{color:#a3a3a3;font-weight:400;font-size:clamp(13px,1.5vw,15px);margin:0}@media(max-width:999px){.welcome.section-padding{margin-bottom:16px}.sect-title{gap:8px}.sect-title h1{font-size:22px}.welcome-description{font-size:15px}.welcome.section-padding .sect-title:first-child{margin-bottom:2px}.welcome.section-padding .sect-title:nth-child(2){margin-bottom:12px}.fonction-list{grid-template-columns:repeat(4,1fr);gap:5px}.fonction-list .item{padding:16px 12px;flex-direction:column;align-items:center;text-align:center;gap:8px;aspect-ratio:unset;justify-content:center;border-radius:var(--radius-lg)}.fonction-list .item .icon{width:70px;height:70px;margin-bottom:0}.fonction-list .item .icon img{width:42px;height:42px}.fonction-list .item .content{display:block}.fonction-list .item .title{display:block;font-size:14px;font-weight:400;margin-bottom:0}.fonction-list .item .desc{display:none}.list-beats .item{padding:10px}.list-beats .item .img{margin-bottom:12px}.list-beats .item .img .ico-play{width:36px;height:36px;bottom:12px;right:10px}.list-beats .item .img .ico-play img,.list-beats .item .img .ico-play svg{width:18px;height:18px}.list-beats .item .beat-remove-button{top:18px;right:18px;width:36px;height:36px}.list-beats .item .beat-badge{top:18px;left:18px;font-size:11px;padding:3px 10px}.list-beats .item .beat-footer{margin-top:6px;gap:6px}.list-beats .item .beat-bpm{font-size:9px;padding:3px 8px;border-radius:50px}.list-beats .item .btn-menu-beat{width:30px;height:30px}.list-beats .item .btn-menu-beat img,.list-beats .item .btn-menu-beat svg{width:14px;height:14px}}@media(max-width:480px){.welcome.section-padding{margin-bottom:12px}.sect-title{gap:6px}.sect-title h1{font-size:20px}.welcome-description{font-size:14px}.welcome.section-padding .sect-title:first-child{margin-bottom:2px}.welcome.section-padding .sect-title:nth-child(2){margin-bottom:10px}.fonction-list{gap:5px}.fonction-list .item{padding:14px 10px;gap:8px}.fonction-list .item .icon{width:64px;height:64px}.fonction-list .item .icon img{width:38px;height:38px}.fonction-list .item .content{display:block}.fonction-list .item .title{display:block;font-size:14px;font-weight:400;margin-bottom:0}.fonction-list .item .desc{display:none}.list-beats .item{padding:5px}.list-beats .item .img{margin-bottom:10px}.list-beats .item .img .ico-play{width:40px;height:40px;bottom:10px;right:8px}.list-beats .item .img .ico-play img,.list-beats .item .img .ico-play svg{width:20px;height:20px}.list-beats .item .beat-remove-button{top:14px;right:14px;width:32px;height:32px}.list-beats .item .beat-badge{top:14px;left:14px;font-size:10px;padding:3px 8px}.list-beats .item .beat-footer{margin-top:6px;gap:4px}.list-beats .item .beat-bpm{font-size:9px;padding:5px;border-radius:50px}.list-beats .item .btn-menu-beat{width:30px;height:30px}.list-beats .item .btn-menu-beat img,.list-beats .item .btn-menu-beat svg{width:12px;height:12px}}.sect-title .link,.sect-title button.link{display:inline-flex;align-items:center;gap:2px;padding:0;background:transparent;border:none;font-size:13px;font-weight:400;color:#fff6;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;letter-spacing:-.01em}.sect-title .link:hover,.sect-title button.link:hover{color:#ffffffb3}.sect-title .link svg,.sect-title button.link svg{width:14px;height:14px;opacity:.5;transition:all .2s cubic-bezier(.16,1,.3,1)}.sect-title .link:hover svg,.sect-title button.link:hover svg{opacity:.8;transform:translate(2px)}.section-padding>div>div[style*=grid]>*{animation:fadeInUp .5s ease backwards}.section-padding>div>div[style*=grid]>*:nth-child(1){animation-delay:.05s}.section-padding>div>div[style*=grid]>*:nth-child(2){animation-delay:.1s}.section-padding>div>div[style*=grid]>*:nth-child(3){animation-delay:.15s}.section-padding>div>div[style*=grid]>*:nth-child(4){animation-delay:.2s}.section-padding>div>div[style*=grid]>*:nth-child(5){animation-delay:.25s}.section-padding>div>div[style*=grid]>*:nth-child(6){animation-delay:.3s}.section-padding>div>div[style*=grid]>*:nth-child(7){animation-delay:.35s}.section-padding>div>div[style*=grid]>*:nth-child(8){animation-delay:.4s}.section-padding .animate-spin{border-color:#85e05133;border-top-color:#85e051}.home-dual-section{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}.home-dual-column{min-width:0}@media(max-width:1200px){.home-dual-section{gap:24px}}@media(max-width:999px){.home-dual-section{gap:20px}}.home-feature-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:stretch}.home-feature-main,.home-feature-sidebar{min-width:0}.home-feature-main{display:flex;flex-direction:column;gap:14px}@media(max-width:1400px){.home-feature-row{gap:16px}}@media(max-width:1200px){.home-feature-row{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}@media(max-width:999px){.home-feature-row{grid-template-columns:1fr;gap:16px}.home-feature-main{gap:20px}}.section-padding .bg-red-500\/10{background:#ef44441a;backdrop-filter:blur(10px)}.section-padding .text-gray-400{color:#9ca3af;font-style:italic}.app-layout__header .main-header-container{position:static;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;margin:0}.desktop-header-content{flex:1;display:flex;gap:clamp(.75rem,1.5vw,1.25rem);align-items:center;justify-content:space-between}.desktop-header-logo-wrapper{position:relative;cursor:pointer;flex-shrink:0;display:flex;align-items:center}.desktop-header-logo{height:40px;flex-shrink:0}.beta-badge{position:absolute;top:-4px;right:-28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px;border-radius:60px;transform:rotate(-12deg);line-height:1;pointer-events:none}.desktop-header-search-group{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;max-width:700px;margin:0 auto}.desktop-header-search{flex:1;max-width:600px}.ora-header-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:#0a0a1499;cursor:pointer;transition:box-shadow .25s ease;flex-shrink:0;height:36px;width:36px;padding:0;position:relative;overflow:hidden}.ora-header-btn:before{content:"";position:absolute;top:50%;left:50%;width:160%;height:160%;background:conic-gradient(from 0deg at 50% 50%,#3e1cfd,#00d4ff,#87e64b,#3e1cfd);animation:ora-fluid-1 7s ease-in-out infinite;filter:blur(6px);z-index:0;opacity:.35;transition:opacity .4s ease,animation-duration .4s ease}.ora-header-btn:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle at 30% 40%,#ff00ea 0%,transparent 50%),radial-gradient(circle at 70% 60%,#00d4ff 0%,transparent 50%),radial-gradient(circle at 50% 30%,#87E64B 0%,transparent 45%);animation:ora-fluid-2 5s ease-in-out infinite;filter:blur(5px);z-index:0;opacity:.3;mix-blend-mode:screen;transition:opacity .4s ease}.ora-header-btn:hover:before{opacity:.65;animation:ora-fluid-1-fast 3.5s ease-in-out infinite}.ora-header-btn:hover:after{opacity:.55;animation:ora-fluid-2-fast 2.5s ease-in-out infinite}.ora-header-btn:hover{box-shadow:0 0 14px #3e1cfd33}.ora-header-btn--active:before{opacity:.75;animation:ora-fluid-1-fast 3.5s ease-in-out infinite}.ora-header-btn--active:after{opacity:.65;animation:ora-fluid-2-fast 2.5s ease-in-out infinite}.ora-header-btn--active{box-shadow:0 0 18px #3e1cfd4d}.ora-header-btn--active:hover:before{opacity:.85}.ora-header-btn--active:hover:after{opacity:.75}@keyframes ora-fluid-1{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}15%{transform:translate(-42%,-58%) rotate(55deg) scale(1.08)}35%{transform:translate(-56%,-44%) rotate(140deg) scale(.95)}50%{transform:translate(-48%,-55%) rotate(195deg) scale(1.05)}70%{transform:translate(-54%,-46%) rotate(275deg) scale(.97)}85%{transform:translate(-44%,-52%) rotate(320deg) scale(1.06)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}@keyframes ora-fluid-2{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}20%{transform:translate(-60%,-40%) rotate(-40deg) scale(1.15)}45%{transform:translate(-38%,-58%) rotate(30deg) scale(.9)}65%{transform:translate(-55%,-48%) rotate(-70deg) scale(1.1)}80%{transform:translate(-45%,-55%) rotate(20deg) scale(.95)}to{transform:translate(-50%,-50%) rotate(0) scale(1)}}@keyframes ora-fluid-1-fast{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}12%{transform:translate(-40%,-60%) rotate(65deg) scale(1.12)}30%{transform:translate(-58%,-42%) rotate(155deg) scale(.92)}50%{transform:translate(-44%,-56%) rotate(210deg) scale(1.08)}68%{transform:translate(-56%,-44%) rotate(285deg) scale(.94)}82%{transform:translate(-42%,-54%) rotate(330deg) scale(1.1)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}@keyframes ora-fluid-2-fast{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}18%{transform:translate(-62%,-38%) rotate(-50deg) scale(1.2)}40%{transform:translate(-35%,-60%) rotate(40deg) scale(.85)}60%{transform:translate(-58%,-45%) rotate(-80deg) scale(1.15)}78%{transform:translate(-42%,-58%) rotate(25deg) scale(.9)}to{transform:translate(-50%,-50%) rotate(0) scale(1)}}.ora-header-btn__icon{width:22px;height:22px;flex-shrink:0;position:relative;z-index:2}.mobile-header-grid,.mobile-search-slidedown{display:none}@media(max-width:999px){.desktop-header-content,.ora-header-btn{display:none!important}.mobile-header-grid{display:flex!important;align-items:center;justify-content:space-between;width:100%;height:48px;padding:0 15px}.app-layout__header .main-header-container{background:#0006;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:none;border-radius:0;flex-direction:column;align-items:stretch;padding:0;padding-top:env(safe-area-inset-top,0px)}.mobile-header-left{display:flex;align-items:center;gap:10px}.mobile-burger-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;color:#fff;cursor:pointer;border-radius:8px;-webkit-tap-highlight-color:transparent;padding:0}.mobile-burger-btn:active{background:#ffffff14}.mobile-burger-btn svg{width:22px;height:22px}.mobile-header-logo{display:block;height:28px;cursor:pointer}.mobile-header-center{flex:1;display:flex;align-items:center;justify-content:flex-start}.mobile-header-title{font-size:17px;font-weight:600;color:#fff;margin:0;white-space:nowrap}.mobile-header-right{display:flex;align-items:center;margin-left:auto}.mobile-header-right .profil-box-menu{gap:0;align-items:center}.mobile-header-grid .btn-round,.mobile-header-grid .notification-bell .btn-round{width:44px!important;height:44px!important;min-width:44px;min-height:44px;background:transparent!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0!important;position:relative;box-shadow:none!important}.mobile-header-grid .btn-round:hover,.mobile-header-grid .notification-bell .btn-round:hover{background:transparent!important}.mobile-header-grid .btn-round:active,.mobile-header-grid .notification-bell .btn-round:active{background:#ffffff1a!important}.mobile-header-grid .btn-round img,.mobile-header-grid .btn-round svg,.mobile-header-grid .notification-bell .btn-round img,.mobile-header-grid .notification-bell .btn-round svg{width:20px!important;height:20px!important;transform:none!important}.mobile-header-grid .btn-round:hover img,.mobile-header-grid .btn-round:hover svg{transform:none!important}.mobile-header-grid .notification-bell .btn-round span,.mobile-header-grid .btn-round .mobile-header-badge{position:absolute!important;top:4px!important;right:4px!important;width:18px!important;height:18px!important;font-size:10px!important}.mobile-header-avatar{display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent;width:44px;height:44px}.mobile-header-avatar:active{background:#ffffff1a}.mobile-back-btn{width:40px!important;height:40px!important;background:#ffffff14!important;border-radius:50%!important;display:flex;align-items:center;justify-content:center;border:none!important;cursor:pointer;color:#fff;margin-right:12px}.mobile-back-btn:active{background:#ffffff26!important}.mobile-back-btn svg{width:16px!important;height:16px!important}.mobile-search-bar{display:none;position:fixed;inset:0;z-index:1001;background:#000000f7;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);flex-direction:column;animation:fadeIn .25s ease-out}.mobile-search-bar--visible{display:flex}.mobile-search-bar-header{display:flex;gap:12px;align-items:center;padding:12px 16px;padding-top:max(16px,calc(env(safe-area-inset-top,0px) + 12px));border-bottom:1px solid rgba(255,255,255,.08)}.mobile-search-bar .advanced-search-container{flex:1}.mobile-search-bar .advanced-search-container input,.mobile-search-bar .search-input{background:#ffffff1a!important;border:none!important;border-radius:12px!important;padding:12px 16px 12px 44px!important;font-size:16px!important;color:#fff!important;width:100%!important}.mobile-search-bar .advanced-search-container input::placeholder,.mobile-search-bar .search-input::placeholder{color:#ffffff80!important}.mobile-search-bar .advanced-search-container input:focus,.mobile-search-bar .search-input:focus{outline:none!important;background:#ffffff1f!important}.mobile-search-close{background:transparent;border:none;color:#007aff;font-size:16px;font-weight:500;cursor:pointer;padding:8px 4px;flex-shrink:0}.mobile-search-bar-results{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-header-grid .btn-round[data-tooltip]:before,.mobile-header-grid .btn-round[data-tooltip]:after{display:none!important}.mobile-search-slidedown{display:block}.mobile-search-toggle{transition:background .2s ease;color:#fff!important}.mobile-search-toggle svg{color:#fff!important;width:18px!important;height:18px!important;stroke-width:2}.mobile-search-toggle--active{background:#ffffff1f!important}.mobile-search-slidedown{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease;will-change:max-height,opacity}.mobile-search-slidedown--open{max-height:56px;opacity:1;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s ease .05s}.mobile-search-slidedown-inner{padding:0 15px 10px;display:flex;align-items:center;gap:10px}.mobile-search-slidedown .advanced-search-container{width:100%;flex:1}.mobile-search-slidedown .advanced-search-container input,.mobile-search-slidedown .main-search-input{background:#ffffff14!important;border:none!important;border-radius:50px!important;padding:10px 16px 10px 40px!important;font-size:15px!important;color:#fff!important;width:100%!important;transition:background .2s ease}.mobile-search-slidedown .advanced-search-container input::placeholder,.mobile-search-slidedown .main-search-input::placeholder{color:#fff6!important}.mobile-search-slidedown .advanced-search-container input:focus,.mobile-search-slidedown .main-search-input:focus{outline:none!important;background:#ffffff1f!important}.mobile-search-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;background:#ffffff1a;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;transition:background .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.mobile-search-close-btn:active{background:#fff3;color:#fff}.mobile-search-close-btn svg{width:14px;height:14px}.mobile-search-slidedown .advanced-search-filter-btn,.mobile-search-slidedown .filter-trigger-overlay{display:none!important}}@media(max-width:480px){.mobile-header-grid{padding:0 10px}}.app-layout__sidebar .left-page-container{position:static!important;width:200px;height:100%;margin:0;padding:8px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-right:none;z-index:auto;display:flex;flex-direction:column}.app-layout__sidebar.collapsed .left-page-container{width:52px!important;padding:8px 6px}.menu-top{flex-shrink:0}.menu-middle{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:2px}.menu-middle::-webkit-scrollbar{width:4px}.menu-middle::-webkit-scrollbar-track{background:transparent}.menu-middle::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.menu-middle::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.menu-bottom{flex-shrink:0;border-top:1px solid rgba(255,255,255,.08);padding-top:8px;margin-top:8px;display:flex;flex-direction:column;gap:3px}.app-layout__sidebar.collapsed .menu-middle{align-items:center;overflow:visible}.app-layout__sidebar.collapsed .menu-bottom{display:flex;flex-direction:column;align-items:center}.menu-section{display:flex;flex-direction:column;gap:3px;padding:0 0 5px}.menu-section__title{padding:0 10px 3px;font-size:12px;font-weight:600;letter-spacing:.01em;color:#ffffff73}.app-layout__sidebar.collapsed .menu-section{gap:0;padding:0;width:100%}.app-layout__sidebar.collapsed .menu-section__title{display:none}.app-layout__sidebar .left-page-container .toggle-menu-left{display:flex;flex-direction:column;gap:4px;padding:8px;margin-bottom:8px;cursor:pointer;border-radius:8px;width:fit-content}.app-layout__sidebar .left-page-container .toggle-menu-left>span:not(.menu-new-badge){display:block;width:18px;height:2px;background:#ffffff80;border-radius:1px;transition:background .15s ease}.app-layout__sidebar .left-page-container .toggle-menu-left:hover>span:not(.menu-new-badge){background:#ffffffe6}.app-layout__sidebar.collapsed .left-page-container .toggle-menu-left{margin-left:auto;margin-right:auto}.item-menu-left{display:flex;align-items:center;gap:12px;padding:3px 10px;border-radius:8px;cursor:pointer;transition:background .15s ease,color .15s ease;color:#ffffffb3;font-size:14px;font-weight:450;font-family:var(--font-logo)}.item-menu-left:hover{background:#ffffff0f;color:#fffffff2}.item-menu-left.active{background:#ffffff1a;color:#fff}.item-menu-left .icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-menu-left .icon img{width:24px;height:24px;opacity:.85;transition:opacity .15s ease}.item-menu-left:hover .icon img,.item-menu-left.active .icon img{opacity:1}.item-menu-left.featured{position:relative;isolation:isolate;color:#fff;font-weight:600}.item-menu-left.featured:before{content:"";position:absolute;inset:-6px -12px;z-index:-1;background:radial-gradient(ellipse at center,rgba(133,224,80,.22) 0%,rgba(133,224,80,.08) 45%,transparent 75%);filter:blur(8px);pointer-events:none;transition:opacity .2s ease}.item-menu-left.featured:hover:before{background:radial-gradient(ellipse at center,rgba(133,224,80,.32) 0%,rgba(133,224,80,.12) 45%,transparent 75%)}.item-menu-left.featured .icon{position:relative;overflow:visible}.item-menu-left.featured .icon img{opacity:1;filter:drop-shadow(0 0 6px rgba(133,224,80,.65)) drop-shadow(0 0 14px rgba(133,224,80,.32));transition:filter .25s ease;transform-origin:50% 85%}.item-menu-left.featured:hover .icon img,.item-menu-left.featured.active .icon img{filter:drop-shadow(0 0 8px rgba(133,224,80,.9)) drop-shadow(0 0 20px rgba(133,224,80,.5))}.item-menu-left.featured:hover .icon img{animation:cooklab-shake .7s ease-in-out infinite}@keyframes cooklab-shake{0%,to{transform:translateY(0) rotate(0)}15%{transform:translateY(-.5px) rotate(-4deg)}30%{transform:translateY(0) rotate(3.5deg)}45%{transform:translateY(-.5px) rotate(-3deg)}60%{transform:translateY(0) rotate(2.5deg)}80%{transform:translateY(-.5px) rotate(-1.5deg)}}.item-menu-left.featured .icon:before,.item-menu-left.featured .icon:after{content:"";position:absolute;border-radius:50%;background:#b7f08a;box-shadow:0 0 6px #85e050e6;opacity:0;pointer-events:none}.item-menu-left.featured .icon:before{width:4px;height:4px;top:2px;left:calc(50% - 2px)}.item-menu-left.featured .icon:after{width:3px;height:3px;top:5px;left:calc(50% - 5px)}.item-menu-left.featured:hover .icon:before{animation:cooklab-bubble-1 1.4s ease-out infinite}.item-menu-left.featured:hover .icon:after{animation:cooklab-bubble-2 1.6s ease-out infinite .35s}@keyframes cooklab-bubble-1{0%{transform:translateY(2px) scale(.6);opacity:0}20%{opacity:1}to{transform:translate(3px,-14px) scale(1);opacity:0}}@keyframes cooklab-bubble-2{0%{transform:translateY(4px) scale(.5);opacity:0}25%{opacity:.9}to{transform:translate(-4px,-12px) scale(.9);opacity:0}}.item-menu-left.labo-reactive .labo-svg .labo-needle{transform-origin:10px 14.5px;transition:transform .2s ease}.item-menu-left.labo-reactive:hover .labo-svg .labo-needle{animation:labo-needle-swing 1.4s cubic-bezier(.4,0,.4,1) infinite}@keyframes labo-needle-swing{0%{transform:rotate(0)}18%{transform:rotate(-38deg)}32%{transform:rotate(-8deg)}48%{transform:rotate(-52deg)}62%{transform:rotate(-18deg)}80%{transform:rotate(-30deg)}to{transform:rotate(0)}}.item-menu-left.labo-reactive:hover .labo-svg{filter:drop-shadow(0 0 6px rgba(133,224,80,.45));transition:filter .25s ease}.item-menu-left.flames-reactive .flames-svg .flame{transition:transform .2s ease}.item-menu-left.flames-reactive .flames-svg .flame-1{transform-origin:8px 15px}.item-menu-left.flames-reactive .flames-svg .flame-2{transform-origin:5.5px 15px}.item-menu-left.flames-reactive .flames-svg .flame-3{transform-origin:10.5px 17.5px}.item-menu-left.flames-reactive:hover .flames-svg .flame-1{animation:flame-dance-1 .8s ease-in-out infinite}.item-menu-left.flames-reactive:hover .flames-svg .flame-2{animation:flame-dance-2 1.05s ease-in-out infinite .12s}.item-menu-left.flames-reactive:hover .flames-svg .flame-3{animation:flame-dance-3 .72s ease-in-out infinite .22s}@keyframes flame-dance-1{0%,to{transform:rotate(-2.5deg) scaleY(.96) scaleX(1.02)}30%{transform:rotate(4deg) scaleY(1.08) scaleX(.96)}60%{transform:rotate(-1deg) scaleY(1.02) scaleX(1)}}@keyframes flame-dance-2{0%,to{transform:rotate(3deg) scaleY(.98)}35%{transform:rotate(-4deg) scaleY(1.1)}65%{transform:rotate(1.5deg) scaleY(1.03)}}@keyframes flame-dance-3{0%,to{transform:rotate(-1.5deg) scaleY(1) scaleX(1)}40%{transform:rotate(2.5deg) scaleY(1.06) scaleX(.97)}75%{transform:rotate(-.5deg) scaleY(1.02)}}.item-menu-left .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:none}.app-layout__sidebar.collapsed .item-menu-left{justify-content:center;padding:7px;position:relative}.app-layout__sidebar.collapsed .item-menu-left .text{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#1a1a1a;border:1px solid rgba(255,255,255,.12);padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;transition:none;z-index:1000;box-shadow:0 4px 12px #0000004d;pointer-events:none}.app-layout__sidebar.collapsed .item-menu-left:hover .text{opacity:1;visibility:visible;display:block}.item-menu-left.has-new-badge{position:relative}.menu-new-badge{width:8px;height:8px;border-radius:50%;background-color:#86e34e;box-shadow:0 0 6px #86e34e99;flex-shrink:0;margin-left:auto;margin-right:2px}.menu-new-badge.counter{width:auto;height:16px;min-width:16px;padding:0 5px;border-radius:9px;background-color:#86e34e;color:#0b1d05;font-size:10px;font-weight:700;line-height:16px;text-align:center;letter-spacing:.2px}.toggle-menu-left{position:relative}.menu-new-badge.toggle-badge{position:absolute;top:-4px;right:-6px;margin:0;pointer-events:none}.app-layout__sidebar.collapsed .menu-new-badge{position:absolute;top:4px;right:4px;margin:0}.app-layout__sidebar.collapsed .menu-new-badge.toggle-badge{top:-4px;right:-6px}.menu-separator{height:1px;background:#ffffff14;margin:8px 0}.app-layout__sidebar.collapsed .menu-separator{display:none}.submenu-container{display:flex;flex-direction:column}.item-menu-left.submenu-item{position:relative}.item-menu-left.submenu-item .submenu-chevron{margin-left:auto;display:flex;align-items:center;justify-content:center;color:#fff6;transition:transform .2s ease,color .15s ease}.item-menu-left.submenu-item:hover .submenu-chevron{color:#ffffffb3}.item-menu-left.submenu-item .submenu-chevron.rotated{transform:rotate(90deg)}.submenu-list{display:flex;flex-direction:column;padding:5px 0 5px 10px;animation:submenuSlideIn .15s ease-out}.submenu-section{display:flex;flex-direction:column;gap:4px;padding:4px 0}.submenu-section+.submenu-section{border-top:1px solid rgba(255,255,255,.06);margin-top:6px;padding-top:10px}.submenu-section-title{padding:2px 12px;font-size:12px;font-weight:600;letter-spacing:.01em;color:#ffffff73}@keyframes submenuSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.submenu-list-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-radius:6px;cursor:pointer;transition:all .15s ease;color:#fff9;font-size:13px;font-weight:400}.submenu-list-item:hover{background:#ffffff0f;color:#ffffffe6}.submenu-list-item.active{background:#ffffff14;color:#fff}.submenu-list-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;opacity:.7}.submenu-list-item:hover .submenu-list-icon,.submenu-list-item.active .submenu-list-icon{opacity:1}.submenu-list-icon svg{width:16px;height:16px}.app-layout__sidebar.collapsed .submenu-chevron,.app-layout__sidebar.collapsed .submenu-list{display:none}:root{--font-logo: "Neulis", sans-serif;--color-primary: #3e1cfd;--color-primary-light: #7C5FFF;--color-text-dark: #2A343D;--color-text-medium: #666;--color-text-secondary: #595959;--color-text-light: #999;--color-text-placeholder: #9F9F9F;--color-text-muted: #AFAFAF;--color-text-faded: #525252;--color-white: #FFFFFF;--color-black: #000000;--color-danger: #FF0000;--color-danger-light: #FF6868;--color-success: #00C853;--color-success-light: #00E676;--color-warning: #FF9800;--color-warning-light: #FFC107;--color-bg-disabled: #F5F5F5;--BG3: linear-gradient(to bottom, #e0e0df, #d1caff);--bg-glass-white: rgba(255, 255, 255, .18);--bg-glass-purple: rgba(68, 45, 238, .17);--bg-glass-white-light: rgba(255, 255, 255, .1);--bg-glass-white-medium: rgba(255, 255, 255, .5);--bg-white-80: rgba(255, 255, 255, .8);--bg-danger-light: rgba(255, 0, 0, .05);--bg-light-purple: #dbd9eb;--theme-bg-default: #121B2F;--theme-bg-dark-intense: #000;--theme-bg-deep-purple: linear-gradient(180deg, #121B2F 0%, #4b466b 42%);--layout-bg-primary: #000000;--layout-bg-secondary: #0a0a0a;--layout-bg-sidebar: #000000;--layout-border-color: rgba(255, 255, 255, .1);--bg-light-15: rgba(240, 240, 240, .15);--bg-light-20: rgba(240, 240, 240, .2);--bg-light-25: rgba(240, 240, 240, .25);--bg-light-30: rgba(240, 240, 240, .3);--bg-light-35: rgba(240, 240, 240, .35);--bg-white-05: rgba(255, 255, 255, .05);--bg-white-10: rgba(255, 255, 255, .1);--bg-white-15: rgba(255, 255, 255, .15);--bg-white-20: rgba(255, 255, 255, .2);--bg-white-30: rgba(255, 255, 255, .3);--bg-white-50: rgba(255, 255, 255, .5);--bg-white-60: rgba(255, 255, 255, .6);--bg-white-95: rgba(255, 255, 255, .95);--bg-modal-overlay: rgba(0, 0, 0, .6);--bg-dark-05: rgba(0, 0, 0, .05);--bg-dark-80: rgba(0, 0, 0, .8);--bg-danger-80: rgba(255, 0, 0, .8);--radius-xs: 4px;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 30px;--radius-xl: 50px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 50px;--radius-circle: 50%;--border-radius-sm: var(--radius-sm);--border-radius-md: var(--radius-md);--border-radius-lg: var(--radius-lg);--border-radius-full: var(--radius-full);--border-radius-circle: var(--radius-circle);--spacing-3xs: 1px;--spacing-2xs: 2px;--spacing-4: 4px;--spacing-xs: 5px;--spacing-6: 6px;--spacing-sm: 10px;--spacing-8: 8px;--spacing-12: 12px;--spacing-md: 15px;--spacing-16: 16px;--spacing-lg: 20px;--spacing-24: 24px;--spacing-xl: 30px;--spacing-32: 32px;--spacing-xxl: 40px;--spacing-48: 48px;--spacing-64: 64px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .15);--shadow-xxl: 0 20px 60px rgba(0, 0, 0, .3);--shadow-hover: 0 4px 12px 0 rgba(31, 38, 135, .15);--shadow-primary: 0 4px 12px rgba(63, 32, 250, .3);--shadow-danger: 0 4px 12px rgba(255, 0, 0, .3);--shadow-success: 0 4px 12px rgba(0, 200, 83, .3);--shadow-inset-light: 2px 4px 10px rgba(0, 0, 0, .05) inset, -2px -2px 10px rgba(0, 0, 0, .05) inset;--shadow-neumorphic: -1px -1px #fff, 1px 1px #fff, 2px 4px 10px rgba(0, 0, 0, .05) inset;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--border-white-light: 1px solid rgba(255, 255, 255, .3);--border-white: 1px solid #FFFFFF;--border-gray: 1px solid #E5E7EB;--color-border-light: #A3A3A3;--focus-color: #3F20FA;--focus-shadow: 0 0 0 3px rgba(63, 32, 250, .1);--font-size-xs: 11px;--font-size-sm: 12px;--font-size-13: 13px;--font-size-base: 14px;--font-size-15: 15px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-20: 20px;--font-size-xl: 24px;--font-size-xxl: 32px;--font-size-36: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--gradient-google: linear-gradient(90deg, #4124F6 0%, #85E050 100%);--gradient-loading: linear-gradient(90deg, #667eea 0%, #764ba2 50%, #667eea 100%);--empty-state-bg: linear-gradient(135deg, rgba(61, 41, 246, .15), rgba(6, 182, 212, .12));--empty-state-overlay: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, .08), transparent 40%), radial-gradient(circle at 80% 0%, rgba(255, 255, 255, .06), transparent 35%);--empty-state-border: rgba(255, 255, 255, .08);--empty-state-title-color: #fff;--empty-state-text-color: rgba(255, 255, 255, .8);--glass-bg: rgba(255, 255, 255, .18);--glass-hover: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .3);--glass-blur: blur(10px);--primary-color: var(--color-primary);--primary-gradient: linear-gradient(135deg, #3F20FA 0%, #7C5FFF 100%);--primary-gradient-hover: linear-gradient(135deg, #5033FB 0%, #8D6FFF 100%);--error-color: var(--color-danger);--success-color: var(--color-success);--warning-color: var(--color-warning);--text-primary: var(--color-text-dark);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--background-gradient: var(--BG3);--danger-gradient: linear-gradient(135deg, #FF0000 0%, #FF6868 100%);--danger-gradient-hover: linear-gradient(135deg, #FF1A1A 0%, #FF7878 100%);--success-gradient: linear-gradient(135deg, #00C853 0%, #00E676 100%);--success-gradient-hover: linear-gradient(135deg, #00D25F 0%, #00F682 100%);--font-size-2xl: var(--font-size-xxl);--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--error: #EF4444;--error-bg: rgba(239, 68, 68, .1);--success: #10B981;--success-bg: rgba(16, 185, 129, .1);--warning: #F59E0B;--warning-bg: rgba(245, 158, 11, .1);--info: #3B82F6;--info-bg: rgba(59, 130, 246, .1);--bg-primary: #000000;--bg-secondary: #0A0A0A;--bg-surface: #1a1a1a;--bg-elevated: #2a2a2a;--bg-overlay: rgba(0, 0, 0, .8);--text-tertiary: #666666;--text-disabled: #444444;--border-subtle: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--z-dropdown: 1000;--z-sticky: 1020;--z-modal-backdrop: 1040;--z-modal: 1050;--z-toast: 1060;--z-tooltip: 1070;--breakpoint-xs: 480px;--breakpoint-sm: 768px;--breakpoint-md: 1024px;--breakpoint-lg: 1200px;--breakpoint-xl: 1440px;--breakpoint-xxl: 1920px}@font-face{font-family:Neulis;src:url(/assets/woff2/Neulis-Regular-Yu7UyHX2.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Neulis;src:url(/assets/woff2/Neulis-Medium-CnW5Nl-_.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Neulis;src:url(/assets/woff2/Neulis-SemiBold-CY5cFUh8.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Neulis;src:url(/assets/woff2/Neulis-Bold-CvWMqS4l.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.glass-sm{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.glass-md{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.glass-hover:hover{background:var(--glass-hover);border-color:var(--primary-color)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-xxl{padding:var(--spacing-xxl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-xxl{margin:var(--spacing-xxl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-white{color:var(--color-white)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.rounded-circle{border-radius:var(--radius-circle)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition-fast{transition:all var(--transition-fast)}.transition-medium{transition:all var(--transition-medium)}.transition-slow{transition:all var(--transition-slow)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.w-full{width:100%}.w-auto{width:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-xs)}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-xs);transition:background .2s}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}.custom-scrollbar--thin::-webkit-scrollbar{width:4px;height:4px}.avatar{border-radius:var(--radius-full, 50%);object-fit:cover;flex-shrink:0}.avatar--xs{width:24px;height:24px}.avatar--sm{width:32px;height:32px}.avatar--md{width:40px;height:40px}.avatar--lg{width:56px;height:56px}.avatar--xl{width:80px;height:80px}.skeleton{background:#ffffff14;border-radius:var(--radius-md, 8px)}.skeleton--text{height:1em;border-radius:var(--radius-sm, 4px)}.skeleton--circle{border-radius:50%}.skeleton--rect{border-radius:var(--radius-md, 8px)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-full, 9999px);font-size:12px;font-weight:500;line-height:1;white-space:nowrap}.badge--primary{background:var(--primary, #E5007E);color:#fff}.badge--secondary{background:var(--secondary, #10B981);color:#fff}.badge--success{background:#10b9811a;color:#10b981}.badge--error{background:#ef44441a;color:#ef4444}.badge--warning{background:#f59e0b1a;color:#f59e0b}.badge--info{background:#3b82f61a;color:#3b82f6}.badge--outline{background:transparent;border:1px solid currentColor}.badge--marketplace{background:linear-gradient(135deg,gold,orange);color:#000;cursor:pointer;transition:all .2s ease;border:none;font-size:16px;box-shadow:0 2px 8px #ffd7004d}.badge--marketplace:hover{transform:scale(1.1);box-shadow:0 4px 12px #ffd70080}.private-page-container{display:flex;min-height:100vh;width:100%;max-width:100vw;flex-direction:column;justify-content:flex-start;align-items:center;padding:40px 20px;box-sizing:border-box;overflow-x:hidden}.private-page-content{width:100%;max-width:1440px;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);box-sizing:border-box}.container--narrow{max-width:800px}.container--wide{max-width:1400px}.container--full{max-width:1440px}.grid{display:grid;gap:var(--spacing-lg)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid--auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media(max-width:1024px){.grid--4{grid-template-columns:repeat(3,1fr)}.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid--4,.grid--3,.grid--2{grid-template-columns:1fr}}.flex-start{display:flex;align-items:flex-start}.flex-end{display:flex;align-items:flex-end}.flex-stretch{display:flex;align-items:stretch}.flex-baseline{display:flex;align-items:baseline}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-neg-sm{margin-top:calc(var(--spacing-sm) * -1)}.mt-neg-md{margin-top:calc(var(--spacing-md) * -1)}.glass-light{background:var(--bg-white-10);backdrop-filter:blur(10px);border:1px solid var(--bg-white-20)}.glass-dark{background:var(--bg-dark-05);backdrop-filter:blur(10px);border:1px solid var(--border-subtle)}.glass-primary{background:var(--bg-glass-purple);backdrop-filter:blur(10px);border:1px solid rgba(63,32,250,.3)}.card{background:var(--bg-white-10);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-default);transition:all var(--transition-fast)}.card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.card--compact{padding:var(--spacing-md);border-radius:var(--radius-md)}.card--glass{background:var(--bg-white-10);backdrop-filter:blur(10px);border:1px solid var(--bg-white-20)}:where(.empty-state,.feedback-empty-state,.search-empty-state,.no-results,.samples-library-empty,.empty-state-tracks,.user-search-modal__empty,.user-modal__empty,.mes-sample-packs-empty,.profile-empty-panel,.collabs-empty-panel,.beatquest-empty-panel,.events-empty-panel){background:transparent!important;position:relative;overflow:hidden}:where(.empty-state,.feedback-empty-state,.search-empty-state,.no-results,.samples-library-empty,.empty-state-tracks,.user-search-modal__empty,.user-modal__empty,.mes-sample-packs-empty,.profile-empty-panel,.collabs-empty-panel,.beatquest-empty-panel,.events-empty-panel):before{content:"";position:absolute;inset:0;background:transparent;pointer-events:none;z-index:0}:where(.empty-state,.feedback-empty-state,.search-empty-state,.no-results,.samples-library-empty,.empty-state-tracks,.user-search-modal__empty,.user-modal__empty,.mes-sample-packs-empty,.profile-empty-panel,.collabs-empty-panel,.beatquest-empty-panel,.events-empty-panel)>*{position:relative;z-index:1}:where(.empty-state h2,.empty-state h3,.feedback-empty-state h3,.search-empty-state h3,.no-results h3,.profile-empty-title,.collabs-empty-title,.beatquest-empty-title,.events-empty-title){color:var(--empty-state-title-color)!important}:where(.empty-state p,.feedback-empty-state p,.search-empty-state p,.no-results p,.empty-state-text,.profile-empty-text,.collabs-empty-text,.beatquest-empty-text,.events-empty-text){color:var(--empty-state-text-color)!important}.verified-dot{display:inline-block;width:14px;height:14px;min-width:14px;min-height:14px;aspect-ratio:1 / 1;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 92 92' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M46 1.84L57.04 9.2L69.92 7.36L75.44 18.4L86.48 23.92L84.64 36.8L90.16 46L84.64 55.2L86.48 68.08L75.44 73.6L69.92 84.64L57.04 82.8L46 90.16L34.96 82.8L22.08 84.64L16.56 73.6L5.52 68.08L7.36 55.2L1.84 46L7.36 36.8L5.52 23.92L16.56 18.4L22.08 7.36L34.96 9.2L46 1.84Z' fill='url(%23verified-dot-grad)'/%3E%3Cpath d='M29.44 47.84L40.48 58.88L62.56 34.96' stroke='white' stroke-width='9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='verified-dot-grad' x1='1.84' y1='1.84' x2='90.16' y2='90.16' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233E1CFD'/%3E%3Cstop offset='1' stop-color='%2387E64B'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") center / contain no-repeat;font-size:0;color:transparent;overflow:hidden;flex-shrink:0;vertical-align:middle;align-self:center;text-decoration:none!important;margin-left:3px}.section{padding:var(--spacing-xxl) 0}.section--sm{padding:var(--spacing-lg) 0}.section--lg{padding:60px 0}.section-header{margin-bottom:var(--spacing-xl)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.section-subtitle{font-size:var(--font-size-md);color:var(--text-secondary)}.list-reset{list-style:none;padding:0;margin:0}.list-horizontal{display:flex;list-style:none;padding:0;margin:0}.list-horizontal>li+li{margin-left:var(--spacing-md)}.list-divided>*+*{border-top:1px solid var(--border-subtle);padding-top:var(--spacing-md);margin-top:var(--spacing-md)}.aspect-ratio{position:relative;overflow:hidden}.aspect-ratio:before{content:"";display:block}.aspect-ratio--square:before{padding-top:100%}.aspect-ratio--16-9:before{padding-top:56.25%}.aspect-ratio--4-3:before{padding-top:75%}.aspect-ratio--3-2:before{padding-top:66.66%}.aspect-ratio>*{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.is-loading{pointer-events:none;opacity:.6;cursor:wait}.is-disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.is-hidden{display:none!important}.is-visible{display:block!important}.is-active{color:var(--primary-color);font-weight:var(--font-weight-semibold)}.clickable{cursor:pointer;user-select:none}.hoverable{transition:all var(--transition-fast)}.hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.no-select{user-select:none}.no-pointer-events{pointer-events:none}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:var(--bg-dark-05)}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--bg-white-20);border-radius:var(--radius-sm)}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--bg-white-30)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-border{position:relative;background:var(--bg-white-10);border-radius:var(--radius-lg)}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--primary-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}@media(max-width:768px){.mobile-hidden{display:none!important}.mobile-visible{display:block!important}}@media(min-width:769px){.desktop-hidden{display:none!important}.desktop-visible{display:block!important}}@media print{.no-print{display:none!important}}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#8b8b8b47;backdrop-filter:blur(5px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;opacity:0;pointer-events:none;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.carousel-arrow.prev{left:10px}.carousel-arrow.next{right:10px}.carousel-arrow:hover{transform:translateY(-50%) scale(1.1)}.carousel-arrow:disabled{opacity:.3!important;cursor:not-allowed}.carousel-arrow svg{width:24px;height:24px;fill:currentColor}.carousel-section:hover .carousel-arrow{opacity:1;pointer-events:all}@media(max-width:768px){.carousel-arrow{display:none!important}}@media(max-width:768px){.private-page-container{padding:var(--spacing-lg) var(--spacing-sm)}}@media(max-width:480px){.private-page-container{padding:var(--spacing-md) var(--spacing-xs)}}html{font-size:16px;width:100%;height:100%;min-height:100vh;min-height:100dvh;margin:0;padding:0;overflow-x:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;background-color:#121b2f}html:has(body.theme-dark-intense){background-color:#000}html:has(body.theme-deep-purple){background-color:#4b466b}@media(min-width:1366px)and (max-width:1600px){html{font-size:14.4px}}@media(min-width:1200px)and (max-width:1365px){html{font-size:14px}}@media(min-width:1920px){html{font-size:16px}}body{font-family:Plus Jakarta Sans,sans-serif;margin:0;padding:0;width:100%;min-height:100vh;min-height:100dvh;position:relative;overflow-x:hidden;-webkit-overflow-scrolling:touch;box-sizing:border-box;background-color:#121b2f;isolation:isolate}body.theme-dark-intense{background-color:#000}body.theme-deep-purple{background-color:#4b466b}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}body.theme-deep-purple:before{background:var(--theme-bg-deep-purple)}body.layout-dark{--layout-bg-primary: #000000;--layout-bg-secondary: #0a0a0a;--layout-bg-sidebar: #000000;--layout-border-color: rgba(255, 255, 255, .1)}body.layout-glass{--layout-bg-primary: rgba(255, 255, 255, .08);--layout-bg-secondary: rgba(255, 255, 255, .05);--layout-bg-sidebar: rgba(255, 255, 255, .06);--layout-border-color: rgba(255, 255, 255, .15)}body.layout-midnight{--layout-bg-primary: #0d1421;--layout-bg-secondary: #111827;--layout-bg-sidebar: #0a0f1a;--layout-border-color: rgba(99, 102, 241, .15)}body.theme-dark-intense.layout-dark{--layout-bg-primary: #000000;--layout-bg-secondary: #000000;--layout-bg-sidebar: #000000;--layout-border-color: rgba(255, 255, 255, .06)}body.theme-dark-intense.layout-midnight{--layout-bg-primary: #050508;--layout-bg-secondary: #08080d;--layout-bg-sidebar: #030306;--layout-border-color: rgba(255, 255, 255, .08)}body.theme-dark-intense.layout-glass{--layout-bg-primary: rgba(0, 0, 0, .3);--layout-bg-secondary: rgba(0, 0, 0, .25);--layout-bg-sidebar: rgba(0, 0, 0, .35);--layout-border-color: rgba(255, 255, 255, .08)}body.theme-deep-purple.layout-dark{--layout-bg-primary: #000000;--layout-bg-secondary: #0a0a0a;--layout-bg-sidebar: #000000;--layout-border-color: rgba(139, 92, 246, .15)}body.theme-deep-purple.layout-midnight{--layout-bg-primary: #150f2a;--layout-bg-secondary: #1a1433;--layout-bg-sidebar: #120c25;--layout-border-color: rgba(139, 92, 246, .15)}body.theme-deep-purple.layout-glass{--layout-bg-primary: rgba(75, 70, 107, .15);--layout-bg-secondary: rgba(75, 70, 107, .1);--layout-bg-sidebar: rgba(75, 70, 107, .18);--layout-border-color: rgba(139, 92, 246, .2)}@media(max-width:999px){body:before{display:block}}a,a:hover,a:focus{text-decoration:none}img{max-width:100%}@media(min-width:1000px){body.has-player{padding-bottom:0}}@media(max-width:999px){body.has-player{padding-bottom:0}}@media(max-width:480px){body.has-player{padding-bottom:0}}@media(max-width:999px){input,textarea,select{font-size:16px}}.page-title{color:var(--color-white);font-family:var(--font-logo);font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);line-height:1.2}.page-description{color:#a3a3a3;font-size:var(--font-size-base);margin:0;line-height:1.5;font-family:var(--font-logo)}.breadcrumb{display:none!important;font-size:var(--font-size-base);color:#a3a3a3;margin-bottom:var(--spacing-lg);align-items:center;gap:var(--spacing-xs)}.breadcrumb a{color:#fff;text-decoration:none;transition:all .3s ease;cursor:pointer}.breadcrumb a:hover{text-decoration:underline}.breadcrumb svg{width:12px;height:12px;opacity:.5;color:#a3a3a3}.bg-bloc{padding:10px;border-radius:var(--radius-lg);border:1px solid #ffffff29;background:#000}@media(max-width:999px){.page-title{font-size:var(--font-size-xl)}}@media(max-width:480px){.page-title{font-size:var(--font-size-lg)}.page-description{font-size:var(--font-size-sm)}}button:focus-visible{outline:2px solid var(--color-primary, #3e1cfd);outline-offset:2px}.btn-primary{font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-size:14px;line-height:1;text-align:center;padding:0 16px;min-height:36px;border:none;box-shadow:none;background:#3d29f6;border-radius:var(--radius-xl);cursor:pointer;color:#fff;transition:background .15s ease,opacity .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;user-select:none;box-sizing:border-box}.btn-primary:hover:not(:disabled){background:#3d29f69c}.btn-primary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary svg path{fill:#fff}.btn-primary img{filter:brightness(0) invert(1)}.btn-secondary{font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-size:14px;line-height:1;min-height:36px;text-align:center;padding:0 16px;border:none;box-shadow:none;background:#fff;border-radius:var(--radius-xl);cursor:pointer;color:#000;transition:background .15s ease,opacity .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;user-select:none;box-sizing:border-box}.btn-secondary:hover:not(:disabled){background:#ffffffd9}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-secondary svg path{fill:#000}.btn-secondary img{filter:brightness(0)}.btn-danger{font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-size:14px;line-height:1;text-align:center;min-height:36px;padding:0 16px;border:none;box-shadow:none;background:#dc2626;border-radius:var(--radius-xl);cursor:pointer;color:#fff;transition:background .15s ease,opacity .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;user-select:none;box-sizing:border-box}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-danger svg{width:16px;height:16px;flex-shrink:0}.btn-danger svg path{fill:#fff}.btn-danger img{filter:brightness(0) invert(1)}.btn-success{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);background:var(--success-gradient);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:var(--color-white);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;outline:none;user-select:none}.btn-success:hover:not(:disabled){background:var(--success-gradient-hover);box-shadow:var(--shadow-success);transform:translateY(-2px)}.btn-success:active:not(:disabled){transform:translateY(0)}.btn-success:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xl);background:transparent;border:none;color:#fffc;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);outline:none;user-select:none}.btn-ghost:hover:not(:disabled){background:#ffffff1a;color:#fff}.btn-ghost:active:not(:disabled){transform:scale(.98)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xl);background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffe6;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);outline:none;user-select:none}.btn-outline:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80;color:#fff;transform:translateY(-1px)}.btn-outline:active:not(:disabled){transform:scale(.98)}.btn-outline:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-pill{display:inline-flex;align-items:center;gap:6px;padding:0 14px;min-height:35px;background:#ffffff0f;border:none;border-radius:12px;color:#fff9;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap;flex-shrink:0;user-select:none;box-sizing:border-box}.btn-pill:hover:not(:disabled){background:#ffffff1a;color:#fff}.btn-pill:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-pill--loading{cursor:wait;pointer-events:none}.btn-contact-main{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);border:none;background:var(--color-white);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-fast);font-family:Plus Jakarta Sans,sans-serif;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-black);user-select:none}.btn-contact-main:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-contact-main:active:not(:disabled){transform:translateY(0)}.btn-contact-main img{width:16px;height:16px;object-fit:contain}.btn-round{display:inline-flex;align-items:center;justify-content:center;width:clamp(1.875rem,2.2vw,2.25rem);height:clamp(1.875rem,2.2vw,2.25rem);border-radius:50%;cursor:pointer;background:#ffffff0d;border:none;transform-origin:center;transition:.4s ease-in-out;user-select:none;position:relative}.btn-round:hover{background:#ffffff1a;transition:.4s}.btn-round img,.btn-round svg{width:clamp(.875rem,1vw,1rem);height:clamp(.875rem,1vw,1rem);object-fit:contain;transition:transform .3s ease}.btn-round:hover img,.btn-round:hover svg{transform:scale(1.15)}.btn-round.btn-tour{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.3);color:#ffffffe6}.btn-round.btn-tour:hover{background:linear-gradient(135deg,#667eea59,#764ba259);border-color:#667eea80;box-shadow:0 4px 15px #667eea40}.btn-round.btn-tour svg{stroke:currentColor}.btn-round[data-tooltip]:before{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);color:#fff;padding:5px 15px;border-radius:50px;font-size:13px;font-weight:300;white-space:nowrap;backdrop-filter:blur(6px);border:1px solid #3d3d3d;background:#adadadb8;opacity:0;pointer-events:none;transition:all .25s ease;z-index:1000}.btn-round[data-tooltip]:after{content:"";position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%) translateY(4px);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #adadadb8;opacity:0;pointer-events:none;transition:all .25s ease;backdrop-filter:blur(6px);z-index:1000}.btn-round[data-tooltip]:hover:before,.btn-round[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.btn-social-icon{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:50%;cursor:pointer;background:#ffffff0d;border:none;transform-origin:center;transition:.4s ease-in-out;user-select:none}.btn-social-icon:hover{background:#ffffff1a;transition:.4s}.btn-social-icon img,.btn-social-icon svg{width:16px;height:16px;object-fit:contain;transition:transform .3s ease}.btn-social-icon:hover img,.btn-social-icon:hover svg{transform:scale(1.15)}.btn-edit-icon{position:absolute;top:0;right:0;display:flex;width:36px;height:36px;justify-content:center;align-items:center;border-radius:var(--radius-circle);border:none;background:transparent;cursor:pointer;transition:var(--transition-fast);padding:0;user-select:none}.btn-edit-icon:hover:not(:disabled){background:#0000000d;transform:scale(1.05)}.btn-edit-icon:active:not(:disabled){background:#0000001a;transform:scale(.95)}.btn-edit-icon img{width:20px;height:20px;object-fit:contain;transition:transform .3s ease}.btn-edit-icon:hover img{transform:scale(1.15)}.btn-menu-edit{display:inline-flex;width:36px;height:36px;justify-content:center;align-items:center;border-radius:50%;border:none;background:#ffffff0d;cursor:pointer;transition:background .4s ease-in-out;flex-shrink:0;user-select:none}.btn-menu-edit:hover:not(:disabled){background:#ffffff1a}.btn-menu-edit img,.btn-menu-edit svg{width:16px;height:16px;object-fit:contain;filter:brightness(0) invert(1);transition:transform .3s ease}.btn-menu-edit:hover img,.btn-menu-edit:hover svg{transform:scale(1.15)}.save-button{display:inline-flex;width:35px;height:35px;justify-content:center;align-items:center;border-radius:50%;border:none;background:#ffffff0d;cursor:pointer;transition:background .4s ease-in-out;flex-shrink:0;user-select:none}.save-button:hover:not(:disabled){background:#ffffff1a}.save-button:disabled{opacity:.5;cursor:not-allowed}.save-button__icon{width:15px;height:15px;object-fit:contain;color:#fff;transition:transform .3s ease,color .3s ease}.save-button:hover:not(:disabled) .save-button__icon{transform:scale(1.15)}.save-button--saved .save-button__icon{color:#4caf50}.save-button--saved .save-button__icon{animation:scaleIn .3s ease}@keyframes save-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.btn-add-circle{display:flex;width:44px;height:44px;justify-content:center;align-items:center;border-radius:var(--radius-circle);background:var(--bg-light-20);border:none;cursor:pointer;transition:all var(--transition-normal);flex-shrink:0;user-select:none}.btn-add-circle:hover:not(:disabled){background:var(--bg-light-35);box-shadow:var(--shadow-md);transform:scale(1.1) rotate(90deg)}.btn-add-circle:active:not(:disabled){transform:scale(.95)}.btn-add-circle img{width:20px;height:20px;flex-shrink:0;transition:transform var(--transition-fast)}.btn-back{background:#ffffff0d;color:var(--gray-300);border:none;border-radius:var(--radius-md, 12px);padding:10px 15px;font-size:var(--font-size-sm, 13px);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--spacing-xs, 8px);height:35px;width:fit-content}.btn-back:hover{background:#ffffff1a;color:var(--color-white)}.btn-navigation-container{display:flex;width:100%;gap:var(--spacing-sm) var(--spacing-lg);flex-wrap:wrap;justify-content:center;align-items:center}.btn-loading-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-circle);animation:spin .6s linear infinite}@media(max-width:1199px){.btn-navigation-container{padding:0 var(--spacing-lg)}}@media(max-width:991px){.btn-navigation-container{padding:0}}@media(max-width:768px){.btn-primary,.btn-secondary,.btn-danger{padding:10px 15px;font-size:14px;justify-content:center}.btn-back{padding:8px 14px;font-size:13px;height:36px;gap:6px;margin-bottom:var(--spacing-md, 16px)}.btn-contact-main{padding:var(--spacing-8) var(--spacing-md);font-size:var(--font-size-13)}.btn-social-icon{width:36px;height:36px}.btn-social-icon img{width:18px;height:18px}.btn-edit-icon{width:32px;height:32px}.btn-edit-icon img{width:18px;height:18px}}@media(max-width:480px){.btn-secondary svg,.btn-secondary img{display:none}.btn-back{padding:6px 12px;font-size:12px;height:32px;gap:5px;border-radius:50px;margin-bottom:0}.btn-contact-main{padding:7px 14px;font-size:var(--font-size-sm)}.btn-social-icon{width:32px;height:32px}.btn-social-icon img{width:16px;height:16px}.btn-edit-icon{width:28px;height:28px}.btn-edit-icon img{width:16px;height:16px}}.btn-seller{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:14px;line-height:1.25;text-align:center;padding:10px 15px;border:2px solid transparent;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:var(--radius-xl);cursor:pointer;color:#fff;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;user-select:none;position:relative;box-shadow:0 4px 16px #f59e0b4d}.btn-seller:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 6px 24px #f59e0b80;transform:translateY(-2px)}.btn-seller:active:not(:disabled){transform:translateY(0)}.btn-seller:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-seller svg path{fill:#fff}.btn-seller img{filter:brightness(0) invert(1)}.btn-seller:before{content:"💼";font-size:16px;margin-right:-4px}.global-tabs-nav{display:flex;align-items:center;background:#ffffff0d;border-radius:50px;width:fit-content;position:relative;flex-shrink:0;height:36px}.global-tabs-nav:before{content:"";position:absolute;top:0;left:0;height:35px;background:#ffffff1f;border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:0}.global-tabs-nav[data-tabs-count="2"][data-active="0"]:before{width:var(--tab-0-width, 100px);transform:translate(0)}.global-tabs-nav[data-tabs-count="2"][data-active="1"]:before{width:var(--tab-1-width, 100px);transform:translate(var(--tab-0-width, 100px))}.global-tabs-nav[data-tabs-count="3"][data-active="0"]:before{width:var(--tab-0-width, 100px);transform:translate(0)}.global-tabs-nav[data-tabs-count="3"][data-active="1"]:before{width:var(--tab-1-width, 100px);transform:translate(var(--tab-0-width, 100px))}.global-tabs-nav[data-tabs-count="3"][data-active="2"]:before{width:var(--tab-2-width, 100px);transform:translate(calc(var(--tab-0-width, 100px) + var(--tab-1-width, 100px)))}.global-tabs-nav[data-tabs-count="4"][data-active="0"]:before{width:var(--tab-0-width, 100px);transform:translate(0)}.global-tabs-nav[data-tabs-count="4"][data-active="1"]:before{width:var(--tab-1-width, 100px);transform:translate(var(--tab-0-width, 100px))}.global-tabs-nav[data-tabs-count="4"][data-active="2"]:before{width:var(--tab-2-width, 100px);transform:translate(calc(var(--tab-0-width, 100px) + var(--tab-1-width, 100px)))}.global-tabs-nav[data-tabs-count="4"][data-active="3"]:before{width:var(--tab-3-width, 100px);transform:translate(calc(var(--tab-0-width, 100px) + var(--tab-1-width, 100px) + var(--tab-2-width, 100px)))}.global-tabs-nav[data-tabs-count="5"][data-active="0"]:before{width:var(--tab-0-width, 100px);transform:translate(0)}.global-tabs-nav[data-tabs-count="5"][data-active="1"]:before{width:var(--tab-1-width, 100px);transform:translate(var(--tab-0-width, 100px))}.global-tabs-nav[data-tabs-count="5"][data-active="2"]:before{width:var(--tab-2-width, 100px);transform:translate(calc(var(--tab-0-width, 100px) + var(--tab-1-width, 100px)))}.global-tabs-nav[data-tabs-count="5"][data-active="3"]:before{width:var(--tab-3-width, 100px);transform:translate(calc(var(--tab-0-width, 100px) + var(--tab-1-width, 100px) + var(--tab-2-width, 100px)))}.global-tabs-nav[data-tabs-count="5"][data-active="4"]:before{width:var(--tab-4-width, 100px);transform:translate(calc(var(--tab-0-width, 100px) + var(--tab-1-width, 100px) + var(--tab-2-width, 100px) + var(--tab-3-width, 100px)))}.global-tabs-nav[data-tabs-count="6"][data-active="0"]:before{width:var(--tab-0-width, 100px);transform:translate(0)}.global-tabs-nav[data-tabs-count="6"][data-active="1"]:before{width:var(--tab-1-width, 100px);transform:translate(var(--tab-0-width, 100px))}.global-tabs-nav[data-tabs-count="6"][data-active="2"]:before{width:var(--tab-2-width, 100px);transform:translate(calc(var(--tab-0-width, 100px) + var(--tab-1-width, 100px)))}.global-tabs-nav[data-tabs-count="6"][data-active="3"]:before{width:var(--tab-3-width, 100px);transform:translate(calc(var(--tab-0-width, 100px) + var(--tab-1-width, 100px) + var(--tab-2-width, 100px)))}.global-tabs-nav[data-tabs-count="6"][data-active="4"]:before{width:var(--tab-4-width, 100px);transform:translate(calc(var(--tab-0-width, 100px) + var(--tab-1-width, 100px) + var(--tab-2-width, 100px) + var(--tab-3-width, 100px)))}.global-tabs-nav[data-tabs-count="6"][data-active="5"]:before{width:var(--tab-5-width, 100px);transform:translate(calc(var(--tab-0-width, 100px) + var(--tab-1-width, 100px) + var(--tab-2-width, 100px) + var(--tab-3-width, 100px) + var(--tab-4-width, 100px)))}.global-tab-btn{height:35px;padding:0 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;line-height:35px;color:#999;background:transparent;border:none;border-radius:50px;cursor:pointer;transition:color .3s ease;white-space:nowrap;position:relative;z-index:1;flex-shrink:0;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 8px);box-sizing:border-box}.global-tab-btn:hover,.global-tab-btn.active{color:#fff}.global-tab-btn svg{font-size:1rem}.tabs-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.tabs-header-row--left{justify-content:flex-start}.tabs-header-row .global-tabs-nav{flex-shrink:0}.tabs-header-row .tabs-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.tabs-header-row--left .tabs-actions{margin-left:0}@media(max-width:768px){.global-tabs-nav{max-width:100%;overflow:visible}.global-tab-btn{padding:0 18px;font-size:14px}.global-tabs-nav[data-tabs-count="2"][data-active="0"]:before{width:var(--tab-0-width, 90px)}.global-tabs-nav[data-tabs-count="2"][data-active="1"]:before{width:var(--tab-1-width, 90px);transform:translate(var(--tab-0-width, 90px))}.global-tabs-nav[data-tabs-count="3"][data-active="0"]:before{width:var(--tab-0-width, 90px)}.global-tabs-nav[data-tabs-count="3"][data-active="1"]:before{width:var(--tab-1-width, 90px);transform:translate(var(--tab-0-width, 90px))}.global-tabs-nav[data-tabs-count="3"][data-active="2"]:before{width:var(--tab-2-width, 90px);transform:translate(calc(var(--tab-0-width, 90px) + var(--tab-1-width, 90px)))}.global-tabs-nav[data-tabs-count="5"][data-active="0"]:before{width:var(--tab-0-width, 90px)}.global-tabs-nav[data-tabs-count="5"][data-active="1"]:before{width:var(--tab-1-width, 90px);transform:translate(var(--tab-0-width, 90px))}.global-tabs-nav[data-tabs-count="5"][data-active="2"]:before{width:var(--tab-2-width, 90px);transform:translate(calc(var(--tab-0-width, 90px) + var(--tab-1-width, 90px)))}.global-tabs-nav[data-tabs-count="5"][data-active="3"]:before{width:var(--tab-3-width, 90px);transform:translate(calc(var(--tab-0-width, 90px) + var(--tab-1-width, 90px) + var(--tab-2-width, 90px)))}.global-tabs-nav[data-tabs-count="5"][data-active="4"]:before{width:var(--tab-4-width, 90px);transform:translate(calc(var(--tab-0-width, 90px) + var(--tab-1-width, 90px) + var(--tab-2-width, 90px) + var(--tab-3-width, 90px)))}.global-tabs-nav[data-tabs-count="6"][data-active="0"]:before{width:var(--tab-0-width, 90px)}.global-tabs-nav[data-tabs-count="6"][data-active="1"]:before{width:var(--tab-1-width, 90px);transform:translate(var(--tab-0-width, 90px))}.global-tabs-nav[data-tabs-count="6"][data-active="2"]:before{width:var(--tab-2-width, 90px);transform:translate(calc(var(--tab-0-width, 90px) + var(--tab-1-width, 90px)))}.global-tabs-nav[data-tabs-count="6"][data-active="3"]:before{width:var(--tab-3-width, 90px);transform:translate(calc(var(--tab-0-width, 90px) + var(--tab-1-width, 90px) + var(--tab-2-width, 90px)))}.global-tabs-nav[data-tabs-count="6"][data-active="4"]:before{width:var(--tab-4-width, 90px);transform:translate(calc(var(--tab-0-width, 90px) + var(--tab-1-width, 90px) + var(--tab-2-width, 90px) + var(--tab-3-width, 90px)))}.global-tabs-nav[data-tabs-count="6"][data-active="5"]:before{width:var(--tab-5-width, 90px);transform:translate(calc(var(--tab-0-width, 90px) + var(--tab-1-width, 90px) + var(--tab-2-width, 90px) + var(--tab-3-width, 90px) + var(--tab-4-width, 90px)))}.tabs-header-row{flex-wrap:nowrap}.tabs-header-row .tabs-actions .btn-primary{width:40px;height:40px;padding:0;border-radius:50%;min-width:40px}.tabs-header-row .tabs-actions .btn-primary span,.tabs-header-row .tabs-actions .btn-primary .btn-text{display:none}.tabs-header-row .tabs-actions .btn-primary{font-size:0;gap:0}.tabs-header-row .tabs-actions .btn-primary svg{font-size:16px}}@media(max-width:480px){.global-tab-btn{padding:0 14px;font-size:13px}.global-tabs-nav[data-tabs-count="2"][data-active="0"]:before{width:var(--tab-0-width, 80px)}.global-tabs-nav[data-tabs-count="2"][data-active="1"]:before{width:var(--tab-1-width, 80px);transform:translate(var(--tab-0-width, 80px))}.global-tabs-nav[data-tabs-count="3"][data-active="0"]:before{width:var(--tab-0-width, 80px)}.global-tabs-nav[data-tabs-count="3"][data-active="1"]:before{width:var(--tab-1-width, 80px);transform:translate(var(--tab-0-width, 80px))}.global-tabs-nav[data-tabs-count="3"][data-active="2"]:before{width:var(--tab-2-width, 80px);transform:translate(calc(var(--tab-0-width, 80px) + var(--tab-1-width, 80px)))}.global-tabs-nav[data-tabs-count="5"][data-active="0"]:before{width:var(--tab-0-width, 80px)}.global-tabs-nav[data-tabs-count="5"][data-active="1"]:before{width:var(--tab-1-width, 80px);transform:translate(var(--tab-0-width, 80px))}.global-tabs-nav[data-tabs-count="5"][data-active="2"]:before{width:var(--tab-2-width, 80px);transform:translate(calc(var(--tab-0-width, 80px) + var(--tab-1-width, 80px)))}.global-tabs-nav[data-tabs-count="5"][data-active="3"]:before{width:var(--tab-3-width, 80px);transform:translate(calc(var(--tab-0-width, 80px) + var(--tab-1-width, 80px) + var(--tab-2-width, 80px)))}.global-tabs-nav[data-tabs-count="5"][data-active="4"]:before{width:var(--tab-4-width, 80px);transform:translate(calc(var(--tab-0-width, 80px) + var(--tab-1-width, 80px) + var(--tab-2-width, 80px) + var(--tab-3-width, 80px)))}.global-tabs-nav[data-tabs-count="6"][data-active="0"]:before{width:var(--tab-0-width, 80px)}.global-tabs-nav[data-tabs-count="6"][data-active="1"]:before{width:var(--tab-1-width, 80px);transform:translate(var(--tab-0-width, 80px))}.global-tabs-nav[data-tabs-count="6"][data-active="2"]:before{width:var(--tab-2-width, 80px);transform:translate(calc(var(--tab-0-width, 80px) + var(--tab-1-width, 80px)))}.global-tabs-nav[data-tabs-count="6"][data-active="3"]:before{width:var(--tab-3-width, 80px);transform:translate(calc(var(--tab-0-width, 80px) + var(--tab-1-width, 80px) + var(--tab-2-width, 80px)))}.global-tabs-nav[data-tabs-count="6"][data-active="4"]:before{width:var(--tab-4-width, 80px);transform:translate(calc(var(--tab-0-width, 80px) + var(--tab-1-width, 80px) + var(--tab-2-width, 80px) + var(--tab-3-width, 80px)))}.global-tabs-nav[data-tabs-count="6"][data-active="5"]:before{width:var(--tab-5-width, 80px);transform:translate(calc(var(--tab-0-width, 80px) + var(--tab-1-width, 80px) + var(--tab-2-width, 80px) + var(--tab-3-width, 80px) + var(--tab-4-width, 80px)))}.tabs-header-row .tabs-actions .btn-primary{width:36px;height:36px;min-width:36px}.tabs-header-row .tabs-actions .btn-primary svg{font-size:14px}}.input-container{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.input-label,.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff;display:flex;align-items:center;gap:var(--spacing-4)}.input-label__required{color:var(--error-color)}.input-wrapper{position:relative;display:flex;align-items:center;background:var(--bg-white-10);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input-wrapper:focus-within{border-color:var(--primary-color);background:var(--bg-white-15);box-shadow:var(--focus-shadow)}.input-wrapper--error{border-color:var(--error-color);background:var(--error-bg)}.input-wrapper--error:focus-within{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.input-wrapper--disabled{background:var(--color-bg-disabled);opacity:.6;cursor:not-allowed}.input-wrapper--icon-left{padding-left:var(--spacing-sm)}.input-wrapper--icon-right{padding-right:var(--spacing-sm)}.input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);width:100%}.input::placeholder{color:var(--color-text-placeholder)}.input:disabled{cursor:not-allowed}.input--sm{padding:var(--spacing-8) var(--spacing-12);font-size:var(--font-size-sm);min-height:32px}.input--md{padding:var(--spacing-12) var(--spacing-md);font-size:var(--font-size-base);min-height:40px}.input--lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);min-height:48px}.input-wrapper--icon-left .input{padding-left:var(--spacing-8)}.input-wrapper--icon-right .input{padding-right:var(--spacing-8)}.input-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0;transition:color var(--transition-fast)}.input-icon svg{width:16px;height:16px}.input-icon--clickable{cursor:pointer;padding:var(--spacing-4);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.input-icon--clickable:hover{color:var(--primary-color);background:var(--bg-white-10)}.input-wrapper:focus-within .input-icon{color:var(--primary-color)}.input-error{font-size:var(--font-size-sm);color:var(--error-color);margin:0;display:flex;align-items:center;gap:var(--spacing-4)}.input-error:before{content:"⚠";font-size:var(--font-size-sm)}.input-helper{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus,input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px var(--bg-white-10) inset;-webkit-text-fill-color:var(--text-primary);transition:background-color 5000s ease-in-out 0s}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button,.input-base[type=number]::-webkit-inner-spin-button,.input-base[type=number]::-webkit-outer-spin-button,.input-primary[type=number]::-webkit-inner-spin-button,.input-primary[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=number],.input-base[type=number],.input-primary[type=number]{-moz-appearance:textfield}.input[type=search]::-webkit-search-cancel-button,.input-base[type=search]::-webkit-search-cancel-button,.input-primary[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;cursor:pointer;height:16px;width:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");background-size:contain}.input-base{width:100%;padding:10px 14px;border-radius:50px;border:none;background:#ffffff0d;color:#fff;font-size:.875rem;font-family:inherit;outline:none;transition:all .2s ease;box-sizing:border-box;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.input-base::placeholder{color:#ffffff80}.input-base:hover{background:#ffffff14}.input-base:focus{outline:none;background:#ffffff14;box-shadow:0 0 5px 2px #ffffff24}.input-base:disabled{background:var(--color-bg-disabled);color:var(--color-text-light);cursor:not-allowed;opacity:.6}.input-base.error{border:1px solid var(--error-color);background:#ef44440d}.input-base.error:focus{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.input-base:-webkit-autofill,.input-base:-webkit-autofill:hover,.input-base:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px rgba(255,255,255,.05) inset;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s}.textarea-base{width:100%;padding:10px 14px;border-radius:var(--radius-md);border:none;background:#ffffff0d;color:#fff;font-size:.875rem;font-family:inherit;outline:none;transition:all .2s ease;box-sizing:border-box;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);resize:vertical;min-height:100px;line-height:1.5}.textarea-base::placeholder{color:#ffffff80}.textarea-base:hover{background:#ffffff14}.textarea-base:focus{outline:none;background:#ffffff14;box-shadow:0 0 5px 2px #ffffff24}.textarea-base:disabled{background:var(--color-bg-disabled);color:var(--color-text-light);cursor:not-allowed;opacity:.6}.textarea-base.error{border:1px solid var(--error-color);background:#ef44440d}.textarea-base.error:focus{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.input-primary{width:100%;padding:10px 14px;border-radius:50px;border:none;background:#ffffff0d;color:#fff;font-size:.875rem;font-family:inherit;outline:none;transition:all .2s ease;box-sizing:border-box;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.input-primary::placeholder{color:#ffffff80}.input-primary:hover{background:#ffffff14}.input-primary:focus{outline:none;background:#ffffff14;box-shadow:0 0 5px 2px #ffffff24}.input-primary:disabled{background:var(--color-bg-disabled);color:var(--color-text-light);cursor:not-allowed;opacity:.6}.input-primary.error{border:1px solid var(--error-color);background:#ef44440d}.input-primary.error:focus{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.input-primary:-webkit-autofill,.input-primary:-webkit-autofill:hover,.input-primary:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px rgba(255,255,255,.05) inset;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s}.form-input{border-radius:var(--radius-full);border:1px solid var(--color-white);background:var(--color-white);padding:var(--spacing-12) var(--spacing-lg);font-size:var(--font-size-base);color:var(--color-text-dark);outline:none;transition:all var(--transition-normal);box-sizing:border-box;font-family:inherit;width:100%}.form-input:focus{border-color:var(--focus-color);box-shadow:var(--focus-shadow)}.form-input::placeholder{color:var(--color-text-placeholder)}.form-input:disabled{background:var(--color-bg-disabled);color:var(--color-text-light);cursor:not-allowed;opacity:.6}.form-input.error{border-color:var(--error-color);background:var(--error-bg)}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}@media(max-width:768px){.form-input,.input-base,.input-primary{font-size:16px;border-radius:25px}.input--md{padding:var(--spacing-sm) 14px;font-size:var(--font-size-sm)}.input--lg{padding:var(--spacing-12) var(--spacing-md);font-size:var(--font-size-base)}}@media(max-width:480px){.form-input,.input-base,.input-primary{font-size:16px}}.input-wrapper--textarea{align-items:flex-start}.textarea__el{resize:vertical;min-height:100px;line-height:1.5;padding:var(--spacing-sm) var(--spacing-md);flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);width:100%}.textarea__el::placeholder{color:var(--color-text-placeholder)}.textarea__el:disabled{cursor:not-allowed}.textarea__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);min-height:0}.textarea__footer:empty{display:none}.textarea__char-count{font-size:var(--font-size-sm);color:var(--text-muted);margin-left:auto;flex-shrink:0}.toggle-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:5px;flex-direction:column}.toggle{position:relative;display:inline-block;width:51px;height:31px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__track{position:absolute;cursor:pointer;inset:0;background-color:#fff3;border:none;transition:all var(--transition-fast);border-radius:34px}.toggle__track:hover{background-color:#ffffff47}.toggle__thumb{position:absolute;height:23px;width:23px;left:4px;bottom:4px;background-color:#fff;transition:all var(--transition-fast);border-radius:50%;box-shadow:0 2px 4px #0003;pointer-events:none}.toggle input:checked+.toggle__track{background-color:var(--color-primary, #3F20FA);border-color:#ffffff59}.toggle input:checked~.toggle__thumb{transform:translate(20px)}.toggle input:focus-visible+.toggle__track{box-shadow:var(--focus-shadow)}.toggle--disabled{opacity:.5;pointer-events:none}.checkbox-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.checkbox-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;position:relative}.checkbox-input{opacity:0;position:absolute;width:0;height:0}.checkbox-box{width:18px;height:18px;min-width:18px;border-radius:var(--radius-xs);border:1.5px solid rgba(255,255,255,.3);background:#ffffff14;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);margin-top:2px}.checkbox-input:checked+.checkbox-box{background:var(--color-primary, #3F20FA);border-color:var(--color-primary, #3F20FA)}.checkbox-input:checked+.checkbox-box:after{content:"";width:10px;height:6px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translateY(-1px);display:block}.checkbox-input:focus-visible+.checkbox-box{box-shadow:var(--focus-shadow)}.checkbox-label:hover .checkbox-box{border-color:var(--color-primary, #3F20FA);background:#ffffff1f}.checkbox-text{font-size:var(--font-size-base);color:#fff;line-height:1.4;user-select:none}.checkbox-description{font-size:var(--font-size-sm);color:var(--text-muted);padding-left:26px}.checkbox-field--disabled{opacity:.5;pointer-events:none}.radio-group-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.radio-group-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff;display:flex;align-items:center;gap:4px}.radio-group-label__required{color:var(--error-color)}.radio-group-label__hint{color:var(--text-muted);font-weight:var(--font-weight-regular)}.radio-group--pill{display:flex;flex-wrap:wrap;gap:8px}.radio-pill-label{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:var(--radius-full);box-sizing:border-box;background:#ffffff14;border:none;color:#ffffffb3;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);user-select:none}.radio-pill-label:hover{background:#ffffff24;color:#fff}.radio-pill-label input{opacity:0;position:absolute;width:0;height:0}.radio-pill-label--selected,.radio-pill-label--selected:hover{background:var(--color-primary, #3F20FA);border-color:var(--color-primary, #3F20FA);color:#fff;font-weight:var(--font-weight-medium)}.radio-pill-label--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.radio-group--option{display:flex;flex-direction:column;gap:6px}.radio-option-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 0}.radio-option-label input[type=radio]{opacity:0;position:absolute;width:0;height:0}.radio-option-dot{width:18px;height:18px;min-width:18px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:transparent;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.radio-option-label:hover .radio-option-dot{border-color:#ffffff80}.radio-option-label input:checked+.radio-option-dot{border-color:var(--color-primary, #3F20FA);background:var(--color-primary, #3F20FA)}.radio-option-label input:checked+.radio-option-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}.radio-option-label input:focus-visible+.radio-option-dot{box-shadow:0 0 5px 2px #ffffff24}.radio-option-text{font-size:var(--font-size-base);color:#fff}.radio-option-label--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.radio-group--list{display:flex;flex-direction:column;gap:8px}.radio-list-label{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff0a;cursor:pointer;transition:all var(--transition-fast)}.radio-list-label:hover{background:#ffffff14;border-color:#fff3}.radio-list-label input{opacity:0;position:absolute;width:0;height:0}.radio-list-label--selected{border-color:var(--color-primary, #3F20FA);background:#3f20fa1a}.radio-list-content{display:flex;flex-direction:column;gap:4px}.radio-list-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#fff}.radio-list-description{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.4}.select-field{display:flex;flex-direction:column;gap:5px;width:100%}.select-custom{position:relative}.select-custom__trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 14px;border-radius:var(--radius-md);border:none;background:#ffffff0d;color:#fff;font-size:var(--font-size-base);font-family:inherit;cursor:pointer;transition:all .2s ease;height:36px;text-align:left}.select-custom__trigger:hover{background:#ffffff14}.select-custom__trigger:focus{outline:none;background:#ffffff14;box-shadow:0 0 5px 2px #ffffff24}.select-custom__trigger:disabled{background:var(--color-bg-disabled);opacity:.6;cursor:not-allowed}.select-custom__trigger--error{border:1px solid var(--error-color);background:#ef44440d}.select-custom__placeholder{color:#ffffff80}.select-custom__icon{font-size:.625rem;color:#ffffff80;transition:transform .2s ease;flex-shrink:0}.select-custom__icon--open{transform:rotate(180deg)}.select-custom__menu{position:absolute;top:calc(100% + 6px);left:0;width:100%;min-width:100%;max-height:240px;overflow-y:auto;padding:5px;display:flex;flex-direction:column;gap:2px;background:#000000fa;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;animation:selectMenuFadeIn .15s ease-out}@keyframes selectMenuFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.select-custom__item{display:flex;align-items:center;width:100%;padding:9px 12px;background:transparent;border:none;border-radius:8px;color:#ffffffb3;font-size:var(--font-size-base);font-family:inherit;text-align:left;cursor:pointer;transition:all .15s ease}.select-custom__item:hover{background:#ffffff14;color:#fff}.select-custom__item--active{background:#ffffff1f;color:#fff}.dropdown,.suggestions-dropdown,.location-suggestions,.user-autocomplete-dropdown,.search-results-dropdown,.filter-dropdown,.filters-dropdown,.filters-dropdown-panel,.studios-filters-dropdown{position:absolute;background:#000;border:1px solid var(--bg-white-10);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:300px;overflow-y:auto}.dropdown-item,.suggestion-item,.location-suggestion-item,.user-autocomplete-item,.search-result-item{padding:.75rem 1.25rem;cursor:pointer;transition:background var(--transition-fast);font-size:.875rem;color:#fff}.dropdown-item:hover,.suggestion-item:hover,.location-suggestion-item:hover,.user-autocomplete-item:hover,.search-result-item:hover{background:#ffffff1a}.dropdown::-webkit-scrollbar,.suggestions-dropdown::-webkit-scrollbar,.location-suggestions::-webkit-scrollbar,.user-autocomplete-dropdown::-webkit-scrollbar,.search-results-dropdown::-webkit-scrollbar,.filter-dropdown::-webkit-scrollbar,.filters-dropdown::-webkit-scrollbar,.filters-dropdown-panel::-webkit-scrollbar,.studios-filters-dropdown::-webkit-scrollbar{width:6px}.dropdown::-webkit-scrollbar-track,.suggestions-dropdown::-webkit-scrollbar-track,.location-suggestions::-webkit-scrollbar-track,.user-autocomplete-dropdown::-webkit-scrollbar-track,.search-results-dropdown::-webkit-scrollbar-track,.filter-dropdown::-webkit-scrollbar-track,.filters-dropdown::-webkit-scrollbar-track,.filters-dropdown-panel::-webkit-scrollbar-track,.studios-filters-dropdown::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.dropdown::-webkit-scrollbar-thumb,.suggestions-dropdown::-webkit-scrollbar-thumb,.location-suggestions::-webkit-scrollbar-thumb,.user-autocomplete-dropdown::-webkit-scrollbar-thumb,.search-results-dropdown::-webkit-scrollbar-thumb,.filter-dropdown::-webkit-scrollbar-thumb,.filters-dropdown::-webkit-scrollbar-thumb,.filters-dropdown-panel::-webkit-scrollbar-thumb,.studios-filters-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.dropdown::-webkit-scrollbar-thumb:hover,.suggestions-dropdown::-webkit-scrollbar-thumb:hover,.location-suggestions::-webkit-scrollbar-thumb:hover,.user-autocomplete-dropdown::-webkit-scrollbar-thumb:hover,.search-results-dropdown::-webkit-scrollbar-thumb:hover,.filter-dropdown::-webkit-scrollbar-thumb:hover,.filters-dropdown::-webkit-scrollbar-thumb:hover,.filters-dropdown-panel::-webkit-scrollbar-thumb:hover,.studios-filters-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.dropdown-no-results,.location-no-results,.no-results{padding:.75rem 1.25rem;font-size:.875rem;color:#ffffff80;text-align:center;font-style:italic}.dropdown-item:first-child,.suggestion-item:first-child,.location-suggestion-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.dropdown-item:last-child,.suggestion-item:last-child,.location-suggestion-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}@media(max-width:768px){.dropdown,.suggestions-dropdown,.location-suggestions,.user-autocomplete-dropdown,.search-results-dropdown,.filter-dropdown,.filters-dropdown,.filters-dropdown-panel,.studios-filters-dropdown{max-height:250px}}@media(max-width:480px){.dropdown,.suggestions-dropdown,.location-suggestions,.user-autocomplete-dropdown,.search-results-dropdown,.filter-dropdown,.filters-dropdown,.filters-dropdown-panel,.studios-filters-dropdown{max-height:200px}.dropdown-item,.suggestion-item,.location-suggestion-item,.user-autocomplete-item,.search-result-item{padding:.625rem 1rem;font-size:.8125rem}}.actions-ribbon{position:absolute;top:-15px;right:20px;display:flex;padding:0;background:#ffffff26;backdrop-filter:blur(40px);border:none;border-radius:50px;opacity:0;visibility:hidden;transform:translateY(4px);transition:all .15s ease;z-index:10}.actions-ribbon-container:hover>.actions-ribbon,.actions-ribbon--pinned{opacity:1;visibility:visible;transform:translateY(0)}.actions-ribbon-btn{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:transparent;border:none;border-radius:50px;color:#fff9;font-size:1rem;cursor:pointer;transition:all .1s ease}.actions-ribbon-btn svg{width:1em;height:1em}.actions-ribbon-btn:hover{background:#ffffff1a;color:#fffffff2}.actions-ribbon-btn.active{color:#8b7cff}.actions-ribbon-btn.active:hover{background:#3f20fa33;color:#a89fff}.actions-ribbon-btn:disabled{opacity:.5;cursor:not-allowed}.actions-ribbon-btn--edit:hover{background:#7f56ff26;color:#a78bfa}.actions-ribbon-btn--danger:hover{background:#ff464633;color:#ff6b6b}@media(max-width:999px){.actions-ribbon{display:none;position:static;margin-top:4px;background:transparent;border:none;box-shadow:none;padding:0;gap:4px;backdrop-filter:none;opacity:1;visibility:visible;transform:none}.actions-ribbon--pinned{display:flex}.actions-ribbon-container:hover>.actions-ribbon:not(.actions-ribbon--pinned){display:none}.actions-ribbon-btn{width:32px;height:32px;min-width:32px;min-height:32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:50%;font-size:13px}.actions-ribbon-btn:active{background:#ffffff1f;transform:scale(.92)}}@media(max-width:480px){.actions-ribbon-btn{width:28px;height:28px;min-width:28px;min-height:28px;font-size:12px}}.tag-btn{display:flex;height:30px;padding:5px 16px;align-items:center;gap:10px;justify-content:center;color:var(--color-text-dark, #000);text-align:center;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;border-radius:var(--radius-xl);border:1px solid var(--border-gray, #E5E7EB);background:#fff3;transition:all .3s ease;cursor:pointer;white-space:nowrap}.tag-btn:focus{outline:none}.tag-btn:active{transform:scale(.98)}.tag-btn:hover{border:1px solid var(--border-gray, #E5E7EB);background:#fffc;box-shadow:0 4px 4px #00000040}.tag-btn.tag-selected{background:#fffc;color:var(--color-text-dark, #000);border:1px solid var(--border-gray, #E5E7EB);box-shadow:0 2px 4px #0000001a}.tag-btn.tag-selected:hover{background:var(--color-white, #fff);border:1px solid var(--border-gray, #E5E7EB);box-shadow:0 4px 4px #00000040}.tag-btn img{width:20px;height:20px;flex-shrink:0;object-fit:contain}.tag-view{display:inline-flex;width:fit-content;height:30px;padding:4px 20px;align-items:center;gap:.375rem;border-radius:2rem;background:#ffffff0d;border:none;color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.4;white-space:nowrap;user-select:none}span.tag-view.clickable,span.track-tag.clickable{cursor:pointer;transition:all .2s ease}span.tag-view.clickable:hover,span.track-tag.clickable:hover{background:#ffffff1c;color:#fff}span.tag-view.clickable:active,span.track-tag.clickable:active{transform:translateY(0)}.tag-view.tag-clickable{cursor:pointer;transition:background .3s ease,color .3s ease;border:none}.tag-view.tag-clickable:hover{background:#ffffff1a}.tag-view.tag-clickable:active{transform:none}.tag-view.tag-selected{background:#fff;color:var(--onboarding-accent, #3d29f6);font-weight:600;border:none}.tag-view.tag-clickable.tag-selected:hover{background:#ffffffe6}.tag-view img{width:clamp(1rem,2vw,1.25rem);height:clamp(1rem,2vw,1.25rem);flex-shrink:0;object-fit:contain;opacity:.9}.tag-view.tag-selected img{opacity:1}.tags-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.tags-container.tags-left{justify-content:flex-start}@media(hover:none){.tag-btn:hover{background:#fff3;border:1px solid var(--border-gray, #E5E7EB);box-shadow:none}.tag-btn.tag-selected:hover{background:#fffc;border:1px solid var(--border-gray, #E5E7EB);box-shadow:0 2px 4px #0000001a}.tag-view.tag-clickable:hover{background:#ffffff0d;transform:none}.tag-view.tag-clickable.tag-selected:hover{background:#fff}}@media(max-width:640px){.tag-view{padding:4px 10px}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes loading{0%{width:0%;background-position:0% 0%}50%{width:70%;background-position:100% 0%}to{width:100%;background-position:200% 0%}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:fadeIn .3s ease-in-out}.animate-slideUp{animation:slideUp .4s ease-out}.animate-slideUpFromBottom{animation:slideUpFromBottom .4s ease-out}.animate-fadeInUp{animation:fadeInUp .4s ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-shimmer{animation:shimmer 1.5s ease-in-out infinite}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Plus Jakarta Sans,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100%;display:flex;flex-direction:column}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a3a3a34d;border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#a3a3a380}*{scrollbar-width:thin;scrollbar-color:rgba(163,163,163,.3) transparent}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.chordora-loader{display:flex;align-items:center;justify-content:center;width:100%}.chordora-loader--page{background:transparent}.chordora-loader--block{min-height:150px}.chordora-loader--inline{display:inline-flex;width:auto;min-height:0}.chordora-loader__animation{width:500px}.chordora-loader--block .chordora-loader__animation{width:300px}.chordora-loader--inline .chordora-loader__animation{width:80px}.loading-page{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.loading-page__progress{position:absolute;top:0;left:0;width:100%;height:2px;background:#ffffff05;z-index:10;overflow:hidden}.loading-page__progress-bar{height:100%;background:linear-gradient(90deg,#3e1cfd80,#87e64b66,#3e1cfd80);animation:progressMove 1.8s ease-in-out infinite}@keyframes progressMove{0%{width:0%;margin-left:0%}50%{width:40%;margin-left:30%}to{width:0%;margin-left:100%}}.loading-page__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.loading-page__content .chordora-loader--page{background:transparent;min-height:100%}@media(prefers-reduced-motion:reduce){.loading-page__progress-bar{animation:none;width:100%;opacity:.3}}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-modal-overlay);z-index:9999;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden;overscroll-behavior:contain;touch-action:none}.modal-container{display:flex;flex-direction:column;max-height:90vh;max-height:90dvh;overflow:hidden;border:1px solid #ffffff1c;border-radius:20px;background:#ffffff0f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-xxl);animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);touch-action:auto}.modal-sm{width:400px;max-width:90vw}.modal-md{width:600px;max-width:90vw}.modal-lg{width:777px;max-width:90vw}.modal-xl{width:1000px;max-width:90vw}.modal-xxl{width:1200px;max-width:95vw}.modal-full{width:1440px;max-width:96vw;height:92vh;height:92dvh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;background:inherit;z-index:1}.modal-title{color:#fff;font-size:18px;font-weight:var(--font-weight-semibold);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-logo)}.modal-close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#fff6;font-size:16px;line-height:1;cursor:pointer;transition:all .15s ease;flex-shrink:0;padding:0;margin:0 0 0 auto}.modal-close-btn:hover{color:#fff;background:#ffffff14}.modal-close-btn:active{opacity:.7}.modal-body{display:flex;flex-direction:column;gap:10px;padding:15px;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:15px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}@media(max-width:768px){.modal-overlay{align-items:flex-end}.modal-container{width:100%!important;max-width:100vw;max-height:92vh;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom,0);border-radius:20px 20px 0 0}.modal-title{font-size:16px}.modal-footer{flex-wrap:wrap}.modal-footer>button{flex:1;min-width:0}.modal-overlay:has(>.modal-xl),.modal-overlay:has(>.modal-xxl),.modal-overlay:has(>.modal-full){align-items:stretch;background:var(--bg-content, #121B2F);animation-duration:.25s}.modal-xl,.modal-xxl,.modal-full{width:100%!important;max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;border-radius:0;border:none;background:var(--bg-content, #121B2F);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;animation:modalPageSlideIn .28s cubic-bezier(.32,.72,0,1);padding-bottom:0}.modal-xl>.modal-header,.modal-xxl>.modal-header,.modal-full>.modal-header{position:sticky;top:0;z-index:10;padding:14px 15px;padding-top:calc(14px + env(safe-area-inset-top,0px));background:var(--bg-content, #121B2F);border-bottom:1px solid rgba(255,255,255,.06);flex-direction:row-reverse;justify-content:flex-end;gap:12px}.modal-xl>.modal-header .modal-title,.modal-xxl>.modal-header .modal-title,.modal-full>.modal-header .modal-title{font-size:17px;font-weight:var(--font-weight-semibold)}.modal-xl>.modal-header .modal-close-btn,.modal-xxl>.modal-header .modal-close-btn,.modal-full>.modal-header .modal-close-btn{margin:0;width:36px;height:36px;background:#ffffff0f;color:#ffffffe6;font-size:14px}.modal-xl>.modal-header .modal-close-btn:hover,.modal-xxl>.modal-header .modal-close-btn:hover,.modal-full>.modal-header .modal-close-btn:hover{background:#ffffff1f;color:#fff}.modal-xl>.modal-footer,.modal-xxl>.modal-footer,.modal-full>.modal-footer{position:sticky;bottom:0;background:var(--bg-content, #121B2F);padding:14px 15px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-top:none;z-index:10}.modal-xl>.modal-footer:before,.modal-xxl>.modal-footer:before,.modal-full>.modal-footer:before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px;background:linear-gradient(to top,var(--bg-content, #121B2F),transparent);pointer-events:none}.modal-xl>.modal-body,.modal-xxl>.modal-body,.modal-full>.modal-body{padding:16px 0}}@keyframes modalPageSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media(max-width:480px){.modal-header,.modal-body,.modal-footer{padding:12px 15px}}.toolbar-dropdown{position:relative;flex-shrink:0}.toolbar-dropdown__trigger{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:50px;border:none;background:#ffffff0d;color:#fff;font-size:.875rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:35px}.toolbar-dropdown__trigger:hover{border-color:#fff3;background:#ffffff14}.toolbar-dropdown__icon{font-size:.75rem;color:#ffffff80;transition:transform .2s ease}.toolbar-dropdown__icon.open{transform:rotate(180deg)}.toolbar-dropdown__menu{position:absolute;top:calc(100% + 8px);left:0;min-width:100%;padding:5px;display:flex;flex-direction:column;gap:5px;background:#00000014;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;animation:toolbarDropdownFadeIn .15s ease-out}@keyframes toolbarDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toolbar-dropdown__item{display:block;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:10px;color:#ffffffb3;font-size:.875rem;font-family:inherit;text-align:left;cursor:pointer;transition:all .15s ease;white-space:nowrap}.toolbar-dropdown__item:hover{background:#ffffff14;color:#fff}.toolbar-dropdown__item.active{background:#ffffff1f;color:#fff}@media(max-width:768px){.toolbar-dropdown{width:100%}.toolbar-dropdown__trigger{width:100%;justify-content:space-between}.toolbar-dropdown__menu{width:100%}}.advanced-filters{position:relative;z-index:50}.filters-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:50px;border:none;background:#ffffff0d;color:#fff;font-size:.875rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:35px;flex-shrink:0}.filters-toggle:hover:not(:disabled){background:#ffffff14}.filters-toggle.active{background:#ffffff1f;color:#fff}.filters-toggle.has-filters{background:#3d29f64d;color:#fff}.filter-count{background:#ffffffe6;color:#3d29f6;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:50px;min-width:16px;text-align:center;line-height:1.2}.chevron{font-size:.75rem;color:#ffffff80;transition:transform .2s ease}.chevron.rotated{transform:rotate(180deg)}.filters-panel{position:absolute;top:calc(100% + 8px);left:0;background:#00000014;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:9999;min-width:180px;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.filter-section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}.clear-filters-inline{background:none;border:none;color:#fff6;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease;padding:2px 6px;border-radius:4px}.clear-filters-inline:hover{color:#ff6b6b;background:#ff6b6b1a}.filters-grid{display:flex;flex-direction:column;gap:0;padding:12px}.filter-section{display:flex;flex-direction:column;gap:8px}.filter-label{color:#ffffff80;font-size:.7rem;font-weight:600;margin:0;line-height:1.2;text-transform:uppercase;letter-spacing:.5px}.checkbox-group,.checkbox-group.compact{display:flex;flex-direction:column;gap:2px}.checkbox-item{display:flex;align-items:center;gap:8px;color:#fffc;font-size:.875rem;font-weight:400;cursor:pointer;transition:all .15s ease;padding:8px 10px;border-radius:8px;background:transparent;border:none}.checkbox-item:hover{color:#fff;background:#ffffff14}.checkbox-item:has(input:checked){color:#fff;background:#3d29f640}.checkbox-item:has(input:checked):before{content:"✓";font-size:.75rem;color:#8b7cf7;font-weight:600}.checkbox-item input[type=checkbox]{display:none}.tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-6)}.tag-item{display:inline-flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-8);background:#ffffff1a;border:1px solid #FFFFFF1A;border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.tag-remove{background:none;border:none;color:#ffffff9a;font-size:14px;font-weight:var(--font-weight-bold);cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-circle);transition:all var(--transition-fast)}.tag-remove:hover{background:#ff6b6b1a;color:#ff6b6b}.range-inputs{display:flex;align-items:center;gap:var(--spacing-8)}.range-input{flex:1;min-width:0}.range-inputs span{color:#ffffff9a;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.range-presets{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.range-presets button{padding:var(--spacing-4) var(--spacing-8);background:#ffffff1a;border:1px solid #FFFFFF1A;border-radius:var(--radius-sm);color:#ffffff9a;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.range-presets button:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-1px)}@media(max-width:1024px){.filters-panel{min-width:280px}}@media(max-width:768px){.filters-panel{min-width:0;left:auto;right:0;max-width:calc(100vw - 20px)}.checkbox-item{padding:6px 12px;font-size:.75rem}.range-presets{flex-direction:column}.range-presets button{width:100%}}@media(max-width:480px){.filters-toggle{padding:8px 12px;font-size:.813rem}.filters-panel{position:fixed;left:10px;right:10px;top:auto;max-width:none}.filters-grid{padding:12px}.checkbox-item{padding:6px 10px}}.filters-footer{border-top:1px solid #FFFFFF1A;padding:var(--spacing-md) var(--spacing-lg);background:transparent}.filters-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.btn-cancel,.btn-apply{padding:var(--spacing-6) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;min-width:80px}.btn-cancel{background:transparent;color:#ffffff9a;border-color:#ffffff1a}.btn-cancel:hover{background:#ffffff1a;color:#fff}.btn-apply{background:#3d29f6;color:var(--color-white);border:none}.btn-apply:hover:not(:disabled){background:#3d29f69c;transform:translateY(-1px);box-shadow:var(--shadow-primary)}.btn-apply:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.filters-panel.closing{animation:dropdownFadeOut .15s ease-in}@keyframes dropdownFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.tag-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.checkbox-item:active{transform:scale(.98)}.range-presets button:active{transform:translateY(0) scale(.98)}.advanced-search-container{position:relative;flex:1;max-width:650px;overflow:visible;z-index:1000}.main-search-input{width:100%;height:36px;border-radius:25px;padding:0 80px 0 50px;border:none;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:none;color:#fff;font-family:Plus Jakarta Sans;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);font-style:normal;line-height:100%;letter-spacing:.04em;outline:none}.main-search-input::placeholder{color:#ffffff9a;font-family:Plus Jakarta Sans;font-weight:var(--font-weight-normal);font-style:normal;font-size:var(--font-size-base);line-height:100%;letter-spacing:.04em}.search-icon-overlay{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:16px;height:16px;object-fit:contain;opacity:.7;pointer-events:auto;z-index:1}.search-input-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.15);border-top-color:#ffffffb3;border-radius:50%;animation:search-spinner .7s linear infinite;box-sizing:border-box}@keyframes search-spinner{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.filter-title{color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.2;white-space:nowrap}.search-bar-filters{margin-top:8px;box-shadow:0 8px 32px #00000080}.filter-dropdown{position:fixed;display:inline-flex;padding:6px 5px;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--spacing-xs);border-radius:20px;border:1px solid #ffffff0f;background:#0000004f;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);z-index:10000;min-width:160px;animation:fadeSlideDown .15s cubic-bezier(.34,1.56,.64,1);transform-origin:top right}.filter-dropdown.closing{animation:fadeSlideUp .2s cubic-bezier(.4,0,1,1) forwards}@keyframes fadeSlideDown{0%{opacity:0;transform:scale(.92) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeSlideUp{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-4px)}}.filter-option{display:flex;width:100%;padding:var(--spacing-sm) var(--spacing-md);align-items:center;gap:var(--spacing-sm);border:none;border-radius:var(--border-radius-sm);background:transparent;color:#bbb;font-family:Plus Jakarta Sans;font-size:14px;font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.filter-option:hover{background:#ffffff1a;transition:.4s}.filter-option:active{background:#ffffff1a;transform:scale(.98)}.filter-option-icon{font-size:14px}.filter-icon{font-size:16px;line-height:1}.search-controls-right{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;z-index:1;pointer-events:auto}.search-clear-btn-overlay{width:22px;height:22px;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.search-clear-btn-overlay:hover{background:#ffffff26;color:#ffffffe6;transform:scale(1.1)}.filter-trigger-overlay{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;padding:0;background:transparent;border:none;flex-shrink:0}.filter-trigger-overlay:hover .filter-title{color:#e0e0e0;transition:color .2s ease}.filter-trigger-overlay svg{flex-shrink:0}.search-results-dropdown{max-height:500px;overflow-y:auto;animation:slideDown .2s ease-out;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:20px;background:#000c;border:1px solid rgba(255,255,255,.1);z-index:10000;box-shadow:0 8px 32px #00000080}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-results-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;color:#fff9;font-size:14px}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#60a5fa;border-radius:50%;animation:spin .8s linear infinite}.search-results-empty{padding:24px;text-align:center;color:#ffffff80;font-size:14px}.search-results-list{padding:8px}.search-results-header{padding:10px 0 5px;font-size:11px;color:#fff;font-weight:500;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center}.search-results-footer{padding:5px 0;margin-top:8px}.see-all-results-btn{width:100%;padding:10px 15px;background:#7070701a;border:none;border-radius:50px;color:#fff;font-family:Plus Jakarta Sans;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;text-align:center}.see-all-results-btn:hover{background:#70707033}.search-result-item{display:flex;align-items:center;gap:10px;padding:5px;border-radius:8px;cursor:pointer;transition:all .2s}.search-result-item:hover{background-color:#ffffff14}.search-result-track-cover{width:42px;height:42px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#ffffff0d;display:flex;align-items:center;justify-content:center}.search-result-track-cover img{width:100%;height:100%;object-fit:cover}.track-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff4d}.search-result-track-artist{font-size:12px;color:#fff}.search-result-track-genre{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;background-color:#85e05126;color:#85e051;flex-shrink:0}.search-results-list .track-badge{padding:4px 10px;border-radius:50px;font-size:11px;font-weight:600;flex-shrink:0;text-transform:uppercase}.search-results-list .track-badge--loop-free{background:#22c55ee6;color:#fff}.search-results-list .track-badge--loop-50-50{background:#eab308e6;color:#000}.search-results-list .track-badge--prod{background:var(--color-primary, #3d29f6);color:#fff}.search-result-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;flex-shrink:0;border:none}.search-result-avatar img{width:100%;height:100%;object-fit:cover}.search-result-avatar .avatar-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;text-transform:uppercase}.search-result-info{flex:1;min-width:0}.search-result-name{font-size:14px;font-weight:500;color:#fffffff2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-role{font-size:12px;color:#c9c9c9;text-transform:capitalize}.search-result-status{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;flex-shrink:0}.status-dot{width:6px;height:6px;border-radius:50%}.search-result-status.status-available{background-color:#d1fae5;color:#065f46}.search-result-status.status-available .status-dot{background-color:#10b981}.search-result-status.status-busy{background-color:#fee2e2;color:#991b1b}.search-result-status.status-busy .status-dot{background-color:#ef4444}.search-result-status.status-searching{background-color:#fef3c7;color:#92400e}.search-result-status.status-searching .status-dot{background-color:#f59e0b}@media(max-width:768px){.advanced-search-container{max-width:100%}.main-search-input{height:38px;padding:15px;font-size:14px}.search-icon-overlay{left:14px;width:14px;height:14px}.search-results-dropdown{max-height:400px}.search-result-item{padding:10px}.search-result-avatar{width:36px;height:36px}.search-result-status{display:none}}@media(max-width:480px){.main-search-input{height:36px;padding:0 35px;font-size:16px;border-radius:20px}.main-search-input::placeholder{font-size:13px}.search-icon-overlay{left:12px;width:13px;height:13px}.filter-dropdown{max-width:calc(100vw - 32px);min-width:140px}.search-controls-right{right:8px;gap:8px}.filter-title{font-size:13px}}.mobile-drawer-overlay{position:fixed;inset:0;background-color:#0000004d;z-index:10001;animation:fadeIn .3s ease-out;overflow:hidden;overscroll-behavior:contain;touch-action:none}.mobile-drawer-overlay-closing{animation:fadeOut .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.mobile-drawer{position:fixed;bottom:0;left:0;right:0;width:100%;background:#0a0a198c;backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);border-top-left-radius:20px;border-top-right-radius:20px;border-top:1px solid rgba(255,255,255,.06);max-height:60vh;display:flex;flex-direction:column;transform:translateY(100%);box-shadow:0 -4px 20px #0006;padding-bottom:0;z-index:10002}.mobile-drawer-open{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.mobile-drawer-closing{animation:slideDown .3s cubic-bezier(.4,0,1,1) forwards}.mobile-drawer-handle{padding:10px 10px 0;display:flex;justify-content:center;cursor:pointer}.mobile-drawer-handle-bar{width:40px;height:4px;background-color:#ffffff4d;border-radius:2px}.mobile-drawer-content{flex:1;overflow-y:auto;padding:10px 10px 30px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:auto}.mobile-drawer-content .context-menu-section{margin:0 0 15px;display:flex;flex-direction:column;gap:10px}.mobile-drawer-content .context-menu-section:last-child{margin-bottom:0}.mobile-drawer-content .context-menu-section-header{padding:5px 20px;display:flex;align-items:center;gap:10px;background:#ffffff1f;border-radius:20px;justify-content:center}.mobile-drawer-content .context-menu-section-header span{font-size:16px;font-weight:600;color:var(--color-text-primary, #ffffff)}.mobile-drawer-content .context-menu-item{padding:10px 15px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:background-color .2s ease;font-size:14px;color:#fff}.mobile-drawer-content .context-menu-item span{flex:1}.mobile-drawer-content .context-menu-item:active{background-color:#ffffff0d}.mobile-drawer-content .context-menu-item svg{font-size:20px;color:#fff;flex-shrink:0}.mobile-drawer-content .context-menu-item-arrow{font-size:14px!important;color:#ffffff4d!important;transition:color .2s ease,transform .2s ease}.mobile-drawer-content .context-menu-item:active .context-menu-item-arrow{transform:translate(3px)}.mobile-drawer-content .context-menu-item-danger{color:var(--color-danger, #ff4444)}.mobile-drawer-content .context-menu-item-danger svg{color:var(--color-danger, #ff4444)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.mobile-menu-drawer-content{display:flex;flex-direction:column;gap:10px;padding:10px 0 0}.mobile-menu-section{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;padding:0 15px}.mobile-menu-section-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#87e64b;border-radius:10px}.mobile-menu-item{display:flex;align-items:center;gap:10px;padding:10px 15px;cursor:pointer;transition:background-color .2s ease;background:transparent;border-radius:10px}.mobile-menu-item:active{background:#ffffff0d}.mobile-menu-item.active{background:#85e0511a;padding-left:17px;border-radius:20px}.mobile-menu-item:not(.active):hover{background:#ffffff08}.mobile-menu-item-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-menu-item-icon img{width:100%;height:100%;object-fit:contain}.mobile-menu-item-text{color:#fff;font-size:14px;font-weight:400;flex:1}.mobile-menu-item.active .mobile-menu-item-text{color:#86e34e;font-weight:600}.mobile-menu-item-arrow{color:#ffffff4d;font-size:14px;transition:color .2s ease,transform .2s ease;flex-shrink:0}.mobile-menu-item:active .mobile-menu-item-arrow{transform:translate(3px)}.mobile-menu-item.active .mobile-menu-item-arrow{color:#86e34e}.mobile-menu-separator{display:none}.mobile-menu-separator:before{display:none}.mobile-menu-item.secondary{border:1px solid rgba(255,255,255,.08);background:#ffffff05;margin:0 12px 8px;border-radius:12px;position:relative}.mobile-menu-item.secondary:before{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(135deg,rgba(133,224,81,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.mobile-menu-item.secondary:active:before{opacity:1}.mobile-menu-item.secondary:active{background:#61616133;border-color:#85e05133}.mobile-menu-item.secondary.active{background:#85e05126;border-color:#85e0514d;padding-left:20px}.mobile-menu-home{margin:0 15px 5px;background:#ffffff08;border-radius:12px}.mobile-menu-home.active{background:#85e0511a}.mobile-menu-hub-container{display:flex;flex-direction:column}.mobile-menu-hub-submenu{display:flex;flex-direction:column;margin-left:34px;padding:5px 0 5px 15px;border-left:2px solid rgba(133,224,81,.2);gap:2px}.mobile-menu-hub-item{padding:10px 15px;color:#ffffffb3;font-size:13px;cursor:pointer;border-radius:8px;transition:all .2s ease}.mobile-menu-hub-item:active{background:#ffffff0d}.mobile-menu-hub-item.active{color:#86e34e;background:#85e0511a;font-weight:500}.mobile-bug-cta{padding:14px 20px 20px}.mobile-bug-btn{width:100%;padding:10px;border-radius:12px;border:none;background:#5d5d5d69;color:#fff;font-weight:400;font-size:16px;cursor:pointer}.mobile-bug-btn:active{transform:translateY(1px)}.row-sub{color:#e9eef7bf;font-size:13px;display:flex;flex-direction:column;gap:6px}.modal-stack{display:flex;flex-direction:column;gap:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.table-btn{padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#fff;cursor:pointer;transition:all .2s ease}.table-btn.ghost{background:#ffffff08}.table-btn.success{background:linear-gradient(135deg,#50c87838,#2ab7a942);border-color:#50c8784d}.table-btn:hover{border-color:#ffffff26}.favorite-button{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;padding:0;border:0;border-radius:var(--radius-lg);background:#ffffff1a;cursor:pointer;position:relative;overflow:visible;will-change:transform;contain:layout style;-webkit-tap-highlight-color:transparent;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;transition:transform .2s cubic-bezier(.4,0,.2,1)}.favorite-button:active:not(:disabled){transform:scale(.95)}.favorite-button:disabled{cursor:not-allowed;opacity:.6}.favorite-button:focus-visible{outline:2px solid rgba(255,68,68,.5);outline-offset:2px}.favorite-button__icon{width:20px;height:20px;pointer-events:none;user-select:none;flex-shrink:0;will-change:transform,filter;transform:scale(1);filter:brightness(1) drop-shadow(0 0 4px rgba(235,5,5,.3));transition:transform .2s ease,filter .2s ease}.favorite-button__flame{fill:#fff;transition:fill .3s ease}.favorite-button--liked .favorite-button__flame,.favorite-button--active .favorite-button__flame{fill:#eb0505}.favorite-button:hover:not(:disabled):not(.favorite-button--active):not(.favorite-button--inactive) .favorite-button__icon{transform:scale(1.15);filter:brightness(1.2) drop-shadow(0 0 6px rgba(235,5,5,.4));transition:transform .2s ease,filter .2s ease}.favorite-button__count{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);min-width:24px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-size:11px;font-weight:400;color:#fff;line-height:1;background-color:#000;border-radius:8px;font-family:Plus Jakarta Sans;user-select:none;white-space:nowrap;pointer-events:none;will-change:opacity;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.favorite-button--active .favorite-button__icon{animation:flamme-like .8s cubic-bezier(.34,1.56,.64,1) forwards!important}.favorite-button--active{animation:button-pulse .8s ease-out}.favorite-button__ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(235,5,5,.4) 0%,transparent 70%);animation:ripple-expand .8s ease-out forwards;pointer-events:none}@keyframes flamme-pulse-in{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes flamme-pulse-out{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}to{transform:scale(.8);opacity:0}}@keyframes flamme-ripple{0%{transform:scale(0);opacity:1}to{transform:scale(2.5);opacity:0}}@keyframes flamme-flicker{0%{transform:scale(1) scaleY(1)}to{transform:scale(1.02) scaleY(1.05)}}@keyframes flamme-like{0%{transform:scale(1) rotate(0);filter:brightness(1) drop-shadow(0 0 4px rgba(235,5,5,.3))}30%{transform:scale(1.5) rotate(15deg);filter:brightness(2.5) drop-shadow(0 0 20px rgba(235,5,5,1))}60%{transform:scale(.9) rotate(-5deg);filter:brightness(1.5) drop-shadow(0 0 12px rgba(235,5,5,.8))}to{transform:scale(1) rotate(0);filter:brightness(1) drop-shadow(0 0 4px rgba(235,5,5,.3))}}@keyframes flamme-unlike{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.2);filter:brightness(1.3)}to{transform:scale(.8);filter:brightness(.8)}}@keyframes button-pulse{0%{transform:scale(1)}50%{transform:scale(1.1);background:#eb05054d}to{transform:scale(1)}}@keyframes ripple-expand{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@media(max-width:768px){.favorite-button{width:36px;height:36px}.favorite-button__icon{width:18px;height:18px}.favorite-button__count{min-width:22px;height:14px;font-size:9px;bottom:-5px}}@media(prefers-reduced-motion:reduce){.favorite-button,.favorite-button__icon,.favorite-button:before{animation:none!important;transition:opacity .2s ease}}@keyframes slideUpPlayer{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownPlayer{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes slideUpProgressBar{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownProgressBar{0%{transform:translateY(0);opacity:1}to{transform:translateY(100px);opacity:0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #8b5cf666}50%{box-shadow:0 0 20px #8b5cf699}}@media(min-width:1000px){.media-player-mini-content,.media-player-expanded-content,.media-player-expanded-header,.media-player-close-button{display:none!important}}.media-player-progress-bar-container:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:4px;background:#ffffff1a;transition:height .2s ease;border-radius:50px}.media-player-progress-bar-container:hover:before{height:6px}.media-player-progress-bar-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:3px;background:linear-gradient(90deg,#3f1efc,#86e34e);transition:height .2s ease,width .1s linear;z-index:1;border-radius:50px}.media-player-progress-bar-fill.dragging{transition:height .2s ease}.media-player-progress-bar-fill.no-transition{transition:height .2s ease!important}.media-player-progress-bar-container:hover .media-player-progress-bar-fill{height:6px}.media-player-progress-bar-thumb{position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:0;height:0;background:#fff;border-radius:50%;transition:all .2s ease;box-shadow:0 0 4px #0000004d}.media-player-progress-bar-container:hover .media-player-progress-bar-thumb{width:12px;height:12px}.media-player .music-detail{display:flex;align-items:center;justify-content:flex-start;gap:15px;min-width:0;flex:0 0 25%;flex-wrap:nowrap}.media-player .music-detail .img{width:50px;height:50px;border-radius:10px;overflow:hidden;flex-shrink:0}.media-player .music-detail .img img{width:100%;height:100%;object-fit:cover}.media-player .music-detail .content{display:flex;flex:0 1 auto;flex-direction:column;min-width:0;max-width:100%;overflow:hidden}.media-player .music-detail .content .title{font-family:Plus Jakarta Sans;font-weight:700;font-size:15px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-player .music-detail .content .title .text-content{display:inline-block}.media-player .music-detail .content .artist-info{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.media-player .music-detail .content .artist{color:#ffffffbf;font-family:Plus Jakarta Sans;font-weight:400;font-size:15px;transition:color .3s ease,text-decoration .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto;min-width:0;max-width:fit-content}.media-player .music-detail .content .artist .text-content{display:inline-block}.media-player .music-detail .content .artist.clickable{cursor:pointer;position:relative;z-index:10;pointer-events:auto;transition:all .2s ease}.media-player .music-detail .content .artist.clickable:hover{color:#fff;text-decoration:underline}.media-player .music-detail .content .bpm-badge{color:#fff;font-family:Plus Jakarta Sans;font-weight:500;font-size:12px;padding:2px 8px;background:#ffffff1a;border-radius:50px;white-space:nowrap;flex-shrink:0}.media-player .music-detail .btn-round{color:#ffffffb3;flex-shrink:0}.media-player .music-detail .btn-round:hover{color:#fff}.media-player .music-detail .track-badge{flex-shrink:0;text-transform:capitalize;font-size:12px;height:24px;padding:4px 12px}.media-player .track-badge--loop-free{background:#22c55ee6;color:#fff}.media-player .track-badge--loop-50-50{background:#eab308e6;color:#000}.media-player .track-badge--prod{background:var(--color-primary);color:#fff}.media-player .music-player-box{display:flex;align-items:center;justify-content:center}.media-player .music-player-controls{display:flex;align-items:center;justify-content:center;gap:1rem}.media-player .music-player-controls .time-display{font-family:Plus Jakarta Sans;font-size:12px;color:#fff;font-weight:500;white-space:nowrap;min-width:40px;text-align:center}.media-player .music-player-controls .btn-round{color:#ffffffb3;transition:color .2s ease,transform .2s ease}.media-player .music-player-controls .btn-round:hover{color:#fff}.media-player .music-player-controls .btn-round.active{background:#3d29f6}.media-player .music-player-controls .btn-round.active:hover{color:#fff;transform:scale(1.1)}.media-player .music-player-controls .btn-round.btn-small{width:30px;height:30px;display:flex;align-items:center;justify-content:center}.media-player .music-player-controls .btn-round.btn-small img{width:15px;height:15px}.media-player .music-player-controls .item{background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#ffffffb3;padding:.5rem}.media-player .music-player-controls .item:hover:not(:disabled){color:#fff;transform:scale(1.1)}.media-player .music-player-controls .item:disabled{opacity:.3;cursor:not-allowed}.media-player .music-player-controls .item-big{width:37px;height:37px;background:#3d29f6;border-radius:50%;color:#fff;outline:none}.media-player .music-player-controls .item-big:focus{outline:none;box-shadow:none}.media-player .music-player-controls .item-big:hover:not(:disabled){transform:scale(1.05)}.media-player .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.media-player .music-player-extra{display:flex;align-items:center;gap:1rem;min-width:0;justify-content:flex-end;flex:0 0 25%}.media-player .music-player-extra .favorite-button,.media-player .music-player-extra .track-badge{flex-shrink:0}.media-player .volume-box{display:flex;align-items:center}.media-player .volume-box .icon{background:transparent;border:none;cursor:pointer;padding:.5rem;color:#fffc;display:flex;align-items:center;transition:color .3s ease,transform .2s ease}.media-player .volume-box .icon:hover{color:#fff;transform:scale(1.1)}.media-player .progress-volume{width:100px;height:16px;cursor:pointer;position:relative;display:flex;align-items:center}.media-player .progress-volume:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:4px;background:#fff3;border-radius:2px;transition:height .2s ease}.media-player .progress-volume:hover:before{height:6px}.media-player .progress-volume-inner{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;background:#fffc;border-radius:2px;transition:height .2s ease;z-index:1}.media-player .progress-volume:hover .progress-volume-inner{height:6px}.media-player .progress-volume-inner:after{content:"";position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:0;height:0;background:#fff;border-radius:50%;transition:all .2s ease;box-shadow:0 0 4px #0000004d}.media-player .progress-volume:hover .progress-volume-inner:after{width:12px;height:12px}.media-player .close-button{background:transparent;border:none;cursor:pointer;padding:.5rem;color:#fff9;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.media-player .close-button:hover{color:#f44;transform:scale(1.1)}@media(max-width:999px){.media-player>.music-detail,.media-player>.music-player-box,.media-player>.music-player-extra,.media-player>.minimize-button,.media-player>.close-button,.media-player-progress-bar-container,.media-player .volume-box,.media-player .music-player-controls{display:none!important}.media-player{position:fixed;bottom:0;left:0;right:0;width:100%;height:calc(70px + env(safe-area-inset-bottom,0px));background:#06050c;backdrop-filter:blur(40px);box-shadow:0 -4px 20px #0006;z-index:1000;display:flex;flex-direction:column;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);margin:0;transition:none;animation:none}.media-player.expanded{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;background:#000;border-top:none;box-shadow:none;animation:slideUpFromBottom .35s cubic-bezier(.32,.72,0,1) forwards;padding:0;margin:0;overflow:hidden;z-index:9999}.media-player.expanded.closing-expanded{animation:slideDownToBottom .3s cubic-bezier(.32,.72,0,1) forwards}.media-player-expanded-background{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(80px);transform:scale(1.2);opacity:.55;transition:background-image .5s ease,opacity .5s ease}.media-player-expanded-background:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0006,#0000008c,#000000b3)}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}@keyframes slideDownToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:.8}}.media-player-mini-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:10px 16px;gap:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;margin:0}.media-player.expanded .media-player-mini-content{opacity:0;pointer-events:none;height:0;overflow:hidden}.media-player-mini-content .music-detail{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.media-player-mini-content .music-detail .img{width:50px;height:50px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000004d;flex-shrink:0}.media-player-mini-content .music-detail .img img{width:100%;height:100%;object-fit:cover}.media-player-mini-content .music-detail .content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;overflow:hidden}.media-player-mini-content .music-detail .content .title{font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:600;color:#fff;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-player-mini-content .music-detail .content .artist-info{display:flex;align-items:center;gap:5px;overflow:hidden}.media-player-mini-content .music-detail .content .artist{font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:400;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-player-mini-content .music-detail .content .bpm-badge,.media-player-mini-content .music-detail .btn-round,.media-player-mini-content .music-detail .track-badge{display:none}.media-player-mini-controls{display:flex;align-items:center;flex-shrink:0}.mini-control-btn.mini-play{width:48px;height:48px;background:transparent;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease;border-radius:50%}.mini-control-btn.mini-play:active{transform:scale(.9)}.mini-control-btn.mini-play:disabled{opacity:.5;cursor:not-allowed}.mini-control-btn.mini-play .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.media-player-expanded-content{display:none;flex-direction:column;position:absolute;inset:0;width:100%;height:100%;padding:0;overflow:hidden;opacity:0;z-index:1}.media-player.expanded .media-player-expanded-content{display:flex;opacity:1;animation:fadeInContent .25s ease .1s forwards}.media-player.expanded.closing-expanded .media-player-expanded-content{animation:fadeOutContent .2s ease forwards}@keyframes fadeInContent{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutContent{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.media-player-expanded-header{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top));background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%);z-index:100;flex-shrink:0;margin:0}.media-player-expanded-header-title{color:#ffffffb3;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px}.media-player-close-button{background:#ffffff1f;border:none;color:#fffffff2;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s ease;backdrop-filter:blur(10px)}.media-player-close-button:active{background:#fff3;transform:scale(.9)}.media-player-close-button svg{width:24px;height:24px}.media-player-expanded-content-scroll{flex:1;padding:80px 20px 40px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:24px;min-height:100%;margin:0}.media-player-expanded-artwork{width:100%;max-width:min(360px,80vw);margin:0 auto;aspect-ratio:1;flex-shrink:0}.media-player-expanded-artwork-image{width:100%;height:100%;border-radius:16px;object-fit:cover;box-shadow:0 20px 60px #0009}.media-player-expanded-info{width:100%;text-align:left;padding:0;margin:0}.media-player-expanded-title{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-player-expanded-artist{font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:500;color:#ffffffb3;margin-bottom:14px;cursor:pointer;-webkit-tap-highlight-color:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-player-expanded-artist.clickable:active{color:#fff}.media-player-expanded-badges{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0;margin:0}.media-player-expanded-badges-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.media-player-expanded-badges-right{display:flex;align-items:center}.media-player-expanded-badges .bpm-badge,.media-player-expanded-badges .track-badge{font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:500;padding:6px 12px;border-radius:20px;width:fit-content;height:23px;text-align:center;line-height:1;display:inline-flex;align-items:center;justify-content:center}.media-player-expanded-badges .bpm-badge{background:#ffffff1a;color:#ffffffb3}.media-player-expanded-badges .track-badge.track-badge-primary{background:var(--color-primary);color:var(--color-white)}.media-player-expanded-badges-right .btn-round{width:42px;height:42px;background:#ffffff14;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.05);-webkit-tap-highlight-color:transparent;transition:all .2s ease}.media-player-expanded-badges-right .btn-round:active{transform:scale(.92);background:#ffffff26}.media-player-expanded-progress{width:100%;padding:0;margin:0;position:relative;z-index:20;touch-action:none}.media-player-expanded-progress-bar{width:100%;height:6px;background:#ffffff26;border-radius:3px;margin-bottom:10px;cursor:pointer;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;touch-action:none}.media-player-expanded-progress-fill{height:100%;background:linear-gradient(90deg,#3e1cfd,#87e64b);border-radius:3px;transition:width .1s linear;position:relative}.media-player-expanded-progress-fill:after{content:"";position:absolute;right:-7px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 2px 10px #0006;opacity:1;transition:transform .15s ease}.media-player-expanded-progress-bar:active .media-player-expanded-progress-fill:after{transform:translateY(-50%) scale(1.2)}.media-player-expanded-progress-fill.dragging,.media-player-expanded-progress-fill.no-transition{transition:none}.media-player-expanded-times{display:flex;justify-content:space-between;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;color:#ffffff8c}.media-player-expanded-controls{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;padding:0;margin:0;position:relative;z-index:20;touch-action:manipulation}.media-player-expanded-controls .item{background:#ffffff0f;border:none;color:#fffc;cursor:pointer;padding:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.media-player-expanded-controls .item:active:not(:disabled){color:#fff;transform:scale(.9);background:#ffffff1f}.media-player-expanded-controls .item:disabled{opacity:.25;cursor:not-allowed}.media-player-expanded-controls .item.active{color:#86e34e;background:#86e34e1f}.media-player-expanded-controls .item svg,.media-player-expanded-controls .item img{width:22px;height:22px}.media-player-expanded-controls .item-big{width:72px;height:72px;background:#3e1cfd;border-radius:50%;color:#fff;margin:0 16px;transition:all .15s ease}.media-player-expanded-controls .item-big:active:not(:disabled){transform:scale(.92);box-shadow:0 4px 20px #3f20fa80}.media-player-expanded-controls .item-big svg{width:32px;height:32px}.media-player-expanded-volume{display:none}.media-player .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.media-player-scroll-container{position:absolute;inset:0;width:100%;height:100%;z-index:10;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none;-ms-overflow-style:none}.media-player-scroll-container::-webkit-scrollbar{display:none}.scroll-slide{height:100%;width:100%;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;overflow:hidden}.scroll-slide-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.track-slide-background{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(60px);transform:scale(1.2);opacity:.4}.track-slide-background:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,var(--dominant-color, rgba(15, 10, 30, .4)) 50%,rgba(0,0,0,.6) 100%);opacity:.5;transition:background .8s cubic-bezier(.4,0,.2,1);mix-blend-mode:multiply}.track-slide-content{position:relative;z-index:1;width:100%;height:100%;padding:80px 24px 40px;padding-top:calc(80px + env(safe-area-inset-top));padding-bottom:calc(40px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;box-sizing:border-box}.track-slide-content:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,var(--dominant-color, rgba(62, 28, 253, .15)) 0%,transparent 70%);opacity:.3;pointer-events:none;z-index:-1}.scroll-indicator{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;color:#ffffff80;font-size:11px;font-weight:500;z-index:100;pointer-events:none;animation:pulse-indicator 2s ease-in-out infinite}.scroll-indicator svg{opacity:.6}.scroll-indicator span{text-transform:uppercase;letter-spacing:.5px}.scroll-indicator-top{top:70px}.scroll-indicator-top svg{animation:bounce-up 1.5s ease-in-out infinite}.scroll-indicator-bottom{bottom:20px;flex-direction:column-reverse}.scroll-indicator-bottom svg{animation:bounce-down 1.5s ease-in-out infinite}@keyframes pulse-indicator{0%,to{opacity:.5}50%{opacity:.8}}@keyframes bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.media-player-expanded-artwork{position:relative;background:#ffffff08;border-radius:16px;overflow:hidden}.media-player-expanded-artwork-image{width:100%;height:100%;object-fit:cover;display:block;box-shadow:0 30px 100px #000c,0 15px 40px #00000080}.media-player-expanded-info{transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.media-player-expanded-title,.media-player-expanded-artist,.media-player-expanded-badges{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.media-player-expanded-background{transition:opacity .5s ease,background-image .5s ease}}@media(max-width:480px){.media-player{height:calc(66px + env(safe-area-inset-bottom,0px))}.media-player-mini-content{padding:8px 14px;gap:10px}.media-player-mini-content .music-detail .img{width:42px;height:42px;border-radius:4px}.media-player-mini-content .music-detail .content .title{font-size:14px}.media-player-mini-content .music-detail .content .artist{font-size:12px}.media-player-mini-controls .item-big{width:38px;height:38px}.media-player-mini-controls .item-big svg{width:20px;height:20px}.media-player-expanded-content-scroll{padding:80px 16px 40px;gap:20px}.media-player-expanded-artwork{max-width:320px}.media-player-expanded-title{font-size:20px;margin-bottom:0}.media-player-expanded-artist{font-size:15px;margin-bottom:10px;display:flex;align-items:center}.media-player-expanded-badges .bpm-badge,.media-player-expanded-badges .track-badge{font-size:11px;padding:5px 10px;width:fit-content;height:23px}.media-player-expanded-badges-right .btn-round{width:38px;height:38px}.media-player-expanded-progress{padding:0}.media-player-expanded-controls{gap:15px;padding:0}.media-player-expanded-controls .item{padding:10px}.media-player-expanded-controls .item svg,.media-player-expanded-controls .item img{width:20px;height:20px}.media-player-expanded-controls .item-big{width:62px;height:62px;margin:0 8px}.media-player-expanded-controls .item-big svg{width:28px;height:28px}}.app-layout__player .media-player{position:static!important;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:1.5rem;padding:0 1.5rem;background:transparent;border-top:none}.app-layout__player .music-detail{display:flex;align-items:center;justify-content:flex-start;min-width:0}.app-layout__player .music-player-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;max-width:700px;margin:0 auto;width:100%}.app-layout__player .media-player-progress-bar-container{position:relative!important;width:100%;height:4px;padding:10px 0;cursor:pointer}.app-layout__player .music-player-extra{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.app-layout__player .media-player-mini-content,.app-layout__player .media-player-expanded-content{display:none}@media(min-width:1000px){.app-layout__player .media-player.expanded{position:static!important;height:100%;max-height:none}}@media(max-width:999px){.app-layout__player .media-player{display:flex;flex-direction:column;padding:0}.app-layout__player .media-player-progress-bar-container{order:-1}.app-layout__player .media-player-mini-content{display:flex;order:0;padding:0 clamp(.75rem,1.5vw,1rem)}.app-layout__player .media-player>.music-detail,.app-layout__player .media-player>.music-player-box,.app-layout__player .media-player>.music-player-extra{display:none}.app-layout__player .media-player.expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:9999!important;background:#000!important;border-radius:0!important;padding:0!important;margin:0!important}.app-layout__player .media-player.expanded .media-player-expanded-content{display:flex!important;opacity:1}.app-layout__player .media-player.expanded .media-player-mini-content{display:none!important}}.app-layout{display:grid;grid-template-areas:"header header header" "sidebar content rightpanel" "player player player";grid-template-rows:50px minmax(0,1fr) 60px;grid-template-columns:auto 1fr auto;height:100vh;max-height:100vh;overflow:hidden;width:100%;gap:5px;padding:5px;--detail-panel-width: 50%}.app-layout.no-right-panel{grid-template-areas:"header header" "sidebar content" "player player";grid-template-columns:auto 1fr}.app-layout.no-player{grid-template-areas:"header header header" "sidebar content rightpanel";grid-template-rows:50px minmax(0,1fr)}.app-layout.no-player.no-right-panel{grid-template-areas:"header header" "sidebar content";grid-template-columns:auto 1fr}.app-layout.no-sidebar.no-player.no-right-panel{grid-template-areas:"header" "content";grid-template-columns:1fr}.app-layout.has-maintenance-banner{grid-template-rows:auto minmax(0,1fr) 60px}.app-layout.has-maintenance-banner.no-player{grid-template-rows:auto minmax(0,1fr)}.app-layout__header{grid-area:header;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:5px;overflow:visible}.app-layout.has-maintenance-banner .app-layout__header{flex-direction:column;align-items:stretch;gap:5px}.app-layout.has-maintenance-banner .app-layout__header>.main-header-container,.app-layout.has-maintenance-banner .app-layout__header>header{width:100%}.app-layout__sidebar{grid-area:sidebar;backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px);overflow-y:auto;overflow-x:hidden;z-index:50;border-radius:10px;background:var(--layout-bg-sidebar, #000);border:none;transition:background .3s ease,border-color .3s ease}.app-layout__sidebar::-webkit-scrollbar{width:8px}.app-layout__sidebar::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.app-layout__sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;transition:background .2s}.app-layout__sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff26}.app-layout.sidebar-collapsed{grid-template-columns:auto 1fr auto}.app-layout.sidebar-collapsed.no-right-panel{grid-template-columns:auto 1fr}.app-layout.sidebar-collapsed .app-layout__sidebar{overflow:visible}.app-layout__right-panel{grid-area:rightpanel;width:clamp(240px,18vw,280px);backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px);overflow-y:auto;overflow-x:hidden;z-index:50;border-radius:10px;background:var(--layout-bg-sidebar, #000);border:none;transition:background .3s ease,border-color .3s ease}.app-layout__right-panel::-webkit-scrollbar{display:none}.app-layout__right-panel{-ms-overflow-style:none;scrollbar-width:none}.app-layout__right-panel.collapsed{width:32px;min-width:32px;overflow:hidden}.app-layout__right-panel.collapsed.no-transition{transition:none!important}.app-layout__right-panel.collapsed:not(.no-transition){transition:width .6s cubic-bezier(.4,0,.2,1)}.app-layout__right-panel.collapsed:hover{width:55px}.app-layout__right-panel.collapsed:hover .right-panel-content{opacity:.35}.app-layout__content{grid-area:content;display:flex;flex-direction:column;overflow:hidden}.app-layout__content-inner{display:flex;flex:1;min-height:0;gap:0;overflow:hidden}.app-layout__main{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--layout-bg-primary, #0a0a0a);padding:30px 15px;border-radius:10px;border:none;transition:background .3s ease,border-color .3s ease}.app-layout__main.app-layout__main--chatbot{padding:14px;overflow:hidden;display:grid}.app-layout__main::-webkit-scrollbar{width:8px}.app-layout__main::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.app-layout__main::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;transition:background .2s}.app-layout__main::-webkit-scrollbar-thumb:hover{background:#ffffff26}.app-layout__detail{overflow-y:auto;overflow-x:hidden;background:var(--layout-bg-secondary, #0a0a0a);border-radius:10px;display:none;flex-shrink:0;border:none;transition:background .3s ease,border-color .3s ease}.app-layout__detail.visible{display:block;width:var(--detail-panel-width)}.app-layout__detail::-webkit-scrollbar{width:8px}.app-layout__detail::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.app-layout__detail::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;transition:background .2s}.app-layout__detail::-webkit-scrollbar-thumb:hover{background:#ffffff26}.app-layout__player{grid-area:player;z-index:100;border-top-right-radius:10px;border-top-left-radius:10px;overflow:hidden;position:relative}@media(max-width:1199px){.app-layout{grid-template-areas:"header header" "sidebar content" "player player";grid-template-columns:auto 1fr}.app-layout.no-player{grid-template-areas:"header header" "sidebar content"}.app-layout__right-panel{display:none}}@media(max-width:999px){.app-layout{display:flex;flex-direction:column;padding:0;gap:0;height:auto;min-height:100vh;max-height:none;overflow:visible;position:relative}.app-layout.has-player{padding-bottom:calc(55px + env(safe-area-inset-bottom,0px))}.app-layout__header{position:fixed;top:0;left:0;right:0;z-index:999;flex-shrink:0;padding:0}.app-layout__content{padding-top:calc(48px + env(safe-area-inset-top,0px));transition:padding-top .35s cubic-bezier(.4,0,.2,1)}html.mobile-search-open .app-layout__content{padding-top:calc(104px + env(safe-area-inset-top,0px))}.app-layout__content{flex:1;min-height:0;width:100%;overflow:visible}.app-layout__content-inner{width:100%;overflow:visible}.app-layout__main{flex:1;width:100%;border-radius:0;border:none;padding:10px;background:transparent;overflow-y:visible;overflow-x:hidden}.app-layout__player{position:fixed;bottom:env(safe-area-inset-bottom,0px);left:0;right:0;z-index:999;border-radius:0}.app-layout__detail.visible{position:fixed;inset:0;width:100%!important;z-index:200;border-radius:0}}.app-layout__main .legal-footer{display:none}.guest-header-btn{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:13px;line-height:1.2;padding:8px 16px;border-radius:var(--radius-xl, 12px);cursor:pointer;transition:all .3s ease;white-space:nowrap}.guest-header-btn--login{background:#4021f8;border:1px solid #4021f8;color:#fff}.guest-header-btn--login:hover{background:#5438ff;border-color:#5438ff}.guest-header-btn--register{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.guest-header-btn--register:hover{background:#ffffff1a;border-color:#ffffff4d}@media(max-width:999px){.guest-header-btn{font-size:12px;padding:6px 12px}}.context-menu{position:fixed;z-index:10000;display:inline-flex;padding:6px 5px;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--spacing-xs);border-radius:20px;border:1px solid #ffffff0f;background:#0000004f;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:var(--shadow-lg);animation:contextMenuFadeIn .15s cubic-bezier(.34,1.56,.64,1);transform-origin:top right}.context-menu-closing{animation:contextMenuFadeOut .2s cubic-bezier(.4,0,1,1) forwards}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.92) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes contextMenuFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-4px)}}.context-menu-item{display:flex;width:100%;padding:var(--spacing-sm) var(--spacing-md);align-items:center;gap:var(--spacing-sm);border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--color-text-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.context-menu-item:hover{background:#ffffff1a;transition:.4s}.context-menu-item:active{background:#ffffff1a;transform:scale(.98)}.context-menu-item-danger{color:#ff6b6b}.context-menu-item-danger:hover{background:#ff6b6b1a;transition:.4s}.context-menu-icon{width:20px;height:20px;flex-shrink:0;object-fit:contain;filter:brightness(0) invert(1)}.context-menu-icon-react{display:flex;align-items:center;justify-content:center;color:#fff;filter:none;font-size:16px}.context-menu-label{flex:1;text-overflow:ellipsis;color:#bbb;font-family:Plus Jakarta Sans;font-size:14px}.context-menu-section{width:100%}.context-menu-section-header{padding:0;width:100%}.context-menu-divider{width:100%;height:1px;background:#ffffff15;margin:var(--spacing-xs) 0}@media(max-width:768px){.context-menu{min-width:140px;padding:var(--spacing-xs) 4px}.context-menu-item{padding:var(--spacing-sm);font-size:var(--font-size-xs)}.context-menu-icon{width:14px;height:14px}}.context-menu .context-menu-item{color:#ffffffeb}.context-menu .context-menu-item:hover{color:#fff}.context-menu .context-menu-item-danger{color:#ff6b6b}.context-menu .context-menu-label{color:#ffffffeb}.context-menu .context-menu-item:hover .context-menu-label{color:#fff}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0;display:block}.avatar-default{display:flex;align-items:center;justify-content:center;font-weight:600;color:#000;user-select:none;text-transform:uppercase}.notification-item{display:flex;gap:var(--spacing-sm);padding:10px;border-bottom:1px solid var(--bg-white-10);cursor:pointer;transition:background-color var(--transition-fast)}.notification-item:hover{background-color:var(--bg-white-05)}.notification-item:last-child{border-bottom:none}.notification-item--unread{background-color:#1a1a1a}.notification-item--unread:hover{background-color:#86e34e14}.notification-item__icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:var(--radius-xs)}.notification-item__icon img{width:100%;height:100%;object-fit:contain}.notification-item__icon svg{width:20px;height:20px;color:#fff}.notification-item__icon--flame svg{color:#ff6b35}.notification-item__icon--follow svg{color:#86e34e}.notification-item__content{flex:1;min-width:0;gap:5px;display:flex;flex-direction:column}.notification-item__header{display:flex;align-items:center;gap:var(--spacing-6)}.notification-item__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.3px;color:#86e34e;opacity:.85}.notification-item__actor{display:flex;align-items:center;gap:var(--spacing-6)}.notification-item__avatars{display:flex;align-items:center}.notification-item__avatar{width:16px;height:16px;border-radius:var(--radius-circle);object-fit:cover;border:1px solid var(--color-dark)}.notification-item__avatar--stacked{margin-left:-4px}.notification-item__avatar--more{display:flex;align-items:center;justify-content:center;background-color:var(--bg-white-10);color:var(--color-text-muted);font-size:9px;font-weight:var(--font-weight-semibold);margin-left:-4px}.notification-item__username{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-white)}.notification-item__message{font-size:var(--font-size-sm);line-height:1.3;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-item__footer{display:flex;align-items:center;gap:var(--spacing-6)}.notification-item__time{font-size:10px;font-weight:var(--font-weight-medium);color:#d8d8d8}.notification-item__unread-dot{width:8px;height:8px;background-color:#86e34e;border-radius:var(--radius-circle)}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:400px;max-width:calc(100vw - 32px);background:#0a0a0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 8px 32px #0009;overflow:hidden;z-index:1000;isolation:isolate}.notification-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.notification-dropdown__title{margin:0;font-size:18px;font-weight:600;color:#fff}.notification-dropdown__mark-all{background:none;border:none;color:#fff;font-size:13px;font-weight:400;cursor:pointer;padding:5px 10px;border-radius:50px;transition:background-color .2s;font-family:Plus Jakarta Sans}.notification-dropdown__mark-all:hover{background-color:var(--hover-bg, rgba(29, 185, 84, .1))}.notification-dropdown__content{max-height:500px;overflow-y:auto}.notification-dropdown__loading,.notification-dropdown__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-secondary, rgba(255, 255, 255, .6))}.notification-dropdown__empty svg{margin-bottom:16px;color:var(--text-secondary, rgba(255, 255, 255, .3))}.notification-dropdown__empty p{margin:0;font-size:14px}.notification-dropdown__loading{gap:12px}.notification-dropdown__list{display:flex;flex-direction:column}.notification-dropdown__sentinel{display:flex;align-items:center;justify-content:center;padding:12px;min-height:1px}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-primary, #1db954);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:999px){.notification-dropdown{position:fixed;top:calc(env(safe-area-inset-top,0px) + 52px);left:16px;right:16px;width:auto;background:#0a0a0a;border:1px solid rgba(255,255,255,.1)}}.notification-bell{position:relative}.whats-new-feed{display:flex;flex-direction:column;gap:18px;padding:4px 2px}.whats-new-release{position:relative;padding:16px 18px;border-radius:14px;background:#ffffff09;border:none;transition:background .2s ease}.whats-new-release:hover{background:#ffffff0d}.whats-new-release--highlight{background:linear-gradient(135deg,#86e34e24,#3d29f61f 60%,#86e34e14);box-shadow:inset 0 1px #86e34e33,0 4px 20px #86e34e14}.whats-new-release--highlight:hover{background:linear-gradient(135deg,#86e34e2e,#3d29f629 60%,#86e34e1f)}.whats-new-release__header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.whats-new-release__title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.whats-new-release__title{margin:0;color:#fff;font-size:15px;font-weight:600;font-family:var(--font-logo, "Plus Jakarta Sans"),sans-serif;line-height:1.3}.whats-new-release__latest-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:50px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background-color:#86e34e;color:#0f1627}.whats-new-release__meta{display:flex;align-items:center;gap:6px;color:#ffffff80;font-size:12px;font-weight:500}.whats-new-release__version{color:#ffffffa6;font-weight:600;font-variant-numeric:tabular-nums}.whats-new-release__dot{opacity:.5}.whats-new-release__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.whats-new-item{display:flex;flex-direction:column;gap:8px;padding-left:16px;position:relative}.whats-new-item:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:2px;background-color:currentColor;opacity:.5}.whats-new-item--feature{color:#86e34e}.whats-new-item--improvement{color:#a395ff}.whats-new-item--fix{color:#ffffff8c}.whats-new-item__text{margin:0;color:#ffffffd9;font-size:13.5px;line-height:1.55}.whats-new-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;color:inherit;align-self:flex-start}.whats-new-tag__icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.whats-new-tag__icon svg{display:block}.whats-new-footer-note{margin:8px 0 0;padding-top:14px;color:#ffffff73;font-size:12px;text-align:center;font-style:italic}@media(max-width:480px){.whats-new-release{padding:14px}.whats-new-release__title{font-size:14px}.whats-new-item__text{font-size:13px}}.whats-new-wrapper{position:relative;display:inline-flex}.whats-new-btn{position:relative;overflow:visible;transition:transform .25s cubic-bezier(.16,1,.3,1)}.whats-new-btn svg{width:14px;height:14px;color:#fff;transition:color .25s ease,transform .25s ease;position:relative;z-index:1}.whats-new-btn--unread{background-color:#86e34e1f!important;animation:whatsNewBounce 3.2s ease-in-out infinite}.whats-new-btn--unread svg{color:#86e34e;animation:whatsNewIconPulse 2.4s ease-in-out infinite}.whats-new-btn--unread:hover{background-color:#86e34e38!important;animation-play-state:paused}.whats-new-btn--unread:hover svg{animation-play-state:paused;transform:scale(1.1)}.whats-new-glow{position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,#86e34e8c,#86e34e00 65%);pointer-events:none;z-index:0;animation:whatsNewGlow 2.4s ease-in-out infinite}.whats-new-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background-color:#86e34e;border-radius:50%;border:2px solid #0f1627;z-index:2;pointer-events:none}.whats-new-dot__pulse{position:absolute;inset:0;border-radius:50%;background-color:#86e34e;opacity:.6;animation:whatsNewDotPulse 1.8s cubic-bezier(.4,0,.6,1) infinite}@keyframes whatsNewGlow{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:.85;transform:scale(1.15)}}@keyframes whatsNewIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes whatsNewBounce{0%,85%,to{transform:translateY(0) rotate(0)}88%{transform:translateY(-2px) rotate(-8deg)}92%{transform:translateY(-2px) rotate(8deg)}96%{transform:translateY(-1px) rotate(-4deg)}}@keyframes whatsNewDotPulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(2.2);opacity:0}to{transform:scale(2.2);opacity:0}}@media(prefers-reduced-motion:reduce){.whats-new-btn--unread,.whats-new-btn--unread svg,.whats-new-glow{animation:none}}.right-panel-header{display:flex;align-items:center;justify-content:flex-start;padding:0 0 10px;flex-shrink:0}.right-panel-toggle-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff12;border:none;border-radius:50%;color:#a3a3a3;cursor:pointer;transition:all .2s ease}.right-panel-toggle-btn:hover{background:#ffffff26;color:#fff}.right-panel-container.collapsed{position:relative;padding:15px;cursor:pointer}.right-panel-container.collapsed .right-panel-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;margin:0;z-index:2}.right-panel-container.collapsed .right-panel-toggle-btn{background:#ffffff1a}.right-panel-container.collapsed .right-panel-content{opacity:0;pointer-events:none;transition:opacity .15s ease;min-width:250px}.right-panel-container{display:flex;flex-direction:column;height:100%;padding:10px;overflow:hidden}.right-panel-content{display:flex;flex-direction:column;gap:10px;overflow-x:hidden;overflow-y:auto;flex:1}.right-panel-content::-webkit-scrollbar{width:8px}.right-panel-content::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.right-panel-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;transition:background .2s}.right-panel-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.panel-track-cover{width:100%;aspect-ratio:1;border-radius:15px;overflow:hidden;flex-shrink:0}.panel-track-cover img{width:100%;height:100%;object-fit:cover}.panel-track-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff0f,#ffffff05);color:#ffffff40}.panel-track-info{display:flex;flex-direction:column}.panel-track-title{color:#fff;font-size:1rem;font-weight:600;margin:0;transition:color .3s ease;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.panel-track-artist{color:#fff;font-size:.875rem;cursor:pointer;transition:color .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:fit-content}.panel-track-artist:hover{text-decoration:underline}.panel-track-badges{display:flex;align-items:center;justify-content:space-between;margin-top:5px;gap:5px}.panel-track-badges-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.panel-track-badges-right{display:flex;align-items:center}.panel-cooklab-badge{padding:4px 8px;background:#8b5cf626;border-radius:20px;color:#a78bfa;font-size:.75rem;font-weight:600;white-space:nowrap}.panel-cooklab-explicit{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#ffffff26;border-radius:3px;color:#fff;font-size:.625rem;font-weight:700}.panel-cl-header{display:flex;align-items:flex-start;gap:10px}.panel-cl-header-cover{width:52px;height:52px;border-radius:8px;overflow:hidden;flex-shrink:0}.panel-cl-header-cover img{width:100%;height:100%;object-fit:cover}.panel-cl-header-cover .panel-track-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff0f;color:#ffffff40}.panel-cl-header-info{flex:1;min-width:0;display:flex;flex-direction:column}.panel-cl-header-top{display:flex;align-items:flex-start;gap:6px}.panel-cl-header-top .panel-track-title{flex:1;min-width:0}.panel-cl-edit-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#ffffff14;border:none;border-radius:50%;color:#a3a3a3;cursor:pointer;flex-shrink:0;transition:all .2s ease}.panel-cl-edit-btn:hover{background:#8b5cf640;color:#a78bfa}.panel-cl-header-info .panel-track-title{font-size:.875rem}.panel-cl-header-info .panel-track-artist{font-size:.8125rem;color:#a3a3a3;margin-bottom:4px}.panel-cl-header-info .panel-track-badges{margin-top:0}.panel-cl-block{display:flex;flex-direction:column;gap:0px;padding:10px;background:#ffffff0d;border-radius:10px}.panel-cl-block-title{color:#a3a3a3;font-size:.75rem;font-weight:600;margin:0}.panel-cl-row{display:flex;align-items:baseline;gap:6px}.panel-cl-label{color:#737373;font-size:.8125rem;flex-shrink:0}.panel-cl-value{color:#fff;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-cl-secondary{color:#ddd;font-size:.8125rem;white-space:nowrap;flex-shrink:0;margin-left:auto}.panel-cl-votes{display:flex;align-items:center;gap:10px}.panel-cl-vote-score{font-size:1.125rem;font-weight:700;color:#a3a3a3;min-width:28px}.panel-cl-vote-score.positive{color:#4ade80}.panel-cl-vote-score.negative{color:#f87171}.panel-cl-vote-bars{display:flex;align-items:center;gap:8px;font-size:.8125rem}.panel-cl-vote-up{display:flex;align-items:center;gap:3px;color:#4ade80}.panel-cl-vote-down{display:flex;align-items:center;gap:3px;color:#f87171}.panel-cl-vote-count{color:#737373;font-size:.8125rem;margin-left:auto}.panel-cl-notes{color:#ffffffb3;font-size:.8125rem;line-height:1.5;margin:0;white-space:pre-wrap}.panel-cl-lyrics{max-height:110px;overflow-y:auto;scroll-behavior:smooth;display:flex;flex-direction:column;gap:6px;mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);padding:8px 0;scrollbar-width:none}.panel-cl-lyrics::-webkit-scrollbar{display:none}.panel-cl-lyrics-line{font-size:.8125rem;line-height:1.4;margin:0;color:#ffffff26;transition:color .4s ease,opacity .4s ease;flex-shrink:0}.panel-cl-lyrics-line.active{color:#fff;font-weight:600}.panel-cl-lyrics-line.past{color:#ffffff59}.bpm-badge{padding:4px 8px;background:#ffffff0d;border:none;border-radius:20px;color:#fff;font-size:.75rem;font-weight:500;white-space:nowrap}.track-badge{padding:4px 8px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.track-badge-primary{background:linear-gradient(135deg,#86e34e,#5fb82e);color:#fff}.panel-tags{display:flex;flex-direction:column;gap:10px}.panel-section-title{color:#fff;font-size:.875rem;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.shuffle-indicator-icon{width:17px;height:17px;opacity:1}.panel-tags-list{display:flex;flex-wrap:wrap;gap:6px}.panel-tag{padding:4px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#a3a3a3;font-size:.75rem;cursor:pointer;transition:all .3s ease}.panel-tag:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.panel-similar-tracks{display:flex;flex-direction:column;gap:12px;margin-top:8px}.panel-loading,.panel-no-similar{color:#a3a3a3;font-size:.875rem;text-align:center;padding:12px 0}.panel-similar-list{display:flex;flex-direction:column;gap:8px}.panel-similar-item{display:flex;align-items:center;gap:10px;padding:5px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease}.panel-similar-item:hover{background:#ffffff14;border-color:#ffffff1a}.panel-similar-cover{width:44px;height:44px;border-radius:4px;object-fit:cover;flex-shrink:0}.panel-similar-info{flex:1;min-width:0}.panel-similar-title{color:#fff;font-size:.8125rem;font-weight:500;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-similar-artist{color:#a3a3a3;font-size:.75rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-track-message{text-align:center;padding:32px 16px;color:#a3a3a3}.no-track-message p{font-size:.875rem;margin:0}.no-track-subtitle{font-size:.75rem!important;margin-top:8px!important;opacity:.7}.image-container{position:relative;overflow:hidden;display:inline-block;width:100%;background:var(--bg-surface, #1a1a1a)}.image{width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-fast)}.image--loading{opacity:0;position:absolute;top:0;left:0}.image--loaded{opacity:1;position:relative}.image--error{display:none}.image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.image-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--bg-surface, #1a1a1a);color:var(--text-secondary, #999);z-index:2}.image-fallback svg{opacity:.5}.image-fallback-text{font-size:var(--font-size-sm);color:var(--text-muted)}.image-container.image--rounded,.image-container.image--rounded .image,.image-container.image--rounded .image-skeleton,.image-container.image--rounded .image-fallback{border-radius:var(--radius-md)}.image-container.image--circle{border-radius:50%;aspect-ratio:1/1}.image-container.image--circle .image,.image-container.image--circle .image-skeleton,.image-container.image--circle .image-fallback{border-radius:50%}.image-container:hover .image--loaded{transform:scale(1.05);transition:transform var(--transition-normal)}@media(max-width:768px){.image-fallback svg{width:32px;height:32px}.image-fallback-text{font-size:var(--font-size-xs)}}.base-card{position:relative;display:flex;flex-direction:column;background:var(--bg-white-15, rgba(255, 255, 255, .15));border-radius:var(--radius-lg, 16px);overflow:hidden;transition:all var(--transition-fast, .2s ease)}.base-card--default{width:100%}.base-card--default .base-card__cover{width:100%;padding-top:100%;position:relative}.base-card--default .base-card__content{padding:var(--spacing-md, 16px)}.base-card--compact .base-card__cover{width:100%;padding-top:100%;position:relative}.base-card--compact .base-card__content{padding:var(--spacing-sm, 12px)}.base-card--compact .base-card__title{font-size:var(--font-size-sm, 14px)}.base-card--showcase{max-width:400px}.base-card--showcase .base-card__cover{width:100%;padding-top:56.25%;position:relative}.base-card--showcase .base-card__content{padding:var(--spacing-lg, 20px);padding-bottom:var(--spacing-xl, 24px)}.base-card--clickable{cursor:pointer}.base-card--clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 4px 12px rgba(0, 0, 0, .15));background:var(--bg-white-20, rgba(255, 255, 255, .2))}.base-card--selected{border:2px solid var(--primary-color, #3F20FA);box-shadow:0 0 0 3px #3f20fa1a}.base-card--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.base-card--loading{opacity:.7}.base-card__cover{position:relative;background:var(--bg-white-10, rgba(255, 255, 255, .1));overflow:hidden}.base-card__cover-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.base-card__cover-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #999);font-size:48px}.base-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity var(--transition-fast, .2s ease)}.base-card:hover .base-card__overlay{opacity:1}.base-card__loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000080}.base-card__content{display:flex;flex-direction:column;gap:var(--spacing-sm, 12px);flex:1}.base-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm, 12px)}.base-card__header-text{flex:1;min-width:0}.base-card__title{margin:0;font-size:var(--font-size-base, 16px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #2A343D);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-card__subtitle{margin:4px 0 0;font-size:var(--font-size-sm, 14px);color:var(--text-secondary, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-card__subtitle .artist-link{color:var(--text-secondary, #666);cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative;z-index:10;pointer-events:auto}.base-card__subtitle .artist-link:hover{color:var(--color-white, #fff);text-decoration:underline}.base-card__badges{display:flex;gap:var(--spacing-xs, 8px);flex-wrap:wrap}.base-card__badge{display:inline-flex}.base-card__header-extra{display:flex;align-items:center}.base-card__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, 8px)}.base-card__tag{display:inline-block;padding:4px 8px;background:var(--bg-white-10, rgba(255, 255, 255, .1));border-radius:var(--radius-sm, 8px);font-size:var(--font-size-xs, 12px);color:var(--text-secondary, #666)}.base-card__stats{display:flex;gap:var(--spacing-md, 16px);flex-wrap:wrap}.base-card__stat{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm, 14px);color:var(--text-secondary, #666)}.base-card__stat-icon{display:flex;align-items:center;font-size:var(--font-size-base, 16px)}.base-card__stat-value{font-weight:var(--font-weight-medium, 500);color:var(--text-primary, #2A343D)}.base-card__stat-label{font-size:var(--font-size-xs, 12px);color:var(--text-muted, #999)}.base-card__body{flex:1}.base-card__footer{display:flex;align-items:center;gap:var(--spacing-sm, 12px);padding-top:var(--spacing-sm, 12px);border-top:1px solid var(--border-default, rgba(255, 255, 255, .1))}.base-card__actions{position:absolute;top:var(--spacing-sm, 12px);right:var(--spacing-sm, 12px);z-index:10}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabs{display:flex;flex-direction:column;width:100%;gap:10px}.tabs__content{flex:1}.confirm-dialog-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-modal-overlay);z-index:9999;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{display:flex;padding:var(--spacing-lg);flex-direction:column;max-width:480px;width:90%;border:1px solid #ffffff1c;border-radius:20px;background:#fff0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-xxl);animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-dialog-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:20px}.confirm-dialog-icon{font-size:28px;line-height:1;flex-shrink:0}.confirm-dialog-title{color:#fff;font-size:24px;font-weight:var(--font-weight-semibold);margin:0;flex:1}.confirm-dialog-body{margin-bottom:20px}.confirm-dialog-message{font-size:var(--font-size-base);line-height:1.6;color:#fffc;margin:0;white-space:pre-wrap}.confirm-dialog-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}@media(max-width:768px){.confirm-dialog-overlay{padding:20px;align-items:flex-end}.confirm-dialog{width:100%;max-width:100%;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;animation:slideUpFromBottom .3s ease}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog-header,.confirm-dialog-body{padding:var(--spacing-lg)}.confirm-dialog-footer{flex-direction:column-reverse;padding:var(--spacing-lg);gap:var(--spacing-sm)}.confirm-dialog-footer .btn-primary,.confirm-dialog-footer .btn-danger,.confirm-dialog-footer .btn-secondary{width:100%}}@media(max-width:480px){.confirm-dialog-header,.confirm-dialog-body,.confirm-dialog-footer{padding:var(--spacing-md)}.confirm-dialog-title{font-size:var(--font-size-lg)}.confirm-dialog-message{font-size:var(--font-size-sm)}}.search-bar{position:relative;width:100%}.search-bar-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none;flex-shrink:0;z-index:2}.search-bar-input{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:50px;padding:0 32px 0 36px;color:#fff;font-size:14px;width:100%;transition:all .2s ease;height:36px;line-height:36px;position:relative;box-sizing:border-box}.search-bar-input::placeholder{color:#ffffff80}.search-bar-input:hover{background:#ffffff14}.search-bar-input:focus{outline:none;background:#ffffff14;border:none;box-shadow:0 0 5px 2px #ffffff24}.search-bar-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#ffffff26;color:#ffffffb3;border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s ease;padding:0;line-height:1;z-index:2}.search-bar-clear:hover{background:#ffffff40;color:#fff;transform:translateY(-50%) scale(1.1)}.search-bar-clear:active{transform:translateY(-50%) scale(.95);background:#fff3}.search-bar-small .search-bar-input{height:32px;line-height:32px;padding:0 28px 0 32px;font-size:13px}.search-bar-small .search-bar-icon{width:16px;height:16px;left:8px}.search-bar-small .search-bar-clear{width:16px;height:16px;font-size:11px;right:6px}.search-bar-large .search-bar-input{height:36px;line-height:35px;padding:0 35px 0 40px;font-size:15px}.search-bar-large .search-bar-icon{width:20px;height:20px;left:12px}.search-bar-large .search-bar-clear{width:20px;height:20px;font-size:13px;right:10px}@media(max-width:768px){.search-bar-input{font-size:13px}}.track-search-and-filters{display:flex;gap:12px;align-items:center;width:100%}.track-search-and-filters .search-bar{flex:1;max-width:230px}.filter-button-wrapper{position:relative}.filter-button-wrapper .btn-primary{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;min-height:35px;padding:0;border-radius:50%;cursor:pointer;background:#ffffff0d;border:none;transform-origin:center;transition:.4s ease-in-out;user-select:none;position:relative;flex-shrink:0}.filter-button-wrapper .btn-primary svg{width:20px;height:20px;object-fit:contain;transition:transform .3s ease;flex-shrink:0}.filter-button-wrapper .btn-primary:hover{background:#ffffff1a;transition:.4s}.filter-button-wrapper .btn-primary:hover svg{transform:scale(1.15)}.filter-button-wrapper .btn-primary .liquidGlass-effect,.filter-button-wrapper .btn-primary .liquidGlass-tint,.filter-button-wrapper .btn-primary .liquidGlass-shine{display:none}.filter-button-wrapper .btn-primary .liquidGlass-text{position:static;display:flex;align-items:center;justify-content:center}.filter-button-wrapper .btn-primary .liquidGlass-text span{display:none}.filter-backdrop{position:fixed;inset:0;background:transparent;z-index:40}.filters-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:#ffffff08;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:var(--spacing-md);z-index:50;box-shadow:var(--shadow-xxl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:var(--spacing-lg);animation:slideDownFadeIn .3s ease-out;transform-origin:top right}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff;margin-bottom:var(--spacing-sm)}.filter-tags-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.selected-filter-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.filter-tag{display:flex;align-items:center;gap:4px;background-color:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.filter-tag:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light)}.tag-remove-icon{font-size:var(--font-size-sm);line-height:1;margin-left:4px;color:#fffc;transition:color .2s ease}.filter-tag:hover .tag-remove-icon{color:var(--color-white)}.bpm-range-inputs{display:flex;align-items:center;gap:var(--spacing-sm);color:#ffffffb3}@media(max-width:768px){.track-search-and-filters{gap:12px}.track-search-and-filters .search-bar{flex:1}.filter-button-wrapper{flex-shrink:0}.filter-button-wrapper .btn-primary{width:40px;height:40px}.filters-dropdown{right:0;left:auto;width:320px}}@media(max-width:480px){.filters-dropdown{left:0;right:0;width:auto}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#121b2f,#06050c 42%);background-attachment:fixed;padding:var(--spacing-xl)}.error-boundary-content{text-align:center;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.error-boundary-animation{width:900px;max-width:100%}.error-boundary-content h1{color:#fff;font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);margin:0}.error-boundary-content p{color:#a3a3a3;font-size:var(--font-size-md);max-width:500px;margin:0;line-height:1.5}.error-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap;justify-content:center}@media(max-width:768px){.error-boundary-animation{width:380px}.error-boundary-content h1{font-size:var(--font-size-xl)}.error-boundary-content p{font-size:var(--font-size-base)}.error-actions{flex-direction:column;width:100%}.error-actions .btn-primary,.error-actions .btn-secondary{width:100%}}@media(max-width:480px){.error-boundary-animation{width:280px}.error-boundary-content h1{font-size:var(--font-size-lg)}}.bug-report-modal{padding:.5rem 0}.bug-report-modal__form{display:flex;flex-direction:column;gap:1.5rem}.bug-report-modal__field{display:flex;flex-direction:column;gap:.5rem}.bug-report-modal__label{font-size:.875rem;font-weight:500;color:#fff}.bug-report-modal__required{color:var(--error-color, #ef4444)}.bug-report-modal__dropdown{position:relative;width:100%}.bug-report-modal__dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:#ffffff0d;border:none;border-radius:50px;font-size:.875rem;font-family:inherit;color:#fff;cursor:pointer;transition:all .2s ease}.bug-report-modal__dropdown-trigger:hover{background:#ffffff14}.bug-report-modal__dropdown-trigger.open{background:#ffffff14;box-shadow:0 0 5px 2px #ffffff24}.bug-report-modal__dropdown-icon{font-size:.625rem;color:#ffffff80;transition:transform .2s ease}.bug-report-modal__dropdown-icon.rotated{transform:rotate(180deg)}.bug-report-modal__dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#000000fa;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:5px;z-index:10000;max-height:220px;overflow-y:auto;box-shadow:0 8px 32px #0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:2px}.bug-report-modal__dropdown-option{display:block;width:100%;padding:9px 12px;background:transparent;border:none;border-radius:8px;font-size:.875rem;font-family:inherit;color:#ffffffb3;text-align:left;cursor:pointer;transition:all .15s ease}.bug-report-modal__dropdown-option:hover{background:#ffffff14;color:#fff}.bug-report-modal__dropdown-option.selected{background:#ffffff1f;color:#fff}.bug-report-modal .input-base{border-radius:50px}.bug-report-modal__submit{margin-top:.25rem}.bug-report-modal__error{padding:.75rem 1rem;background:#ff4d671f;border:1px solid rgba(255,77,103,.35);color:#ffb3c1;border-radius:8px;font-size:.875rem}.bug-report-modal__success{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 0;text-align:center}.bug-report-modal__success-icon{font-size:2.5rem;color:#4caf50}.bug-report-modal__success p{color:#fff;font-size:1rem}.announce-overlay{position:fixed;inset:0;background-color:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:announce-overlay-in .22s ease-out}@keyframes announce-overlay-in{0%{opacity:0}to{opacity:1}}.announce-card{position:relative;width:100%;max-width:540px;background-color:#141414;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0a,0 0 80px #3e1cfd26;animation:announce-card-in .38s cubic-bezier(.34,1.4,.64,1);display:flex;flex-direction:column}@keyframes announce-card-in{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.announce-card__accent{position:absolute;top:0;left:0;width:8px;height:100%;background:linear-gradient(180deg,#7c5fff,#3e1cfd,#7c5fff);pointer-events:none}.announce-card__close{position:absolute;top:14px;right:14px;z-index:2;width:32px;height:32px;border-radius:50%;background-color:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease;border:none;padding:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.announce-card__close:hover{background-color:#000000d9}.announce-card__hero{position:relative;width:100%;aspect-ratio:16 / 9;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;display:flex;align-items:flex-end}.announce-card--no-cover .announce-card__hero{aspect-ratio:16 / 7;background:radial-gradient(circle at 20% 30%,rgba(124,95,255,.55) 0%,transparent 55%),radial-gradient(circle at 80% 70%,rgba(62,28,253,.55) 0%,transparent 55%),linear-gradient(135deg,#1a0d4a,#0a0420)}.announce-card__hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.07) 1px,transparent 0);background-size:22px 22px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);pointer-events:none}.announce-card__hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#14141400 0% 40%,#141414d9 90%,#141414);pointer-events:none}.announce-card--with-cover .announce-card__hero-overlay{background:linear-gradient(180deg,#1414141a,#14141466 50%,#141414f2 92%,#141414)}.announce-card__hero-content{position:relative;z-index:1;width:100%;padding:0 28px 20px;display:flex;flex-direction:column;gap:8px}.announce-card__label{font-size:.7rem;font-weight:700;letter-spacing:.18em;color:#a890ff;text-transform:uppercase}.announce-card__title{margin:0;font-size:1.65rem;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.01em;text-shadow:0 2px 12px rgba(0,0,0,.5)}.announce-card__body{padding:4px 28px 0}.announce-card__excerpt{margin:0;font-size:.97rem;color:#ffffffb8;line-height:1.55;white-space:pre-wrap}.announce-card__footer{padding:24px 28px 26px;display:flex;justify-content:flex-end;align-items:center;gap:10px}@media(max-width:520px){.announce-card{max-width:100%;border-radius:16px}.announce-card__hero-content{padding:0 20px 18px}.announce-card__title{font-size:1.35rem}.announce-card__body{padding:4px 20px 0}.announce-card__footer{padding:20px 20px 22px;flex-direction:column-reverse}.announce-card__footer .btn-primary,.announce-card__footer .btn-ghost{width:100%}}@media(prefers-reduced-motion:reduce){.announce-overlay,.announce-card{animation:none}}.resizable-panel{position:relative;width:8px;cursor:col-resize;flex-shrink:0;display:flex;align-items:center;justify-content:center;z-index:10;transition:opacity .2s ease;opacity:0}.resizable-panel:hover{opacity:1}.resizable-panel-handle{width:2px;height:40px;background:#fff3;border-radius:2px;transition:all .2s ease;pointer-events:none}.resizable-panel:hover .resizable-panel-handle{background:#fff6;height:60px}.resizable-panel:active .resizable-panel-handle{background:var(--color-primary, #6366f1);height:80px}body:has(.resizable-panel:active){cursor:col-resize!important;user-select:none!important}@media(max-width:999px){.resizable-panel{display:none}}.voice-banner{display:flex;align-items:center;justify-content:space-between;padding:5px 15px;background:linear-gradient(135deg,#10b98140,#10b98126);flex-shrink:0;z-index:1000;border-radius:10px;min-height:38px;animation:voice-banner-slide-in .3s ease;margin-top:5px}@keyframes voice-banner-slide-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.voice-banner__info{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0}.voice-banner__info:hover .voice-banner__session{text-decoration:underline}.voice-banner__pulse{width:8px;height:8px;border-radius:50%;background:#10b981;flex-shrink:0;animation:voice-banner-pulse 2s ease-in-out infinite}@keyframes voice-banner-pulse{0%,to{opacity:1;box-shadow:0 0 #10b98166}50%{opacity:.7;box-shadow:0 0 0 4px #10b98100}}.voice-banner__text{display:flex;align-items:center;gap:6px;min-width:0;font-size:12px;color:#ffffffe6}.voice-banner__session{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.voice-banner__separator{color:#ffffff4d}.voice-banner__channel{display:flex;align-items:center;gap:4px;color:#fff9;white-space:nowrap}.voice-banner__controls{display:flex;align-items:center;gap:4px}.voice-banner__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:#ffffff14;color:#ffffffb3;cursor:pointer;transition:all .15s ease}.voice-banner__btn:hover{background:#ffffff26;color:#fff}.voice-banner__btn--active{background:#ffffff2e;color:#fff}.voice-banner__btn--leave{background:#ef444433;color:#ef4444;margin-left:4px}.voice-banner__timer{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:#ffffff80;padding:0 8px}.voice-banner__timer--warning{color:#f59e0b;animation:voice-timer-blink 1s ease-in-out infinite}@keyframes voice-timer-blink{0%,to{opacity:1}50%{opacity:.5}}.voice-banner--warning{background:linear-gradient(135deg,#f59e0b40,#ef444426);border-top-color:#f59e0b4d}.voice-banner__pulse--warning{background:#f59e0b;animation:voice-banner-pulse-warning 1s ease-in-out infinite}@keyframes voice-banner-pulse-warning{0%,to{opacity:1;box-shadow:0 0 #f59e0b66}50%{opacity:.6;box-shadow:0 0 0 4px #f59e0b00}}.voice-banner__btn--leave:hover{background:#ef444459;color:#fff}@media(max-width:480px){.voice-banner__session{max-width:120px}.voice-banner__channel,.voice-banner__separator{display:none}}.auth-required-modal{display:flex;flex-direction:column;align-items:center;padding:10px 20px 20px;gap:16px}.auth-required-modal__logo{text-align:center}.auth-required-modal__logo img{max-width:160px;height:auto}.auth-required-modal__title{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:clamp(1.1rem,3vw,1.4rem);line-height:1.2;letter-spacing:-.5px;text-align:center;color:#fff;margin:0}.auth-required-modal__subtitle{font-family:Plus Jakarta Sans,sans-serif;font-weight:400;font-size:.875rem;line-height:1.4;text-align:center;color:#afafaf;margin:0}.auth-required-modal__actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.auth-required-modal__separator{font-family:Plus Jakarta Sans,sans-serif;font-weight:400;text-align:center;font-size:.813rem;line-height:1.1;color:#afafaf}.auth-required-modal__form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.auth-required-modal__input{font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;width:100%;min-height:48px;padding:10px 16px;border:1px solid #ffffff29;border-radius:var(--radius-xl);background:#ffffff0d;color:#fff;outline:none;transition:border-color .3s;box-sizing:border-box}.auth-required-modal__input:focus{border-color:#4021f8}.auth-required-modal__input::placeholder{color:#afafaf99}.auth-required-modal__password-wrapper{position:relative;width:100%}.auth-required-modal__password-wrapper .auth-required-modal__input{padding-right:48px}.auth-required-modal__password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#afafafb3;cursor:pointer;padding:4px;display:flex;align-items:center}.auth-required-modal__password-toggle:hover{color:#fff}.auth-required-modal__link{font-family:Plus Jakarta Sans,sans-serif;font-size:.813rem;color:#afafafcc;text-decoration:none;text-align:right;margin-top:-4px}.auth-required-modal__link:hover{color:#fff}.auth-required-modal__switch{font-family:Plus Jakarta Sans,sans-serif;font-size:.813rem;color:#afafafcc;text-align:center}.auth-required-modal__switch button{background:none;border:none;color:#fff;font-weight:700;cursor:pointer;font-family:inherit;font-size:inherit;padding:0}.auth-required-modal__switch button:hover{text-decoration:underline}.auth-required-modal__actions .btn-google,.auth-required-modal__form .btn-google{min-height:48px;border-radius:var(--radius-xl);border:none;gap:5px;padding:10px 16px;display:inline-flex;width:100%;justify-content:center;align-items:center;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:clamp(.875rem,2.5vw,1rem);line-height:1.5;color:#fff;position:relative;cursor:pointer;background:transparent;transition:.5s}.auth-required-modal__actions .btn-google:before,.auth-required-modal__form .btn-google:before{position:absolute;inset:0;content:"";border-radius:var(--radius-xl);z-index:-1;transition:.5s;background:#4021f8;border:none}.auth-required-modal__actions .btn-google:hover:before,.auth-required-modal__form .btn-google:hover:before{background:#5a3dff}.auth-required-modal__actions .btn-theme,.auth-required-modal__form .btn-theme{font-family:Plus Jakarta Sans,sans-serif;font-weight:400;font-size:clamp(.875rem,2.5vw,1rem);line-height:1.25;text-align:center;min-height:48px;padding:10px 16px;border:none;box-shadow:none;background:#4d4d4d52;border-radius:var(--radius-xl);cursor:pointer;color:#fff;transition:.5s;width:100%}.auth-required-modal__actions .btn-theme:hover,.auth-required-modal__form .btn-theme:hover{background:#5d5d5d66}.auth-required-modal__referral{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 auto 18px;max-width:100%;background:linear-gradient(135deg,#3e1cfd2e,#7c5fff1a);border:1px solid rgba(124,95,255,.35);border-radius:var(--radius-md, 14px)}.auth-required-modal__referral-icon{width:38px;height:38px;border-radius:var(--radius-sm, 10px);background:var(--primary-gradient, linear-gradient(135deg, #3F20FA 0%, #7C5FFF 100%));color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.auth-required-modal__referral-text{display:flex;flex-direction:column;gap:2px;font-size:14px;color:#fff;line-height:1.35;min-width:0}.auth-required-modal__referral-text strong{font-weight:700;color:#fff}.auth-required-modal__referral-text span{font-size:12px;color:#ffffffa6;line-height:1.4}:root{--cooklab-accent: #86E34E;--cooklab-accent-hover: #9bef68;--cooklab-accent-text: #0f1627}.cooklab-login{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a0f1c;color:#fff;overflow:hidden}.cooklab-login__bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 30% 20%,rgba(134,227,78,.18) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(134,227,78,.1) 0%,transparent 55%)}.cooklab-login__card{position:relative;z-index:1;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.cooklab-login__brand{display:inline-flex;align-items:center;gap:10px}.cooklab-login__icon{width:32px;height:32px;filter:drop-shadow(0 4px 12px rgba(134,227,78,.35))}.cooklab-login__brand-name{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-logo);font-size:22px;font-weight:700;color:#fff;letter-spacing:-.015em}.cooklab-login__live-dot{width:7px;height:7px;border-radius:50%;background:var(--cooklab-accent);box-shadow:0 0 0 4px #86e34e38;animation:cooklab-login-pulse 2s ease-in-out infinite}@keyframes cooklab-login-pulse{0%,to{box-shadow:0 0 0 4px #86e34e38}50%{box-shadow:0 0 0 7px #86e34e0f}}.cooklab-login__title{font-family:var(--font-logo);font-size:clamp(22px,3.2vw,28px);font-weight:500;line-height:1.18;letter-spacing:-.022em;color:#fff;margin:0;text-align:center}.cooklab-login__subtitle{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;line-height:1.5;color:#afafaf;margin:0;text-align:center;max-width:340px}.cooklab-login__back{margin-top:4px;font-family:Plus Jakarta Sans,sans-serif;font-size:12.5px;color:#ffffff80;text-decoration:none;transition:color .15s}.cooklab-login__back:hover{color:var(--cooklab-accent)}.cooklab-login .auth-required-modal__input:focus{border-color:var(--cooklab-accent)}.cooklab-login .btn-google:before{background:var(--cooklab-accent)!important}.cooklab-login .btn-google:hover:before{background:var(--cooklab-accent-hover)!important}.cooklab-login .btn-google{color:var(--cooklab-accent-text)!important}.cooklab-login .btn-google svg path{fill:var(--cooklab-accent-text)!important}.cooklab-login .auth-required-modal__switch button{color:var(--cooklab-accent)}@media(max-width:480px){.cooklab-login__card{padding:22px 18px;gap:14px}.cooklab-login__title{font-size:20px}}.cooklab-mobile-menu{display:flex;flex-direction:column;gap:18px;padding:14px 14px 24px;color:#fff;font-family:Plus Jakarta Sans,sans-serif}.cooklab-mobile-menu__create{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border:none;border-radius:999px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-family:var(--font-logo);font-size:14px;font-weight:700;cursor:pointer}.cooklab-mobile-menu__create svg{width:12px;height:12px}.cooklab-mobile-menu__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cooklab-mobile-menu__stat{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#6c5ce71f;border:1px solid rgba(108,92,231,.18);border-radius:10px}.cooklab-mobile-menu__stat svg{width:14px;height:14px;color:#a29bfe}.cooklab-mobile-menu__stat--event{background:#5eead41f;border-color:#5eead433}.cooklab-mobile-menu__stat--event svg{color:#5eead4}.cooklab-mobile-menu__stat--warn{background:#ff8a4c1f;border-color:#ff8a4c38;grid-column:1 / -1}.cooklab-mobile-menu__stat--warn svg{color:#ffb088}.cooklab-mobile-menu__stat-num{font-family:var(--font-logo);font-size:16px;font-weight:700;color:#fff}.cooklab-mobile-menu__stat-label{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#ffffffa6;margin-left:auto}.cooklab-mobile-menu__section{display:flex;flex-direction:column;gap:4px}.cooklab-mobile-menu__section--footer{margin-top:4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.cooklab-mobile-menu__section-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;padding:4px 6px}.cooklab-mobile-menu__placeholder{padding:8px 6px;font-size:13px;color:#ffffff80}.cooklab-mobile-menu__session{display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:10px;color:#fff;cursor:pointer;text-align:left;font-size:14px;font-family:inherit}.cooklab-mobile-menu__session:hover{background:#ffffff0d;border-color:#ffffff14}.cooklab-mobile-menu__session-icon{display:inline-flex;width:30px;height:30px;border-radius:8px;background:#6c5ce72e;align-items:center;justify-content:center;color:#a29bfe;flex-shrink:0}.cooklab-mobile-menu__session-icon svg{width:12px;height:12px}.cooklab-mobile-menu__session-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cooklab-mobile-menu__session-meta{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#ffffff8c}.cooklab-mobile-menu__session-meta svg{width:10px;height:10px}.cooklab-mobile-menu__item{display:inline-flex;align-items:center;gap:12px;padding:12px;background:transparent;border:none;border-radius:10px;color:#fff;cursor:pointer;text-align:left;font-size:14px;font-family:inherit;text-decoration:none;width:100%}.cooklab-mobile-menu__item svg{width:14px;height:14px;color:#ffffffa6}.cooklab-mobile-menu__item:hover{background:#ffffff0d}.cooklab-mobile-menu__item--danger{color:#ff8a8a}.cooklab-mobile-menu__item--danger svg{color:#ff8a8a}.cooklab-header-left{display:flex;align-items:center;gap:16px;flex-shrink:0}.cooklab-header-burger{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;transition:background .12s,border-color .12s}.cooklab-header-burger:hover{background:#ffffff14;border-color:#ffffff24}.cooklab-header-burger svg{width:14px;height:14px}@media(max-width:999px){.cooklab-header-burger{display:inline-flex}}.cooklab-header-logo{width:30px;height:30px;flex-shrink:0}.cooklab-header-name{font-family:var(--font-logo);font-size:20px;font-weight:700;letter-spacing:-.015em;color:#fff;margin-left:10px;line-height:1}.cooklab-session-switcher{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffffd9;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s;max-width:240px;margin-left:16px}.cooklab-session-switcher:hover{background:#ffffff14;border-color:#6c5ce766}.cooklab-session-switcher.is-in-session{background:#6c5ce72e;border-color:#6c5ce773;color:#fff}.cooklab-session-switcher__icon{color:#a29bfe;width:12px;height:12px;flex-shrink:0}.cooklab-session-switcher__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cooklab-session-switcher__chevron{width:10px;height:10px;opacity:.7;flex-shrink:0}.cooklab-header__back-link{display:inline-flex;align-items:center;gap:6px;color:#ffffffa6;font-size:13px;text-decoration:none;padding:6px 10px;border-radius:6px;transition:background .12s,color .12s}.cooklab-header__back-link:hover{background:#ffffff0d;color:#fff}.cooklab-header__back-link svg{width:12px;height:12px}.cooklab-create-session-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid rgba(108,92,231,.5);border-radius:999px;background:linear-gradient(135deg,#6c5ce72e,#a29bfe1f);color:#fff;font-family:var(--font-logo);font-size:13px;font-weight:600;cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s;white-space:nowrap}.cooklab-create-session-btn svg{width:11px;height:11px;color:#a29bfe}@media(max-width:999px){.cooklab-create-session-btn{padding:8px;width:36px;height:36px;justify-content:center}.cooklab-create-session-btn__label{display:none}}.cooklab-signin-btn{padding:8px 18px;border:none;border-radius:999px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .12s,box-shadow .12s}.cooklab-signin-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6c5ce766}@media(max-width:999px){.cooklab-header-name{display:none}.cooklab-session-switcher{max-width:160px;margin-left:8px}.cooklab-studio-badge{display:none}}@media(max-width:480px){.cooklab-session-switcher__label{max-width:100px}}.cooklab-rail{display:flex;flex-direction:column;align-items:stretch;width:240px;height:100%;padding:12px 8px;background:var(--color-surface-2, rgba(15, 22, 38, .65));border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;overflow-x:hidden;gap:4px;transition:width .18s ease,padding .18s ease}.cooklab-rail.is-collapsed{width:64px;padding:12px 0;align-items:center}.cooklab-rail::-webkit-scrollbar{width:0}.cooklab-rail__toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:3px;width:32px;height:32px;padding:6px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .12s}.cooklab-rail__toggle:hover{background:#ffffff0f}.cooklab-rail__toggle span{display:block;width:14px;height:2px;background:#ffffffb3;border-radius:1px}.cooklab-rail__divider{width:32px;height:1px;background:#ffffff14;margin:4px 0}.cooklab-rail__list{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%}.cooklab-rail.is-collapsed .cooklab-rail__list{align-items:center;gap:8px}.cooklab-rail__item{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;height:44px;padding:4px 6px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:background .12s}.cooklab-rail__item:hover{background:#ffffff0d}.cooklab-rail__item.is-active{background:#6c5ce72e}.cooklab-rail.is-collapsed .cooklab-rail__item{justify-content:center;padding:0;height:48px;background:transparent}.cooklab-rail.is-collapsed .cooklab-rail__item:hover,.cooklab-rail.is-collapsed .cooklab-rail__item.is-active{background:transparent}.cooklab-rail__indicator{position:absolute;left:0;width:4px;height:0;background:#fff;border-radius:0 4px 4px 0;transition:height .18s ease}.cooklab-rail.is-collapsed .cooklab-rail__item:hover .cooklab-rail__indicator{height:20px}.cooklab-rail.is-collapsed .cooklab-rail__item.is-active .cooklab-rail__indicator{height:36px}.cooklab-rail:not(.is-collapsed) .cooklab-rail__indicator{display:none}.cooklab-rail__bubble{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;overflow:hidden;flex-shrink:0;transition:border-radius .18s ease,transform .12s,box-shadow .18s;box-shadow:0 0 #6c5ce700}.cooklab-rail.is-collapsed .cooklab-rail__bubble{width:36px;height:36px;font-size:14px}.cooklab-rail__item:hover .cooklab-rail__bubble{border-radius:16px;transform:scale(1.04)}.cooklab-rail__item.is-active .cooklab-rail__bubble{border-radius:16px;box-shadow:0 0 0 2px #6c5ce799}.cooklab-rail__bubble-img{width:100%;height:100%;object-fit:cover;display:block}.cooklab-rail__bubble-initial{text-shadow:0 1px 2px rgba(0,0,0,.25)}.cooklab-rail__inline{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;overflow:hidden;font-family:Plus Jakarta Sans,sans-serif}.cooklab-rail__inline-title{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cooklab-rail__inline-meta{font-size:11.5px;font-weight:400;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cooklab-rail__item.is-active .cooklab-rail__inline-meta{color:#a29bfed9}.cooklab-rail:not(.is-collapsed) .cooklab-rail__tooltip{display:none}.cooklab-rail__tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-6px);min-width:140px;max-width:220px;display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#0a0f1c;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s,transform .12s;z-index:100;box-shadow:0 8px 24px #00000073}.cooklab-rail__item:hover .cooklab-rail__tooltip,.cooklab-rail__add:hover .cooklab-rail__tooltip{opacity:1;transform:translateY(-50%) translate(0)}.cooklab-rail__tooltip:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:10px;height:10px;background:#0a0f1c;border-left:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);rotate:45deg}.cooklab-rail__tooltip-title{color:#fff}.cooklab-rail__tooltip-meta{font-size:11px;font-weight:400;color:#ffffff8c}.cooklab-rail__add{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;height:48px;padding:4px 8px;background:transparent;border:none;border-radius:10px;cursor:pointer;margin-top:auto;font-family:Plus Jakarta Sans,sans-serif;color:#ffffffd9;font-size:14px;font-weight:600;transition:background .12s}.cooklab-rail__add:hover{background:#86e34e14}.cooklab-rail.is-collapsed .cooklab-rail__add{justify-content:center;padding:0;height:48px;background:transparent}.cooklab-rail__add-bubble{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#86e34e1f;color:#86e34e;border:1px solid rgba(134,227,78,.28);flex-shrink:0;transition:background .15s,border-radius .18s,color .15s}.cooklab-rail.is-collapsed .cooklab-rail__add-bubble{width:36px;height:36px}.cooklab-rail__add:hover .cooklab-rail__add-bubble{background:#86e34e;color:#0f1627;border-radius:16px}.cooklab-rail__add-bubble svg{width:16px;height:16px}@media(max-width:999px){.cooklab-rail{display:none}}.clv2-app-layout{display:grid;grid-template-areas:"header header header" "sidebar content rightpanel" "player player player";grid-template-rows:50px minmax(0,1fr) 60px;grid-template-columns:auto 1fr auto;height:100vh;max-height:100vh;overflow:hidden;width:100%;gap:5px;padding:5px;--detail-panel-width: 50%}.clv2-app-layout.no-right-panel{grid-template-areas:"header header" "sidebar content" "player player";grid-template-columns:auto 1fr}.clv2-app-layout.no-player{grid-template-areas:"header header header" "sidebar content rightpanel";grid-template-rows:50px minmax(0,1fr)}.clv2-app-layout.no-player.no-right-panel{grid-template-areas:"header header" "sidebar content";grid-template-columns:auto 1fr}.clv2-app-layout.no-sidebar.no-player.no-right-panel{grid-template-areas:"header" "content";grid-template-columns:1fr}.clv2-app-layout.has-maintenance-banner{grid-template-rows:auto minmax(0,1fr) 60px}.clv2-app-layout.has-maintenance-banner.no-player{grid-template-rows:auto minmax(0,1fr)}.clv2-app-layout__header{grid-area:header;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:5px;overflow:visible}.clv2-app-layout.has-maintenance-banner .clv2-app-layout__header{flex-direction:column;align-items:stretch;gap:5px}.clv2-app-layout__sidebar{grid-area:sidebar;backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px);overflow-y:auto;overflow-x:hidden;z-index:50;border-radius:10px;background:var(--layout-bg-sidebar, #000);border:none;transition:background .3s ease,border-color .3s ease}.clv2-app-layout__sidebar::-webkit-scrollbar{width:8px}.clv2-app-layout__sidebar::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.clv2-app-layout__sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;transition:background .2s}.clv2-app-layout__sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff26}.clv2-app-layout.sidebar-collapsed{grid-template-columns:auto 1fr auto}.clv2-app-layout.sidebar-collapsed.no-right-panel{grid-template-columns:auto 1fr}.clv2-app-layout.sidebar-collapsed .clv2-app-layout__sidebar{overflow:visible}.clv2-app-layout__right-panel{grid-area:rightpanel;width:clamp(240px,18vw,280px);backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px);overflow-y:auto;overflow-x:hidden;z-index:50;border-radius:10px;background:var(--layout-bg-sidebar, #000);border:none;transition:background .3s ease,border-color .3s ease}.clv2-app-layout__right-panel::-webkit-scrollbar{display:none}.clv2-app-layout__right-panel{-ms-overflow-style:none;scrollbar-width:none}.clv2-app-layout__right-panel.collapsed{width:32px;min-width:32px;overflow:hidden}.clv2-app-layout__right-panel.collapsed.no-transition{transition:none!important}.clv2-app-layout__right-panel.collapsed:not(.no-transition){transition:width .6s cubic-bezier(.4,0,.2,1)}.clv2-app-layout__right-panel.collapsed:hover{width:55px}.clv2-app-layout__right-panel.collapsed:hover .right-panel-content{opacity:.35}.clv2-app-layout__content{grid-area:content;display:flex;flex-direction:column;overflow:hidden}.clv2-app-layout__content-inner{display:flex;flex:1;min-height:0;gap:0;overflow:hidden}.clv2-app-layout__main{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--layout-bg-primary, #0a0a0a);padding:30px 15px;border-radius:10px;border:none;transition:background .3s ease,border-color .3s ease}.clv2-app-layout__main.clv2-app-layout__main--chatbot{padding:14px;overflow:hidden;display:grid}.clv2-app-layout__main::-webkit-scrollbar{width:8px}.clv2-app-layout__main::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.clv2-app-layout__main::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;transition:background .2s}.clv2-app-layout__main::-webkit-scrollbar-thumb:hover{background:#ffffff26}.clv2-app-layout__detail{overflow-y:auto;overflow-x:hidden;background:var(--layout-bg-secondary, #0a0a0a);border-radius:10px;display:none;flex-shrink:0;border:none;transition:background .3s ease,border-color .3s ease}.clv2-app-layout__detail.visible{display:block;width:var(--detail-panel-width)}.clv2-app-layout__detail::-webkit-scrollbar{width:8px}.clv2-app-layout__detail::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.clv2-app-layout__detail::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;transition:background .2s}.clv2-app-layout__detail::-webkit-scrollbar-thumb:hover{background:#ffffff26}.clv2-app-layout__player{grid-area:player;z-index:100;border-top-right-radius:10px;border-top-left-radius:10px;overflow:hidden;position:relative}@media(max-width:1199px){.clv2-app-layout{grid-template-areas:"header header" "sidebar content" "player player";grid-template-columns:auto 1fr}.clv2-app-layout.no-player{grid-template-areas:"header header" "sidebar content"}.clv2-app-layout__right-panel{display:none}}@media(max-width:999px){.clv2-app-layout{display:flex;flex-direction:column;padding:0;gap:0;height:auto;min-height:100vh;max-height:none;overflow:visible;position:relative}.clv2-app-layout.has-player{padding-bottom:calc(55px + env(safe-area-inset-bottom,0px))}.clv2-app-layout__header{position:fixed;top:0;left:0;right:0;z-index:999;flex-shrink:0;padding:0}.clv2-app-layout__content{padding-top:calc(48px + env(safe-area-inset-top,0px));transition:padding-top .35s cubic-bezier(.4,0,.2,1)}html.mobile-search-open .clv2-app-layout__content{padding-top:calc(104px + env(safe-area-inset-top,0px))}.clv2-app-layout__content{flex:1;min-height:0;width:100%;overflow:visible}.clv2-app-layout__content-inner{width:100%;overflow:visible}.clv2-app-layout__main{flex:1;width:100%;border-radius:0;border:none;padding:10px;background:transparent;overflow-y:visible;overflow-x:hidden}.clv2-app-layout__player{position:fixed;bottom:env(safe-area-inset-bottom,0px);left:0;right:0;z-index:999;border-radius:0}.clv2-app-layout__detail.visible{position:fixed;inset:0;width:100%!important;z-index:200;border-radius:0}}.clv2-app-layout__main .legal-footer{display:none}.clv2-app-layout--no-sidebar{grid-template-areas:"header header" "content rightpanel" "player player";grid-template-columns:1fr auto}.clv2-app-layout--no-sidebar.no-right-panel{grid-template-areas:"header" "content" "player";grid-template-columns:1fr}.clv2-app-layout--no-sidebar.no-player{grid-template-areas:"header header" "content rightpanel";grid-template-rows:50px minmax(0,1fr)}.clv2-app-layout--no-sidebar.no-player.no-right-panel{grid-template-areas:"header" "content";grid-template-columns:1fr;grid-template-rows:50px minmax(0,1fr)}@media(max-width:999px){.clv2-app-layout--no-sidebar,.clv2-app-layout--no-sidebar.no-right-panel,.clv2-app-layout--no-sidebar.no-player,.clv2-app-layout--no-sidebar.no-player.no-right-panel{grid-template-areas:"header" "content" "player";grid-template-columns:1fr}}.clv2-workspace-sidebar-slot{display:contents}.incoming-call-toast{position:fixed;top:24px;right:24px;z-index:10000;display:flex;align-items:center;gap:14px;padding:14px 16px;background:#14161ef5;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 12px 40px #00000080;min-width:320px;animation:incoming-call-slide-in .3s ease}@keyframes incoming-call-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.incoming-call-toast__pulse{position:absolute;inset:-4px;border-radius:16px;border:2px solid var(--color-accent, #86E34E);pointer-events:none;animation:incoming-call-pulse 1.6s ease-in-out infinite}@keyframes incoming-call-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.015)}}.incoming-call-toast__avatar{flex-shrink:0}.incoming-call-toast__body{flex:1;display:flex;flex-direction:column;min-width:0}.incoming-call-toast__title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#86e34e;font-weight:600}.incoming-call-toast__name{font-size:14px;color:#fff;font-weight:500;margin-top:2px}.incoming-call-toast__actions{display:flex;gap:8px}.incoming-call-toast__btn{width:40px;height:40px;border-radius:50%;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:14px;transition:transform .1s}.incoming-call-toast__btn:hover{transform:scale(1.08)}.incoming-call-toast__btn--accept{background:#2ecc71;animation:incoming-call-shake .8s ease-in-out infinite}.incoming-call-toast__btn--decline{background:#e74c3c}@keyframes incoming-call-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-15deg)}40%{transform:rotate(15deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}}.btn-round--ringing,.mobile-header-icon--ringing{animation:btn-ringing .9s ease-in-out infinite}@keyframes btn-ringing{0%,to{box-shadow:0 0 #86e34eb3;transform:scale(1)}50%{box-shadow:0 0 0 12px #86e34e00;transform:scale(1.05)}}.call-bar{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:9000;display:flex;align-items:center;gap:8px;background:#14161ef5;backdrop-filter:blur(20px);border:1px solid rgba(134,227,78,.4);border-radius:36px;padding:6px 8px 6px 6px;box-shadow:0 12px 32px #0006;animation:call-bar-in .25s ease;max-width:calc(100vw - 24px)}@keyframes call-bar-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.call-bar__main{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;background:transparent;border:none;cursor:pointer;color:var(--color-text, #fff);text-align:left;border-radius:30px;transition:background .12s;min-width:0}.call-bar__main:hover{background:#ffffff0d}.call-bar__avatars{display:inline-flex;align-items:center;flex-shrink:0}.call-bar__avatar{display:inline-flex;border:2px solid rgba(20,22,30,1);border-radius:50%;margin-left:-10px}.call-bar__avatar:first-child{margin-left:0}.call-bar__info{display:flex;flex-direction:column;min-width:0}.call-bar__title{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.call-bar__meta{font-size:11px;color:#ffffff8c;font-variant-numeric:tabular-nums}.call-bar__actions{display:flex;gap:4px;flex-shrink:0}.call-bar__btn{width:36px;height:36px;border-radius:50%;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:#ffffff14;color:#fff;transition:transform .1s,background .12s}.call-bar__btn:hover{transform:scale(1.08);background:#ffffff24}.call-bar__btn:disabled{opacity:.4;cursor:not-allowed}.call-bar__btn--muted{background:#ff64642e;color:#ff6464}.call-bar__btn--hangup{background:#e74c3c}.call-bar__btn--hangup:hover{background:#ff5340}.call-bar__btn .spin{animation:call-bar-spin .9s linear infinite}@keyframes call-bar-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.call-bar{top:8px;padding:4px 6px 4px 4px}.call-bar__title{max-width:120px;font-size:12px}.call-bar__meta{font-size:10px}.call-bar__btn{width:32px;height:32px}}.call-bar--error{border-color:#ff646499;background:#281616f5}.call-bar--error .call-bar__title{color:#f88;font-size:13px;padding:8px 14px;max-width:480px;white-space:normal}.mic-modal{position:fixed;inset:0;z-index:11000;display:flex;align-items:center;justify-content:center;padding:16px}.mic-modal__backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(8px)}.mic-modal__card{position:relative;background:#14161efa;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 24px 22px;max-width:420px;width:100%;text-align:center;box-shadow:0 24px 60px #00000080;animation:mic-modal-in .2s ease}@keyframes mic-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mic-modal__icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.mic-modal__icon--primary{background:#86e34e26;color:#86e34e;animation:mic-pulse 1.6s ease-in-out infinite}.mic-modal__icon--danger{background:#ff646426;color:#ff6464}.mic-modal__icon--success{background:#86e34e26;color:#86e34e}@keyframes mic-pulse{0%,to{box-shadow:0 0 #86e34e66}50%{box-shadow:0 0 0 14px #86e34e00}}.mic-modal__card h3{margin:0 0 8px;font-size:18px;color:#fff;font-weight:600}.mic-modal__card p{margin:0 0 18px;font-size:14px;line-height:1.5;color:#ffffffb3}.mic-modal__hints{list-style:none;padding:12px 16px;margin:0 0 18px;background:#ffffff0a;border-radius:10px;text-align:left}.mic-modal__hints li{font-size:13px;color:#ffffffb3;position:relative;padding:4px 0 4px 14px}.mic-modal__hints li:before{content:"•";position:absolute;left:0;color:#86e34e}.mic-modal__actions{display:flex;gap:8px;justify-content:center}.mic-modal__actions .btn-primary,.mic-modal__actions .btn-secondary{display:inline-flex;align-items:center;gap:6px}.tour{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#050510;animation:tourFadeIn .5s cubic-bezier(.16,1,.3,1)}@keyframes tourFadeIn{0%{opacity:0}to{opacity:1}}.tour__bg{position:absolute;inset:0;background:radial-gradient(ellipse 130% 60% at 50% -10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 65%),radial-gradient(ellipse 80% 60% at 110% 90%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 55%);transition:background .8s cubic-bezier(.16,1,.3,1);pointer-events:none}.tour__container{position:relative;width:100%;height:100%;max-height:100dvh;padding:20px 24px;display:flex;flex-direction:column}.tour__topbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;margin-bottom:24px}.tour__dots{display:flex;gap:6px;align-items:center}.tour__dot{width:32px;height:3.5px;border-radius:4px;background:#ffffff14;border:none;padding:0;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.tour__dot:after{content:"";position:absolute;inset:0;background:var(--dot-accent, var(--accent));border-radius:4px;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}.tour__dot.active:after,.tour__dot.done:after{transform:scaleX(1)}.tour__dot.active{width:40px}.tour__dot:hover{background:#ffffff26}.tour__skip{background:#ffffff0f;border:none;color:#fff6;font-size:13px;font-weight:500;padding:6px 16px;cursor:pointer;transition:all .25s ease;border-radius:50px}.tour__skip:hover{color:#ffffffb3;background:#ffffff1a}.tour__content{flex:1;display:flex;flex-direction:column;min-height:0;gap:24px;animation:tourContentIn .5s cubic-bezier(.16,1,.3,1)}@keyframes tourContentIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tour__left{display:flex;flex-direction:column;gap:20px;flex-shrink:0}.tour__header{text-align:center;display:flex;flex-direction:column;align-items:center}.tour__feature-name{display:inline-block;font-size:15px;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);padding:5px 16px;border-radius:50px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px}.tour__title{font-size:32px;font-weight:800;color:#fff;margin:0 0 10px;letter-spacing:-.5px;line-height:1.1}.tour__subtitle{font-size:14px;color:#ffffff80;margin:0;line-height:1.6}.tour__comparison{display:flex;gap:10px;width:100%}.tour__comparison-item{flex:1;display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:#ffffff0a;border-radius:16px}.tour__comparison-role{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.3px}.tour__comparison--single{max-width:none}.tour__comparison--single .tour__comparison-item{flex:none;width:100%}.tour__comparison-text{font-size:13px;color:#ffffff8c;margin:0;line-height:1.5}.tour__demo{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;overflow:hidden}.tour__nav{display:flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;padding-top:16px}.tour__prev{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 20px;border-radius:50px;background:#ffffff0f;border:none;color:#ffffff80;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s ease}.tour__prev:hover{background:#ffffff1a;color:#fff}.tour__nav-counter{font-size:12px;color:#ffffff40;font-weight:500;min-width:40px;text-align:center}.tour__next{height:40px;min-width:140px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 24px;border-radius:50px;background:var(--accent);border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 24px -6px color-mix(in srgb,var(--accent) 50%,transparent)}.tour__next:hover{filter:brightness(1.2);box-shadow:0 10px 36px -6px color-mix(in srgb,var(--accent) 60%,transparent)}.tour__next:active{transform:scale(.97)}.demo-welcome{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;padding:20px;animation:welcomeFadeIn .8s cubic-bezier(.16,1,.3,1)}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.demo-welcome__logo{width:100px;height:100px;border-radius:28px;background:color-mix(in srgb,var(--accent) 12%,transparent);display:flex;align-items:center;justify-content:center;animation:welcomeLogoPulse 3s ease-in-out infinite}.demo-welcome__logo-img{width:48px;height:auto}@keyframes welcomeLogoPulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 15%,transparent)}50%{box-shadow:0 0 0 16px color-mix(in srgb,var(--accent) 0%,transparent)}}.demo-welcome__text{font-size:15px;color:#ffffff80;line-height:1.6;max-width:320px;margin:0}.demo-welcome__features{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:400px}.demo-welcome__chip{font-size:12px;font-weight:600;color:#fff9;background:#ffffff0f;padding:7px 16px;border-radius:50px;animation:welcomeChipIn .5s cubic-bezier(.16,1,.3,1) backwards}.demo-welcome__chip:nth-child(1){animation-delay:.3s}.demo-welcome__chip:nth-child(2){animation-delay:.38s}.demo-welcome__chip:nth-child(3){animation-delay:.46s}.demo-welcome__chip:nth-child(4){animation-delay:.54s}.demo-welcome__chip:nth-child(5){animation-delay:.62s}.demo-welcome__chip:nth-child(6){animation-delay:.7s}.demo-welcome__chip:nth-child(7){animation-delay:.78s}@keyframes welcomeChipIn{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.demo-swipe{position:relative;width:280px;height:360px;cursor:pointer;perspective:1000px}.demo-swipe__card{position:absolute;inset:0;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;transition:all .4s cubic-bezier(.16,1,.3,1);transform:translateY(calc(var(--stack) * -10px)) scale(calc(1 - var(--stack) * .05));opacity:calc(1 - var(--stack) * .25);filter:brightness(calc(1 - var(--stack) * .15))}.demo-swipe__card--out{transform:translateY(-120%) scale(.9)!important;opacity:0!important}.demo-swipe__art{position:absolute;inset:0;z-index:0;overflow:hidden}.demo-swipe__art-img{width:100%;height:100%;object-fit:cover;display:block}.demo-swipe__art:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%)}.demo-swipe__info{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.demo-swipe__name{font-size:20px;font-weight:700;color:#fff;line-height:1.2}.demo-swipe__producer{font-size:13px;color:#fff9}.demo-swipe__meta{position:relative;z-index:1;display:flex;gap:8px}.demo-swipe__bpm,.demo-swipe__genre{font-size:11px;font-weight:600;color:#fff;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 10px;border-radius:50px}.demo-swipe__hint{position:absolute;top:16px;right:16px;z-index:2;display:flex;align-items:center;gap:6px;font-size:11px;color:#ffffff80;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 12px;border-radius:50px;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.6}50%{opacity:1}}.demo-feedback{width:100%}.demo-feedback__post{background:#ffffff0a;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px}.demo-feedback__header{display:flex;align-items:center;gap:10px}.demo-feedback__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#f472b6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.demo-feedback__avatar svg{width:20px;height:20px}.demo-feedback__user{display:flex;flex-direction:column;gap:1px}.demo-feedback__username{font-size:14px;font-weight:600;color:#fff}.demo-feedback__time{font-size:11px;color:#ffffff4d}.demo-feedback__text{font-size:14px;color:#ffffffb3;margin:0;line-height:1.5}.demo-feedback__focus{display:flex;gap:6px;flex-wrap:wrap}.demo-feedback__focus-tag{font-size:11px;font-weight:600;color:#ffffff73;background:#ffffff0d;padding:5px 14px;border-radius:50px;transition:all .25s ease}.demo-feedback__focus-tag--active{color:#ec4899;background:#ec48991f}.demo-feedback__wave{display:flex;align-items:center;gap:2px;height:48px;padding:8px 0}.demo-feedback__bar{flex:1;height:var(--h);background:linear-gradient(to top,#ec4899,#f472b6);border-radius:50px;opacity:.6;animation:waveGrow .6s cubic-bezier(.16,1,.3,1) backwards;animation-delay:var(--delay)}@keyframes waveGrow{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:.6}}.demo-feedback__actions{display:flex;align-items:center;gap:12px;padding-top:4px}.demo-feedback__comment-btn{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:none;border-radius:50px;padding:8px 14px;color:#ffffff80;font-size:13px;font-weight:500;cursor:default}.demo-feedback__views{display:flex;align-items:center;gap:5px;font-size:12px;color:#ffffff59}.demo-quest{width:100%}.demo-quest__card{background:#ffffff0a;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:14px}.demo-quest__badge{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;font-size:11px;font-weight:700;color:#7c5fff;background:#7c5fff1f;padding:5px 14px;border-radius:50px;letter-spacing:.3px}.demo-quest__header{display:flex;align-items:center;gap:10px}.demo-quest__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#7c5fff,#a78bfa);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;flex-shrink:0}.demo-quest__user{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.demo-quest__username{font-size:14px;font-weight:600;color:#fff}.demo-quest__role{font-size:11px;color:#ffffff59}.demo-quest__status{font-size:11px;font-weight:600;color:#10b981;background:#10b9811f;padding:4px 12px;border-radius:50px;flex-shrink:0}.demo-quest__text{font-size:14px;color:#ffffffb3;margin:0;line-height:1.5}.demo-quest__tags{display:flex;gap:6px;flex-wrap:wrap}.demo-quest__tag{font-size:11px;font-weight:600;color:var(--tag-color);background:color-mix(in srgb,var(--tag-color) 12%,transparent);padding:5px 14px;border-radius:50px;animation:slideIn .4s cubic-bezier(.16,1,.3,1) backwards;animation-delay:var(--tag-delay)}.demo-quest__footer{display:flex;align-items:center;justify-content:space-between;padding-top:6px}.demo-quest__info{display:flex;align-items:center;gap:12px}.demo-quest__responses{display:flex;align-items:center;gap:5px;font-size:12px;color:#fff6}.demo-quest__cta{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#fff;background:#7c5fff;border:none;padding:8px 18px;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px -4px #7c5fff66}.demo-quest__cta:hover{filter:brightness(1.15)}.demo-quest__cta:active{transform:scale(.95)}.demo-quest__cta--done{background:#10b981;box-shadow:0 4px 16px -4px #10b98166}.demo-collab{width:100%}.demo-collab__session{background:#ffffff0a;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px}.demo-collab__top{display:flex;align-items:center;gap:10px}.demo-collab__live{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#ef4444;background:#ef44441f;padding:5px 12px;border-radius:50px;letter-spacing:.5px}.demo-collab__live-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.demo-collab__name{font-size:15px;font-weight:600;color:#fff}.demo-collab__eq{display:flex;align-items:flex-end;gap:3px;height:60px;padding:8px 0}.demo-collab__eq-bar{flex:1;background:linear-gradient(to top,#06b6d4,#22d3ee);border-radius:50px;opacity:.7;animation:eqBounce 1s ease-in-out infinite alternate;animation-delay:var(--eq-delay)}@keyframes eqBounce{0%{height:15%}to{height:90%}}.demo-collab__users{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.demo-collab__user{display:flex;align-items:center;gap:6px;background:#ffffff0d;padding:6px 12px;border-radius:50px;animation:slideIn .4s cubic-bezier(.16,1,.3,1) backwards;animation-delay:var(--user-delay)}@keyframes slideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.demo-collab__user-avatar{width:24px;height:24px;border-radius:50%;background:var(--user-color);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.demo-collab__user-name{font-size:12px;font-weight:600;color:#fffc}.demo-collab__user-indicator{width:6px;height:6px;border-radius:50%;background:#10b981;animation:livePulse 2s ease-in-out infinite}.demo-collab__join{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#06b6d4;background:#06b6d41a;padding:6px 12px;border-radius:50px;cursor:default;animation:slideIn .4s cubic-bezier(.16,1,.3,1) backwards;animation-delay:.45s}.demo-collab__chat{display:flex;flex-direction:column;gap:6px;padding-top:4px}.demo-collab__msg{font-size:12px;color:#ffffff80;line-height:1.4;animation:msgFadeIn .4s cubic-bezier(.16,1,.3,1) backwards;animation-delay:var(--msg-delay)}.demo-collab__msg span{font-weight:600}@keyframes msgFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.demo-profile{width:100%}.demo-profile__card{background:#ffffff0a;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;gap:0}.demo-profile__header{display:flex;gap:14px;padding:18px 18px 0;align-items:flex-start}.demo-profile__avatar{width:56px;height:56px;min-width:56px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#ef4444);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:700;flex-shrink:0}.demo-profile__header-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.demo-profile__name-row{display:flex;align-items:center;gap:6px}.demo-profile__name{font-size:17px;font-weight:700;color:#fff;margin:0;line-height:1.2}.demo-profile__availability{width:8px;height:8px;border-radius:50%;background:#10b981;flex-shrink:0;animation:livePulse 2s ease-in-out infinite}.demo-profile__badges-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.demo-profile__badge{width:24px;height:24px;display:flex;align-items:center;justify-content:center;animation:badgePop .5s cubic-bezier(.16,1,.3,1) backwards;animation-delay:var(--badge-delay)}@keyframes badgePop{0%{opacity:0;transform:scale(.3) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}.demo-profile__badge img{width:100%;height:100%;object-fit:contain}.demo-profile__role-pill{font-size:10px;font-weight:600;color:#f59e0b;background:#f59e0b1f;padding:3px 10px;border-radius:50px;margin-left:2px}.demo-profile__tags{display:flex;gap:4px;flex-wrap:wrap}.demo-profile__tag{font-size:10px;font-weight:600;color:#ffffff80;background:#ffffff0f;padding:3px 10px;border-radius:50px}.demo-profile__bio{font-size:12px;color:#ffffff73;margin:0;line-height:1.4}.demo-profile__stats{display:flex;justify-content:space-around;padding:12px 18px;margin-top:14px}.demo-profile__stat{display:flex;flex-direction:column;align-items:center;gap:1px}.demo-profile__stat-value{font-size:15px;font-weight:700;color:#fff}.demo-profile__stat-label{font-size:10px;color:#ffffff4d;text-transform:uppercase;letter-spacing:.3px}.demo-profile__vitrine{padding:12px 18px 18px;display:flex;flex-direction:column;gap:10px}.demo-profile__tabs{display:flex;gap:0}.demo-profile__tab{font-size:11px;font-weight:600;color:#ffffff4d;padding:6px 14px;cursor:pointer;position:relative;transition:color .2s ease}.demo-profile__tab:hover:not(.demo-profile__tab--active){color:#ffffff80}.demo-profile__tab--active{color:#f59e0b}.demo-profile__tab--active:after{content:"";position:absolute;bottom:-1px;left:14px;right:14px;height:2px;background:#f59e0b;border-radius:2px}.demo-profile__grid{display:flex;gap:8px}.demo-profile__track-card{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;animation:trackSlideIn .4s cubic-bezier(.16,1,.3,1) backwards;animation-delay:var(--track-delay)}@keyframes trackSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.demo-profile__track-cover{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#ffffff08}.demo-profile__track-cover-img{width:100%;height:100%;object-fit:cover;display:block}.demo-profile__track-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .2s ease}.demo-profile__track-card:hover .demo-profile__track-play{opacity:1}.demo-profile__track-type{position:absolute;top:4px;right:4px;font-size:8px;font-weight:700;color:#fff;background:#3e1cfdcc;padding:2px 5px;border-radius:4px;letter-spacing:.3px}.demo-profile__track-info{display:flex;flex-direction:column;gap:1px}.demo-profile__track-title{font-size:11px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-profile__track-meta{font-size:9px;color:#ffffff4d}.demo-profile__track-footer{display:flex;align-items:center;justify-content:space-between}.demo-profile__track-plays{display:flex;align-items:center;gap:2px;font-size:10px;color:#ffffff59}.demo-profile__track-fav{color:#fff3;flex-shrink:0}.demo-profile__list{display:flex;flex-direction:column;gap:4px}.demo-profile__list-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff08;border-radius:10px;animation:trackSlideIn .4s cubic-bezier(.16,1,.3,1) backwards;animation-delay:var(--track-delay);transition:background .2s ease}.demo-profile__list-item:hover{background:#ffffff0f}.demo-profile__list-cover{width:34px;height:34px;border-radius:6px;overflow:hidden;flex-shrink:0;position:relative}.demo-profile__list-cover-img{width:100%;height:100%;object-fit:cover;display:block}.demo-profile__list-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;opacity:0;transition:opacity .2s ease}.demo-profile__list-item:hover .demo-profile__list-play{opacity:1}.demo-profile__list-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.demo-profile__list-title{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-profile__list-meta{font-size:10px;color:#ffffff4d}.demo-profile__list-duration{font-size:10px;color:#ffffff59;flex-shrink:0}.demo-profile__list-type{font-size:8px;font-weight:700;color:#fff;background:#3e1cfdb3;padding:2px 5px;border-radius:4px;letter-spacing:.3px;flex-shrink:0}.demo-profile__list-plays-count{display:flex;align-items:center;gap:2px;font-size:10px;color:#ffffff4d;flex-shrink:0}.demo-profile__list-fav{color:#fff3;flex-shrink:0}.demo-events{width:100%}.demo-events__card{background:#ffffff0a;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px}.demo-events__top{display:flex;align-items:center;gap:12px}.demo-events__trophy{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#ef444426,#ef44440d);display:flex;align-items:center;justify-content:center;color:#ef4444;flex-shrink:0}.demo-events__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.demo-events__name{font-size:15px;font-weight:600;color:#fff}.demo-events__timer{display:flex;align-items:center;gap:4px;font-size:11px;color:#ffffff59}.demo-events__participants{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#ffffff80;background:#ffffff0d;padding:6px 12px;border-radius:50px;flex-shrink:0}.demo-events__leaderboard{display:flex;flex-direction:column;gap:8px}.demo-events__entry{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff08;border-radius:14px;cursor:pointer;transition:all .25s ease;animation:trackSlideIn .5s cubic-bezier(.16,1,.3,1) backwards;animation-delay:var(--entry-delay)}.demo-events__entry:hover{background:#ffffff0f}.demo-events__entry--voted{background:#ef44440f}.demo-events__rank{font-size:14px;font-weight:800;color:var(--rank-color);min-width:28px}.demo-events__entry-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.demo-events__entry-name{font-size:13px;font-weight:600;color:#fff}.demo-events__entry-title{font-size:11px;color:#ffffff59}.demo-events__vote{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#fff6;background:#ffffff0d;border:none;padding:6px 14px;border-radius:50px;cursor:pointer;transition:all .25s ease}.demo-events__vote:hover{color:#ef4444;background:#ef44441a}.demo-events__vote--active{color:#ef4444!important;background:#ef444426!important}.demo-challenges{width:100%}.demo-challenges__list{display:flex;flex-direction:column;gap:10px}.demo-challenges__badge-card{background:#ffffff0a;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;animation:trackSlideIn .5s cubic-bezier(.16,1,.3,1) backwards;animation-delay:var(--badge-card-delay)}.demo-challenges__badge-header{display:flex;align-items:center;gap:10px}.demo-challenges__badge-icon{width:40px;height:40px;object-fit:contain;flex-shrink:0}.demo-challenges__badge-info{display:flex;flex-direction:column;gap:1px}.demo-challenges__badge-name{font-size:14px;font-weight:600;color:#fff}.demo-challenges__badge-level{font-size:11px;font-weight:600}.demo-challenges__levels{display:flex;align-items:center;gap:6px}.demo-challenges__level{width:32px;height:32px;display:flex;align-items:center;justify-content:center;filter:grayscale(100%) opacity(.3)}.demo-challenges__level-icon{width:100%;height:100%;object-fit:contain}.demo-challenges__level--done,.demo-challenges__level--current{filter:none}.demo-challenges__progress-wrap{display:flex;flex-direction:column;gap:4px}.demo-challenges__progress-bar{width:100%;height:6px;background:#ffffff0f;border-radius:50px;overflow:hidden}.demo-challenges__progress-fill{height:100%;border-radius:50px;transition:width .8s cubic-bezier(.16,1,.3,1)}.demo-challenges__progress-text{font-size:11px;color:#ffffff59}@media(min-width:640px){.tour__container{padding:32px 40px}.tour__content{gap:32px}.tour__title{font-size:40px}.tour__subtitle{font-size:15px}.demo-swipe{width:340px;height:420px}.demo-swipe__name{font-size:22px}.tour__next{height:44px;min-width:160px;font-size:14px}.tour__prev{height:44px;padding:0 22px}}@media(min-width:900px){.tour__container{padding:40px 56px}.tour__content{flex-direction:row;align-items:center;gap:48px}.tour__left{flex:1;min-width:0;gap:28px}.tour__header{text-align:left;align-items:flex-start}.tour__title{font-size:44px;letter-spacing:-1px}.tour__comparison{flex-direction:column;gap:10px}.tour__comparison-item{padding:16px 20px}.tour__demo{flex:1;min-width:0;justify-content:center}.demo-swipe{width:340px;height:420px}.tour__nav{position:fixed;bottom:36px;left:50%;transform:translate(-50%);background:#050510b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:8px 16px;border-radius:50px;gap:10px}}@media(min-width:1200px){.tour__container{padding:44px 80px}.tour__title{font-size:52px}.tour__subtitle{font-size:15px}.tour__comparison-text{font-size:14px}.demo-swipe{width:380px;height:470px}}@media(max-width:380px){.tour__container{padding:16px 14px}.tour__topbar{margin-bottom:10px}.tour__dot{width:18px}.tour__dot.active{width:26px}.tour__feature-name{font-size:10px;padding:3px 10px;margin-bottom:8px}.tour__content{gap:16px}.tour__title{font-size:26px}.tour__subtitle{font-size:12px}.tour__comparison{flex-direction:column;gap:8px}.tour__comparison-item{padding:10px 12px}.tour__comparison-text{font-size:12px}.demo-swipe{width:240px;height:300px}.demo-swipe__name{font-size:16px}.demo-swipe__producer{font-size:11px}.demo-feedback__post,.demo-collab__session,.demo-quest__card,.demo-events__card,.demo-challenges__badge-card{padding:14px}.demo-feedback__text{font-size:13px}.demo-profile__header{padding:14px 14px 0;gap:10px}.demo-profile__avatar{width:44px;height:44px;min-width:44px;font-size:18px}.demo-profile__name{font-size:15px}.demo-profile__vitrine{padding:10px 14px 14px}.demo-profile__grid{gap:6px}.tour__nav{padding-top:12px;gap:8px}.tour__next{height:38px;min-width:120px;font-size:13px;padding:0 18px}.tour__prev{height:38px;padding:0 14px;font-size:12px}.tour__nav-counter{font-size:11px}}@media(prefers-reduced-motion:reduce){.tour,.tour__content,.demo-swipe__card,.demo-feedback__bar,.demo-collab__eq-bar,.demo-collab__user,.demo-collab__join,.demo-collab__msg,.demo-profile__badge,.demo-profile__track-card,.demo-profile__list-item,.demo-quest__tag,.demo-events__entry,.demo-challenges__badge-card{animation:none!important}}.maintenance-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#121b2f,#06050c 42%);background-attachment:fixed;padding:var(--spacing-xl)}.maintenance-content{text-align:center;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.maintenance-animation{width:900px;max-width:100%}.maintenance-content h1{color:#fff;font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);margin:0}.maintenance-content p{color:#a3a3a3;font-size:var(--font-size-md);max-width:500px;margin:0;line-height:1.5}.maintenance-message{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px 18px;font-size:var(--font-size-base, 14px);color:#ffffffd9;white-space:pre-wrap;text-align:left;max-width:500px;width:100%}.maintenance-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap;justify-content:center}.maintenance-admin-link{background:transparent;border:none;color:#e9eef773;font-size:12px;cursor:pointer;padding:6px 12px;margin-top:4px;text-decoration:underline;transition:color .15s}.maintenance-admin-link:hover{color:#ffffffd9}.maintenance-admin-banner{background:linear-gradient(90deg,#ff6b6b,#ffa45c);color:#1a1a2e;font-weight:600;font-size:13px;text-align:center;padding:8px 16px;letter-spacing:.01em;box-shadow:0 2px 8px #0003;border-radius:8px}@media(max-width:768px){.maintenance-animation{width:380px}.maintenance-content h1{font-size:var(--font-size-xl)}.maintenance-content p{font-size:var(--font-size-base)}.maintenance-actions{flex-direction:column;width:100%}.maintenance-actions .btn-primary,.maintenance-actions .btn-secondary{width:100%}}@media(max-width:480px){.maintenance-animation{width:280px}.maintenance-content h1{font-size:var(--font-size-lg)}}