@charset "UTF-8";@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}body{padding:0;width:100%;height:100%;margin:0}.main-container{width:100%;min-height:100vh;background-color:#c2c1c14d;position:relative;-ms-overflow-style:none;scrollbar-width:none}.main-container::-webkit-scrollbar{display:none;width:.00001vw}.main-container .top-container{width:100%;padding:0;margin:0}.main-container .main-content{height:100%;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}body.dark-mode .main-container{background-color:#212e3b!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.background-container{width:100%;padding:0;overflow:hidden;background:#fff}.bottom-player{position:fixed;bottom:0;left:0;right:0;z-index:1000;border-radius:0;border-top:1px solid rgba(0,0,0,.12);background-color:#fff;padding:12px 16px;min-height:100px;display:flex;align-items:center;transition:min-height .2s ease,padding .2s ease,background-color .2s ease}.bottom-player.dark-mode{background-color:#1a1a1a;border-top:1px solid rgba(255,255,255,.12)}.bottom-player.dark-mode .resize-handle:before{background:#ffffff59}.bottom-player .resize-handle{position:absolute;top:-6px;left:0;right:0;height:12px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;z-index:1001}.bottom-player .resize-handle:before{content:"";width:44px;height:4px;border-radius:999px;background:#00000040}.center-controls{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;display:flex;flex-direction:column;align-items:center;z-index:2}.track-info{position:absolute;left:0;top:50%;transform:translateY(-50%);min-width:0;max-width:250px;z-index:1;padding-left:16px}.volume-controls{position:absolute;right:0;top:50%;transform:translateY(-50%);min-width:0;max-width:150px;z-index:1;padding-right:16px;display:flex;align-items:center}.volume-popup{position:absolute;bottom:100%;right:0;background-color:#fff;border:1px solid rgba(0,0,0,.12);border-radius:8px;box-shadow:0 4px 16px #00000026;padding:12px 8px;margin-bottom:8px;min-width:120px;z-index:10}.bottom-player.dark-mode .volume-popup{background-color:#2a2a2a;border-color:#ffffff1f}.bottom-player.mobile{min-height:180px;flex-direction:column;padding:8px 4px}.center-controls.mobile{position:static;width:100%;max-width:100%;left:unset;top:unset;transform:unset;align-items:stretch}.track-info.mobile{position:static;left:unset;top:unset;transform:unset;max-width:100%;padding-left:0;margin-top:8px;text-align:center}.volume-controls.mobile{position:static;right:unset;top:unset;transform:unset;max-width:100%;padding-right:0;margin-top:8px}.bottom-player.mobile .MuiPopover-paper{min-width:200px!important}body.with-bottom-player .main-content{margin-bottom:var(--bottom-player-height, 9rem)!important;transition:margin-bottom .2s ease}.bottom-player[style*="min-height: 0px"],.bottom-player[style*="min-height: 1px"],.bottom-player[style*="min-height: 2px"],.bottom-player[style*="min-height: 3px"],.bottom-player[style*="min-height: 4px"],.bottom-player[style*="min-height: 5px"],.bottom-player[style*="min-height: 6px"],.bottom-player[style*="min-height: 7px"],.bottom-player[style*="min-height: 8px"],.bottom-player[style*="min-height: 9px"],.bottom-player[style*="min-height: 10px"]{padding-top:4px;padding-bottom:4px}@media (max-width: 600px){.center-controls{width:98%;max-width:98vw}.track-info{max-width:120px;padding-left:6px}.volume-controls{max-width:80px;padding-right:6px}}.progress-circle{margin:auto;size:2.5rem}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.donate-button{display:flex;align-items:center}.donate-button__link{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;width:12rem;height:2.2rem;background-color:#ffc439!important;border-radius:4px!important;border:none!important;box-shadow:none!important;transition:background-color .2s ease!important}.donate-button__link:hover{background-color:#f0b429!important;box-shadow:none!important}.donate-button__label{color:#fff;opacity:.8;font-family:ChakraPetch-Regular,sans-serif;font-size:.8rem;font-weight:600;white-space:nowrap;text-transform:none}.donate-button__paypal-icon{height:1.3rem;width:auto}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.tool-bar-mobile{background-color:#f1f1f1;top:0%;z-index:100;width:100%;position:fixed!important;min-height:3rem}.tool-bar-mobile .menu-icon{color:#2d2d2d}.tool-bar-mobile .title-current-page{text-align:center;font-family:NunitoSans-Regular,sans-serif;font-size:1.14rem}.menu-drawer{z-index:50;align-items:center;display:flex;height:100%}.menu-drawer .server-status .MuiTypography-root{color:#2d2d2d!important}.menu-drawer .server-status .MuiButtonBase-root{background-color:transparent}.menu-drawer .dark-mode .MuiTypography-root{color:#2d2d2d}.menu-drawer .menu-donate{position:fixed;bottom:1.5rem;align-self:center}.menu-drawer .copyright{font-family:ChakraPetch-Regular,sans-serif;font-size:.8rem;padding-inline:.2rem;position:fixed;bottom:0;top:1}.menu-drawer .logout-button{color:#fff;bottom:1;margin:1rem;background-color:#e83a3a}.menu-drawer .server-status{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.menu-drawer .server-status .status-button{border-radius:20rem;padding:0;z-index:1;width:fit-content;align-self:center;height:3.8rem}.menu-drawer .server-status .online{background-color:#5df073;animation:pulse 1.5s infinite ease-in-out}.menu-drawer .server-status .offline{background-color:#f84b56;animation:fadeOut 2.5s infinite ease-in-out}.menu-drawer .server-status .offline,.menu-drawer .server-status .online{width:1rem;border-radius:20rem;height:1rem}.menu-drawer .sound-wave{z-index:-50;opacity:.5}.menu-drawer .dark-mode-switch .MuiButtonBase-root{padding:.2rem;margin:.3rem;background-color:#fff}.menu-drawer .dark-mode-switch .MuiButtonBase-root .lucide{color:#2d2d2d}.menu-drawer .dark-mode-switch .MuiButtonBase-root.Mui-checked{background-color:#fff;background-color:#2d2d2d}.menu-drawer .dark-mode-switch .MuiButtonBase-root.Mui-checked .lucide{color:#fff}.menu-drawer .menu-toolbar-drawer{color:#2d2d2d}.menu-drawer .side-bar{padding:0}.menu-drawer .menu-list{gap:.5rem;display:flex;flex-direction:column}.menu-drawer .menu-list .MuiListItemText-root .MuiTypography-root{font-size:1rem;font-family:ChakraPetch-Regular,sans-serif;color:#2d2d2dcc}.menu-drawer .menu-list .icon{width:1.3rem;height:1.3rem;color:#2d2d2dcc;display:inline-block;vertical-align:middle}.menu-drawer .menu-list .MuiListItemIcon-root{min-width:0;width:fit-content;padding-inline:1rem}.menu-drawer .menu-list.premium-item .MuiListItemButton-root{position:relative;overflow:hidden}.menu-drawer .menu-list.premium-item .MuiListItemButton-root:after{content:"PRO";display:inline-flex;align-items:center;margin-left:8px;font-size:.6rem;font-weight:900;padding:1px 4px;border-radius:3px;background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728);color:#1a1a1a;box-shadow:0 0 5px #bf953f33;flex-shrink:0}.menu-drawer .menu-list.premium-item .MuiListItemButton-root:hover{background-color:#bf953f14}.menu-drawer .menu-list.premium-item .MuiListItemButton-root:hover .gold-wave-mini-inline{animation:waveShimmer 2s ease-in-out infinite}.menu-drawer .menu-list.premium-item .MuiListItemButton-root:hover .premium-indicator-icon{animation:premiumBounce .6s ease-in-out infinite alternate}.menu-drawer .menu-list.premium-item .premium-indicator-icon{width:18px;height:18px;flex-shrink:0;margin-left:8px;object-fit:contain;filter:drop-shadow(0 0 2px rgba(191,149,63,.4))}.menu-drawer .menu-list.premium-item .icon{color:#b38728!important;opacity:.9}.menu-drawer .menu-list.premium-item .MuiListItemText-root .MuiTypography-root{color:#b38728!important;font-weight:600!important;display:flex;align-items:center;white-space:nowrap;overflow:visible}@keyframes premiumBounce{0%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(191,149,63,.4))}to{transform:scale(1.15);filter:drop-shadow(0 0 5px rgba(191,149,63,.6))}}.menu-drawer .menu-categories{flex:1;overflow-y:auto;padding-bottom:5rem;scrollbar-width:thin;scrollbar-color:rgba(13,64,114,.2) transparent}.menu-drawer .menu-categories::-webkit-scrollbar{width:5px;height:5px}.menu-drawer .menu-categories::-webkit-scrollbar-track{background:transparent;border-radius:5px}.menu-drawer .menu-categories::-webkit-scrollbar-thumb{background:#0d407233;border-radius:5px;transition:background .2s ease}.menu-drawer .menu-categories::-webkit-scrollbar-thumb:hover{background:#0d407266}.menu-drawer .menu-standalone-item .MuiListItemButton-root{padding:.6rem 1rem;border-radius:.5rem;margin:.15rem .5rem;transition:background-color .15s ease}.menu-drawer .menu-standalone-item .MuiListItemIcon-root{min-width:0;width:fit-content;padding-right:.75rem}.menu-drawer .menu-standalone-item .MuiListItemText-root .MuiTypography-root{font-size:.95rem;font-family:ChakraPetch-Regular,sans-serif;color:#2d2d2dcc}.menu-drawer .menu-standalone-item .icon{width:1.3rem;height:1.3rem;color:#2d2d2db3;display:inline-block;vertical-align:middle}.menu-drawer .menu-standalone-item.active .MuiListItemButton-root{background-color:#0d40721a}.menu-drawer .menu-standalone-item.active .MuiListItemText-root .MuiTypography-root{color:#0d4072;font-weight:600}.menu-drawer .menu-standalone-item.active .icon{color:#0d4072}.menu-drawer .menu-category .menu-category-header{padding:.6rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.5rem;margin:.15rem .5rem;transition:background-color .15s ease}.menu-drawer .menu-category .menu-category-header:hover{background-color:#2d2d2d0d}.menu-drawer .menu-category .menu-category-header .menu-category-icon{display:flex;align-items:center;margin-right:.75rem}.menu-drawer .menu-category .menu-category-header .menu-category-icon .icon{width:1.2rem;height:1.2rem;color:#2d2d2db3}.menu-drawer .menu-category .menu-category-header .menu-category-label{flex:1;font-family:NunitoSans-Regular,sans-serif;font-size:.9rem;font-weight:600;color:#2d2d2db3;letter-spacing:.02em;text-transform:uppercase}.menu-drawer .menu-category .menu-category-header .menu-category-chevron{width:1rem;height:1rem;color:#2d2d2d80;transition:transform .2s ease}.menu-drawer .menu-category .menu-category-header .menu-category-chevron.open{transform:rotate(90deg)}.menu-drawer .menu-category .menu-category-items .menu-category-item .MuiListItemButton-root{padding-left:2.8rem;padding-top:.35rem;padding-bottom:.35rem;border-radius:.4rem;margin:.1rem .5rem;transition:background-color .15s ease}.menu-drawer .menu-category .menu-category-items .menu-category-item .MuiListItemIcon-root{min-width:0;width:fit-content;padding-right:.75rem}.menu-drawer .menu-category .menu-category-items .menu-category-item .MuiListItemText-root .MuiTypography-root{font-size:.9rem;font-family:ChakraPetch-Regular,sans-serif;color:#2d2d2dcc}.menu-drawer .menu-category .menu-category-items .menu-category-item .icon{width:1.1rem;height:1.1rem;color:#2d2d2db3;display:inline-block;vertical-align:middle}.menu-drawer .menu-category .menu-category-items .menu-category-item.active .MuiListItemButton-root{background-color:#0d40721a}.menu-drawer .menu-category .menu-category-items .menu-category-item.active .MuiListItemText-root .MuiTypography-root{color:#0d4072;font-weight:600}.menu-drawer .menu-category .menu-category-items .menu-category-item.active .icon{color:#0d4072}@media (max-width: 768px){.menu-drawer .MuiDrawer-paper{background:#e1e1e1!important}}.menu-drawer .MuiDrawer-paper{overflow-x:hidden;display:flex;flex-direction:column;background-color:#f1f1f199;scrollbar-width:thin;scrollbar-color:rgba(13,64,114,.2) transparent}.menu-drawer .MuiDrawer-paper::-webkit-scrollbar{width:5px;height:5px}.menu-drawer .MuiDrawer-paper::-webkit-scrollbar-track{background:transparent;border-radius:5px}.menu-drawer .MuiDrawer-paper::-webkit-scrollbar-thumb{background:#0d407233;border-radius:5px;transition:background .2s ease}.menu-drawer .MuiDrawer-paper::-webkit-scrollbar-thumb:hover{background:#0d407266}.menu-drawer .main-text-logo{align-self:center;text-transform:uppercase;cursor:pointer;font-size:1.2rem;font-weight:600;word-wrap:warp;width:100%;text-align:center}.menu-drawer .image-container{margin:.5rem 1.2rem}.menu-drawer .image-container img{cursor:pointer;border-radius:15px;width:3.5rem}.main-content-container{margin-left:240px;width:calc(100% - 240px)}body.dark-mode .tool-bar-mobile{background-color:#4e4e4e!important}body.dark-mode .tool-bar-mobile .menu-icon,body.dark-mode .tool-bar-mobile .title-current-page,body.dark-mode .menu-drawer .server-status .MuiTypography-root{color:#fff!important}body.dark-mode .menu-drawer .server-status .MuiButtonBase-root{background-color:transparent}body.dark-mode .menu-drawer .dark-mode .MuiTypography-root{color:#fff!important}body.dark-mode .menu-drawer .MuiDivider-root{background-color:#4e4e4e!important}body.dark-mode .menu-drawer .menu-toolbar-drawer{color:#fff!important}body.dark-mode .menu-drawer .menu-list .MuiListItemText-root .MuiTypography-root,body.dark-mode .menu-drawer .icon,body.dark-mode .menu-drawer .icon .lucide,body.dark-mode .menu-drawer .menu-standalone-item .MuiListItemText-root .MuiTypography-root{color:#fffc!important}body.dark-mode .menu-drawer .menu-standalone-item.active .MuiListItemButton-root{background-color:#0d407226!important}body.dark-mode .menu-drawer .menu-standalone-item.active .MuiListItemText-root .MuiTypography-root,body.dark-mode .menu-drawer .menu-standalone-item.active .icon{color:#72b9fb!important}body.dark-mode .menu-drawer .menu-category .menu-category-header:hover{background-color:#ffffff14!important}body.dark-mode .menu-drawer .menu-category .menu-category-header .menu-category-label{color:#ffffffb3!important}body.dark-mode .menu-drawer .menu-category .menu-category-header .menu-category-chevron{color:#ffffff80!important}body.dark-mode .menu-drawer .menu-category .menu-category-items .menu-category-item .MuiListItemText-root .MuiTypography-root{color:#fffc!important}body.dark-mode .menu-drawer .menu-category .menu-category-items .menu-category-item.active .MuiListItemButton-root{background-color:#0d407226!important}body.dark-mode .menu-drawer .menu-category .menu-category-items .menu-category-item.active .MuiListItemText-root .MuiTypography-root,body.dark-mode .menu-drawer .menu-category .menu-category-items .menu-category-item.active .icon{color:#72b9fb!important}body.dark-mode .menu-drawer .menu-categories{scrollbar-color:rgba(255,255,255,.12) transparent}body.dark-mode .menu-drawer .menu-categories::-webkit-scrollbar{width:5px;height:5px}body.dark-mode .menu-drawer .menu-categories::-webkit-scrollbar-track{background:transparent;border-radius:5px}body.dark-mode .menu-drawer .menu-categories::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:5px}body.dark-mode .menu-drawer .menu-categories::-webkit-scrollbar-thumb:hover{background:#ffffff40}body.dark-mode .menu-drawer .MuiDrawer-paper{background-color:#212e3b!important;color:#fff!important}.sound-wave{width:400px;height:100px;position:absolute}.sound-wave .wave-path{stroke:#3cc8e7;stroke-width:3;fill:none;stroke-linecap:round;animation:waveFlow 5.5s linear infinite;stroke-dasharray:200,600;--darkreader-inline-stroke: #3cc8e7 !important;filter:drop-shadow(0 0 20px rgba(60,200,231,.6352941176)) drop-shadow(0 0 20px rgba(60,200,231,.4823529412))}@keyframes waveFlow{0%{stroke-dashoffset:1}to{stroke-dashoffset:-800}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.loading-container{position:relative;width:100%}.loading-container__content{filter:none}.loading-container.loading .loading-container__content{visibility:hidden}.loading-container__shimmer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(110deg,#eaeaea99 8%,#c2c1c173 18%,#eaeaea40 33%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}body.dark-mode .loading-container__shimmer{background:linear-gradient(110deg,#1e293bd9 8%,#64748b59 18%,#1e293b80 33%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.auth-logout-popup-container .auth-logout-popup-paper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;gap:1rem;border-radius:1rem;background-color:#fff;box-shadow:0 8px 32px #0000001a;max-width:400px;width:100%}.auth-logout-popup-container .auth-logout-popup-paper .logout-title{font-family:Assistant-Bold,sans-serif;font-size:1.5rem;color:#2d2d2d;padding:0;margin-bottom:.5rem}.auth-logout-popup-container .auth-logout-popup-paper .logout-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:0;width:100%}.auth-logout-popup-container .auth-logout-popup-paper .logout-content .logout-message{font-family:NunitoSans-Regular,sans-serif;color:#2d2d2d;text-align:center}.auth-logout-popup-container .auth-logout-popup-paper .logout-content .confirm-btn{flex:1;font-family:Liter-Regular,sans-serif;font-weight:600;color:#fff;background-color:#4e78ed;border-radius:.5rem;padding:.6rem 1.5rem;text-transform:none;transition:all .2s ease}.auth-logout-popup-container .auth-logout-popup-paper .logout-content .confirm-btn:hover{background-color:#2055e8;transform:translateY(-1px)}.auth-logout-popup-container .auth-logout-popup-paper .logout-content .cancel-btn{flex:1;font-family:Liter-Regular,sans-serif;font-weight:600;color:#636363d1;background-color:#c2c1c133;border:1px solid #c2c1c1;border-radius:.5rem;padding:.6rem 1.5rem;text-transform:none;transition:all .2s ease}.auth-logout-popup-container .auth-logout-popup-paper .logout-content .cancel-btn:hover{background-color:#4a4a4ad1;transform:translateY(-1px);color:#fff}.top-bar-main-container{z-index:500;position:fixed;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);width:100%}.top-bar-main-container .divider{width:100%;height:100%;top:.05rem}.top-bar-main-container .content-top-bar{z-index:50}.top-bar-main-container .content-top-bar .back-button{width:3rem;border-radius:.5rem;margin-inline:1rem;border:1px solid rgba(45,45,45,.12);transition:background-color .2s ease,transform .1s ease}.top-bar-main-container .content-top-bar .title-current-page{font-family:NunitoSans-Regular,sans-serif;margin-inline:1rem;font-size:1.2rem}.top-bar-main-container .beta-sign{justify-self:center;align-self:center;width:fit-content;padding:.1rem 1rem;border-radius:1rem;background-color:#5ced4e;margin:1rem}.top-bar-main-container .item-bar{font-size:.9rem;font-weight:600;text-transform:uppercase;opacity:.8}.top-bar-main-container .selected{background-color:#1794dc;transition:background-color .2s ease-in-out;border:1px solid rgba(45,45,45,.1);border-radius:6px;justify-self:center;font-weight:700;align-self:center;min-height:0;opacity:1;height:2.5rem}.top-bar-main-container .dark-mode-switch .MuiButtonBase-root{padding:.2rem;margin:.3rem;background-color:#fff}.top-bar-main-container .dark-mode-switch .MuiButtonBase-root .lucide{color:#2d2d2d}.top-bar-main-container .dark-mode-switch .MuiButtonBase-root.Mui-checked{background-color:#fff;background-color:#2d2d2d}.top-bar-main-container .dark-mode-switch .MuiButtonBase-root.Mui-checked .lucide{color:#fff}.top-bar-main-container .user-profile{align-self:center;padding:.14rem;z-index:1}.top-bar-main-container .user-profile .user-profile-image{width:2.5rem;border-radius:50%;height:2.5rem}.top-bar-main-container .user-profile .icon{padding:.2rem;color:#2d2d2d;border:1px solid rgb(45,45,45);width:1.5rem;height:1.5rem}.top-bar-main-container .menu-bar-side .server-status{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.top-bar-main-container .menu-bar-side .server-status .status-button{border-radius:20rem;padding:0;z-index:1;width:fit-content;align-self:center;height:3.8rem;background-color:#ffffff1a}.top-bar-main-container .menu-bar-side .server-status .online{background-color:#5df073;animation:pulse 1.5s infinite ease-in-out}.top-bar-main-container .menu-bar-side .server-status .offline{background-color:#f84b56;animation:fadeOut 2.5s infinite ease-in-out}.top-bar-main-container .menu-bar-side .server-status .offline,.top-bar-main-container .menu-bar-side .server-status .online{width:1rem;border-radius:20rem;height:1rem}.top-bar-main-container .menu-bar-side .logout-button{order:9999;background-color:#f62323db;justify-content:space-evenly;min-width:0;z-index:5;margin-inline:1rem;padding:0;width:20%;height:2.5rem;min-height:0;justify-self:center;align-self:center;border-radius:8px;font-family:Liter-Regular,sans-serif;color:#fff;opacity:.8}body.dark-mode .top-bar-main-container{background-color:#212e3bcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fffc!important}body.dark-mode .top-bar-main-container .menu-bar-side .server-status .MuiTypography-root{color:#fff!important}body.dark-mode .top-bar-main-container .menu-bar-side .server-status .status-button{background-color:transparent!important}body.dark-mode .top-bar-main-container .menu-bar-side .user-profile .icon{color:#fff!important;border-color:#fff!important}body.dark-mode .top-bar-main-container .menu-bar-side .logout-button,body.dark-mode .top-bar-main-container .content-top-bar .title-current-page{color:#fff!important}body.dark-mode .top-bar-main-container .content-top-bar .back-button{background-color:#c2c1c126}body.dark-mode .top-bar-main-container .content-top-bar .back-button .lucide{color:#fff!important}body.dark-mode .auth-logout-popup-paper{background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}body.dark-mode .auth-logout-popup-paper .logout-title{color:#fff}body.dark-mode .auth-logout-popup-paper .logout-message{color:#fff!important}body.dark-mode .auth-logout-popup-paper .confirm-btn{background-color:#0c2a58!important;color:#fff!important}body.dark-mode .auth-logout-popup-paper .confirm-btn:hover{background-color:#06306f!important}body.dark-mode .auth-logout-popup-paper .cancel-btn{background-color:transparent!important;color:#fff!important;border:1.5px solid #1858b7!important}body.dark-mode .auth-logout-popup-paper .cancel-btn:hover{background-color:#ffffff1a!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.mobile-sidebar-paper{background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47)!important;width:75vw;max-width:280px;display:flex;flex-direction:column;box-shadow:4px 0 24px #0000004d}.mobile-sidebar-paper .mobile-sidebar-header{padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);justify-content:space-between;flex-shrink:0}.mobile-sidebar-paper .mobile-sidebar-header .sidebar-logo{cursor:pointer;gap:.75rem;align-items:center}.mobile-sidebar-paper .mobile-sidebar-header .sidebar-logo img{width:32px;height:32px;border-radius:8px}.mobile-sidebar-paper .mobile-sidebar-header .sidebar-logo .sidebar-logo-text{font-family:NunitoSans-Regular,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:.06em}.mobile-sidebar-paper .mobile-sidebar-header .sidebar-close-btn{color:#fff9;padding:.25rem}.mobile-sidebar-paper .mobile-sidebar-header .sidebar-close-btn:hover{color:#fff;background-color:#ffffff1a}.mobile-sidebar-paper .mobile-sidebar-nav{padding:.75rem;flex:1}.mobile-sidebar-paper .mobile-sidebar-nav .sidebar-nav-item{border-radius:8px;margin-bottom:.2rem;padding:.75rem 1rem}.mobile-sidebar-paper .mobile-sidebar-nav .sidebar-nav-item .MuiListItemText-primary{font-family:NunitoSans-Regular,sans-serif;font-size:.9rem;font-weight:500;text-transform:uppercase;color:#ffffffbf;letter-spacing:.06em}.mobile-sidebar-paper .mobile-sidebar-nav .sidebar-nav-item:hover{background-color:#ffffff1a}.mobile-sidebar-paper .mobile-sidebar-nav .sidebar-nav-item:hover .MuiListItemText-primary{color:#fff}.mobile-sidebar-paper .mobile-sidebar-nav .sidebar-nav-item.active{background-color:#0d1a2f99}.mobile-sidebar-paper .mobile-sidebar-nav .sidebar-nav-item.active .MuiListItemText-primary{color:#fff;font-weight:700}.mobile-sidebar-paper .mobile-sidebar-nav .sidebar-nav-item.go-app{margin-top:.75rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;border-radius:0}.mobile-sidebar-paper .mobile-sidebar-nav .sidebar-nav-item.go-app .MuiListItemText-primary{color:#72b9fb;font-weight:600}.mobile-sidebar-paper .mobile-sidebar-nav .sidebar-nav-item.go-app:hover{background-color:#ffffff1a}.mobile-sidebar-paper .mobile-sidebar-nav .sidebar-nav-item.go-app:hover .MuiListItemText-primary{color:#fff}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes fadeOut{0%{opacity:.85}50%{opacity:.4}to{opacity:.85}}.un-auth-top-bar-main-container{background-color:#162b5296;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;z-index:9999;position:fixed}@media (max-width: 768px){.un-auth-top-bar-main-container{height:3rem}}.un-auth-top-bar-main-container .hamburger-btn{color:#fff;flex-shrink:0;margin-left:.5rem}.un-auth-top-bar-main-container .hamburger-btn:hover{background-color:#ffffff1a}.un-auth-top-bar-main-container .logo-stack{cursor:pointer;min-width:250px}@media (max-width: 768px){.un-auth-top-bar-main-container .logo-stack{display:none}}.un-auth-top-bar-main-container .main-text-logo{align-self:center;text-transform:uppercase;font-size:1.4rem;white-space:nowrap;width:fit-content;color:#fff!important;font-weight:600;cursor:pointer}.un-auth-top-bar-main-container .image-container{padding:1rem;height:7vh;cursor:pointer;margin-inline:1rem}.un-auth-top-bar-main-container .image-container img{border-radius:10px;width:7vh}.un-auth-top-bar-main-container .top-tab-bar-container{border:none;height:100%;width:100%;margin-left:5rem;overflow:hidden}.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar{z-index:100;width:100%;height:100%}.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar.MuiTabs-root{min-height:0}.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar .MuiTabs-flexContainer{gap:1rem;align-items:center}.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar .MuiTabs-indicator{display:none}.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar .item-bar{font-size:.9rem;font-weight:400;font-family:NunitoSans-Regular,sans-serif;text-transform:uppercase;opacity:1;color:#fff;border-radius:6px;padding:.5rem 1rem;height:2.5rem;min-height:0;margin-block:.5rem;min-width:fit-content;transition:background-color .2s ease-in-out;width:2rem}.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar .item-bar.go-visual-audio{width:100%;border-radius:50rem;color:#fff;font-weight:600;text-transform:uppercase;padding:.5rem 1.5rem;font-size:.9rem;min-width:auto;white-space:nowrap}.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar .item-bar.go-visual-audio:hover{background-color:#ffffff1a}.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar .selected{background-color:#0d1a2f80;transition:background-color 2s ease-in-out all;font-weight:500;border-radius:50px;min-height:0;opacity:1;height:2.5rem}.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar .user-actions-stack{margin-left:auto;padding-right:2rem;flex-shrink:0;gap:2rem;align-items:center}.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar .profile-btn{min-width:0;padding:0;border-radius:50%;flex-shrink:0;transition:transform .2s}.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar .profile-btn:hover{transform:scale(1.05);background-color:transparent}.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar .user-avatar{width:40px;height:40px;border:2px solid rgba(255,255,255,.2)}.un-auth-top-bar-main-container .top-bar-right{margin-left:auto;flex-shrink:0}.un-auth-top-bar-main-container .auth-buttons-stack{padding-right:2rem;padding-left:1rem;flex-shrink:0;gap:1rem}@media (max-width: 768px){.un-auth-top-bar-main-container .auth-buttons-stack{padding-right:.75rem;padding-left:.5rem;gap:.5rem}}.un-auth-top-bar-main-container .profile-btn{min-width:0;padding:0;border-radius:50%;flex-shrink:0;transition:transform .2s;margin-right:.75rem}.un-auth-top-bar-main-container .profile-btn:hover{transform:scale(1.05);background-color:transparent}.un-auth-top-bar-main-container .user-avatar{width:32px;height:32px;border:2px solid rgba(255,255,255,.2)}.un-auth-top-bar-main-container .login-btn{font-size:.9rem;font-weight:600;text-transform:none;color:#fff;background-color:#ffffff14;border-radius:8px;padding:.4rem 1.2rem;white-space:nowrap;transition:background-color .2s ease}.un-auth-top-bar-main-container .login-btn:hover{background-color:#ffffff26}@media (max-width: 768px){.un-auth-top-bar-main-container .login-btn{height:2.5rem;font-size:.75rem;padding:.3rem .7rem}}.un-auth-top-bar-main-container .signup-btn{font-size:.9rem;font-weight:600;text-transform:none;color:#fff;background-color:#2563eb;border-radius:8px;padding:.4rem 1.2rem;white-space:nowrap;transition:background-color .2s ease,transform .15s ease}.un-auth-top-bar-main-container .signup-btn:hover{background-color:#2563eb;opacity:.88}@media (max-width: 768px){.un-auth-top-bar-main-container .signup-btn{height:2.5rem;font-size:.75rem;padding:.3rem .7rem}}.un-auth-top-bar-main-container .menu-bar-side{flex-direction:row;width:100%}.un-auth-top-bar-main-container .menu-bar-side .server-status{width:100%;display:flex;flex-direction:row;justify-content:flex-end}.un-auth-top-bar-main-container .menu-bar-side .server-status .status-button{border-radius:20rem;padding:0;width:fit-content;align-self:center;height:3.8rem}.un-auth-top-bar-main-container .menu-bar-side .server-status .online{background-color:#5df073;animation:pulse 1.5s infinite ease-in-out}.un-auth-top-bar-main-container .menu-bar-side .server-status .offline{background-color:#f84b56;animation:fadeOut 2.5s infinite ease-in-out}.un-auth-top-bar-main-container .menu-bar-side .server-status .offline,.un-auth-top-bar-main-container .menu-bar-side .server-status .online{width:1rem;border-radius:20rem;height:1rem}.un-auth-top-bar-main-container .menu-bar-side .login{order:9998;justify-content:center;min-width:0;margin-inline:1rem;padding:0;width:4.5rem;height:2.5rem;min-height:0;justify-self:center;align-self:center;border-radius:8px;color:#000;opacity:.8}.logout-popup-container .logout-popup-paper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;gap:1rem;border-radius:1rem;background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;max-width:400px;width:100%}.logout-popup-container .logout-popup-paper .logout-title{font-family:Assistant-Bold,sans-serif;font-size:1.5rem;color:#fff;padding:0;margin-bottom:.5rem}.logout-popup-container .logout-popup-paper .logout-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:0;width:100%}.logout-popup-container .logout-popup-paper .logout-content .logout-message{font-family:NunitoSans-Regular,sans-serif;color:#ffffffe6;text-align:center}.logout-popup-container .logout-popup-paper .logout-content .confirm-btn{flex:1;font-family:Liter-Regular,sans-serif;font-weight:600;color:#fff;background-color:#0c2a58;border-radius:.5rem;padding:.6rem 1.5rem;text-transform:none;transition:all .2s ease}.logout-popup-container .logout-popup-paper .logout-content .confirm-btn:hover{background-color:#06306f;transform:translateY(-1px)}.logout-popup-container .logout-popup-paper .logout-content .cancel-btn{flex:1;font-family:Liter-Regular,sans-serif;font-weight:600;color:#0d4072;background-color:transparent;border:1.5px solid #1858b7;border-radius:.5rem;padding:.6rem 1.5rem;text-transform:none;transition:all .2s ease}.logout-popup-container .logout-popup-paper .logout-content .cancel-btn:hover{background-color:#0d1a2f1a;transform:translateY(-1px)}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.about-page{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;margin:1rem}.about-page::-webkit-scrollbar{width:0;height:0}.about-page__section .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif}.about-page__cta .social-links{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.1rem;margin-top:1rem}.about-page__cta .social-links ._instagram{height:1.5rem}.about-page__cta .social-links img{height:2rem;cursor:pointer;transition:transform .2s ease}body.dark-mode .about-page__hero{background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47)!important;color:#fff!important}body.dark-mode .about-page__cta-buttons .about-pricing-btn{color:#fff!important}body.dark-mode .about-page__who-we-are{display:grid;gap:2rem;color:#fff!important}body.dark-mode .about-page__who-we-are .MuiTypography-root{color:#fff!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.accept-popup-container .accept-popup-paper{background-color:#fff!important;border-radius:1rem!important;box-shadow:0 8px 32px #0000001a!important;padding:.5rem!important;transition:all .3s ease}.accept-popup-container .accept-popup-paper .accept-popup-content{font-size:1.2rem;font-family:Liter-Regular,sans-serif;font-weight:700;color:#2d2d2d!important}.accept-popup-container .accept-popup-paper .accept-popup-content .bold{font-weight:700;font-family:Assistant-Bold,sans-serif;font-size:1.3rem;color:#2d2d2d!important}.accept-popup-container .accept-popup-paper .MuiDialogActions-root{padding:1rem;gap:.5rem}.accept-popup-container .accept-popup-paper .MuiDialogActions-root .accept{flex:1;background-color:#4e78ed!important;color:#fff!important;font-weight:600;border-radius:.5rem;padding:.5rem 1.5rem;text-transform:none;transition:all .2s ease}.accept-popup-container .accept-popup-paper .MuiDialogActions-root .accept:hover{background-color:#2055e8!important;transform:translateY(-1px)}.accept-popup-container .accept-popup-paper .MuiDialogActions-root .cancel{flex:1;background-color:#c2c1c133!important;color:#636363d1!important;border:1px solid #c2c1c1!important;font-weight:600;border-radius:.5rem;padding:.5rem 1.5rem;text-transform:none;transition:all .2s ease}.accept-popup-container .accept-popup-paper .MuiDialogActions-root .cancel:hover{background-color:#4a4a4ad1!important;transform:translateY(-1px);color:#fff!important}body.dark-mode .accept-popup-paper{background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 8px 32px #0000004d!important}body.dark-mode .accept-popup-paper .accept-popup-content,body.dark-mode .accept-popup-paper .accept-popup-content .bold{color:#fff!important}body.dark-mode .accept-popup-paper .MuiDialogActions-root .accept{background-color:#0c2a58!important}body.dark-mode .accept-popup-paper .MuiDialogActions-root .accept:hover{background-color:#06306f!important}body.dark-mode .accept-popup-paper .MuiDialogActions-root .cancel{background-color:transparent!important;color:#fff!important;border:1.5px solid #1858b7!important}body.dark-mode .accept-popup-paper .MuiDialogActions-root .cancel:hover{background-color:#ffffff1a!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.billing-page-container{padding:3rem 2rem;min-height:100vh}.billing-page-container .header-stack .back-btn{background:#fff6;border:1px solid rgba(45,45,45,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #0000000d}.billing-page-container .header-stack .back-btn:hover{background:#fff;transform:scale(1.05) translate(-3px);box-shadow:0 6px 16px #00000014;color:#0d4072}.billing-page-container .header-stack .page-title{background:linear-gradient(135deg,#2d2d2d,#2d2d2d99);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.billing-page-container .header-stack .page-subtitle{opacity:.6;font-weight:500}.billing-page-container .glass-card{background:#ffffffb3;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 20px 40px #0000000f;transition:all .3s ease}.billing-page-container .glass-card .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif}.billing-page-container .plan-summary-card{border-left:6px solid rgb(13,64,114);overflow:hidden;position:relative;padding:1.5rem}.billing-page-container .plan-summary-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(13,64,114,.03) 0%,transparent 70%);pointer-events:none;z-index:0}.billing-page-container .plan-summary-card .icon-wrapper{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 8px 16px #0000000d}.billing-page-container .plan-summary-card .icon-wrapper.plan-icon{background:#0d40721a;color:#0d4072}.billing-page-container .plan-summary-card .icon-wrapper.date-icon{background:#a85aee1a;color:#a85aee}.billing-page-container .plan-summary-card .icon-wrapper svg{transition:transform .3s ease}.billing-page-container .plan-summary-card:hover .icon-wrapper svg{transform:scale(1.1)}.billing-page-container .plan-summary-card .divider-vertical{width:1px;height:60px;background:linear-gradient(to bottom,transparent,rgba(45,45,45,.05) 50%,transparent)}.billing-page-container .plan-summary-card .manage-sub-btn{border-radius:14px;padding:12px 28px;background:#2d2d2d;color:#fff;font-weight:700;text-transform:none;box-shadow:0 10px 20px #0000001a;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.billing-page-container .plan-summary-card .manage-sub-btn:hover{background:#474747;transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px #00000026}.billing-page-container .billing-details-card{border-left:6px solid #a85aee;padding:1.5rem;margin-bottom:2.5rem;background:#ffffffb3;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:24px;box-shadow:0 20px 40px #0000000d}.billing-page-container .billing-details-card .section-icon{color:#a85aee}.billing-page-container .billing-details-card .MuiTypography-h6{color:#2d2d2d;font-weight:800;margin-bottom:0}.billing-page-container .billing-details-card .edit-info-btn{text-transform:none;font-weight:700;border-radius:12px;color:#a85aee!important;background:#a85aee0d!important;transition:all .3s ease;font-family:NunitoSans-Regular,sans-serif}.billing-page-container .billing-details-card .edit-info-btn:hover{background:#a85aee26!important;transform:translateY(-2px)}.billing-page-container .billing-details-card .info-item .info-label{display:block;opacity:.4;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:.7rem;color:#2d2d2d}.billing-page-container .billing-details-card .info-item .item-icon{color:#2d2d2d33}.billing-page-container .billing-details-card .info-item .MuiTypography-body1{color:#2d2d2d}.billing-page-container .history-section .invoice-grid{background:#ffffffb3;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 20px 40px #0000000d;overflow:hidden}.billing-page-container .history-section .invoice-grid .header-row{padding:1.5rem 2rem;background:#2d2d2d05;border-bottom:1px solid rgba(45,45,45,.05)}.billing-page-container .history-section .invoice-grid .header-row .col{flex:1;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#2d2d2d;opacity:.5;font-size:.75rem}.billing-page-container .history-section .invoice-grid .header-row .action-col{flex:.5;text-align:right}.billing-page-container .history-section .invoice-grid .invoice-card-item{background:transparent;border:none;border-radius:0;transition:all .3s ease;margin-bottom:0;box-shadow:none;border-bottom:1px solid rgba(45,45,45,.03)}.billing-page-container .history-section .invoice-grid .invoice-card-item:last-child{border-bottom:none}.billing-page-container .history-section .invoice-grid .invoice-card-item:hover{background:#0d407208;transform:none;box-shadow:none}.billing-page-container .history-section .invoice-grid .invoice-card-item:hover .amount-text{color:#082644}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content{padding:1.5rem 2rem}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .col{flex:1;display:flex;flex-direction:column;justify-content:center}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .action-col{flex:.5;align-items:flex-end}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .date-col{color:#2d2d2dcc;font-weight:600}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .plan-col{font-weight:300;color:#2d2d2d}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .amount-text{color:#0d4072;font-size:1.2rem;font-weight:800;transition:all .3s ease}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .mini-label{text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:1px;color:#2d2d2d;opacity:.3;margin-bottom:6px}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .status-pill{display:inline-flex;width:fit-content;padding:6px 16px;font-family:ChakraPetch-Regular,sans-serif;border-radius:12px;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:1px}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .status-pill.success{background:#5ced4e1f;color:#23c114;border:1px solid rgba(92,237,78,.2)}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .download-btn{background:#2d2d2d0a;border-radius:12px;width:44px;height:44px;color:#2d2d2d;opacity:.6;transition:all .3s ease}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .download-btn:hover{background:#0d4072;color:#fff;opacity:1;transform:translateY(-2px);box-shadow:0 8px 16px #0d40724d}.billing-page-container .empty-state{padding:5rem 2rem}.billing-page-container .empty-state .empty-icon-wrapper{width:100px;height:100px;border-radius:30px;background:#2d2d2d08;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#2d2d2d1a;transform:rotate(-5deg)}body.dark-mode .billing-page-container .header-stack .back-btn{background:#ffffff0d;border-color:#ffffff1a;color:#fff}body.dark-mode .billing-page-container .header-stack .back-btn:hover{background:#0d407233;border-color:#0d407280;color:#0d4072;box-shadow:0 0 15px #0d407233}body.dark-mode .billing-page-container .header-stack .page-title{background:linear-gradient(135deg,#fff,#fff9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 20px rgba(0,0,0,.2)}body.dark-mode .billing-page-container .header-stack .page-subtitle{color:#ffffff80;font-weight:400}body.dark-mode .billing-page-container .glass-card{background:#0f172a80!important;-webkit-backdrop-filter:blur(25px) saturate(200%)!important;backdrop-filter:blur(25px) saturate(200%)!important;border-color:#ffffff1a!important;box-shadow:0 25px 50px -12px #000000b3!important}body.dark-mode .billing-page-container .plan-summary-card{border-left:6px solid rgb(13,64,114)!important;background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47)!important}body.dark-mode .billing-page-container .plan-summary-card:before{background:radial-gradient(circle at 100% 0%,rgba(13,64,114,.2) 0%,transparent 70%)!important;opacity:.8}body.dark-mode .billing-page-container .plan-summary-card .icon-wrapper{box-shadow:0 0 20px #0006}body.dark-mode .billing-page-container .plan-summary-card .icon-wrapper.plan-icon{background:linear-gradient(135deg,#0d40724d,#0d40721a);color:#fff;border:1px solid rgba(13,64,114,.3)}body.dark-mode .billing-page-container .plan-summary-card .icon-wrapper.date-icon{background:linear-gradient(135deg,#a85aee4d,#a85aee1a);color:#fff;border:1px solid rgba(168,90,238,.3)}body.dark-mode .billing-page-container .plan-summary-card .divider-vertical{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.15) 50%,transparent)!important;width:2px!important}body.dark-mode .billing-page-container .plan-summary-card .MuiTypography-subtitle2{color:#ffffff80!important;font-weight:700}body.dark-mode .billing-page-container .plan-summary-card .MuiTypography-h5{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}body.dark-mode .billing-page-container .plan-summary-card .manage-sub-btn{background:#0d4072;color:#fff;font-weight:800;box-shadow:0 10px 25px #0d407266}body.dark-mode .billing-page-container .plan-summary-card .manage-sub-btn:hover{background:#115597;box-shadow:0 15px 35px #0d407280;transform:scale(1.02) translateY(-2px)}body.dark-mode .billing-page-container .billing-details-card{border-left:6px solid #a85aee!important}body.dark-mode .billing-page-container .billing-details-card .section-icon{color:#a85aee!important}body.dark-mode .billing-page-container .billing-details-card .edit-info-btn{color:#a85aee!important;background:#a85aee1a!important}body.dark-mode .billing-page-container .billing-details-card .edit-info-btn:hover{background:#a85aee33!important}body.dark-mode .billing-page-container .billing-details-card .info-item .info-label{color:#ffffff80!important}body.dark-mode .billing-page-container .billing-details-card .info-item .item-icon{color:#fff3!important}body.dark-mode .billing-page-container .billing-details-card .info-item .MuiTypography-body1{color:#fff!important}body.dark-mode .billing-page-container .history-section{color:#fff;font-weight:400}body.dark-mode .billing-page-container .history-section .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif}body.dark-mode .billing-page-container .history-section .invoice-grid{background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47)!important;-webkit-backdrop-filter:blur(30px) saturate(220%)!important;backdrop-filter:blur(30px) saturate(220%)!important;border-color:#ffffff14!important;box-shadow:0 30px 60px -12px #000c!important}body.dark-mode .billing-page-container .history-section .invoice-grid .header-row{background:#ffffff08!important;border-bottom:2px solid rgba(255,255,255,.04)!important}body.dark-mode .billing-page-container .history-section .invoice-grid .header-row .col{color:#fff!important;opacity:.8!important;font-weight:900!important;letter-spacing:2.5px!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}body.dark-mode .billing-page-container .history-section .invoice-card-item{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.04)!important}body.dark-mode .billing-page-container .history-section .invoice-card-item:hover{background:#ffffff05!important;border-color:#0d407233!important}body.dark-mode .billing-page-container .history-section .invoice-card-item:hover .amount-text{color:#125aa0!important;text-shadow:0 0 15px rgba(13,64,114,.4)}body.dark-mode .billing-page-container .history-section .invoice-card-item .date-col{color:#ffffffd9!important}body.dark-mode .billing-page-container .history-section .invoice-card-item .plan-col{color:#fff!important;font-weight:300!important}body.dark-mode .billing-page-container .history-section .invoice-card-item .amount-text{color:#fff!important;font-weight:900!important}body.dark-mode .billing-page-container .history-section .invoice-card-item .status-pill.success{background:#5ced4e26!important;color:#dcfbd9!important;border-color:#5ced4e80!important;text-shadow:0 0 15px rgba(92,237,78,.5);box-shadow:0 0 20px #5ced4e1a}body.dark-mode .billing-page-container .history-section .invoice-card-item .download-btn{background:#ffffff14!important;color:#fff!important}body.dark-mode .billing-page-container .history-section .invoice-card-item .download-btn:hover{background:#0d4072!important;color:#fff!important;box-shadow:0 0 20px #0d407280!important}body.dark-mode .billing-page-container .empty-state .empty-icon-wrapper{background:#ffffff0d!important;color:#fff3!important;border:1px solid rgba(255,255,255,.1)}body.dark-mode .billing-page-container .empty-state .MuiTypography-h6{color:#fff!important;font-weight:700!important}body.dark-mode .billing-page-container .empty-state .MuiTypography-body2{color:#ffffff80!important}@media (max-width: 1024px){.billing-page-container{max-width:100%;padding:2rem}}@media (max-width: 900px){.billing-page-container .history-section .invoice-grid{background:transparent;border:none;box-shadow:none;overflow:visible}.billing-page-container .history-section .invoice-grid .header-row{display:none}.billing-page-container .history-section .invoice-grid .invoice-card-item{background:#ffffffb3;border:1px solid rgba(255,255,255,.5);border-radius:20px;margin-bottom:1.5rem;box-shadow:0 10px 30px #0000000d}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content{gap:1rem;padding:1.5rem}}@media (max-width: 768px){.billing-page-container{padding:1.5rem 1rem}.billing-page-container .plan-summary-card .manage-sub-btn{width:100%;margin-top:1rem}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.collab-community-page{min-height:100%}.cc-page-header{border-bottom:1px solid rgba(194,193,193,.25);padding:1.75rem 2rem 0;gap:0}@media (max-width: 768px){.cc-page-header{padding:1rem 1rem 0}}.cc-page-header .cc-page-title{color:#2d2d2d;font-family:Assistant-Bold,sans-serif;font-weight:800;letter-spacing:-.5px}@media (max-width: 768px){.cc-page-header .cc-page-title{font-size:1.25rem!important}}.cc-page-header .cc-page-subtitle{color:#2d2d2d8c;font-family:NunitoSans-Regular,sans-serif}@media (max-width: 768px){.cc-page-header .cc-page-subtitle{font-size:.8rem}}.cc-page-header .cc-stat{color:#2d2d2d8c;font-family:NunitoSans-Regular,sans-serif;font-weight:600;font-size:.78rem}.cc-page-header .MuiTab-root{font-family:NunitoSans-Regular,sans-serif;font-weight:600;text-transform:none;min-height:40px}.cc-page-header .MuiTabs-root{margin-top:4px}.cc-filter-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;row-gap:.6rem}@media (max-width: 768px){.cc-filter-row{flex-wrap:wrap}.cc-filter-row .filters-btn{order:2}.cc-filter-row .search-bar-paper{order:1;flex:1}}.cc-filter-row .search-bar-paper{background:#fff;border-radius:8px;box-shadow:none;border:1px solid rgba(194,193,193,.45);transition:border-color .2s;flex:1}.cc-filter-row .search-bar-paper:focus-within{border-color:#0d4072}.cc-filter-row .search-bar-paper .MuiInputBase-root{font-family:NunitoSans-Regular,sans-serif;font-size:.9rem;color:#2d2d2d}.cc-filter-row .search-bar-paper .MuiInputBase-root input{padding:.55rem .5rem;color:#2d2d2d}.cc-filter-row .search-bar-paper .MuiInputBase-root input::placeholder{color:#2d2d2d61;opacity:1}@media (max-width: 768px){.cc-filter-row .search-bar-paper{max-width:none;border-radius:8px}}.cc-filter-row .filters-btn{display:inline-flex;align-items:center;gap:.4rem;align-self:stretch;padding:.5rem .9rem;border-radius:8px;border:1px solid rgba(194,193,193,.45);background:#fff;color:#2d2d2d;font-family:NunitoSans-Regular,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .15s}@media (max-width: 768px){.cc-filter-row .filters-btn{order:0}}.cc-filter-row .filters-btn:hover{border-color:#0d407280;background:#0d407208}.cc-filter-row .filters-btn:disabled{opacity:.5;cursor:not-allowed}.cc-filter-row .filters-btn.filters-btn--active{border-color:#0d4072;color:#0d4072;background:#0d40720d}.cc-filter-row .filters-btn .filters-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:50px;background:#0d4072;color:#fff;font-size:.68rem;font-weight:700;line-height:1}@keyframes cc-filters-panel-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}body>.filters-panel{position:absolute;z-index:40;width:380px;background:#fff;border:1px solid rgba(194,193,193,.3);border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:1rem;transform-origin:top left;animation:cc-filters-panel-in .2s cubic-bezier(.4,0,.2,1) both}@media (max-width: 768px){body>.filters-panel{width:calc(100vw - 3rem);max-width:calc(100vw - 3rem);left:.5rem!important}}body>.filters-panel .filters-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}body>.filters-panel .filters-panel__title{font-family:Assistant-Bold,sans-serif;font-size:.85rem;font-weight:700;color:#2d2d2d;letter-spacing:.02em}body>.filters-panel .filters-panel__clear{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;cursor:pointer;font-family:NunitoSans-Regular,sans-serif;font-size:.8rem;color:#2d2d2d80;padding:0}body>.filters-panel .filters-panel__clear:hover{color:#e83a3a}body>.filters-panel .filters-panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}body>.filters-panel .filter-group{display:flex;flex-direction:column;gap:.3rem;min-width:0}body>.filters-panel .filter-group .filter-group__label{font-family:NunitoSans-Regular,sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#2d2d2d73}body>.filters-panel .filter-group .filter-group__select{box-sizing:border-box;height:2.1rem;padding:0 .65rem;border-radius:7px;border:1px solid rgba(194,193,193,.4);background:#fff;color:#2d2d2d;font-family:NunitoSans-Regular,sans-serif;font-size:.85rem;cursor:pointer;outline:none;transition:border-color .15s;width:100%;min-width:0}body>.filters-panel .filter-group .filter-group__select:focus{border-color:#0d4072}.cc-empty-state{width:100%;box-sizing:border-box;padding:3.5rem 2rem!important;text-align:center;background-color:#c2c1c114;border:2px dashed rgba(194,193,193,.35);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 768px){.cc-empty-state{padding:2.5rem 1.5rem!important}}.cc-empty-state .cc-empty-state__icon{width:72px;height:72px;border-radius:50%;background:#0d407214;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.cc-empty-state .cc-empty-state__icon svg{color:#0d4072;opacity:.7}.cc-empty-state .cc-empty-state__title{color:#2d2d2dbf;font-family:Assistant-Bold,sans-serif;font-weight:700;font-size:1.15rem}.cc-empty-state .cc-empty-state__sub{color:#2d2d2d73;font-family:NunitoSans-Regular,sans-serif;font-size:.88rem;margin-bottom:.5rem}.cc-empty-state .cc-empty-state__action{margin-top:.25rem}.cc-empty-state .cc-empty-state__btn{font-family:Assistant-Bold,sans-serif;font-weight:600;font-size:.9rem;border-radius:20rem;padding:.5rem 1.5rem;text-transform:none;box-shadow:none;background-color:#1794dc;color:#fff;transition:background-color .2s ease,transform .2s ease}.cc-empty-state .cc-empty-state__btn:hover{background-color:#115395;box-shadow:0 4px 12px #0d40724d;transform:translateY(-1px)}.cc-empty-state .cc-empty-state__btn--outline{background-color:#0d40721f;color:#0d4072}.cc-empty-state .cc-empty-state__btn--outline:hover{background-color:#0d407233;box-shadow:0 4px 12px #0d407226}.cc-my-collabs-grid{padding:1.25rem 2rem;gap:1.25rem}@media (max-width: 768px){.cc-my-collabs-grid{padding:1rem;gap:1rem}}.cc-my-collabs-empty{padding:1.25rem 2rem}@media (max-width: 768px){.cc-my-collabs-empty{padding:1rem}}.cc-header-publish-btn{font-family:Assistant-Bold,sans-serif!important;font-weight:600!important;font-size:.85rem!important;border-radius:20rem!important;padding:.4rem 1.25rem!important;text-transform:none!important;box-shadow:none!important;background-color:#1794dc!important;color:#fff!important;transition:background-color .2s ease,transform .2s ease}.cc-header-publish-btn:hover{background-color:#115395!important;box-shadow:0 4px 12px #0d40724d!important;transform:translateY(-1px)}.cc-first-collab-btn{font-family:Assistant-Bold,sans-serif!important;font-weight:700!important;margin-top:4px!important}.cc-discover-tab{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem 2rem}@media (max-width: 768px){.cc-discover-tab{padding:1rem;gap:1rem}}.cc-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}@media (max-width: 768px){.cc-card-grid{grid-template-columns:1fr;gap:1rem}}.cc-card{background-color:#fff;border:1px solid rgba(194,193,193,.25);border-radius:12px;overflow:hidden;position:relative;cursor:default;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.cc-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000001f;border-color:#0d4072}.cc-card:hover .cc-card__accent{opacity:1}.cc-card:hover .cc-card__song-title{color:#0d4072}.cc-card.cc-card--own{border-color:#0d407273}.cc-card.cc-card--own .cc-card__accent{opacity:1}.cc-card .cc-card__accent{height:3px;background:#0d4072;opacity:0;transition:opacity .3s ease}.cc-card .cc-card__body{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;flex:1}.cc-card .cc-card__creator-row{display:flex;align-items:center;gap:.75rem}.cc-card .cc-card__avatar{background-color:#0d4072!important;color:#fff!important;width:36px!important;height:36px!important;font-size:.85rem!important;font-weight:700!important;flex-shrink:0}.cc-card .cc-card__creator-info{display:flex;flex-direction:column;min-width:0}.cc-card .cc-card__creator-label{color:#2d2d2d73;font-family:NunitoSans-Regular,sans-serif;font-size:.68rem;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.06em}.cc-card .cc-card__owner-name{color:#2d2d2d;font-family:Assistant-Bold,sans-serif;font-weight:700;font-size:.9rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-card .cc-card__own-chip{margin-left:auto;flex-shrink:0;font-size:.68rem!important}.cc-card .cc-card__song-title{color:#2d2d2d;font-family:Assistant-Bold,sans-serif;font-weight:700;font-size:1.05rem;line-height:1.3;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.cc-card .cc-card__meta-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.cc-card .cc-card__member-badge{display:flex;align-items:center;gap:.3rem;margin-left:auto}.cc-card .cc-card__member-count{color:#2d2d2d80;font-family:NunitoSans-Regular,sans-serif;font-size:.75rem}.cc-card .cc-card__member-icon{color:#2d2d2d;opacity:.5}.cc-card .cc-card__description{color:#2d2d2d8c;font-family:NunitoSans-Regular,sans-serif;font-size:.82rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.cc-card .cc-card__divider{height:1px;background:#c2c1c138}.cc-card .cc-card__preview{display:flex;flex-direction:column;gap:.35rem}.cc-card .cc-card__preview-label{color:#2d2d2d73;font-family:NunitoSans-Regular,sans-serif;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.cc-card .cc-card__audio{width:100%;height:32px}.cc-card .cc-card__no-preview{color:#2d2d2d59;font-family:NunitoSans-Regular,sans-serif;font-style:italic;font-size:.78rem}.cc-card .cc-card__cta{border-radius:20rem!important;padding:.5rem 1.5rem!important;font-weight:700!important;font-family:Assistant-Bold,sans-serif!important;text-transform:none!important;margin-top:auto!important}.cc-card-skeleton{background-color:#fff;border:1px solid rgba(194,193,193,.25);border-radius:12px;overflow:hidden}.cc-my-card{background-color:#fff;border:1px solid rgba(194,193,193,.28)}.cc-my-card .cc-my-card__accent{background-color:#0d4072;height:3px}.cc-my-card .cc-my-card__avatar{background-color:#0d4072!important;color:#fff!important;width:34px!important;height:34px!important;font-size:.8rem!important;font-weight:700!important;flex-shrink:0}.cc-my-card .cc-my-card__song-title{color:#2d2d2d;font-weight:700;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-my-card .cc-my-card__member-count{color:#2d2d2d80;font-size:.75rem}.cc-my-card .cc-my-card__description{color:#2d2d2d8c;font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cc-my-card .cc-my-card__requests-label{color:#2d2d2d80;font-size:.72rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.cc-my-card .cc-my-card__no-requests{color:#2d2d2d59;font-style:italic;font-size:.82rem}.cc-my-card .cc-my-card__request-row{background-color:#c2c1c11f;border:1px solid rgba(194,193,193,.22);border-radius:10px;padding:.5rem .6rem .5rem .85rem}.cc-my-card .cc-my-card__request-row .cc-my-card__req-avatar{background-color:#4e78ed!important;color:#fff!important;width:28px!important;height:28px!important;font-size:.72rem!important;flex-shrink:0}.cc-my-card .cc-my-card__request-row .cc-my-card__req-name{color:#2d2d2d;font-weight:600;font-size:.875rem}.cc-stepper-item{display:flex;align-items:center;gap:1rem;border:1.5px solid rgba(194,193,193,.3);border-radius:10px;padding:.65rem .9rem;cursor:pointer;background-color:#fff;transition:border-color .15s,background-color .15s}.cc-stepper-item:hover{border-color:#0d4072;background-color:#0d40720a}.cc-stepper-item.cc-stepper-item--selected{border-color:#0d4072;background-color:#0d40720f}.cc-stepper-item .cc-stepper-item__name{color:#2d2d2d;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-stepper-item .cc-stepper-item__daw{color:#2d2d2d80;font-size:.78rem}.cc-stepper-review{background-color:#c2c1c11a;border:1px solid rgba(194,193,193,.22);border-radius:12px;padding:1.1rem 1.25rem}.cc-stepper-review .cc-stepper-review__label{color:#2d2d2d73;font-size:.7rem;text-transform:uppercase;letter-spacing:.8px;flex-shrink:0}.cc-stepper-review .cc-stepper-review__value{color:#2d2d2d;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-card .MuiButton-containedPrimary,.cc-my-card .MuiButton-containedPrimary,.collab-community-page .MuiButton-containedPrimary,.cc-dialog-paper .MuiButton-containedPrimary{background-color:#1794dc!important;color:#fff!important}.cc-card .MuiButton-containedPrimary:hover,.cc-my-card .MuiButton-containedPrimary:hover,.collab-community-page .MuiButton-containedPrimary:hover,.cc-dialog-paper .MuiButton-containedPrimary:hover{background-color:#1794dc!important}.cc-card .MuiButton-containedPrimary:disabled,.cc-my-card .MuiButton-containedPrimary:disabled,.collab-community-page .MuiButton-containedPrimary:disabled,.cc-dialog-paper .MuiButton-containedPrimary:disabled{background-color:#0d407266!important;color:#ffffffb3!important}.cc-card .MuiButton-containedSuccess,.cc-my-card .MuiButton-containedSuccess,.collab-community-page .MuiButton-containedSuccess,.cc-dialog-paper .MuiButton-containedSuccess{color:#fff!important}.cc-card .MuiButton-containedSuccess:hover,.cc-my-card .MuiButton-containedSuccess:hover,.collab-community-page .MuiButton-containedSuccess:hover,.cc-dialog-paper .MuiButton-containedSuccess:hover{background-color:#16a34a!important}.cc-card .MuiButton-outlinedPrimary,.cc-my-card .MuiButton-outlinedPrimary,.collab-community-page .MuiButton-outlinedPrimary,.cc-dialog-paper .MuiButton-outlinedPrimary{border-color:#0d4072!important;color:#0d4072!important}.cc-card .MuiButton-outlinedPrimary:hover,.cc-my-card .MuiButton-outlinedPrimary:hover,.collab-community-page .MuiButton-outlinedPrimary:hover,.cc-dialog-paper .MuiButton-outlinedPrimary:hover{background-color:#0d40720f!important}.cc-card .MuiButton-outlinedSuccess,.cc-my-card .MuiButton-outlinedSuccess,.collab-community-page .MuiButton-outlinedSuccess,.cc-dialog-paper .MuiButton-outlinedSuccess{color:#16a34a!important;border-color:#16a34a!important}.cc-card .MuiButton-outlinedSuccess:hover,.cc-my-card .MuiButton-outlinedSuccess:hover,.collab-community-page .MuiButton-outlinedSuccess:hover,.cc-dialog-paper .MuiButton-outlinedSuccess:hover{background-color:#16a34a0f!important}.cc-card .MuiButton-text,.cc-my-card .MuiButton-text,.collab-community-page .MuiButton-text,.cc-dialog-paper .MuiButton-text{color:#2d2d2d99}.cc-card .MuiButton-text:hover,.cc-my-card .MuiButton-text:hover,.collab-community-page .MuiButton-text:hover,.cc-dialog-paper .MuiButton-text:hover{background-color:#c2c1c11f}.cc-card .MuiChip-colorPrimary,.cc-my-card .MuiChip-colorPrimary,.collab-community-page .MuiChip-colorPrimary,.cc-dialog-paper .MuiChip-colorPrimary{background-color:#0d4072!important;color:#fff!important}.cc-card .MuiChip-colorPrimary .MuiChip-label,.cc-my-card .MuiChip-colorPrimary .MuiChip-label,.collab-community-page .MuiChip-colorPrimary .MuiChip-label,.cc-dialog-paper .MuiChip-colorPrimary .MuiChip-label{color:#fff!important}.cc-card .MuiIconButton-colorSuccess,.cc-my-card .MuiIconButton-colorSuccess,.collab-community-page .MuiIconButton-colorSuccess,.cc-dialog-paper .MuiIconButton-colorSuccess{color:#16a34a!important}.cc-card .MuiIconButton-colorError,.cc-my-card .MuiIconButton-colorError,.collab-community-page .MuiIconButton-colorError,.cc-dialog-paper .MuiIconButton-colorError{color:#e83a3a!important}body.dark-mode .collab-community-page{background-color:none}body.dark-mode .cc-page-header svg{color:#f1f5f9!important}body.dark-mode .cc-page-header{border-bottom:1px solid rgba(255,255,255,.1)!important}body.dark-mode .cc-page-header .cc-page-title{color:#f1f5f9!important}body.dark-mode .cc-page-header .cc-page-subtitle,body.dark-mode .cc-page-header .cc-stat{color:#94a3b8!important}body.dark-mode .cc-header-publish-btn{background-color:#1794dc!important;color:#fff!important}body.dark-mode .cc-header-publish-btn:hover{background-color:#115395!important;box-shadow:0 4px 12px #1794dc66!important}body.dark-mode .cc-filter-row .search-bar-paper{background:#1e293b!important;border-color:#ffffff1a!important}body.dark-mode .cc-filter-row .search-bar-paper:focus-within{border-color:#0d4072!important}body.dark-mode .cc-filter-row .search-bar-paper .MuiInputBase-root,body.dark-mode .cc-filter-row .search-bar-paper .MuiInputBase-root input{color:#f1f5f9!important}body.dark-mode .cc-filter-row .search-bar-paper .MuiInputBase-root input::placeholder{color:#475569!important}body.dark-mode .cc-filter-row .filters-btn{background:#1e293b!important;border-color:#ffffff1a!important;color:#f1f5f9!important}body.dark-mode .cc-filter-row .filters-btn:hover{border-color:#ffffff40!important;background:#ffffff0d!important}body.dark-mode .cc-filter-row .filters-btn.filters-btn--active{border-color:#00a3ff!important;color:#00a3ff!important;background:#00a3ff14!important}body.dark-mode .cc-filter-row .filters-btn .filters-badge{background:#00a3ff!important;color:#fff!important}body.dark-mode body>.filters-panel{background:#1e293b!important;border-color:#ffffff1a!important;box-shadow:0 8px 32px #00000080!important}body.dark-mode body>.filters-panel .filters-panel__title{color:#f1f5f9!important}body.dark-mode body>.filters-panel .filters-panel__clear{color:#64748b!important}body.dark-mode body>.filters-panel .filters-panel__clear:hover{color:#f87171!important}body.dark-mode body>.filters-panel .filter-group .filter-group__label{color:#64748b!important}body.dark-mode body>.filters-panel .filter-group .filter-group__select{background:#0f172a!important;border-color:#ffffff1a!important;color:#f1f5f9!important}body.dark-mode body>.filters-panel .filter-group .filter-group__select:focus{border-color:#00a3ff!important}body.dark-mode body>.filters-panel .filter-group .filter-group__select option{background:#1e293b;color:#f1f5f9}body.dark-mode .cc-empty-state{background-color:#1e293b66!important;border-color:#ffffff1f!important}body.dark-mode .cc-empty-state .cc-empty-state__icon{background:#0d407226!important}body.dark-mode .cc-empty-state .cc-empty-state__icon svg{color:#38bdf8!important;opacity:.85}body.dark-mode .cc-empty-state .cc-empty-state__title{color:#f1f5f9!important}body.dark-mode .cc-empty-state .cc-empty-state__sub{color:#94a3b8!important}body.dark-mode .cc-empty-state .cc-empty-state__btn{background-color:#1794dc!important;color:#fff!important}body.dark-mode .cc-empty-state .cc-empty-state__btn:hover{background-color:#115395!important;box-shadow:0 4px 12px #1794dc66!important}body.dark-mode .cc-empty-state .cc-empty-state__btn--outline{background-color:#1794dc1f!important;color:#38bdf8!important}body.dark-mode .cc-empty-state .cc-empty-state__btn--outline:hover{background-color:#1794dc33!important;box-shadow:0 4px 12px #1794dc26!important}body.dark-mode .cc-card{background-color:#1e293b!important;border-color:#ffffff1a!important}body.dark-mode .cc-card:hover{border-color:#0d4072!important;box-shadow:0 20px 40px #00000080!important}body.dark-mode .cc-card:hover .cc-card__song-title{color:#00a3ff!important}body.dark-mode .cc-card.cc-card--own{border-color:#00a3ff66!important}body.dark-mode .cc-card .cc-card__creator-label{color:#94a3b8!important}body.dark-mode .cc-card .cc-card__owner-name,body.dark-mode .cc-card .cc-card__song-title{color:#f1f5f9!important}body.dark-mode .cc-card .cc-card__meta-row .MuiChip-colorPrimary{background-color:#00a3ff26!important;color:#00a3ff!important}body.dark-mode .cc-card .cc-card__meta-row .MuiChip-colorPrimary .MuiChip-label{color:#00a3ff!important}body.dark-mode .cc-card .cc-card__member-count{color:#94a3b8!important}body.dark-mode .cc-card .cc-card__member-icon{color:#fff!important;opacity:.5}body.dark-mode .cc-card .cc-card__description{color:#94a3b8!important}body.dark-mode .cc-card .cc-card__divider{background:#ffffff14!important}body.dark-mode .cc-card .cc-card__preview-label{color:#94a3b8!important}body.dark-mode .cc-card .cc-card__no-preview{color:#475569!important}body.dark-mode .cc-card-skeleton{background-color:#1e293b99!important;border-color:#ffffff1a!important}body.dark-mode .cc-my-card{background-color:#1e293b!important;border-color:#ffffff1a!important}body.dark-mode .cc-my-card .cc-my-card__song-title{color:#f1f5f9!important}body.dark-mode .cc-my-card .cc-my-card__member-count,body.dark-mode .cc-my-card .cc-my-card__description,body.dark-mode .cc-my-card .cc-my-card__requests-label{color:#94a3b8!important}body.dark-mode .cc-my-card .cc-my-card__no-requests{color:#475569!important}body.dark-mode .cc-my-card .cc-my-card__request-row{background-color:#ffffff0d!important;border-color:#ffffff14!important}body.dark-mode .cc-my-card .cc-my-card__request-row .cc-my-card__req-name{color:#f1f5f9!important}body.dark-mode .cc-stepper-item{background-color:#1e293b!important;border-color:#ffffff1a!important}body.dark-mode .cc-stepper-item:hover{border-color:#0d4072!important;background-color:#ffffff0a!important}body.dark-mode .cc-stepper-item.cc-stepper-item--selected{background-color:#0d40721f!important;border-color:#0d4072!important}body.dark-mode .cc-stepper-item .cc-stepper-item__name{color:#f1f5f9!important}body.dark-mode .cc-stepper-item .cc-stepper-item__daw{color:#94a3b8!important}body.dark-mode .cc-stepper-review{background-color:#ffffff0a!important;border-color:#ffffff14!important}body.dark-mode .cc-stepper-review .cc-stepper-review__label{color:#94a3b8!important}body.dark-mode .cc-stepper-review .cc-stepper-review__value{color:#f1f5f9!important}body.dark-mode .cc-card .MuiButton-containedPrimary,body.dark-mode .cc-my-card .MuiButton-containedPrimary,body.dark-mode .collab-community-page .MuiButton-containedPrimary,body.dark-mode .cc-dialog-paper .MuiButton-containedPrimary{background-color:#0d4072!important;color:#fff!important;font-weight:700!important}body.dark-mode .cc-card .MuiButton-containedPrimary:hover,body.dark-mode .cc-my-card .MuiButton-containedPrimary:hover,body.dark-mode .collab-community-page .MuiButton-containedPrimary:hover,body.dark-mode .cc-dialog-paper .MuiButton-containedPrimary:hover{background-color:#115395!important}body.dark-mode .cc-card .MuiButton-containedPrimary:disabled,body.dark-mode .cc-my-card .MuiButton-containedPrimary:disabled,body.dark-mode .collab-community-page .MuiButton-containedPrimary:disabled,body.dark-mode .cc-dialog-paper .MuiButton-containedPrimary:disabled{background-color:#00a3ff4d!important;color:#fff6!important}body.dark-mode .cc-card .MuiButton-containedSuccess,body.dark-mode .cc-my-card .MuiButton-containedSuccess,body.dark-mode .collab-community-page .MuiButton-containedSuccess,body.dark-mode .cc-dialog-paper .MuiButton-containedSuccess{color:#fff!important;font-weight:700!important}body.dark-mode .cc-card .MuiButton-outlinedPrimary,body.dark-mode .cc-my-card .MuiButton-outlinedPrimary,body.dark-mode .collab-community-page .MuiButton-outlinedPrimary,body.dark-mode .cc-dialog-paper .MuiButton-outlinedPrimary{border:2px solid #00a3ff!important;color:#00a3ff!important;font-weight:600!important}body.dark-mode .cc-card .MuiButton-outlinedPrimary:hover,body.dark-mode .cc-my-card .MuiButton-outlinedPrimary:hover,body.dark-mode .collab-community-page .MuiButton-outlinedPrimary:hover,body.dark-mode .cc-dialog-paper .MuiButton-outlinedPrimary:hover{background-color:#00a3ff14!important;border-color:#38bdf8!important;color:#38bdf8!important}body.dark-mode .cc-card .MuiButton-outlinedSuccess,body.dark-mode .cc-my-card .MuiButton-outlinedSuccess,body.dark-mode .collab-community-page .MuiButton-outlinedSuccess,body.dark-mode .cc-dialog-paper .MuiButton-outlinedSuccess{border:2px solid #3dc231!important;color:#3dc231!important}body.dark-mode .cc-card .MuiButton-outlinedSuccess:hover,body.dark-mode .cc-my-card .MuiButton-outlinedSuccess:hover,body.dark-mode .collab-community-page .MuiButton-outlinedSuccess:hover,body.dark-mode .cc-dialog-paper .MuiButton-outlinedSuccess:hover{background-color:#3dc23114!important}body.dark-mode .cc-card .MuiButton-text,body.dark-mode .cc-my-card .MuiButton-text,body.dark-mode .collab-community-page .MuiButton-text,body.dark-mode .cc-dialog-paper .MuiButton-text{color:#94a3b8!important}body.dark-mode .cc-card .MuiButton-text:hover,body.dark-mode .cc-my-card .MuiButton-text:hover,body.dark-mode .collab-community-page .MuiButton-text:hover,body.dark-mode .cc-dialog-paper .MuiButton-text:hover{background-color:#ffffff0d!important;color:#f1f5f9!important}body.dark-mode .cc-card .MuiChip-colorPrimary,body.dark-mode .cc-my-card .MuiChip-colorPrimary,body.dark-mode .collab-community-page .MuiChip-colorPrimary,body.dark-mode .cc-dialog-paper .MuiChip-colorPrimary{background-color:#00a3ff!important;color:#fff!important}body.dark-mode .cc-card .MuiChip-colorPrimary .MuiChip-label,body.dark-mode .cc-my-card .MuiChip-colorPrimary .MuiChip-label,body.dark-mode .collab-community-page .MuiChip-colorPrimary .MuiChip-label,body.dark-mode .cc-dialog-paper .MuiChip-colorPrimary .MuiChip-label{color:#fff!important}body.dark-mode .cc-card .MuiIconButton-colorSuccess,body.dark-mode .cc-my-card .MuiIconButton-colorSuccess,body.dark-mode .collab-community-page .MuiIconButton-colorSuccess,body.dark-mode .cc-dialog-paper .MuiIconButton-colorSuccess{color:#3dc231!important}body.dark-mode .cc-card .MuiIconButton-colorError,body.dark-mode .cc-my-card .MuiIconButton-colorError,body.dark-mode .collab-community-page .MuiIconButton-colorError,body.dark-mode .cc-dialog-paper .MuiIconButton-colorError{color:#f87171!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.join-collaboration-popup{background-color:#fff;padding:3rem 5rem;display:flex;flex-direction:column;gap:1rem;border-radius:20px!important;min-width:320px;max-width:92vw;box-shadow:0 8px 24px #2d2d2d1f}.join-collaboration-popup .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif;color:#2d2d2d}.join-collaboration-popup .MuiTypography-root:first-child{font-weight:700;margin-bottom:.25rem}.join-collaboration-popup .row{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.join-collaboration-popup .input-row{display:flex;align-items:center;gap:.75rem}.join-collaboration-popup .input-join-collaboration{background-color:#c2c1c133;border-radius:10px;font-family:NunitoSans-Regular,sans-serif;padding:.5rem .75rem;border:1px solid rgba(45,45,45,.08);flex:1 1 auto;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.join-collaboration-popup .input-join-collaboration:hover{background-color:#c2c1c147}.join-collaboration-popup .input-join-collaboration:focus-within{border-color:#0d407280;box-shadow:0 0 0 3px #0d40721f;background-color:#fff}.join-collaboration-popup .button-join-collaboration{font-family:NunitoSans-Regular,sans-serif;background-color:#5ced4e;color:#2d2d2d;border-radius:20px;padding:.5rem 1rem;align-self:auto;text-transform:none;font-weight:600;letter-spacing:.2px;transition:transform .1s ease,box-shadow .16s ease,background-color .16s ease,opacity .16s ease}.join-collaboration-popup .button-join-collaboration:hover{box-shadow:0 6px 16px #5ced4e40;transform:translateY(-1px);background-color:#55d049;color:#2d2d2d}.join-collaboration-popup .button-join-collaboration:active{transform:translateY(0);box-shadow:0 3px 8px #5ced4e33}.join-collaboration-popup .button-join-collaboration:disabled{opacity:.6;box-shadow:none}.join-collaboration-popup .button-join-collaboration[aria-busy=true],.join-collaboration-popup .button-join-collaboration[data-loading=true]{pointer-events:none;opacity:.9}.join-collaboration-popup .button-join-collaboration[aria-busy=true]:before,.join-collaboration-popup .button-join-collaboration[data-loading=true]:before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;border-radius:50%;border:2px solid rgba(45,45,45,.35);border-top-color:#2d2d2d;animation:join-spinner .8s linear infinite;vertical-align:-3px}.join-collaboration-popup .button-join-collaboration[aria-busy=true],.join-collaboration-popup .button-join-collaboration[data-loading=true]{display:inline-flex;align-items:center}body.dark-mode .join-collaboration-popup{background-color:#4e4e4ef5!important;color:#fff!important;box-shadow:0 8px 24px #2d2d2d99!important}body.dark-mode .join-collaboration-popup .MuiTypography-root{color:#ffffffeb!important}body.dark-mode .join-collaboration-popup .MuiTypography-root:first-child{font-weight:700!important;letter-spacing:.2px}body.dark-mode .join-collaboration-popup label.MuiTypography-root{color:#ffffffb3!important;font-weight:600}body.dark-mode .join-collaboration-popup .input-join-collaboration{background-color:#c2c1c11f!important;color:#fff!important;border-radius:10px;border:1px solid rgba(255,255,255,.06)!important;padding:.5rem .75rem}body.dark-mode .join-collaboration-popup .input-join-collaboration:hover{background-color:#c2c1c12e!important}body.dark-mode .join-collaboration-popup .input-join-collaboration:focus-within{border-color:#0d407299!important;box-shadow:0 0 0 3px #0d407238!important;background-color:#2d2d2d33!important}body.dark-mode .join-collaboration-popup .button-join-collaboration{background-color:#5ced4e!important;color:#2d2d2d!important;position:relative;overflow:hidden}body.dark-mode .join-collaboration-popup .button-join-collaboration:hover{box-shadow:0 6px 16px #5ced4e40!important;background-color:#55d049!important;color:#2d2d2d!important}body.dark-mode .join-collaboration-popup .button-join-collaboration:active{box-shadow:0 3px 8px #5ced4e33!important}body.dark-mode .join-collaboration-popup .button-join-collaboration[aria-busy=true],body.dark-mode .join-collaboration-popup .button-join-collaboration[data-loading=true]{pointer-events:none;opacity:.9}body.dark-mode .join-collaboration-popup .button-join-collaboration[aria-busy=true]:before,body.dark-mode .join-collaboration-popup .button-join-collaboration[data-loading=true]:before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;border-radius:50%;border:2px solid rgba(45,45,45,.35);border-top-color:#2d2d2d;animation:join-spinner .8s linear infinite;vertical-align:-3px}body.dark-mode .join-collaboration-popup .button-join-collaboration[aria-busy=true],body.dark-mode .join-collaboration-popup .button-join-collaboration[data-loading=true]{display:inline-flex;align-items:center}@keyframes join-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.collaboration-main-container{margin:0;padding:0}.collab-page-header{border-bottom:1px solid rgba(194,193,193,.25);padding:1.75rem 2rem 0;gap:0}@media (max-width: 768px){.collab-page-header{padding:1rem 1rem 0}}.collab-page-header .collab-page-header__title{color:#2d2d2d;font-family:Assistant-Bold,sans-serif;font-weight:800;letter-spacing:-.5px}@media (max-width: 768px){.collab-page-header .collab-page-header__title{font-size:1.25rem!important}}.collab-page-header .collab-page-header__subtitle{color:#2d2d2d8c;font-family:NunitoSans-Regular,sans-serif;font-size:.9rem}@media (max-width: 768px){.collab-page-header .collab-page-header__subtitle{font-size:.8rem}}.collab-page-header .collab-page-header__stat{color:#2d2d2d8c;font-family:NunitoSans-Regular,sans-serif;font-weight:600;font-size:.78rem}.collab-page-content{padding:1.5rem 2rem;gap:1.25rem;display:flex;flex-direction:column}@media (max-width: 768px){.collab-page-content{padding:1rem;gap:1rem}}.collab-filter-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;row-gap:.6rem}@media (max-width: 768px){.collab-filter-row{flex-wrap:wrap}.collab-filter-row .filters-btn{order:2}.collab-filter-row .search-bar-paper{order:1;flex:1}}.collab-filter-row .search-bar-paper{background:#fff;border-radius:8px;box-shadow:none;border:1px solid rgba(194,193,193,.45);transition:border-color .2s;flex:1}.collab-filter-row .search-bar-paper:focus-within{border-color:#0d4072}.collab-filter-row .search-bar-paper .MuiInputBase-root{font-family:NunitoSans-Regular,sans-serif;font-size:.9rem;color:#2d2d2d}.collab-filter-row .search-bar-paper .MuiInputBase-root input{padding:.55rem .5rem;color:#2d2d2d}.collab-filter-row .search-bar-paper .MuiInputBase-root input::placeholder{color:#2d2d2d61;opacity:1}@media (max-width: 768px){.collab-filter-row .search-bar-paper{max-width:none;border-radius:8px}}.collab-filter-row .collab-action-buttons{display:flex;gap:.6rem;align-items:center;flex-shrink:0;margin-left:auto}.collab-filter-row .collab-action-buttons .MuiButton-root{font-family:Assistant-Bold,sans-serif;font-weight:600;font-size:.85rem;border-radius:20rem;padding:.45rem 1.1rem;text-transform:none;box-shadow:none;white-space:nowrap}.collab-filter-row .collab-action-buttons .join-collab-button{background-color:#16a34a;color:#fff}.collab-filter-row .collab-action-buttons .join-collab-button:hover{background-color:#3dc231}.collab-filter-row .join-collab-button--mobile-full{background-color:#16a34a;color:#fff;font-family:Assistant-Bold,sans-serif;font-weight:600;font-size:.95rem;border-radius:10px;text-transform:none;box-shadow:none;padding:.65rem 1rem;width:100%}.collab-filter-row .join-collab-button--mobile-full:hover{background-color:#3dc231}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-cell{display:block;height:.85rem;border-radius:4px;background:linear-gradient(90deg,#c2c1c12e 25%,#c2c1c161,#c2c1c12e 75%);background-size:400px 100%;animation:shimmer 1.4s ease-in-out infinite;width:80%}.filters-btn{display:inline-flex;align-items:center;gap:.4rem;align-self:stretch;padding:.5rem .9rem;border-radius:8px;border:1px solid rgba(194,193,193,.45);background:#fff;color:#2d2d2d;font-family:NunitoSans-Regular,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .15s}.filters-btn:hover{border-color:#0d407280;background:#0d407208}.filters-btn:disabled{opacity:.5;cursor:not-allowed}.filters-btn.filters-btn--active{border-color:#0d4072;color:#0d4072;background:#0d40720d}.filters-btn .filters-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:50px;background:#0d4072;color:#fff;font-size:.68rem;font-weight:700;line-height:1}@keyframes filters-panel-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.filters-panel{position:absolute;z-index:40;width:380px;background:#fff;border:1px solid rgba(194,193,193,.3);border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:1rem;transform-origin:top left;animation:filters-panel-in .2s cubic-bezier(.4,0,.2,1) both}@media (max-width: 768px){.filters-panel{width:calc(100vw - 3rem);max-width:calc(100vw - 3rem);left:.5rem!important}}.filters-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.filters-panel__title{font-family:Assistant-Bold,sans-serif;font-size:.85rem;font-weight:700;color:#2d2d2d;letter-spacing:.02em}.filters-panel__clear{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;cursor:pointer;font-family:NunitoSans-Regular,sans-serif;font-size:.8rem;color:#2d2d2d80;padding:0}.filters-panel__clear:hover{color:#e83a3a}.filters-panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.filter-group{display:flex;flex-direction:column;gap:.3rem;min-width:0}.filter-group__label{font-family:NunitoSans-Regular,sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#2d2d2d73}.filter-group__select{box-sizing:border-box;height:2.1rem;padding:0 .65rem;border-radius:7px;border:1px solid rgba(194,193,193,.4);background:#fff;color:#2d2d2d;font-family:NunitoSans-Regular,sans-serif;font-size:.85rem;cursor:pointer;outline:none;transition:border-color .15s;width:100%;min-width:0}.filter-group__select:focus{border-color:#0d4072}.vap-table{width:100%;max-width:100vw;table-layout:auto;background-color:#fff;border:1px solid rgba(194,193,193,.28);border-radius:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;-ms-overflow-style:none;scrollbar-width:none}.vap-table::-webkit-scrollbar{width:0;height:0}.vap-table:before{content:"";display:block;height:3px;background-color:#0d4072;border-radius:12px 12px 0 0}.vap-table thead{background-color:#c2c1c112}.vap-table thead .font-text{font-family:NunitoSans-Regular,sans-serif;font-size:.78rem;font-weight:700;color:#2d2d2d80;letter-spacing:.06em;text-transform:uppercase;padding:.85rem 1rem;border-bottom:1px solid rgba(194,193,193,.22)}.vap-table thead .font-text.font-text--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.vap-table thead .font-text.font-text--sortable:hover{color:#0d4072}.vap-table thead .font-text .header-cell-inner{display:flex;align-items:center;gap:.4rem}.vap-table thead .font-text .header-icon{width:.88rem;height:.88rem;opacity:.5}.vap-table thead .font-text .sort-icon{flex-shrink:0}.vap-table thead .font-text .sort-icon.sort-icon--active{opacity:1;color:#0d4072}.vap-table thead .font-text .sort-icon.sort-icon--idle{opacity:.3}.vap-table tbody .MuiTableRow-root{cursor:pointer;transition:background-color .15s,box-shadow .15s}.vap-table tbody .MuiTableRow-root:nth-of-type(odd){background-color:#fff}.vap-table tbody .MuiTableRow-root:nth-of-type(2n){background-color:#c2c1c10f}.vap-table tbody .MuiTableRow-root:hover{background-color:#0d40720a;box-shadow:inset 3px 0 #0d4072}.vap-table tbody .MuiTableRow-root:last-of-type .font-text{border-bottom:none}.vap-table tbody .MuiTableRow-root .font-text{font-family:NunitoSans-Regular,sans-serif;font-size:.9rem;color:#2d2d2d;padding:.8rem 1rem;border-botftom:1px solid rgba(194,193,193,.18)}.vap-table span.progress{display:inline-block;padding:.15rem .6rem;border-radius:50px;font-family:NunitoSans-Regular,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.vap-table span.progress.progress--completed{background-color:#5ced4e24;color:#16a34a;border:1px solid rgba(92,237,78,.35)}.vap-table span.progress.progress--not-started{background-color:#e83a3a1a;color:#e83a3a;border:1px solid rgba(232,58,58,.28)}.vap-table span.progress.progress--in-progress{background-color:#ffa5001a;color:#c27d00;border:1px solid rgba(255,165,0,.3)}.vap-table span.progress.progress--waiting{background-color:#c2c1c12e;color:#4e4e4e;border:1px solid rgba(194,193,193,.35)}.vap-table .status-icon{width:1rem!important;height:1rem!important;border-radius:3px;padding:.1rem;flex-shrink:0}.vap-table .status-icon.status-icon--completed{color:#16a34a}.vap-table .status-icon.status-icon--not-started{color:#e83a3a}.vap-table .status-icon.status-icon--in-progress{color:#cc8400}.vap-table .status-icon.status-icon--waiting{color:#4e4e4e}.vap-table .icon{width:.95rem;height:.95rem}.vap-table .download-button{min-width:0;min-height:0;width:2.2rem;height:2.2rem;padding:0;border-radius:7px;background-color:transparent;border:1px solid rgba(13,64,114,.28);color:#0d4072;box-shadow:none}.vap-table .download-button:hover{background-color:#0d407212;border-color:#0d4072}.vap-table .delete-button{min-width:0;min-height:0;width:2.2rem;height:2.2rem;padding:0;border-radius:7px;background-color:transparent;border:1px solid rgba(232,58,58,.28);color:#e83a3a;box-shadow:none}.vap-table .delete-button:hover{background-color:#e83a3a12;border-color:#e83a3a}@media (max-width: 768px){.vap-table{font-size:.85rem}.vap-table .progress{display:none}.vap-table th,.vap-table td{padding-left:.4rem;padding-right:.4rem;font-size:.85rem}.vap-table th:nth-child(6),.vap-table td:nth-child(6),.vap-table th:nth-child(8),.vap-table td:nth-child(8),.vap-table th:nth-child(9),.vap-table td:nth-child(9){display:none}.vap-table thead{position:sticky;top:0;z-index:2;box-shadow:0 2px 6px #0000001a}}.no-collab-container{width:100%;box-sizing:border-box;padding:3.5rem 2rem!important;text-align:center;background-color:#c2c1c114;border:2px dashed rgba(194,193,193,.35);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 768px){.no-collab-container{padding:2.5rem 1.5rem!important}}.no-collab-container .no-collab-icon{width:72px;height:72px;border-radius:50%;background:#0d407214;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.no-collab-container .no-collab-icon svg{color:#0d4072;opacity:.7}.no-collab-container .no-collab-title{color:#2d2d2dbf;font-family:Assistant-Bold,sans-serif;font-weight:700;font-size:1.15rem}.no-collab-container .no-collab-sub{color:#2d2d2d73;font-family:NunitoSans-Regular,sans-serif;font-size:.88rem;margin-bottom:.5rem}.no-collab-container .no-collab-actions{margin-top:.25rem}.no-collab-container .no-collab-btn{font-family:Assistant-Bold,sans-serif;font-weight:600;font-size:.9rem;border-radius:20rem;padding:.5rem 1.5rem;text-transform:none;box-shadow:none;background-color:#1794dc;color:#fff;transition:background-color .2s ease,transform .2s ease}.no-collab-container .no-collab-btn:hover{background-color:#115395;box-shadow:0 4px 12px #0d40724d;transform:translateY(-1px)}.no-collab-container .no-collab-btn--join{background-color:#0d40721f;color:#0d4072}.no-collab-container .no-collab-btn--join:hover{background-color:#0d407233;box-shadow:0 4px 12px #0d407226}.collab-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:1rem 0}@media (max-width: 768px){.collab-cards-grid{grid-template-columns:1fr;gap:1rem}}.collab-card{background:#c2c1c11a;border:1px solid rgba(194,193,193,.28);border-radius:20px!important;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;cursor:pointer;height:100%;box-sizing:border-box}.collab-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#0d4072;opacity:0;transition:opacity .3s ease}.collab-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff4d}.collab-card:hover:before{opacity:1}.collab-card:hover .collab-card-name{color:#0d4072}.collab-card .collab-card-content{padding:1.5rem!important;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.collab-card .collab-card-content .collab-card-header{margin-bottom:1.25rem}.collab-card .collab-card-content .collab-card-header .collab-card-name{color:#2d2d2d;font-weight:600;font-size:1.2rem;font-family:Assistant-Bold,sans-serif;margin-bottom:.75rem;line-height:1.3;letter-spacing:-.3px;transition:color .2s ease}.collab-card .collab-card-content .collab-card-header span.progress{font-family:NunitoSans-Regular,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.collab-card .collab-card-content .collab-card-header .status-icon{width:1rem!important;height:1rem!important}.collab-card .collab-card-content .collab-card-details{flex:1;margin-bottom:1.25rem}.collab-card .collab-card-content .collab-card-details .collab-detail-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem;color:#2d2d2d}.collab-card .collab-card-content .collab-card-details .collab-detail-item svg{color:#0d4072;flex-shrink:0;opacity:.75}.collab-card .collab-card-content .collab-card-details .collab-detail-item .MuiTypography-root{color:#2d2d2dbf;font-size:.85rem;font-family:NunitoSans-Regular,sans-serif}.collab-card .collab-card-content .collab-card-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.75rem;border-top:1px solid rgba(194,193,193,.2)}.collab-card .collab-card-content .collab-card-actions .action-button{background:#c2c1c14d;color:#2d2d2d;border-radius:50%;width:36px;height:36px;transition:all .3s ease}.collab-card .collab-card-content .collab-card-actions .action-button.download:hover{background:#10b9814d;transform:scale(1.1)}.collab-card .collab-card-content .collab-card-actions .action-button.delete:hover{background:#ef44444d;transform:scale(1.1)}.collab-card .collab-card-content .collab-card-actions .action-button.leave:hover{background:#f59e0b4d;transform:scale(1.1)}.collab-card-skeleton{height:280px;border-radius:20px;background:#c2c1c11f;border:1px solid rgba(194,193,193,.2)}body.dark-mode .collab-page-header{border-bottom:1px solid rgba(255,255,255,.1)!important}body.dark-mode .collab-page-header svg{color:#f1f5f9!important}body.dark-mode .collab-page-header .collab-page-header__title{color:#f1f5f9!important}body.dark-mode .collab-page-header .collab-page-header__subtitle,body.dark-mode .collab-page-header .collab-page-header__stat{color:#94a3b8!important}body.dark-mode .search-bar-paper{background:#1e293b!important;border-color:#ffffff1a!important}body.dark-mode .search-bar-paper:focus-within{border-color:#0d4072!important}body.dark-mode .search-bar-paper .MuiInputBase-root,body.dark-mode .search-bar-paper .MuiInputBase-root input{color:#f1f5f9!important}body.dark-mode .search-bar-paper .MuiInputBase-root input::placeholder{color:#475569!important}body.dark-mode .collab-action-buttons .MuiButton-containedPrimary{background-color:#0d4072;color:#fff!important}body.dark-mode .collab-action-buttons .join-collab-button{background-color:#16a24a!important}body.dark-mode .join-collab-button--mobile-full{background-color:#16a34a!important}body.dark-mode .vap-table{background-color:#1e293b!important;border-color:#ffffff1a!important}body.dark-mode .vap-table:hover{border-color:#0d4072!important;box-shadow:0 8px 32px #00000080!important}body.dark-mode .vap-table thead{background-color:#ffffff0a!important}body.dark-mode .vap-table thead .font-text{color:#94a3b8!important;border-bottom-color:#ffffff14!important}body.dark-mode .vap-table thead .font-text.font-text--sortable:hover,body.dark-mode .vap-table thead .font-text .sort-icon.sort-icon--active{color:#00a3ff!important}body.dark-mode .vap-table tbody .MuiTableRow-root:nth-of-type(odd){background-color:#1e293b!important}body.dark-mode .vap-table tbody .MuiTableRow-root:nth-of-type(2n){background-color:#ffffff08!important}body.dark-mode .vap-table tbody .MuiTableRow-root:hover{background-color:#00a3ff12!important;box-shadow:inset 3px 0 #00a3ff!important}body.dark-mode .vap-table tbody .MuiTableRow-root .font-text{color:#f1f5f9!important;border-bottom-color:#ffffff12!important}body.dark-mode .vap-table .MuiTypography-root{color:#f1f5f9!important}body.dark-mode .vap-table span.progress.progress--completed{background-color:#5ced4e26!important;color:#5ced4e!important;border-color:#5ced4e59!important}body.dark-mode .vap-table span.progress.progress--not-started{background-color:#e83a3a26!important;color:#f87171!important;border-color:#e83a3a4d!important}body.dark-mode .vap-table span.progress.progress--in-progress{background-color:#ffa5001f!important;color:orange!important;border-color:#ffa5004d!important}body.dark-mode .vap-table span.progress.progress--waiting{background-color:#ffffff12!important;color:#94a3b8!important;border-color:#ffffff1f!important}body.dark-mode .vap-table .status-icon.status-icon--completed{color:#5ced4e!important}body.dark-mode .vap-table .status-icon.status-icon--not-started{color:#f87171!important}body.dark-mode .vap-table .status-icon.status-icon--in-progress{color:orange!important}body.dark-mode .vap-table .status-icon.status-icon--waiting{color:#94a3b8!important}body.dark-mode .vap-table .download-button{border-color:#00a3ff59!important;color:#00a3ff!important}body.dark-mode .vap-table .download-button:hover{background-color:#00a3ff1a!important;border-color:#00a3ff!important}body.dark-mode .vap-table .delete-button{border-color:#e83a3a4d!important;color:#f87171!important}body.dark-mode .vap-table .delete-button:hover{background-color:#e83a3a1a!important;border-color:#f87171!important}body.dark-mode .filters-btn{background:#1e293b!important;border-color:#ffffff1a!important;color:#f1f5f9!important}body.dark-mode .filters-btn:hover{border-color:#ffffff40!important;background:#ffffff0d!important}body.dark-mode .filters-btn.filters-btn--active{border-color:#00a3ff!important;color:#00a3ff!important;background:#00a3ff14!important}body.dark-mode .filters-btn .filters-badge{background:#00a3ff!important;color:#fff!important}body.dark-mode .filters-panel{background:#1e293b!important;border-color:#ffffff1a!important;box-shadow:0 8px 32px #00000080!important}body.dark-mode .filters-panel__title{color:#f1f5f9!important}body.dark-mode .filters-panel__clear{color:#64748b!important}body.dark-mode .filters-panel__clear:hover{color:#f87171!important}body.dark-mode .filter-group__label{color:#64748b!important}body.dark-mode .filter-group__select{background:#0f172a!important;border-color:#ffffff1a!important;color:#f1f5f9!important}body.dark-mode .filter-group__select:focus{border-color:#00a3ff!important}body.dark-mode .filter-group__select option{background:#1e293b;color:#f1f5f9}body.dark-mode .skeleton-cell{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f,#ffffff0f 75%)!important}body.dark-mode .collab-cards-grid .collab-card{background:#1e293b!important;border-color:#ffffff1a!important}body.dark-mode .collab-cards-grid .collab-card:hover{box-shadow:0 20px 40px #00000080,0 0 0 1px #ffffff26!important}body.dark-mode .collab-cards-grid .collab-card .collab-card-header .collab-card-name{color:#f1f5f9!important}body.dark-mode .collab-cards-grid .collab-card:hover .collab-card-name{color:#00a3ff!important}body.dark-mode .collab-cards-grid .collab-card .collab-card-details .collab-detail-item{color:#94a3b8!important}body.dark-mode .collab-cards-grid .collab-card .collab-card-details .collab-detail-item svg{color:#94a3b8!important}body.dark-mode .collab-cards-grid .collab-card .collab-card-details .collab-detail-item .MuiTypography-root{color:#94a3b8!important}body.dark-mode .collab-cards-grid .collab-card .collab-card-actions{border-top-color:#ffffff14!important}body.dark-mode .collab-cards-grid .collab-card .collab-card-actions .action-button{background:#ffffff14!important;color:#f1f5f9!important}body.dark-mode .collab-cards-grid .collab-card-skeleton{background:#1e293b99!important;border:1px solid rgba(100,116,139,.2)!important}body.dark-mode .no-collab-container{background-color:#1e293b66!important;border-color:#ffffff1f!important}body.dark-mode .no-collab-container .no-collab-icon{background:#0d407226!important}body.dark-mode .no-collab-container .no-collab-icon svg{color:#38bdf8!important;opacity:.85}body.dark-mode .no-collab-container .no-collab-title{color:#f1f5f9!important}body.dark-mode .no-collab-container .no-collab-sub{color:#94a3b8!important}body.dark-mode .no-collab-container .no-collab-btn{background-color:#1794dc!important;color:#fff!important}body.dark-mode .no-collab-container .no-collab-btn:hover{background-color:#115395!important;box-shadow:0 4px 12px #1794dc66!important}body.dark-mode .no-collab-container .no-collab-btn--join{background-color:#1794dc1f!important;color:#38bdf8!important}body.dark-mode .no-collab-container .no-collab-btn--join:hover{background-color:#1794dc33!important;box-shadow:0 4px 12px #1794dc26!important}.table-responsive{width:100%;max-width:100vw;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;overflow-x:auto;overflow-y:unset;max-height:unset;-ms-overflow-style:none;scrollbar-width:none}.table-responsive::-webkit-scrollbar{width:0;height:0}@media (max-width: 768px){.table-responsive{max-height:70vh;overflow-y:auto;overflow-x:auto}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}body.dark-mode .home-page-container{color:#fff!important}body.dark-mode .home-page-container .card-container{background-color:#c2c1c11a!important}body.dark-mode .home-page-container .card-container .card .caption{color:#fffc!important}body.dark-mode .home-page-container .card-container .card .icon .zap{color:#16a34a!important;background-color:#5ced4ee6!important}body.dark-mode .home-page-container .recent-projects .view-all{background-color:transparent!important}body.dark-mode .home-page-container .recent-projects .project-card .project-info .last-audio-time,body.dark-mode .home-page-container .recent-projects .project-card .project-info .daw-type,body.dark-mode .home-page-container .recent-projects .project-card .project-info .title{color:#fffc!important}body.dark-mode .home-page-container .recent-projects .divider{background-color:#fff9!important}body.dark-mode .home-page-container .recent-projects .project-card .project-info .last-audio-time{color:#fffc!important}body.dark-mode .home-page-container .top-content{background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47)!important;box-shadow:0 4px 24px #4f505880!important}body.dark-mode .home-page-container .top-content .first-title{color:#fff!important;background-color:transparent!important}body.dark-mode .home-page-container .top-content .btn-secondary{background-color:#ffffffe6!important;color:#2d2d2d!important}body.dark-mode .home-page-container .top-content .big-title{color:#fff!important}body.dark-mode .home-page-container .top-content .big-title .sub-title{color:#fffc!important}.home-page-container{padding:3rem;gap:8rem;overflow:auto;overflow-x:hidden;min-height:0!important}@media (max-width: 768px){.home-page-container{padding:0;padding-top:2rem;height:calc(72vh + 1.5rem)}}.home-page-container .top-content{gap:1rem;padding:1rem;border-radius:15px;background:#eaeaea;box-shadow:0 4px 24px #1f26871a}.home-page-container .top-content .first-title{font-family:Assistant-Bold,sans-serif;background-color:#dbeafe;color:#1e40af;border-radius:4px;font-size:.9rem;width:fit-content;padding:.1rem 1rem}.home-page-container .top-content .btn-primary{background-color:#2d2d2d;color:#fff;border-radius:5px;font-family:Liter-Regular,sans-serif;font-weight:100}.home-page-container .top-content .btn-secondary{background-color:#c2c1c133;font-family:Liter-Regular,sans-serif;border-radius:5px;font-weight:100;padding:.5rem 1rem;color:#2d2d2d}.home-page-container .top-content .big-title{font-family:Assistant-Bold,sans-serif;color:#0a0a10f3;font-weight:700;text-align:center;font-size:3rem;width:100%}.home-page-container .top-content .big-title .sub-title{font-family:NunitoSans-Regular,sans-serif;color:#2d2d2dcc;font-weight:500;text-align:center;font-size:1.3rem}@media (max-width: 768px){.home-page-container .card-container{padding:1.5rem 0;flex-direction:column;display:flex}}.home-page-container .card-container{gap:1rem;padding:2rem 1rem;align-items:center;justify-content:center;background-color:#c2c1c11a;border-radius:15px;background:#eaeaea;box-shadow:0 4px 24px #1f26871a}@media (max-width: 768px){.home-page-container .card-container .card{width:100%;height:100%;display:flex}}.home-page-container .card-container .card{align-items:center;justify-content:center}.home-page-container .card-container .card .title{font-family:Assistant-Bold,sans-serif;font-size:1.2rem;font-weight:700}.home-page-container .card-container .card .caption{font-family:NunitoSans-Regular,sans-serif;font-size:.9rem;text-align:center;color:#2d2d2dcc}@media (max-width: 768px){.home-page-container .card-container .card .icon{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}}.home-page-container .card-container .card .icon .musical{color:#2563eb;background-color:#dbeafe;padding:.8rem;border-radius:9999px}.home-page-container .card-container .card .icon .layers{color:#a85aee;background-color:#f3e8ff;padding:.8rem;border-radius:9999px}.home-page-container .card-container .card .icon .zap{color:#16a34a;background-color:#5ced4e3d;padding:.8rem;border-radius:9999px}.home-page-container .recent-projects{width:100%;height:100%}.home-page-container .recent-projects .no-projects{padding:1rem;margin:.5rem 0;height:5rem;align-items:center;justify-content:center;border-radius:.5rem;background-color:#c2c1c11a;width:100%}.home-page-container .recent-projects .no-projects .title{font-family:NunitoSans-Regular,sans-serif;font-size:1.15rem;font-weight:500}@media (max-width: 768px){.home-page-container .recent-projects .project-card-container{flex-direction:column;flex-wrap:wrap;padding-bottom:5rem;width:100%;justify-content:center;align-items:center}}.home-page-container .recent-projects .project-card-container .project-card{width:30%}@media (max-width: 768px){.home-page-container .recent-projects .project-card-container .project-card{width:90%;justify-content:center}}.home-page-container .recent-projects .project-card-container .project-card{border:1px solid rgba(194,193,193,.5);background-color:#c2c1c100;border-radius:.5rem;gap:1rem;transition:all .1s ease-in}@media (max-width: 768px){.home-page-container .recent-projects .project-card-container .project-card{flex-direction:column}}.home-page-container .recent-projects .project-card-container .project-card:hover{transform:scale(1.04);transition:all .3s ease-in-out;cursor:pointer}.home-page-container .recent-projects .project-card-container .project-card .picture{width:100%;height:100%;padding-block:4rem;justify-content:center;display:flex;background-color:#c2c1c133}.home-page-container .recent-projects .project-card-container .project-card .project-info{padding:1rem}.home-page-container .recent-projects .project-card-container .project-card .project-info .last-audio-time{font-family:Assistant-Bold,sans-serif;color:#2d2d2df3}.home-page-container .recent-projects .project-card-container .project-card .project-info .title{font-family:NunitoSans-Regular,sans-serif}.home-page-container .recent-projects .view-all{font-family:NunitoSans-Regular,sans-serif;align-self:center;height:fit-content;background-color:transparent!important}.home-page-container .recent-projects .view-all:hover{background-color:transparent}.home-page-container .recent-projects .mid-title{font-family:NunitoSans-Regular,sans-serif;font-weight:800;font-size:1.8rem;margin-block:1.5rem}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.bottom-tool-bar{bottom:0;border-radius:12px 12px 0 0;background-color:#c2c1c1;width:100%;position:fixed}@media (max-width: 768px){.bottom-tool-bar{margin-left:0}}.bottom-tool-bar .volume-container{width:20%;justify-content:center;height:10%;padding:.5rem;z-index:99999}.bottom-tool-bar .volume-container .volume-slider{margin:0}@media (max-width: 768px){.bottom-tool-bar .volume-container{width:95%}}.ai-card-feedback-container{width:100%;margin-top:2rem}.ai-card-feedback-container .con{width:95%;padding:2rem 1rem;word-wrap:break-word}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.audio-visualizer-container{width:100%}@media (max-width: 768px){.audio-visualizer-container{height:30vh}}.audio-visualizer-container .audio-visualizer{margin-block:1rem;transition:all .3s ease-in-out;border-radius:15px;box-shadow:0 0 10px #2d2d2d33;max-width:100%;height:calc(5vw + 5rem);background-color:#2d2d2d80}@media (max-width: 768px){.audio-visualizer-container .audio-visualizer{height:25vh}}.audio-visualizer-container .audio-visualizer:hover{box-shadow:0 0 20px #2d2d2d80;border-radius:15px;transition:all .3s ease-in-out}.audio-visualizer-container .audio-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #2d2d2d33;transition:all .3s ease-in-out}.audio-visualizer-container .audio-controls:hover{box-shadow:0 0 20px #2d2d2d80;transition:all .3s ease-in-out}.audio-visualizer-container .audio-controls .play-button{background-color:#3b82f6;color:#fff;text-transform:none;font-weight:600;border-radius:8px;padding:.5rem 1.2rem}.audio-visualizer-container .audio-controls .play-button:hover{background-color:#2563eb}.audio-visualizer-container .audio-controls .play-button.Mui-disabled{background-color:#93c5fd;color:#fff;opacity:.7}.audio-visualizer-container .audio-controls .stop-button{background-color:#f3f4f6;color:#4b5563;text-transform:none;font-weight:600;border-radius:8px;padding:.5rem 1.2rem}.audio-visualizer-container .audio-controls .stop-button:hover{background-color:#e5e7eb}.audio-visualizer-container .audio-controls .stop-button.Mui-disabled{background-color:#f9fafb;color:#d1d5db}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.mix-feedback-container{width:100%;margin-bottom:2rem}.mix-feedback-container .mix-feedback-container-content{background:#ffffffd9;box-shadow:0 4px 24px #1f26871a;padding:2rem 2.5rem;border-radius:10px;margin:1rem;width:100%;transition:box-shadow .3s,background .3s;color:#1e293b}@media (max-width: 768px){.mix-feedback-container .mix-feedback-container-content{padding:1rem;max-width:98vw}}.mix-feedback-container .mix-feedback-container-content .little-caption{font-size:.85rem;font-family:NunitoSans-Regular,sans-serif;color:#6b7280}.mix-feedback-container .mix-feedback-container-content .time{font-family:NunitoSans-Regular,sans-serif;color:#374151}.mix-feedback-container .mix-feedback-container-content .caption{font-family:Liter-Regular,sans-serif;font-size:1.05rem;font-weight:500;color:#475569;margin-bottom:.5rem}.mix-feedback-container .mix-feedback-container-content .title{font-family:Assistant-Bold,sans-serif;font-size:2.1rem;font-weight:800;color:#1e293b;letter-spacing:-1px;margin-bottom:.2rem;text-shadow:0 2px 8px rgba(31,38,135,.06)}.mix-feedback-container .mix-feedback-container-content .time-selection-details{width:fit-content;background:#f8fafccc;padding:.75rem 1.5rem;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:.5rem}.mix-feedback-container .mix-feedback-container-content .time-selection-details .time-label{font-size:.85rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.mix-feedback-container .mix-feedback-container-content .time-selection-details .time-value{font-family:NunitoSans-Regular,sans-serif;font-size:1.1rem;font-weight:700;color:#1e293b}.mix-feedback-container .mix-feedback-container-content .time-selection-details .total-value{font-family:NunitoSans-Regular,sans-serif;font-size:1.1rem;font-weight:800;color:#0ea5e9}@media (max-width: 768px){.mix-feedback-container .mix-feedback-container-content .time-selection-details{flex-wrap:wrap;gap:1rem;padding:1rem}.mix-feedback-container .mix-feedback-container-content .time-selection-details .MuiDivider-root{display:none}}.mix-feedback-container .feedback-button{background:linear-gradient(90deg,#4ade80,#22d3ee);margin:1.5rem 0 0;color:#fff;padding:.7rem 2.2rem;border-radius:12px;font-size:1.1rem;font-weight:700;box-shadow:0 2px 8px #22d3ee26;border:none;transition:background .2s,box-shadow .2s,transform .1s;cursor:pointer}.mix-feedback-container .feedback-button:hover{background:linear-gradient(90deg,#22d3ee,#4ade80);box-shadow:0 4px 16px #22d3ee38;transform:translateY(-2px) scale(1.03)}.mix-feedback-container .feedback-button.processing,.mix-feedback-container .feedback-button.processing-btn{position:relative;background:linear-gradient(90deg,#38bdf8,#4ade80,#38bdf8);background-size:200% 100%;animation:shimmer 2s linear infinite;color:#1e293b;font-weight:700;transition:background .2s,box-shadow .2s,transform .1s}.mix-feedback-container .feedback-button.processing .sparkle-icon,.mix-feedback-container .feedback-button.processing-btn .sparkle-icon{display:inline-block;margin-left:.4em;animation:sparkle-bounce 1.2s infinite}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes sparkle-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.15)}}.mix-feedback-container .info-icon{width:1.2rem;height:1.2rem;color:#38bdf8;opacity:.7;transition:color .2s}.mix-feedback-container .info-icon:hover{color:#0ea5e9;opacity:1}.mix-feedback-container .dropzone-area{width:100%;padding:2.2rem 0;background:#ecfeffb3;border:2px dashed #38bdf8;border-radius:16px;transition:border-color .2s,background .2s;box-shadow:0 2px 8px #0d40721a}.mix-feedback-container .dropzone-area:hover{border-color:#0ea5e9;background:#bae6fdcc}@media (max-width: 768px){.mix-feedback-container .dropzone-area{max-width:95vw}.mix-feedback-container .dropzone-area .MuiBox-root{width:100%}.mix-feedback-container .dropzone-area .MuiBox-root .MuiButtonBase-root{font-size:.8rem;width:95%}}.mix-feedback-container .ai-card-feedback{border-radius:10px;margin:1rem;padding:1.2rem;width:100%;min-height:120px;background:#ecfeffb3;box-shadow:0 2px 8px #22d3ee1a;overflow-y:auto;transition:background .2s,box-shadow .2s}@media (max-width: 768px){.mix-feedback-container .ai-card-feedback{height:auto}}.mix-feedback-container .ai-card-feedback .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif;font-weight:500;color:#334155}.mix-feedback-container .tokens-section{display:flex;align-items:center;gap:1rem;padding:.5rem 1.2rem;background:#f1f1f1;border-radius:8px;box-shadow:0 2px 8px #1f268714;color:#2d2d2d;font-family:Liter-Regular,sans-serif;font-size:1.1rem;font-weight:500;width:fit-content}.mix-feedback-container .tokens-section .tokens-count{font-weight:300;font-size:1.3rem;font-family:NunitoSans-Regular,sans-serif;color:#2d2d2d;margin-right:.5rem}.mix-feedback-container .tokens-section .tokens-label{color:#555;font-size:1rem;margin-right:.5rem}.mix-feedback-container .tokens-section .tokens-icon{color:#ffb300;margin-right:.5rem}.mix-feedback-container .tokens-section .tokens-info{color:#38bdf8;margin-left:.5rem;opacity:.8}.mix-feedback-container .tokens-section .tokens-info:hover{color:#0ea5e9;opacity:1}.mix-feedback-container .bottom-tool-bar{bottom:0;border-radius:16px 16px 0 0;background:linear-gradient(90deg,#bae6fd,#f0fdfa);width:100%;position:fixed;box-shadow:0 -2px 12px #22d3ee1a}.tooltip-warning-ai-feedback{background:#3c3c3c!important}.tooltip-warning-ai-feedback .tooltip-warning-ai-feedback-text{color:#e83a3a;font-size:1.1rem}body.dark-mode .mix-feedback-container .mix-feedback-container-content{background:transparent;color:#f1f5f9!important}body.dark-mode .mix-feedback-container .mix-feedback-container-content h4,body.dark-mode .mix-feedback-container .mix-feedback-container-content .title,body.dark-mode .mix-feedback-container .mix-feedback-container-content .caption,body.dark-mode .mix-feedback-container .mix-feedback-container-content .little-caption,body.dark-mode .mix-feedback-container .mix-feedback-container-content .time,body.dark-mode .mix-feedback-container .mix-feedback-container-content label,body.dark-mode .mix-feedback-container .mix-feedback-container-content input,body.dark-mode .mix-feedback-container .mix-feedback-container-content .MuiTypography-root{color:#f1f5f9!important}body.dark-mode .mix-feedback-container .ai-card-feedback{background:#1e293bb3}body.dark-mode .mix-feedback-container .ai-card-feedback .MuiTypography-root{color:#f1f5f9!important}body.dark-mode .mix-feedback-container .ai-card-feedback{box-shadow:0 2px 8px #0000002e}body.dark-mode .mix-feedback-container .language-select .MuiFormControl-root label,body.dark-mode .mix-feedback-container .language-select .MuiFormControl-root .MuiInputBase-root{color:#f1f5f9!important}body.dark-mode .mix-feedback-container .language-select .MuiFormControl-root .MuiOutlinedInput-notchedOutline{border-color:#f1f5f980}body.dark-mode .mix-feedback-container .info-icon{color:#38bdf8!important;opacity:.8}body.dark-mode .mix-feedback-container .info-icon:hover{color:#0ea5e9!important;opacity:1}body.dark-mode .mix-feedback-container .required{color:#f87171!important}body.dark-mode .mix-feedback-container .dropzone-area{background:#1e293bb3;color:#f1f5f9!important;border:2px dashed #38bdf8;border-radius:16px;box-shadow:0 2px 8px #2d2d2d4d}body.dark-mode .mix-feedback-container .dropzone-area:hover{border-color:#0ea5e9;background:#334155cc}body.dark-mode .mix-feedback-container .dropzone-area .MuiSvgIcon-root{color:#fff!important}body.dark-mode .mix-feedback-container .feedback-button{background:linear-gradient(90deg,#38bdf8,#4ade80);color:#181c24!important;box-shadow:0 2px 8px #38bdf826}body.dark-mode .mix-feedback-container .feedback-button:hover{background:linear-gradient(90deg,#4ade80,#38bdf8);box-shadow:0 4px 16px #38bdf838}body.dark-mode .mix-feedback-container .bottom-tool-bar{background:linear-gradient(90deg,#232a36,#181c24);box-shadow:0 -2px 12px #0000002e}body.dark-mode .mix-feedback-container .tokens-section{background:#23272f;color:#fff!important;box-shadow:0 2px 8px #0000002e}body.dark-mode .mix-feedback-container .tokens-section .tokens-count{color:#fff!important}body.dark-mode .mix-feedback-container .tokens-section .tokens-label{color:#ddd!important}body.dark-mode .mix-feedback-container .tokens-section .tokens-icon{color:gold!important}body.dark-mode .mix-feedback-container .tokens-section .tokens-info{color:#90cdf4!important}body.dark-mode .mix-feedback-container .time-selection-details{background:#1e293bb3;border:1px solid rgba(241,245,249,.2)}body.dark-mode .mix-feedback-container .time-selection-details .time-label{color:#94a3b8}body.dark-mode .mix-feedback-container .time-selection-details .time-value{color:#f1f5f9}body.dark-mode .mix-feedback-container .time-selection-details .total-value{color:#38bdf8}body.dark-mode .mix-feedback-container .time-selection-details .MuiDivider-root{background-color:#f1f5f933}body.dark-mode .mix-feedback-container .audio-controls{background-color:#1e293b;border:1px solid rgba(241,245,249,.1)}body.dark-mode .mix-feedback-container .audio-controls .play-button{background-color:#3b82f6;color:#fff!important}body.dark-mode .mix-feedback-container .audio-controls .play-button:hover{background-color:#2563eb}body.dark-mode .mix-feedback-container .audio-controls .play-button.Mui-disabled{background-color:#3b82f64d;color:#ffffff80!important}body.dark-mode .mix-feedback-container .audio-controls .stop-button{background-color:#334155;color:#f1f5f9!important}body.dark-mode .mix-feedback-container .audio-controls .stop-button:hover{background-color:#475569}body.dark-mode .mix-feedback-container .audio-controls .stop-button.Mui-disabled{background-color:#3341554d;color:#f1f5f94d!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.payout-payment{display:flex;flex-direction:column;align-items:center;gap:2rem;min-height:100vh;padding:2rem;overflow:auto;overflow-x:hidden;font-family:NunitoSans-Regular,sans-serif;position:relative}@media (max-width: 768px){.payout-payment{min-height:80vh;padding:1rem}}.payout-payment .title{color:#2d2d2d;font-size:2.5rem;font-weight:700;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.1)}.payout-payment .plan-pricing-hero{width:100%;max-width:980px;padding:2.25rem 2rem;border-radius:18px;border:1px solid rgba(194,193,193,.2);background:linear-gradient(160deg,#ffffffeb,#f5f9ffdb);box-shadow:0 18px 50px #445ba51f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:.75rem;align-items:center}@media (max-width: 768px){.payout-payment .plan-pricing-hero{padding:1.5rem 1.25rem;border-radius:14px}}.payout-payment .plan-pricing-hero .subtitle{max-width:60ch;text-align:center;font-size:1.05rem;line-height:1.6;color:#131c34b8}.payout-payment .plan-pricing-hero .billing-row{width:100%}.payout-payment .billing-cycle-toggle{border-radius:999px!important;background:#ffffffd1;padding:.25rem;border:1px solid rgba(107,114,128,.18);box-shadow:inset 0 1px 1px #fffc,0 8px 16px #11182714}.payout-payment .billing-cycle-toggle .MuiToggleButton-root{border:none!important;border-radius:999px!important;padding:.6rem 1rem;font-weight:700;text-transform:none;color:#2d2d2dbf}.payout-payment .billing-cycle-toggle .MuiToggleButton-root.Mui-selected{background:#fffffff2!important;color:#2d2d2d!important;box-shadow:0 8px 18px #11182724}.payout-payment .save-pill{display:inline-flex;align-items:center;margin-left:.5rem;padding:.15rem .55rem;border-radius:999px;font-size:.8rem;font-weight:800;background:#4f46e524;color:#4f46e5f2}.payout-payment .badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;font-weight:800;border:1px solid rgba(194,193,193,.25);background:#ffffffe6}.payout-payment .badge-neutral{color:#2d2d2db8}.payout-payment .faq-container{padding:2rem;margin:1rem;border-radius:12px;border:1px solid rgba(194,193,193,.2);background-color:#ffffffe6;box-shadow:0 4px 20px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:2rem;max-width:800px;width:100%}.payout-payment .faq-container .faq{gap:1.5rem;padding:1rem;border-radius:8px;transition:all .3s ease}.payout-payment .faq-container .faq:hover{background:#c2c1c10d}.payout-payment .faq-container .faq .title{font-size:1.2rem;font-family:NunitoSans-Regular,sans-serif;font-weight:600;color:#2d2d2d}.payout-payment .faq-container .faq .content{font-size:1rem;font-family:NunitoSans-Regular,sans-serif;color:#2d2d2dcc;line-height:1.6}.payout-payment .payout-payment-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:1200px;padding:1rem;align-items:stretch}@media (max-width: 768px){.payout-payment .payout-payment-container{grid-template-columns:1fr;align-items:center;gap:1.5rem}}.payout-payment .payout-payment-container .border-popular{border:2px solid rgba(84,126,252,.9)!important;position:relative;box-shadow:0 18px 42px #547efc40}.payout-payment .payout-payment-container .card{box-shadow:-4px 12px 30px #31417633;border:1px solid rgba(194,193,193,.4);border-radius:16px;width:100%;background:linear-gradient(180deg,#fff,#fbfdff);transition:all .3s ease-in-out;overflow:hidden;height:100%}.payout-payment .payout-payment-container .card:hover{transform:scale(1.03);box-shadow:0 20px 38px #3141762e}@media (max-width: 768px){.payout-payment .payout-payment-container .card{margin:0;width:100%}}.payout-payment .payout-payment-container .card .MuiCardContent-root{margin:0!important;padding:0;display:flex;flex-direction:column;height:100%}.payout-payment .payout-payment-container .card .popular{background:linear-gradient(145deg,#fff,#f5f9ff)!important}.payout-payment .payout-payment-container .card .card-price.popular{padding:1.5rem;position:relative;overflow:hidden}.payout-payment .payout-payment-container .card .card-price.popular .popular-icon{position:absolute;top:1rem;right:1rem;font-family:NunitoSans-Regular,sans-serif;background:linear-gradient(45deg,#4f46e5,#547efc);padding:.4rem 1rem;font-weight:600;font-size:.9rem;color:#fff;border-radius:20px;box-shadow:0 2px 8px #4f46e54d}.payout-payment .payout-payment-container .card .card-price{padding:1.5rem;background:linear-gradient(180deg,#fff,#f8fbff)}.payout-payment .payout-payment-container .card .card-price .MuiTypography-root{font-size:1.3rem;font-family:Assistant-Bold,sans-serif;font-weight:700;color:#0d4072}.payout-payment .payout-payment-container .card .card-price .description{font-family:NunitoSans-Regular,sans-serif;font-weight:500;font-size:1.1rem;color:#0d4072;margin:.5rem 0}.payout-payment .payout-payment-container .card .card-price .meta{margin-top:-.25rem;font-size:.9rem;font-weight:600;color:#2d2d2d9e}.payout-payment .payout-payment-container .card .card-price .price{width:100%;display:flex;flex-direction:row;align-items:baseline;gap:.5rem;font-family:NunitoSans-Regular,sans-serif;font-size:2rem;font-weight:800;color:#0d4072;margin:1rem 0}.payout-payment .payout-payment-container .card .card-price .price .time{color:#2d2d2d80;font-size:1rem;font-weight:500;font-family:NunitoSans-Regular,sans-serif}.payout-payment .payout-payment-container .card .item{box-shadow:none;display:flex;flex-direction:row;align-items:flex-start;gap:.75rem;padding:.75rem 1.5rem;border-top:1px solid rgba(148,163,184,.2)}.payout-payment .payout-payment-container .card .item:first-of-type{border-top:none}.payout-payment .payout-payment-container .card .item .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif;width:100%;font-size:1rem;color:#2d2d2dcc}.payout-payment .payout-payment-container .card .item .check-icon{flex:0 0 auto;margin-top:.15rem;font-size:1.15rem;color:#16a34ae6}@media (max-width: 768px){.payout-payment .payout-payment-container .card .buy-button{width:calc(100% - 2.5rem)!important;margin:1.25rem auto;height:6.25rem!important;letter-spacing:.01rem!important;padding:0 1rem!important}}.payout-payment .payout-payment-container .card .buy-button{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.3;width:calc(100% - 3rem);padding:0 1.5rem;margin:1.5rem auto 2rem;height:3.5rem;border-radius:50px;font-weight:400;letter-spacing:.02rem;text-transform:none;font-size:1.1rem;transition:all .3s ease;background:linear-gradient(45deg,#469de5,#1d53f7);color:#fff;box-shadow:0 4px 15px #4f46e533;font-family:Liter-Regular,sans-serif}.payout-payment .payout-payment-container .card .buy-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e54d;background:linear-gradient(45deg,#2498f7,#0b46f5)}.payout-payment .payout-payment-container .card .buy-button:disabled{background:#e5e7eb;color:#9ca3af;box-shadow:none;transform:none;cursor:not-allowed}.payout-payment .payout-payment-container .plan-card.is-selected{border-color:#0c61e98c;box-shadow:0 10px 40px #4f46e524}.payout-payment .checkout-bar{width:100%}@media (max-width: 768px){.payout-payment .checkout-bar{width:90%}}.payout-payment .checkout-bar{max-width:1200px;margin-top:.5rem;padding:1.25rem 1.5rem;border-radius:16px;border:1px solid rgba(148,163,184,.24);background:linear-gradient(165deg,#fffffff2,#f2f7ffeb);box-shadow:0 18px 46px #31417624;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.payout-payment .checkout-bar .checkout-title{font-size:1.1rem;font-weight:800;color:#2d2d2de6}.payout-payment .checkout-bar .checkout-pro-pill{display:inline-flex;align-items:center;justify-content:center;height:1.4rem;padding:0 .55rem;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#4f46e5,#2563eb);box-shadow:0 6px 16px #2563eb40}.payout-payment .checkout-bar .checkout-subtitle,.payout-payment .checkout-bar .checkout-footnote{font-size:.95rem;font-weight:600;color:#2d2d2da6}.payout-payment .checkout-bar .checkout-button{position:relative;overflow:hidden;width:100%;max-width:28rem;min-height:3rem;justify-content:center;border-radius:6px;border:1px solid #f0b429;box-shadow:none;background:#ffc439;color:#2c2e2f;text-transform:none;font-weight:700;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease;animation:paypal-button-breathe 3.2s ease-in-out infinite}.payout-payment .checkout-bar .checkout-button:after{content:"";position:absolute;top:0;left:-45%;width:32%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff8c 52%,#fff0);transform:skew(-18deg);animation:paypal-button-sheen 2.9s ease-in-out infinite;pointer-events:none}.payout-payment .checkout-bar .checkout-button:hover{background:#ffcf4d;box-shadow:0 9px 22px #d4971059;transform:translateY(-1px) scale(1.01)}.payout-payment .checkout-bar .checkout-button:active{transform:translateY(0) scale(.995)}.payout-payment .checkout-bar .checkout-button:disabled{background:#ffd76a;color:#2c2e2fb3;animation:none}.payout-payment .checkout-bar .checkout-button:disabled:after{animation:none}.payout-payment .checkout-bar .checkout-paypal-brand-content{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:100%}.payout-payment .checkout-bar .checkout-paypal-brand-logo{width:104px;height:27px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.06));pointer-events:none;animation:paypal-logo-float 2.4s ease-in-out infinite;transition:transform .22s ease}.payout-payment .checkout-bar .checkout-button:hover .checkout-paypal-brand-logo{transform:scale(1.06)}.payout-payment .checkout-bar .checkout-paypal-brand-label{font-size:1.1rem;line-height:1;color:#2c2e2f;letter-spacing:-.01em}@keyframes paypal-button-sheen{0%{left:-45%}55%{left:120%}to{left:120%}}@keyframes paypal-button-breathe{0%,to{box-shadow:0 4px 12px #d497102e}50%{box-shadow:0 7px 18px #d4971047}}@keyframes paypal-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@media (prefers-reduced-motion: reduce){.payout-payment .checkout-bar .checkout-button,.payout-payment .checkout-bar .checkout-button:after,.payout-payment .checkout-bar .checkout-paypal-brand-logo{animation:none!important;transition:none!important}}.payout-payment .payment-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:1200px;padding:1rem}@media (max-width: 768px){.payout-payment .payment-container{flex-direction:column;align-items:center}}.payout-payment .payment-container .paypal-buttons-payment{padding:1.5rem;box-shadow:0 4px 20px #c2c1c126;border-radius:12px;background:#fff;width:100%;max-width:400px;margin:1rem auto;transition:all .3s ease}.payout-payment .payment-container .paypal-buttons-payment:hover{box-shadow:0 6px 25px #c2c1c133}@media (max-width: 768px){.payout-payment .payment-container .paypal-buttons-payment{padding:1rem;width:90%}}body.dark-mode .payout-payment .billing-cycle-toggle{background:#ffffff0f;border-color:#ffffff1f}body.dark-mode .payout-payment .billing-cycle-toggle .MuiButtonBase-root{color:#ffffffd1!important;background-color:transparent!important}body.dark-mode .payout-payment .billing-cycle-toggle .MuiButtonBase-root.Mui-selected{background-color:#ffffff2e!important;color:#fff!important;box-shadow:0 6px 16px #00000047}body.dark-mode .payout-payment .paypal-title{color:#fff!important}body.dark-mode .payout-payment .title{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}body.dark-mode .payout-payment .plan-pricing-hero{border-color:#ffffff1f!important;box-shadow:0 14px 40px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47)}body.dark-mode .payout-payment .plan-pricing-hero .subtitle{color:#ffffffc7!important}body.dark-mode .payout-payment .save-pill{background:#64b5f62e;color:#64b5f6f2}body.dark-mode .payout-payment .badge{background:#2d2d2d73;border-color:#ffffff29}body.dark-mode .payout-payment .badge-neutral{color:#ffffffc7}body.dark-mode .payout-payment .faq-container{color:#fff!important;background-color:#2d2d2dcc!important;border-color:#ffffff1a;box-shadow:0 4px 20px #0003}body.dark-mode .payout-payment .faq-container .faq:hover{background:#ffffff0d}body.dark-mode .payout-payment .faq-container .faq .title{color:#fff!important}body.dark-mode .payout-payment .faq-container .faq .content{color:#fffc!important}body.dark-mode .payout-payment .payout-payment-container .border-popular{border-color:#64b5f6e6!important;box-shadow:0 8px 30px #64b5f626}body.dark-mode .payout-payment .payout-payment-container .card{background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47)!important;border-color:#ffffff1f;box-shadow:0 8px 24px #00000059}body.dark-mode .payout-payment .payout-payment-container .card:hover{box-shadow:0 8px 30px #0000004d}body.dark-mode .payout-payment .payout-payment-container .card .popular{background:#273134cc!important}body.dark-mode .payout-payment .payout-payment-container .card .card-price{background:transparent}body.dark-mode .payout-payment .payout-payment-container .card .card-price .MuiTypography-root{color:#fff!important}body.dark-mode .payout-payment .payout-payment-container .card .card-price .description{color:#fffc!important}body.dark-mode .payout-payment .payout-payment-container .card .card-price .meta{color:#ffffff9e!important}body.dark-mode .payout-payment .payout-payment-container .card .card-price .price{color:#64b5f6!important}body.dark-mode .payout-payment .payout-payment-container .card .card-price .price .time{color:#ffffff80!important}body.dark-mode .payout-payment .payout-payment-container .card .item{border-top-color:#ffffff1a}body.dark-mode .payout-payment .payout-payment-container .card .item .MuiTypography-root{color:#fffc!important}body.dark-mode .payout-payment .payout-payment-container .card .item .check-icon{color:#81c784e6!important}body.dark-mode .payout-payment .payout-payment-container .card .buy-button{background:radial-gradient(circle at 20% 30%,#127ce7,#325dc1)!important;color:#fff!important;font-weight:300}body.dark-mode .payout-payment .payout-payment-container .card .buy-button:hover{background-color:#fff3!important;box-shadow:0 4px 15px #0003}body.dark-mode .payout-payment .payout-payment-container .card .buy-button:disabled{background:#273134cc!important;color:#fff!important;box-shadow:none!important;transform:none!important;cursor:not-allowed!important}body.dark-mode .payout-payment .checkout-bar{background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47);border-color:#ffffff1f;box-shadow:0 10px 40px #00000040}body.dark-mode .payout-payment .checkout-bar .checkout-title{color:#ffffffeb!important}body.dark-mode .payout-payment .checkout-bar .checkout-subtitle,body.dark-mode .payout-payment .checkout-bar .checkout-footnote{color:#ffffffb3!important}body.dark-mode .payout-payment .payment-container .paypal-buttons-payment{background:linear-gradient(180deg,#111827,#0f172a)!important;box-shadow:0 4px 20px #0003;border:1px solid rgba(255,255,255,.1)}body.dark-mode .payout-payment .payment-container .paypal-buttons-payment:hover{box-shadow:0 6px 25px #0000004d}.privacy-policy-container{width:100%;margin:3rem 2rem;padding-top:2rem}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.storage-usage{min-width:180px;padding:.75rem;border:0;transition:all .3s ease}.storage-usage .storage-text{font-family:NunitoSans-Regular,sans-serif;font-size:.85rem;font-weight:600;color:#2d2d2d;text-align:center}.storage-usage .storage-progress{height:8px!important;border-radius:4px;background-color:#c2c1c126!important;overflow:hidden}.storage-usage .storage-progress .MuiLinearProgress-bar{background:linear-gradient(45deg,#4f46e5,#547efc);transition:transform .4s ease-in-out;box-shadow:0 0 10px #4f46e54d}.storage-usage .storage-progress.exceeded .MuiLinearProgress-bar{background:linear-gradient(45deg,#ef4444,#f87171);box-shadow:0 0 10px #ef44444d}body.dark-mode .storage-usage .storage-text{color:#fff!important;opacity:.9}body.dark-mode .storage-usage .storage-progress{background-color:#ffffff1a!important}body.dark-mode .storage-usage .storage-progress .MuiLinearProgress-bar{box-shadow:0 0 10px #4f46e566!important}body.dark-mode .storage-usage .storage-progress.exceeded .MuiLinearProgress-bar{box-shadow:0 0 10px #ef444466!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.profile-page-container{padding:2.5rem 1.5rem}.profile-page-container .profile-card{background:#ffffffb8;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.55);border-radius:24px;box-shadow:0 8px 32px #00000012,0 2px 8px #0000000a;overflow:visible}.profile-page-container .profile-card .MuiCardContent-root{padding:2rem}.profile-page-container .profile-card .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif}.profile-page-container .profile-card .content{flex-wrap:wrap;gap:1.5rem;margin-bottom:0!important}.profile-page-container .profile-card .profile-avatar-container{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-right:1.5rem;flex-shrink:0}.profile-page-container .profile-card .profile-avatar-container:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:linear-gradient(135deg,#0d4072,#a85aee);z-index:0}.profile-page-container .profile-card .profile-avatar-container .profile-avatar{width:100px;height:100px;position:relative;z-index:1;border:3px solid #ffffff;transition:opacity .2s ease-in-out}.profile-page-container .profile-card .profile-avatar-container .profile-image-edit-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;z-index:2;background-color:#00000080!important;color:#fff!important;transition:opacity .2s ease-in-out}.profile-page-container .profile-card .profile-avatar-container .profile-image-edit-button:hover{background-color:#000000b3!important}.profile-page-container .profile-card .profile-avatar-container:hover .profile-image-edit-button{opacity:1}.profile-page-container .profile-card .profile-avatar-container:hover .profile-avatar{opacity:.55}.profile-page-container .profile-card .profile-display-name{background:linear-gradient(135deg,#2d2d2d,#2d2d2d8c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-.5px}.profile-page-container .profile-card .account-info-section{background:#2d2d2d06;border:1px solid rgba(45,45,45,.06);border-radius:16px;padding:1.25rem 1.5rem;margin-top:1.75rem}.profile-page-container .profile-card .account-info-section .MuiTypography-h6{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#2d2d2d;opacity:.45;margin-bottom:1rem}.profile-page-container .profile-card .account-info-section .account-info-rows{display:flex;flex-direction:column;gap:.9rem}.profile-page-container .profile-card .account-info-section .info-item{display:flex;align-items:center;gap:.9rem}.profile-page-container .profile-card .account-info-section .info-item .info-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #0000000f}.profile-page-container .profile-card .account-info-section .info-item .info-icon.created{background:#0d40721a;color:#0d4072}.profile-page-container .profile-card .account-info-section .info-item .info-icon.signin{background:#a85aee1a;color:#a85aee}.profile-page-container .profile-card .account-info-section .info-item .info-text .info-label{display:block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#2d2d2d;opacity:.38;margin-bottom:2px;font-family:NunitoSans-Regular,sans-serif}.profile-page-container .profile-card .account-info-section .info-item .info-text .info-value{font-weight:600;color:#2d2d2dd9;font-family:NunitoSans-Regular,sans-serif}.profile-page-container .profile-card .billing-btn-row .billing-nav-btn{border-radius:14px;text-transform:none;font-weight:700;color:#fff;font-family:NunitoSans-Regular,sans-serif;padding:10px 24px;background:linear-gradient(135deg,#0d4072,#2563eb);box-shadow:0 8px 20px #0d407240;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.profile-page-container .profile-card .billing-btn-row .billing-nav-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 28px #0d407259}.profile-page-container .profile-card .delete-account-button{border-radius:12px;text-transform:none;font-weight:700;font-family:NunitoSans-Regular,sans-serif;transition:all .3s ease}.profile-page-container .profile-card .delete-account-button:hover{background:#e83a3a0f;transform:translateY(-1px)}.profile-page-container .profile-card .logout-button-profile{border-radius:12px;text-transform:none;font-weight:700;font-family:NunitoSans-Regular,sans-serif;transition:all .3s ease}.profile-page-container .profile-card .logout-button-profile:hover{transform:translateY(-1px)}.warning-delete-account-popup .warning-delete{color:#e83a3a}@media (max-width: 768px){.profile-page-container{padding:1rem .75rem}.profile-page-container .profile-card{border-radius:18px}.profile-page-container .profile-card .MuiCardContent-root{padding:1.25rem}.profile-page-container .profile-card .content{flex-direction:column;align-items:center;text-align:center;gap:1rem}.profile-page-container .profile-card .profile-avatar-container{margin-right:0}.profile-page-container .profile-card .profile-avatar-container .profile-avatar{width:80px;height:80px}.profile-page-container .profile-card .account-info-section{margin-top:1.25rem;padding:1rem 1.1rem}.profile-page-container .profile-card .MuiBox-root:has(.delete-account-button){flex-direction:row;flex-wrap:wrap;gap:.75rem}.profile-page-container .profile-card .MuiBox-root:has(.delete-account-button) .delete-account-button,.profile-page-container .profile-card .MuiBox-root:has(.delete-account-button) .logout-button-profile{flex:1 1 auto;white-space:nowrap}}body.dark-mode .profile-page-container .profile-card{background:#1e293b!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 12px 40px #00000073!important;-webkit-backdrop-filter:none;backdrop-filter:none}body.dark-mode .profile-page-container .profile-card .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif}body.dark-mode .profile-page-container .profile-card .profile-avatar-container:before{background:linear-gradient(135deg,#0d4072,#38bdf8)}body.dark-mode .profile-page-container .profile-card .profile-avatar-container .profile-avatar{border:3px solid #1e293b!important}body.dark-mode .profile-page-container .profile-card .profile-avatar-container .profile-image-edit-button{background-color:#000000a6!important;color:#fff!important}body.dark-mode .profile-page-container .profile-card .profile-avatar-container .profile-image-edit-button:hover{background-color:#000c!important}body.dark-mode .profile-page-container .profile-card .profile-display-name{background:linear-gradient(135deg,#f1f5f9,#94a3b8)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}body.dark-mode .profile-page-container .profile-card .MuiTypography-colorTextSecondary,body.dark-mode .profile-page-container .profile-card .MuiTypography-body2:not(.info-value){color:#94a3b8!important}body.dark-mode .profile-page-container .profile-card .account-info-section{background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px}body.dark-mode .profile-page-container .profile-card .account-info-section .MuiTypography-h6{color:#f1f5f9!important;opacity:.5!important;font-size:.7rem;letter-spacing:1.5px}body.dark-mode .profile-page-container .profile-card .account-info-section .info-item .info-icon{width:42px;height:42px;border-radius:12px;box-shadow:none!important}body.dark-mode .profile-page-container .profile-card .account-info-section .info-item .info-icon.created{background:#0d40721f!important;color:#38bdf8!important;border:1px solid rgba(13,64,114,.2)}body.dark-mode .profile-page-container .profile-card .account-info-section .info-item .info-icon.signin{background:#a85aee1f!important;color:#c084fc!important;border:1px solid rgba(168,90,238,.2)}body.dark-mode .profile-page-container .profile-card .account-info-section .info-item .info-text .info-label{color:#94a3b8!important;opacity:.6!important;font-weight:700}body.dark-mode .profile-page-container .profile-card .account-info-section .info-item .info-text .info-value{color:#f1f5f9!important;font-weight:700}body.dark-mode .profile-page-container .profile-card .billing-btn-row .billing-nav-btn{background:linear-gradient(135deg,#0d4072,#2563eb 120%)!important;box-shadow:0 8px 16px #06325092!important}body.dark-mode .profile-page-container .profile-card .delete-account-button{color:#f87171!important;border-color:#f871714d!important;background:#f871710d!important}body.dark-mode .profile-page-container .profile-card .delete-account-button:hover{background:#f871711a!important;border-color:#f8717180!important}body.dark-mode .profile-page-container .profile-card .logout-button-profile{color:#fbbf24!important;border-color:#fbbf244d!important;background:#fbbf240d!important}body.dark-mode .profile-page-container .profile-card .logout-button-profile:hover{background:#fbbf241a!important;border-color:#fbbf2480!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.projects-main-container{margin:0;padding:0}.projects-page-header{border-bottom:1px solid rgba(194,193,193,.25);padding:1.75rem 2rem 0;gap:0}@media (max-width: 768px){.projects-page-header{padding:1rem 1rem 0}}.projects-page-header .projects-page-header__title{color:#2d2d2d;font-family:Assistant-Bold,sans-serif;font-weight:800;letter-spacing:-.5px}@media (max-width: 768px){.projects-page-header .projects-page-header__title{font-size:1.25rem!important}}.projects-page-header .projects-page-header__subtitle{color:#2d2d2d8c;font-family:NunitoSans-Regular,sans-serif;font-size:.9rem}@media (max-width: 768px){.projects-page-header .projects-page-header__subtitle{font-size:.8rem}}.projects-page-header .projects-page-header__stat{color:#2d2d2d8c;font-family:NunitoSans-Regular,sans-serif;font-weight:600;font-size:.78rem}.projects-page-content{padding:1.5rem 2rem;gap:1.25rem;display:flex;flex-direction:column}@media (max-width: 768px){.projects-page-content{padding:1rem;gap:1rem}}.project-filter-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;row-gap:.6rem}@media (max-width: 768px){.project-filter-row{flex-wrap:wrap}.project-filter-row .filters-btn{order:2}.project-filter-row .search-bar-paper{order:1;flex:1}}.project-filter-row .search-bar-paper{background:#fff;border-radius:8px;box-shadow:none;border:1px solid rgba(194,193,193,.45);transition:border-color .2s;flex:1}.project-filter-row .search-bar-paper:focus-within{border-color:#0d4072}.project-filter-row .search-bar-paper .MuiInputBase-root{font-family:NunitoSans-Regular,sans-serif;font-size:.9rem;color:#2d2d2d}.project-filter-row .search-bar-paper .MuiInputBase-root input{padding:.55rem .5rem;color:#2d2d2d}.project-filter-row .search-bar-paper .MuiInputBase-root input::placeholder{color:#2d2d2d61;opacity:1}@media (max-width: 768px){.project-filter-row .search-bar-paper{max-width:none}}.project-filter-row .project-action-buttons{display:flex;gap:.6rem;align-items:center;flex-shrink:0;margin-left:auto}.project-filter-row .project-action-buttons .MuiButton-root{font-family:Assistant-Bold,sans-serif;background-color:#1794dc;font-weight:600;color:#fff;font-size:.85rem;border-radius:20rem;padding:.45rem 1.1rem;text-transform:none;box-shadow:none;white-space:nowrap}.project-filter-row .upload-project-button--mobile-full{background-color:#1794dc;color:#fff;font-family:Assistant-Bold,sans-serif;font-weight:600;font-size:.95rem;border-radius:10px;text-transform:none;box-shadow:none;padding:.65rem 1rem;width:100%}.project-filter-row .upload-project-button--mobile-full:hover{background-color:#115395}.project-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:1rem 0}@media (max-width: 768px){.project-cards-grid{grid-template-columns:1fr;gap:1rem}}.project-card{background:#c2c1c11a;border:1px solid rgba(194,193,193,.28);border-radius:20px!important;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;cursor:pointer;height:100%;box-sizing:border-box}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#0d4072;opacity:0;transition:opacity .3s ease}.project-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff4d}.project-card:hover:before{opacity:1}.project-card:hover .project-card-name{color:#0d4072}.project-card .project-card-content{padding:1.5rem!important;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.project-card .project-card-content .project-card-header{margin-bottom:1.25rem}.project-card .project-card-content .project-card-header .project-card-name{color:#2d2d2d;font-weight:600;font-size:1.2rem;font-family:Assistant-Bold,sans-serif;margin-bottom:.75rem;line-height:1.3;letter-spacing:-.3px;transition:color .2s ease}.project-card .project-card-content .project-card-header span.progress{font-family:NunitoSans-Regular,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.project-card .project-card-content .project-card-header .status-icon{width:1rem!important;height:1rem!important}.project-card .project-card-content .project-card-details{flex:1;margin-bottom:1.25rem}.project-card .project-card-content .project-card-details .project-detail-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem;color:#2d2d2d}.project-card .project-card-content .project-card-details .project-detail-item svg{color:#0d4072;flex-shrink:0;opacity:.75}.project-card .project-card-content .project-card-details .project-detail-item .MuiTypography-root{color:#2d2d2dbf;font-size:.85rem;font-family:NunitoSans-Regular,sans-serif}.project-card .project-card-content .project-card-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.75rem;border-top:1px solid rgba(194,193,193,.2)}.project-card .project-card-content .project-card-actions .action-button{background:#c2c1c14d;color:#2d2d2d;border-radius:50%;width:36px;height:36px;transition:all .3s ease}.project-card .project-card-content .project-card-actions .action-button.download:hover{background:#10b9814d;transform:scale(1.1)}.project-card .project-card-content .project-card-actions .action-button.delete:hover{background:#ef44444d;transform:scale(1.1)}.project-card-skeleton{height:280px;border-radius:20px;background:#c2c1c11f;border:1px solid rgba(194,193,193,.2)}.no-projects-container{width:100%;box-sizing:border-box;padding:3.5rem 2rem!important;text-align:center;background-color:#c2c1c114;border:2px dashed rgba(194,193,193,.35);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 768px){.no-projects-container{padding:2.5rem 1.5rem!important}}.no-projects-container .no-projects-icon{width:72px;height:72px;border-radius:50%;background:#0d407214;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.no-projects-container .no-projects-icon svg{color:#0d4072;opacity:.7}.no-projects-container .no-projects-title{color:#2d2d2dbf;font-family:Assistant-Bold,sans-serif;font-weight:700;font-size:1.15rem}.no-projects-container .no-projects-sub{color:#2d2d2d73;font-family:NunitoSans-Regular,sans-serif;font-size:.88rem;margin-bottom:.5rem}.no-projects-container .no-projects-upload-btn{background-color:#1794dc;color:#fff;font-family:Assistant-Bold,sans-serif;font-weight:600;font-size:.9rem;border-radius:20rem;padding:.5rem 1.5rem;text-transform:none;box-shadow:none;margin-top:.25rem;transition:background-color .2s ease,transform .2s ease}.no-projects-container .no-projects-upload-btn:hover{background-color:#115395;box-shadow:0 4px 12px #0d40724d;transform:translateY(-1px)}body.dark-mode .projects-page-header{border-bottom:1px solid rgba(255,255,255,.1)!important}body.dark-mode .projects-page-header svg{color:#f1f5f9!important}body.dark-mode .projects-page-header .projects-page-header__title{color:#f1f5f9!important}body.dark-mode .projects-page-header .projects-page-header__subtitle,body.dark-mode .projects-page-header .projects-page-header__stat{color:#94a3b8!important}body.dark-mode .project-filter-row .search-bar-paper{background:#1e293b!important;border-color:#ffffff1a!important}body.dark-mode .project-filter-row .search-bar-paper:focus-within{border-color:#0d4072!important}body.dark-mode .project-filter-row .search-bar-paper .MuiInputBase-root,body.dark-mode .project-filter-row .search-bar-paper .MuiInputBase-root input{color:#f1f5f9!important}body.dark-mode .project-filter-row .search-bar-paper .MuiInputBase-root input::placeholder{color:#475569!important}body.dark-mode .project-filter-row .upload-project-button--mobile-full{background-color:#0d4072!important}body.dark-mode .project-filter-row .project-action-buttons .MuiButton-containedPrimary{background-color:#0d4072;color:#fff!important}body.dark-mode .project-filter-row .project-action-buttons .MuiButton-containedPrimary:hover{background-color:#0f4a84}body.dark-mode .project-card{background:#1e293b99!important;border-color:#ffffff1a!important}body.dark-mode .project-card:hover{background:#1e293bcc!important;box-shadow:0 20px 40px #00000080,0 0 0 1px #fff3!important}body.dark-mode .project-card .project-card-name{color:#f1f5f9!important}body.dark-mode .project-card .project-detail-item{color:#94a3b8!important}body.dark-mode .project-card .project-detail-item svg{color:#ffffff80!important}body.dark-mode .project-card .project-detail-item .MuiTypography-root{color:#94a3b8!important}body.dark-mode .project-card .project-card-actions{border-top-color:#ffffff1a!important}body.dark-mode .project-card .project-card-actions .action-button{background:#ffffff14!important;color:#fff!important}body.dark-mode .project-card-skeleton{background:#1e293b99!important;border-color:#64748b33!important}body.dark-mode .no-projects-container{background-color:#1e293b66!important;border-color:#ffffff1f!important}body.dark-mode .no-projects-container .no-projects-icon{background:#0d407226!important}body.dark-mode .no-projects-container .no-projects-icon svg{color:#38bdf8!important;opacity:.85}body.dark-mode .no-projects-container .no-projects-title{color:#f1f5f9!important}body.dark-mode .no-projects-container .no-projects-sub{color:#94a3b8!important}body.dark-mode .no-projects-container .no-projects-upload-btn{background-color:#0d4072!important;color:#fff!important}body.dark-mode .no-projects-container .no-projects-upload-btn:hover{background-color:#115395!important;box-shadow:0 4px 12px #1794dc66!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.activity-log-page-container{padding:2.5rem 0;gap:2.5rem;min-height:calc(100vh - 63px);background:radial-gradient(circle at top right,rgba(78,120,237,.05),transparent 40%),radial-gradient(circle at bottom left,rgba(13,64,114,.05),transparent 40%);display:flex;flex-direction:column;align-items:center;width:100%}@media (max-width: 768px){.activity-log-page-container{padding:1rem;gap:1.5rem}}.activity-log-page-container .page-header{width:100%;max-width:1200px}.activity-log-page-container .page-header .page-title-container{display:flex;flex-direction:column;gap:.25rem}.activity-log-page-container .page-header .page-title-container .page-title{font-family:NunitoSans-Regular,sans-serif;font-weight:800;color:#2d2d2d;font-size:2.2rem;letter-spacing:-.02em;margin:0}@media (max-width: 768px){.activity-log-page-container .page-header .page-title-container .page-title{font-size:1.4rem}}.activity-log-page-container .page-header .page-title-container .page-subtitle{font-family:NunitoSans-Regular,sans-serif;color:#2d2d2d80;font-size:.9rem}.activity-log-page-container .page-header .page-title-container .activity-filter-row{margin-top:.85rem}.activity-log-page-container .activity-log-filters-panel{width:400px;overflow:hidden}@media (max-width: 768px){.activity-log-page-container .activity-log-filters-panel{width:calc(100vw - 2rem)}}.activity-log-page-container .activity-log-filters-panel .filters-panel__grid{grid-template-columns:1fr 1fr;gap:.85rem;overflow:hidden}.activity-log-page-container .activity-log-filters-panel .filter-group{min-width:0;overflow:hidden}.activity-log-page-container .activity-log-section{width:100%;max-width:1200px;background:#fff6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);padding:1rem;border-radius:24px;box-shadow:0 20px 40px #00000008}.activity-log-page-container .activity-log-section .table-container{width:100%;overflow-x:auto;border-radius:18px}.activity-log-page-container .activity-log-section .table-container::-webkit-scrollbar{height:6px}.activity-log-page-container .activity-log-section .table-container::-webkit-scrollbar-thumb{background:#c2c1c133;border-radius:10px}.activity-log-page-container .activity-log-section .table-container .activity-table{width:100%;border-collapse:separate;border-spacing:0 .8rem;font-family:NunitoSans-Regular,sans-serif}.activity-log-page-container .activity-log-section .table-container .activity-table thead tr th{padding:1rem 1.5rem;text-align:left;font-weight:700;color:#2d2d2d66;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;border:none}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr{background:#fff;box-shadow:0 4px 12px #00000005;transition:all .3s ease;cursor:default}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr td{padding:1.2rem 1.5rem;border-top:1px solid rgba(194,193,193,.05);border-bottom:1px solid rgba(194,193,193,.05)}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr td:first-child{border-left:1px solid rgba(194,193,193,.05);border-top-left-radius:16px;border-bottom-left-radius:16px}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr td:last-child{border-right:1px solid rgba(194,193,193,.05);border-top-right-radius:16px;border-bottom-right-radius:16px}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr:hover{transform:translateY(-2px) scale(1.005);box-shadow:0 12px 24px #0000000f;z-index:10;position:relative}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .type-cell .icon-wrapper{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.join .icon-wrapper{background:#5ced4e1a;color:#5ced4e}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.join:hover .icon-wrapper{background:#5ced4e;color:#fff}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.leave .icon-wrapper{background:#e83a3a1a;color:#e83a3a}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.leave:hover .icon-wrapper{background:#e83a3a;color:#fff}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.create .icon-wrapper{background:#4e78ed1a;color:#4e78ed}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.create:hover .icon-wrapper{background:#4e78ed;color:#fff}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.update_zip .icon-wrapper{background:#a85aee1a;color:#a85aee}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.update_zip:hover .icon-wrapper{background:#a85aee;color:#fff}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.add_audio .icon-wrapper{background:#4e78ed1a;color:#4e78ed}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.add_audio:hover .icon-wrapper{background:#4e78ed;color:#fff}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.update_progress .icon-wrapper{background:#4e78ed1a;color:#4e78ed}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.update_progress:hover .icon-wrapper{background:#4e78ed;color:#fff}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .user-cell .user-info{display:flex;align-items:center;gap:1rem}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .user-cell .user-info .avatar{width:32px;height:32px;background:#f1f1f1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#2d2d2d99}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .user-cell .user-info strong{font-weight:700;color:#2d2d2d;font-size:1rem}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .action-cell .action-badge{padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;background:#f1f1f1;color:#2d2d2db3}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .time-cell .exact-time{font-size:.9rem;color:#2d2d2d;font-weight:600;display:block}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .time-cell .relative-time{font-size:.75rem;color:#2d2d2d66;margin-top:2px}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .no-events{text-align:center;padding:6rem;background:transparent;box-shadow:none}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .no-events .empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;opacity:.4}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .no-events .empty-state svg{width:64px;height:64px}body.dark-mode .activity-date-picker{background:#0f172a;border:none!important;border-radius:7px!important}body.dark-mode .activity-date-picker fieldset.MuiPickersOutlinedInput-notchedOutline,body.dark-mode .activity-date-picker .MuiOutlinedInput-notchedOutline{border-color:transparent!important}body.dark-mode .activity-log-page-container{background:radial-gradient(circle at top right,rgba(78,120,237,.15),transparent 40%),radial-gradient(circle at bottom left,rgba(13,64,114,.15),transparent 40%)}body.dark-mode .activity-log-page-container .page-header .page-title-container .page-title{color:#fff}body.dark-mode .activity-log-page-container .page-header .page-title-container .page-subtitle{color:#ffffff80}body.dark-mode .activity-log-page-container .activity-log-section{background:#ffffff08;border-color:#ffffff0d}body.dark-mode .activity-log-page-container .activity-log-section .activity-table thead tr th{color:#fff6}body.dark-mode .activity-log-page-container .activity-log-section .activity-table tbody tr{background:#ffffff0d;border-color:#ffffff0d}body.dark-mode .activity-log-page-container .activity-log-section .activity-table tbody tr td{border-color:#ffffff0d}body.dark-mode .activity-log-page-container .activity-log-section .activity-table tbody tr:hover{background:#ffffff14;box-shadow:0 12px 24px #0003}body.dark-mode .activity-log-page-container .activity-log-section .activity-table tbody tr .user-cell .user-info .avatar{background:#ffffff1a;color:#fff}body.dark-mode .activity-log-page-container .activity-log-section .activity-table tbody tr .user-cell .user-info strong{color:#fff}body.dark-mode .activity-log-page-container .activity-log-section .activity-table tbody tr .action-cell .action-badge{background:#ffffff1a;color:#fffc}body.dark-mode .activity-log-page-container .activity-log-section .activity-table tbody tr .time-cell .exact-time{color:#fff}body.dark-mode .activity-log-page-container .activity-log-section .activity-table tbody tr .time-cell .relative-time{color:#fff6}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.mini-card-file{width:5rem;height:5rem;align-items:center;justify-content:space-between;min-width:0;padding:1rem;min-height:0;background-color:#fff;border-radius:12px}.mini-card-file .MuiTypography-root{font-size:.8rem;font-family:NunitoSans-Regular,sans-serif;text-align:center;text-wrap:wrap;color:#2d2d2d;height:50%}.mini-card-file .download-btn{height:50%;background-color:#0d4072;color:#fff}.mini-card-file-upload .dropzone-mid{border:2px dashed rgba(194,193,193,.6);min-height:0;width:6rem;height:6rem;background-color:#4e4e4e;cursor:pointer}.mini-card-file-upload .dropzone-mid .MuiBox-root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}body.dark-mode .mini-card-file{background-color:#2d2d2d}body.dark-mode .mini-card-file .MuiTypography-root{color:#fff}body.dark-mode .mini-card-file .download-btn{background-color:#0d4072;color:#fff}body.dark-mode .mini-card-file-upload .dropzone-mid{background-color:#2d2d2d;border:2px dashed rgba(194,193,193,.4)}body.dark-mode .mini-card-file-upload .dropzone-mid .MuiBox-root{background-color:#2d2d2d}body.dark-mode .mini-card-file-upload .dropzone-mid .MuiBox-root .MuiSvgIcon-root{color:#fff}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.collab-settings-container{padding:1.75rem 2rem;gap:1.75rem;min-height:100%}@media (max-width: 768px){.collab-settings-container{padding:1rem;gap:1.25rem}}.collab-settings-container .settings-header{display:flex;flex-direction:row;align-items:center;gap:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(194,193,193,.25)}@media (max-width: 768px){.collab-settings-container .settings-header{flex-direction:column;align-items:flex-start}}.collab-settings-container .settings-header .back-button{color:#2d2d2d99;background:transparent;border:1px solid rgba(194,193,193,.4);border-radius:8px;text-transform:none;font-family:NunitoSans-Regular,sans-serif;font-size:.85rem;font-weight:600;padding:.4rem .9rem;box-shadow:none;flex-shrink:0}.collab-settings-container .settings-header .back-button:hover{background:#c2c1c11a;border-color:#c2c1c199;color:#2d2d2d}.collab-settings-container .settings-header .settings-header-title{gap:.15rem}.collab-settings-container .settings-header .settings-header-title .settings-icon{color:#2d2d2d80;display:flex;align-self:center;margin-top:.15rem}.collab-settings-container .settings-header .settings-header-title .settings-title{font-family:Assistant-Bold,sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-.4px;color:#2d2d2d}.collab-settings-container .settings-header .settings-header-title .settings-subtitle{font-family:NunitoSans-Regular,sans-serif;font-size:.875rem;color:#2d2d2d73;padding-left:1.75rem}.collab-settings-container .settings-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.collab-settings-container .settings-cards-grid{grid-template-columns:1fr}}.collab-settings-container .settings-cards-grid .settings-card{background:#fff;border:1px solid rgba(194,193,193,.25);border-radius:14px;padding:1.1rem 1.25rem;gap:.85rem;position:relative;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.collab-settings-container .settings-cards-grid .settings-card:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:3px;background-color:#0d4072;border-radius:14px 14px 0 0}.collab-settings-container .settings-cards-grid .settings-card:hover{border-color:#0d407266;box-shadow:0 4px 16px #0000000f}.collab-settings-container .settings-cards-grid .settings-card.stage-card,.collab-settings-container .settings-cards-grid .settings-card.activity-card{grid-column:1/-1}.collab-settings-container .settings-cards-grid .settings-card .select-progress{background-color:#c2c1c11a;color:#2d2d2d;border-radius:8px;font-family:NunitoSans-Regular,sans-serif;flex:1}.collab-settings-container .settings-cards-grid .settings-card .complete-project-button{background-color:#16a34a;font-family:Assistant-Bold,sans-serif;font-weight:600;color:#fff;text-transform:none;border-radius:7px;box-shadow:none;font-size:.85rem;padding:0 1.25rem;align-self:stretch}.collab-settings-container .settings-cards-grid .settings-card .complete-project-button:hover{background-color:#138d40}.collab-settings-container .settings-cards-grid .settings-card .completed-banner{color:#16a34a;font-family:NunitoSans-Regular,sans-serif;font-weight:700;background-color:#5ced4e1a;border:1px solid rgba(92,237,78,.3);border-radius:8px;font-size:.9rem;padding:.6rem 1rem}.collab-settings-container .settings-cards-grid .settings-card .card-label{font-family:NunitoSans-Regular,sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#2d2d2d73}.collab-settings-container .settings-cards-grid .settings-card .card-label.collaborators{color:#16a34a}.collab-settings-container .settings-cards-grid .settings-card .card-label.midi,.collab-settings-container .settings-cards-grid .settings-card .card-label.plugins{color:#a85aee}.collab-settings-container .settings-cards-grid .settings-card .card-label.activity{color:#4e78ed}.collab-settings-container .settings-cards-grid .settings-card .info-row{flex-direction:row;align-items:baseline;gap:.5rem}.collab-settings-container .settings-cards-grid .settings-card .info-row .info-key{font-family:NunitoSans-Regular,sans-serif;font-size:.78rem;font-weight:700;color:#2d2d2d66;min-width:60px;text-transform:uppercase;letter-spacing:.04em}.collab-settings-container .settings-cards-grid .settings-card .info-row .info-value{font-family:NunitoSans-Regular,sans-serif;font-size:.875rem;color:#2d2d2d;font-weight:500}.collab-settings-container .settings-cards-grid .settings-card .collaborators-list{overflow-y:auto;max-height:220px}.collab-settings-container .settings-cards-grid .settings-card .collaborators-list .collaborator-row{display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;border-radius:9px;background-color:#c2c1c11a;border:1px solid rgba(194,193,193,.2)}.collab-settings-container .settings-cards-grid .settings-card .collaborators-list .collaborator-row .collaborator-name{font-family:NunitoSans-Regular,sans-serif;font-size:.875rem;font-weight:600;color:#2d2d2d}.collab-settings-container .settings-cards-grid .settings-card .collaborators-list .collaborator-row .collaborator-name .owner-badge{font-size:.72rem;opacity:.5;font-style:italic;margin-left:.3rem;font-weight:400}.collab-settings-container .settings-cards-grid .settings-card .collaborators-list .collaborator-row .remove-collaborator-btn{min-width:unset;padding:.2rem;color:#e83a3a;opacity:.6}.collab-settings-container .settings-cards-grid .settings-card .collaborators-list .collaborator-row .remove-collaborator-btn:hover{opacity:1;background-color:#e83a3a12}.collab-settings-container .settings-cards-grid .settings-card .midis-grid{flex-wrap:wrap;gap:.6rem;flex-direction:row;overflow-y:auto;max-height:200px;padding-right:.25rem;scrollbar-width:thin;scrollbar-color:rgba(194,193,193,.55) transparent}.collab-settings-container .settings-cards-grid .settings-card .midis-grid::-webkit-scrollbar{width:5px;border-radius:99px}.collab-settings-container .settings-cards-grid .settings-card .midis-grid::-webkit-scrollbar-track{background:transparent;border-radius:99px}.collab-settings-container .settings-cards-grid .settings-card .midis-grid::-webkit-scrollbar-thumb{background:#c2c1c18c;border-radius:99px;transition:background .2s ease}.collab-settings-container .settings-cards-grid .settings-card .midis-grid::-webkit-scrollbar-thumb:hover{background:#c2c1c1d9}.collab-settings-container .settings-cards-grid .settings-card .plugin-tag{background-color:#c2c1c11a;padding:2px 10px;border-radius:50px;border:1px solid rgba(194,193,193,.2);font-size:.78rem;font-family:NunitoSans-Regular,sans-serif;color:#2d2d2d}.collab-settings-container .settings-cards-grid .settings-card .empty-text{font-family:NunitoSans-Regular,sans-serif;font-size:.82rem;color:#2d2d2d59;font-style:italic}.collab-settings-container .settings-cards-grid .settings-card .activity-last-event{background:#c2c1c112;border:1px solid rgba(194,193,193,.18);border-radius:10px;padding:.75rem 1rem}.collab-settings-container .settings-cards-grid .settings-card .activity-last-event .activity-event-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.collab-settings-container .settings-cards-grid .settings-card .activity-last-event .activity-event-icon--join{background:#5ced4e1f;color:#16a34a}.collab-settings-container .settings-cards-grid .settings-card .activity-last-event .activity-event-icon--leave,.collab-settings-container .settings-cards-grid .settings-card .activity-last-event .activity-event-icon--remove{background:#e83a3a1f;color:#e83a3a}.collab-settings-container .settings-cards-grid .settings-card .activity-last-event .activity-event-icon--create{background:#4e78ed1f;color:#4e78ed}.collab-settings-container .settings-cards-grid .settings-card .activity-last-event .activity-event-icon--update_zip{background:#a85aee1f;color:#a85aee}.collab-settings-container .settings-cards-grid .settings-card .activity-last-event .activity-event-icon--add_audio{background:#4e78ed1f;color:#4e78ed}.collab-settings-container .settings-cards-grid .settings-card .activity-last-event .activity-event-icon--update_progress{background:#0d40721f;color:#0d4072}.collab-settings-container .settings-cards-grid .settings-card .activity-last-event .activity-event-user{font-family:Assistant-Bold,sans-serif;font-size:.875rem;font-weight:700;color:#2d2d2d}.collab-settings-container .settings-cards-grid .settings-card .activity-last-event .activity-event-action{font-family:NunitoSans-Regular,sans-serif;font-size:.8rem;color:#2d2d2d8c}.collab-settings-container .settings-cards-grid .settings-card .activity-last-event .activity-event-time{font-family:NunitoSans-Regular,sans-serif;font-size:.72rem;color:#2d2d2d66;white-space:nowrap}.collab-settings-container .settings-cards-grid .settings-card .view-activity-button{background-color:#4e78ed;color:#fff;font-family:Assistant-Bold,sans-serif;font-weight:600;font-size:.85rem;border-radius:7px;padding:.45rem 1.1rem;text-transform:none;box-shadow:none;align-self:flex-start}.collab-settings-container .settings-cards-grid .settings-card .view-activity-button:hover{background-color:#295ce9}body.dark-mode .collab-settings-container .settings-header{border-bottom-color:#ffffff1a!important}body.dark-mode .collab-settings-container .settings-header .back-button{color:#94a3b8!important;border-color:#ffffff1f!important}body.dark-mode .collab-settings-container .settings-header .back-button:hover{background:#ffffff0f!important;color:#f1f5f9!important}body.dark-mode .collab-settings-container .settings-header .settings-icon{color:#64748b!important}body.dark-mode .collab-settings-container .settings-header .settings-title{color:#f1f5f9!important}body.dark-mode .collab-settings-container .settings-header .settings-subtitle,body.dark-mode .collab-settings-container .settings-section .section-label{color:#64748b!important}body.dark-mode .collab-settings-container .settings-section .select-progress{background-color:#ffffff0d!important;color:#f1f5f9!important}body.dark-mode .collab-settings-container .settings-section .completed-banner{color:#5ced4e!important;background-color:#5ced4e1a!important;border-color:#5ced4e40!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card{background-color:#1e293b!important;border-color:#ffffff1a!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card:hover{border-color:#0d407280!important;box-shadow:0 8px 32px #0006!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .card-label{color:#64748b!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .card-label.collaborators{color:#5ced4e!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .card-label.midi,body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .card-label.plugins{color:#a85aee!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .card-label.activity{color:#4e78ed!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .info-row .info-key{color:#475569!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .info-row .info-value{color:#f1f5f9!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .collaborators-list .collaborator-row{background-color:#ffffff0d!important;border-color:#ffffff14!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .collaborators-list .collaborator-row .collaborator-name{color:#f1f5f9!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .plugin-tag{background-color:#ffffff0f!important;border-color:#ffffff1a!important;color:#f1f5f9!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .empty-text{color:#475569!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .activity-last-event{background:#ffffff0a!important;border-color:#ffffff14!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .activity-last-event .activity-event-user{color:#f1f5f9!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .activity-last-event .activity-event-action{color:#94a3b8!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .activity-last-event .activity-event-time{color:#64748b!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .select-progress{background-color:#ffffff0d!important;color:#f1f5f9!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .midis-grid{scrollbar-color:rgba(255,255,255,.2) transparent!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .midis-grid::-webkit-scrollbar-thumb{background:#fff3!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .midis-grid::-webkit-scrollbar-thumb:hover{background:#ffffff61!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .completed-banner{color:#5ced4e!important;background-color:#5ced4e1a!important;border-color:#5ced4e40!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .view-activity-button{background-color:#4e78ed!important}body.dark-mode .collab-settings-container .settings-cards-grid .settings-card .view-activity-button:hover{background-color:#295ce9!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.add-genre-popup-container{width:100%;max-width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.add-genre-popup-container .exit-button{align-self:end;justify-self:end;margin:1rem 1rem 0 0;background-color:#b1b3b480}.add-genre-popup-container .submit-button{margin:1rem;border-radius:10px;color:#fff;font-family:NunitoSans-Regular,sans-serif;left:1;width:fit-content;justify-self:end;align-self:end}.add-genre-popup-container .auto-complete-genre{margin:1rem}.add-genre-popup-container .MuiPaper-root{max-width:100%}.add-genre-popup-container .MuiPaper-root::-webkit-scrollbar{display:none}.add-genre-popup-container .add-genre-popup-content{width:100%;flex-wrap:wrap;flex-direction:row;gap:1rem;margin:1rem}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.message-container{font-family:Liter-Regular,sans-serif;margin-bottom:1.25rem;transition:transform .15s;position:relative;min-width:0}.message-container.current-user .message-bubble{background:#0d4072;color:#fff;border-radius:18px 18px 4px;box-shadow:0 3px 14px #0d407240}.message-container.current-user .message-bubble .user-name{color:#ffffffd9}.message-container.current-user .message-bubble .audio-time{background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.25)}.message-container.current-user .message-bubble .audio-time:hover{background:#ffffff47}.message-container.current-user .message-bubble .arrow{color:#ffffffbf}.message-container.current-user .message-bubble .message{color:#fff}.message-container.current-user .message-bubble .time{color:#fff9;text-align:right}.message-container.current-user .message-bubble .action-button{color:#ffffffb3}.message-container.other-user .message-bubble{background:#fff;color:#2d2d2de0;border-radius:18px 18px 18px 4px;box-shadow:0 2px 10px #3c50b412;border:1px solid #e9eafc;border-left:3px solid rgb(13,64,114)}.message-container.other-user .message-bubble .user-name{color:#0d4072}.message-container.other-user .message-bubble .audio-time{background:#0d407214;color:#0d4072;border:1px solid rgba(13,64,114,.15)}.message-container.other-user .message-bubble .audio-time:hover{background:#0d407226}.message-container.other-user .message-bubble .arrow{color:#0d4072}.message-container.other-user .message-bubble .time{color:#8a94a6}.message-container:hover .action-button,.message-container:focus-within .action-button{opacity:1!important}.message-container .content-message-container{display:flex;align-items:flex-start;gap:.75rem;padding:0}.message-container .content-message-container .profile{width:2.5rem;height:2.5rem;border-radius:50%;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:700;background:linear-gradient(135deg,#0d4072,#115395);color:#fff;box-shadow:0 2px 8px #0d407247}.message-container .content-message-container .message-bubble{flex:1;min-width:0;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.35rem}.message-container .content-message-container .message-bubble .user-name{font-weight:700;font-size:.82rem;letter-spacing:.01em}.message-container .content-message-container .message-bubble .audio-time{display:inline-flex;align-items:center;gap:.25rem;border-radius:20px;padding:.1rem .65rem;font-size:.8rem;font-weight:700;letter-spacing:.02em;transition:background .18s,transform .18s;cursor:pointer}.message-container .content-message-container .message-bubble .audio-time:hover{transform:translateY(-1px)}.message-container .content-message-container .message-bubble .arrow{display:flex;align-items:center}.message-container .content-message-container .message-bubble .message{font-size:1rem;line-height:1.5;word-break:break-word}.message-container .content-message-container .message-bubble .time{font-size:.78rem;align-self:flex-end;white-space:nowrap;margin-top:.15rem}.message-container .content-message-container .message-bubble .time .edited-flag{font-size:.76rem;font-style:italic;margin-left:4px;opacity:.7}.message-container .content-message-container .message-bubble .divider{color:#c2c1c1;width:100%;margin-top:.75rem}body.dark-mode .message-container.other-user .message-bubble{background:#ffffff0a;border-color:#ffffff12;border-left-color:#318de7;box-shadow:0 2px 10px #0000002e;color:#ffffffe6}body.dark-mode .message-container.other-user .message-bubble .user-name{color:#5ea6ed}body.dark-mode .message-container.other-user .message-bubble .audio-time{background:#5ea6ed1f;color:#5ea6ed;border-color:#5ea6ed40}body.dark-mode .message-container.other-user .message-bubble .arrow{color:#5ea6ed}body.dark-mode .message-container.other-user .message-bubble .message{color:#ffffffe6}body.dark-mode .message-container.other-user .message-bubble .time{color:#fff6}body.dark-mode .message-container.current-user .message-bubble{background:#115597;box-shadow:0 3px 14px #0d407259}body.dark-mode .message-container.current-user .message-bubble .audio-time{background:#fff3;border-color:#ffffff4d;color:#fff}body.dark-mode .message-container.current-user .message-bubble .audio-time:hover{background:#ffffff4d}body.dark-mode .message-container.current-user .message-bubble .arrow{color:#fffc}body.dark-mode .message-container.current-user .message-bubble .user-name{color:#ffffffe6}body.dark-mode .message-container .content-message-container .profile{box-shadow:0 2px 8px #00000059}body.dark-mode .message-container .divider{color:#ffffff14}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.messages-container{font-family:Liter-Regular,sans-serif;margin:1.5rem 0;background:#f8f9ff;border-radius:20px;box-shadow:0 4px 20px #0d407212;border:1px solid rgba(13,64,114,.1);display:flex;flex-direction:column;min-width:0;max-height:480px;overflow:hidden}.messages-container .title{flex-shrink:0;padding:1.1rem 1.25rem 1rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0d40720f,#38bdf814);border-bottom:1px solid rgba(13,64,114,.08)}.messages-container .title .title-text svg{color:#0d4072;opacity:.85;width:1.2rem;height:1.2rem;flex-shrink:0}.messages-container .title .title-text h4{margin:0;font-size:1.15rem;font-weight:800;letter-spacing:.03em;background:linear-gradient(120deg,#0d4072,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.messages-container .title .sort-bar{gap:.1rem}.messages-container .title .sort-bar .sort-label{color:#8a94a6;font-size:.75rem}.messages-container .title .sort-bar .sort-button{color:#8a94a6;padding:.2rem}.messages-container .divider{display:none}.messages-container .messages-list{flex:1;overflow-y:auto;padding:.75rem 1.25rem .5rem;display:flex;flex-direction:column;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(13,64,114,.2) transparent}.messages-container .messages-list::-webkit-scrollbar{width:4px}.messages-container .messages-list::-webkit-scrollbar-track{background:transparent}.messages-container .messages-list::-webkit-scrollbar-thumb{background:#0d407233;border-radius:4px}.messages-container .messages-list .empty-state{color:#8a94a6;font-size:.9rem;text-align:center;padding:2rem 0}.messages-container .new-message-container{flex-shrink:0;gap:.75rem;align-items:center;padding:.85rem 1.25rem;border-top:1px solid rgba(13,64,114,.08);background:#f8f9ff}.messages-container .new-message-container .input-new-message{height:2.75rem;border:1.5px solid #e9eafc;border-radius:24px;padding:0 1.25rem;width:100%;background:#fff;font-size:.95rem;color:#2d2d2d;transition:all .2s cubic-bezier(.4,0,.2,1)}.messages-container .new-message-container .input-new-message.Mui-focused{border-color:#0d407280;box-shadow:0 0 0 3px #0d407214}.messages-container .new-message-container .input-new-message input::placeholder{color:#8a94a6;opacity:.85}.messages-container .new-message-container .send-button{width:2.75rem;height:2.75rem;min-width:2.75rem;display:flex;align-items:center;justify-content:center;background:#0d4072;border-radius:50%;transition:all .2s ease;color:#fff!important}.messages-container .new-message-container .send-button:hover:not(:disabled){background:#115395;transform:scale(1.07)}.messages-container .new-message-container .send-button:disabled{background:#f1f1f1;color:#8a94a6!important}.messages-container .new-message-container .send-button svg{font-size:1.1rem}body.dark-mode .messages-container{background:#2d2d2d8c;border-color:#ffffff12;box-shadow:0 4px 20px #00000040}body.dark-mode .messages-container .title{background:linear-gradient(135deg,#0d407226,#38bdf81a);border-bottom-color:#ffffff12}body.dark-mode .messages-container .title .title-text svg{color:#5ea6ed}body.dark-mode .messages-container .title .title-text h4{background:linear-gradient(120deg,#5ea6ed,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .messages-container .title .sort-bar .sort-label,body.dark-mode .messages-container .title .sort-bar .sort-button{color:#ffffff59}body.dark-mode .messages-container .messages-list{scrollbar-color:rgba(255,255,255,.15) transparent}body.dark-mode .messages-container .messages-list::-webkit-scrollbar-thumb{background:#ffffff26}body.dark-mode .messages-container .messages-list .empty-state{color:#ffffff59}body.dark-mode .messages-container .new-message-container{background:#2d2d2d8c;border-top-color:#ffffff0f}body.dark-mode .messages-container .new-message-container .input-new-message{background-color:#ffffff0d!important;border-color:#ffffff1a;color:#fff!important}body.dark-mode .messages-container .new-message-container .input-new-message.Mui-focused{border-color:#5ea6ed80;background-color:#ffffff14!important;box-shadow:0 0 0 3px #0d407226}body.dark-mode .messages-container .new-message-container .input-new-message input::placeholder{color:#ffffff59}body.dark-mode .messages-container .new-message-container .send-button{background:#1567b7!important;color:#fff!important}body.dark-mode .messages-container .new-message-container .send-button:hover:not(:disabled){background:#1879d7!important}body.dark-mode .messages-container .new-message-container .send-button:disabled{background:#ffffff12!important;color:#ffffff40!important}.time-line-progress-container{width:100%}.time-line-progress-container .toggle-buttons{font-size:2rem}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.visual-audio-container{border-radius:20px;background:linear-gradient(120deg,#fff 80%,#e9eafc);width:100%;margin:1rem;box-shadow:0 6px 32px #3c50b41a,0 1.5px 6px #3c50b40a;padding:2.2rem 1.7rem 1.7rem;display:flex;flex-direction:column;align-items:stretch;min-height:260px;position:relative;transition:box-shadow .2s,transform .15s;border:1.5px solid #e9eafc;overflow:visible}.visual-audio-container:hover,.visual-audio-container:focus-within{box-shadow:0 12px 48px #3c50b429,0 2px 12px #3c50b414;transform:translateY(-2px)}.visual-audio-container:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:6px;border-radius:20px 20px 0 0;z-index:2}.visual-audio-container .delete-audio-file{display:flex;justify-content:flex-end}.visual-audio-container .delete-audio-file .delete-audio-file-button{opacity:.5;transition:opacity .2s,background .2s}.visual-audio-container .delete-audio-file .delete-audio-file-button:hover,.visual-audio-container .delete-audio-file .delete-audio-file-button:focus{opacity:1;background:#ffeaea}.visual-audio-container .visual-audio{margin:1.2rem 0 1.5rem;background:#f7f8fa;padding:.9rem 1.2rem;border-radius:14px;border:1px solid #e0e0e0;z-index:0;box-shadow:0 1px 8px #3c50b40a}.visual-audio-container .controls-container .audio-name{align-self:flex-start;word-break:break-all;font-family:Liter-Regular,sans-serif;font-weight:500;color:#2d2d2d;margin-bottom:1rem}.visual-audio-container .controls-container .auto-tag-card-container{margin:1.2rem 0 .5rem}.visual-audio-container .controls-container .auto-tag-card-container .auto-tag-card-content{width:100%;align-items:center}.visual-audio-container .controls-container .auto-tag-card-container .auto-tag-card-content .main-genre{font-family:Liter-Regular,sans-serif;margin:1rem}.visual-audio-container .controls-container .auto-tag-card-container .auto-tag-card-content .sub-geners-container{display:flex;flex-wrap:wrap;gap:.7rem}.visual-audio-container .controls-container .auto-tag-card-container .auto-tag-card-content .sub-geners-container .sub-genre{border-radius:25px;border:1px solid #bdbdbd;font-size:1rem;font-weight:600;padding:.2rem .8rem;background:#f7f8fa}.visual-audio-container .controls-container .audio-type{margin:.5rem 0;border-radius:18px;background:#e9eafc;padding:.2rem 1rem;border:1px solid #bdbdbd}.visual-audio-container .controls-container .bottom-controls{width:100%;display:flex;align-items:stretch;gap:.8rem;margin-top:.5rem}.visual-audio-container .controls-container .bottom-controls .quick-message-box{display:flex;align-items:center;background:#f7f8fa;border:1px solid #e0e0e0;border-radius:12px;padding:0 1rem;flex:1;transition:all .2s cubic-bezier(.4,0,.2,1)}.visual-audio-container .controls-container .bottom-controls .quick-message-box:focus-within{background:#fff;border-color:#0d407280;box-shadow:0 4px 12px #0d407214}.visual-audio-container .controls-container .bottom-controls .quick-message-box .MuiInputBase-root{width:100%;height:45px}.visual-audio-container .controls-container .bottom-controls .chat-button{flex-shrink:0}.visual-audio-container .controls-container .MuiTypography-root{text-wrap:wrap}.visual-audio-container .audio-progress{border-radius:10px;height:.5rem;background:#e9eafc}.visual-audio-container .suggestion-markers{position:relative;width:100%;height:2.5rem;z-index:3;pointer-events:none}.visual-audio-container .suggestion-markers .suggestion-marker{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;cursor:pointer;pointer-events:auto;z-index:4}.visual-audio-container .suggestion-markers .suggestion-marker .suggestion-marker-label{font-size:.75rem;color:#1976d2;background:#fff;border-radius:4px;padding:0 4px;margin-top:2px;box-shadow:0 1px 4px #00000014;font-family:Liter-Regular,sans-serif;white-space:nowrap}.visual-audio-container .upload-audio-file-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem}.visual-audio-container .upload-audio-file-container .audio-type{font-family:Liter-Regular,sans-serif}.visual-audio-container .upload-audio-file-container .audio-type .MuiChip-filled{background-color:#2d2d2d33}.visual-audio-container .upload-audio-file-container .audio-type{margin:1rem 0}.visual-audio-container .upload-audio-file-container .loading{gap:.5rem;display:flex;flex-direction:column;align-items:center;margin:1rem 0;background:#f7f8fa;border-radius:15px;padding:1rem 2rem;width:80%;box-shadow:0 1px 8px #0000000f}.visual-audio-container .upload-audio-file-container .loading .progress{width:100%;border-radius:15px}.visual-audio-container .upload-audio-file-container .loading .progress-pres{font-weight:600;color:#2d2d2d}.visual-audio-container .upload-audio-file-container .dropzone-area{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;min-height:120px;border-radius:15px;border:2px dashed #bdbdbd;background:#f4f6fa;transition:border-color .2s}.visual-audio-container .upload-audio-file-container .dropzone-area:hover,.visual-audio-container .upload-audio-file-container .dropzone-area:focus-within{border-color:#40c664;background:#e9fbe9}.visual-audio-container .upload-audio-file-container .dropzone-area .preview-grid-container{display:none}.audio-meta-card{border:1px solid rgba(13,64,114,.1);border-radius:14px;background:#f8f9ff;padding:.85rem 1rem;margin-bottom:1rem;box-shadow:0 1px 8px #0d40720d;width:100%;box-sizing:border-box}.audio-meta-card .audio-info-card{display:flex;flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.85rem}.audio-meta-card .audio-type,.audio-meta-card .audio-size{display:inline-flex;align-items:center;gap:.35rem;background:#0d407212;border:1px solid rgba(13,64,114,.13);border-radius:20px;padding:.22rem .75rem;font-size:.78rem;font-weight:700;color:#0d4072;font-family:NunitoSans-Regular,sans-serif;letter-spacing:.02em}.audio-meta-card .auto-tag-info-card{border-top:1px solid rgba(13,64,114,.08);padding-top:.75rem}.audio-meta-card .auto-tag-info-card .auto-tag-header{display:flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#8a94a6;margin-bottom:.65rem;font-family:NunitoSans-Regular,sans-serif}.audio-meta-card .auto-tag-info-card .auto-tag-card-content{display:flex;flex-direction:column;gap:.5rem}.audio-meta-card .auto-tag-info-card .main-genre{display:inline-flex;align-items:center;gap:.4rem;background:#0d40721a;border:1px solid rgba(13,64,114,.18);border-radius:20px;padding:.28rem .85rem;font-size:.82rem;font-weight:700;color:#0d4072;font-family:NunitoSans-Regular,sans-serif;align-self:flex-start}.audio-meta-card .auto-tag-info-card .sub-genres-label{display:flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8a94a6;font-family:NunitoSans-Regular,sans-serif}.audio-meta-card .auto-tag-info-card .sub-geners-container{flex-wrap:wrap}.audio-meta-card .auto-tag-info-card .add-genre-btn{width:2rem;height:2rem;min-width:0;border-radius:50%;padding:0}@media (max-width: 900px){.visual-audio-container{padding:1rem .5rem;min-height:180px}}@media (max-width: 600px){.visual-audio-container{padding:.5rem .2rem;min-height:120px;border-radius:10px}.controls-container{flex-direction:column;align-items:stretch;gap:.7rem}.visual-audio{margin:1rem;background-color:#f7f7f7;padding:.5rem;border-radius:10px;border:1px solid rgba(164,164,164,.5);z-index:0;transition:all .3s ease}.visual-audio.currently-playing{box-shadow:0 0 20px #1db9544d;border:2px solid #1db954;background-color:#1db9540d}.visual-audio .audio-name{font-size:1rem!important;margin-bottom:.3rem}.visual-audio .audio-meta-card{padding:.7rem .5rem .5rem;border-radius:10px;margin-bottom:.7rem}.visual-audio .audio-info-card,.visual-audio .auto-tag-info-card{padding:.5rem 0;border-radius:8px;margin-bottom:.3rem}.visual-audio .audio-type,.visual-audio .audio-size,.visual-audio .main-genre{font-size:.95rem!important;margin:.5rem 0 .2rem}.visual-audio .auto-tag-card-content{margin-bottom:.3rem}.visual-audio .sub-geners-container{gap:.4rem}.visual-audio .MuiButtonBase-root{min-width:32px!important;height:32px!important}}.visual-audio-skeleton{pointer-events:none}.visual-audio-skeleton .skeleton-icon-btn,.visual-audio-skeleton .skeleton-input,.visual-audio-skeleton .skeleton-genre-pill,.visual-audio-skeleton .skeleton-chip,.visual-audio-skeleton .skeleton-time,.visual-audio-skeleton .skeleton-progress-bar,.visual-audio-skeleton .skeleton-play-btn,.visual-audio-skeleton .skeleton-line,.visual-audio-skeleton .skeleton-wave{border-radius:6px;background:linear-gradient(90deg,#c8cce08c 25%,#e9eafce6,#c8cce08c 75%);background-size:200% 100%;animation:va-shimmer 1.4s ease-in-out infinite}.visual-audio-skeleton .skeleton-wave{height:100px;border-radius:14px;margin:0 0 1.5rem}.visual-audio-skeleton .skeleton-line{height:.9rem;width:55%;margin-bottom:.75rem}.visual-audio-skeleton .skeleton-line.skeleton-name{height:1.2rem;width:65%;margin-bottom:1rem}.visual-audio-skeleton .skeleton-line.skeleton-label{width:40%;height:.7rem;margin-bottom:.5rem}.visual-audio-skeleton .skeleton-line.skeleton-label.skeleton-label--sm{width:28%}.visual-audio-skeleton .skeleton-play-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.visual-audio-skeleton .skeleton-play-btn{width:2.25rem;height:2.25rem;border-radius:50%;flex-shrink:0}.visual-audio-skeleton .skeleton-progress-bar{flex:1;height:.5rem;border-radius:10px}.visual-audio-skeleton .skeleton-time{width:2.5rem;height:.8rem;flex-shrink:0}.visual-audio-skeleton .skeleton-meta-card{border-radius:14px;border:1px solid rgba(200,204,224,.5);padding:.85rem 1rem;margin-bottom:1rem;display:flex;flex-direction:column}.visual-audio-skeleton .skeleton-chips-row{display:flex;gap:.5rem;margin-bottom:.75rem}.visual-audio-skeleton .skeleton-chip{height:1.4rem;width:4rem;border-radius:20px}.visual-audio-skeleton .skeleton-chip.skeleton-chip--wide{width:5.5rem}.visual-audio-skeleton .skeleton-divider{height:1px;background:#c8cce066;margin-bottom:.75rem}.visual-audio-skeleton .skeleton-genre-pill{height:1.5rem;width:5rem;border-radius:20px;margin-bottom:.75rem;align-self:flex-start}.visual-audio-skeleton .skeleton-bottom-row{display:flex;gap:.75rem;align-items:center}.visual-audio-skeleton .skeleton-input{flex:1;height:2.8rem;border-radius:12px}.visual-audio-skeleton .skeleton-icon-btn{width:2.8rem;height:2.8rem;border-radius:12px;flex-shrink:0}body.dark-mode .visual-audio-container{background:#273134cc;border:transparent;color:#fff!important;position:relative}body.dark-mode .visual-audio-container:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:6px;border-radius:20px 20px 0 0;z-index:2}body.dark-mode .visual-audio-container .delete-audio-file .delete-audio-file-button{color:#fff9!important}body.dark-mode .visual-audio-container .delete-audio-file .delete-audio-file-button:hover,body.dark-mode .visual-audio-container .delete-audio-file .delete-audio-file-button:focus{background:#e83a3a33!important;color:#e83a3a!important}body.dark-mode .visual-audio-container .visual-audio{border:1px solid #4e4e4e;box-shadow:0 1px 12px #1e28502e;background-color:#2d2d2dcc!important}body.dark-mode .visual-audio-container .visual-audio.currently-playing{box-shadow:0 0 20px #1db95466;border:2px solid #1db954;background-color:#1db9541a!important}body.dark-mode .visual-audio-container .controls-container .MuiTypography-root,body.dark-mode .visual-audio-container .controls-container .audio-name,body.dark-mode .visual-audio-container .controls-container .auto-tag-card-container,body.dark-mode .visual-audio-container .controls-container .auto-tag-card-container .auto-tag-card-content .sub-geners-container .MuiButtonBase-root .MuiSvgIcon-root,body.dark-mode .visual-audio-container .controls-container .auto-tag-card-container .auto-tag-card-content .sub-geners-container .MuiButtonBase-root{color:#fff!important}body.dark-mode .visual-audio-container .controls-container .bottom-controls .chat-button{color:#115395!important}body.dark-mode .visual-audio-container .suggestion-markers .suggestion-marker-label{background:#4e4e4e;color:#5ea6ed!important}body.dark-mode .visual-audio-container .bottom-controls{border-top:none}body.dark-mode .visual-audio-container .bottom-controls .quick-message-box{background-color:#2d2d2d66!important;border-color:#ffffff1a!important}body.dark-mode .visual-audio-container .bottom-controls .quick-message-box:focus-within{background-color:#2d2d2d99!important;border-color:#0d407266!important;box-shadow:0 4px 12px #0d40721f}body.dark-mode .visual-audio-container .bottom-controls .quick-message-box .MuiInputBase-input{color:#fff!important}body.dark-mode .visual-audio-container .bottom-controls .quick-message-box .MuiInputBase-input::placeholder{color:#ffffff80!important}body.dark-mode .visual-audio-container .bottom-controls .chat-button{background-color:#ffffff0d!important;border-color:#ffffff1a!important;color:#fff9!important}body.dark-mode .visual-audio-container .bottom-controls .chat-button:hover{background-color:#ffffff1a!important;color:#115395!important;border-color:#0d407266!important}body.dark-mode .visual-audio-container .bottom-controls .MuiButton-root{background-color:#ffffff0d!important;color:#ffffffb3!important}body.dark-mode .visual-audio-container .bottom-controls .MuiButton-root:hover{background-color:#ffffff1a!important;color:#0d4072!important}body.dark-mode .visual-audio-container .upload-audio-file-container{color:#fff!important}body.dark-mode .visual-audio-container .upload-audio-file-container .MuiSvgIcon-root{color:#0d4072!important}body.dark-mode .visual-audio-container .upload-audio-file-container .dropzone-area{background:#2d2d2d}body.dark-mode .visual-audio-container .upload-audio-file-container .dropzone-area:hover,body.dark-mode .visual-audio-container .upload-audio-file-container .dropzone-area:focus-within{background:#4e4e4e;border-color:#2563eb}body.dark-mode .visual-audio-container .upload-audio-file-container .loading{background:#4e4e4e;color:#fff!important}body.dark-mode .visual-audio-container .MuiChip-root,body.dark-mode .visual-audio-container .MuiChip-filled{background:#4e4e4e!important;color:#fff!important;font-weight:600}body.dark-mode .visual-audio-container .audio-meta-card{background:#ffffff0a;border-color:#ffffff14;box-shadow:none}body.dark-mode .visual-audio-container .audio-meta-card .audio-type,body.dark-mode .visual-audio-container .audio-meta-card .audio-size{background:#ffffff14;border-color:#ffffff1f;color:#ffffffd9}body.dark-mode .visual-audio-container .audio-meta-card .auto-tag-info-card{border-top-color:#ffffff14}body.dark-mode .visual-audio-container .audio-meta-card .auto-tag-info-card .auto-tag-header,body.dark-mode .visual-audio-container .audio-meta-card .auto-tag-info-card .sub-genres-label{color:#ffffff59}body.dark-mode .visual-audio-container .audio-meta-card .auto-tag-info-card .main-genre{background:#5ea6ed1f;border-color:#5ea6ed40;color:#5ea6ed}body.dark-mode .visual-audio-skeleton .skeleton-wave,body.dark-mode .visual-audio-skeleton .skeleton-line,body.dark-mode .visual-audio-skeleton .skeleton-play-btn,body.dark-mode .visual-audio-skeleton .skeleton-progress-bar,body.dark-mode .visual-audio-skeleton .skeleton-time,body.dark-mode .visual-audio-skeleton .skeleton-chip,body.dark-mode .visual-audio-skeleton .skeleton-genre-pill,body.dark-mode .visual-audio-skeleton .skeleton-input,body.dark-mode .visual-audio-skeleton .skeleton-icon-btn{background:linear-gradient(90deg,#334155cc 25%,#47556999,#334155cc 75%);background-size:200% 100%;animation:va-shimmer 1.4s ease-in-out infinite}body.dark-mode .visual-audio-skeleton .skeleton-meta-card{border-color:#ffffff14}body.dark-mode .visual-audio-skeleton .skeleton-divider{background:#ffffff14}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.single-collaboration-main-container{margin-bottom:3rem}.single-collaboration-main-container .single-collaboration-content-container{gap:1.5rem;padding:1.5rem 2rem}@media (max-width: 768px){.single-collaboration-main-container .single-collaboration-content-container{padding:1rem}}.single-collaboration-main-container .single-collaboration-content-container .completed-project-text{padding:1rem 2rem;color:#16a34a;font-family:NunitoSans-Regular,sans-serif;font-weight:700;background-color:#5ced4e1a;border:1px solid rgba(92,237,78,.3);border-radius:12px;width:100%;font-size:1rem;text-align:center;letter-spacing:.01em}.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header{border-bottom:1px solid rgba(194,193,193,.25);padding-bottom:1rem;justify-content:space-between;align-items:center}@media (max-width: 768px){.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header{gap:.75rem;flex-direction:column;align-items:flex-start}}.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .title{font-family:Assistant-Bold,sans-serif;font-weight:800;letter-spacing:-.5px;color:#2d2d2d;font-size:1.6rem}@media (max-width: 768px){.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .title{font-size:1.15rem}}.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .title.name{font-size:1.6rem;word-break:break-word}@media (max-width: 768px){.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .title.name{font-size:1.2rem}}.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header__name-skeleton{height:1.6rem;width:12rem;border-radius:6px;background:linear-gradient(90deg,#c8cce08c 25%,#e9eafce6,#c8cce08c 75%);background-size:200% 100%;animation:va-shimmer 1.4s ease-in-out infinite}@media (max-width: 768px){.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header__name-skeleton{height:1.2rem;width:8rem}}.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .settings-button{background-color:transparent;color:#2d2d2d99;align-self:center;border-radius:7px;height:2rem;font-family:NunitoSans-Regular,sans-serif;font-size:.82rem;font-weight:600;text-transform:none;border:1px solid rgba(194,193,193,.45);box-shadow:none;padding:0 .9rem}.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .settings-button:hover{background-color:#c2c1c11f;border-color:#c2c1c1a6;color:#2d2d2d}.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .copy-button{background-color:transparent;color:#2d2d2d99;align-self:center;border-radius:7px;height:2rem;width:10rem;font-family:NunitoSans-Regular,sans-serif;font-size:.82rem;font-weight:600;text-transform:none;border:1px solid rgba(194,193,193,.45);box-shadow:none}.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .copy-button:hover{background-color:#c2c1c11f;border-color:#c2c1c1a6}@media (max-width: 768px){.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .copy-button .MuiTypography-root{font-size:.78rem}.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .copy-button .lucide-copy{width:.9rem;height:.9rem}}.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}@media (max-width: 768px){.single-collaboration-main-container .single-collaboration-content-container .collab-info-container{grid-template-columns:1fr}}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card{display:flex;flex-direction:column;padding:1.1rem 1.25rem;gap:.75rem;background-color:#fff;color:#2d2d2d;border-radius:12px;border:1px solid rgba(194,193,193,.28);min-height:180px;max-height:320px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card:before{content:"";display:block;height:3px;background-color:#0d4072;border-radius:4px 4px 0 0;margin:-1.1rem -1.25rem .5rem}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card:hover{border-color:#0d407280;box-shadow:0 4px 16px #0000000f}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card{grid-column:1/-1;max-height:unset;min-height:unset;flex-direction:column;padding:1.1rem 1.25rem;gap:.85rem}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card:before{margin:-1.1rem -1.25rem .25rem;width:calc(100% + 2.5rem);flex-shrink:0}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card .activity-last-event{background:#c2c1c112;border:1px solid rgba(194,193,193,.18);border-radius:10px;padding:.75rem 1rem}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card .activity-last-event .activity-event-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card .activity-last-event .activity-event-icon--join{background:#5ced4e1f;color:#16a34a}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card .activity-last-event .activity-event-icon--leave,.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card .activity-last-event .activity-event-icon--remove{background:#e83a3a1f;color:#e83a3a}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card .activity-last-event .activity-event-icon--create{background:#4e78ed1f;color:#4e78ed}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card .activity-last-event .activity-event-icon--update_zip{background:#a85aee1f;color:#a85aee}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card .activity-last-event .activity-event-icon--add_audio{background:#4e78ed1f;color:#4e78ed}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card .activity-last-event .activity-event-icon--update_progress{background:#0d40721f;color:#0d4072}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card .activity-last-event .activity-event-user{font-family:Assistant-Bold,sans-serif;font-size:.85rem;font-weight:700;color:#2d2d2d}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card .activity-last-event .activity-event-action{font-family:NunitoSans-Regular,sans-serif;font-size:.78rem;color:#2d2d2d8c}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card .activity-last-event .activity-event-time{font-family:NunitoSans-Regular,sans-serif;font-size:.72rem;color:#2d2d2d66;white-space:nowrap}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card .no-activity-yet{font-family:NunitoSans-Regular,sans-serif;font-size:.82rem;color:#2d2d2d61;font-style:italic}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card .view-activity-button{align-self:flex-start}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .midis{flex-wrap:wrap;gap:.75rem;width:100%;flex-direction:row;overflow-y:auto}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .title{font-family:NunitoSans-Regular,sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#2d2d2d80;padding:0;margin:0;background:transparent;border:none;border-radius:0}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .title.collaborators{color:#16a34a}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .title.mid{color:#a85aee}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .title.activity{color:#4e78ed}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .title.plugins-title{color:#a85aee}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .plugins-container{display:flex;flex-wrap:wrap;gap:.4rem;padding:0;overflow-y:auto}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .plugins-container .plugin-tag{background-color:#c2c1c11f;padding:2px 10px;border-radius:50px;border:1px solid rgba(194,193,193,.22);font-size:.78rem;font-family:NunitoSans-Regular,sans-serif;color:#2d2d2d}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .no-plugins{color:#2d2d2d59;font-style:italic;font-size:.82rem;font-family:NunitoSans-Regular,sans-serif}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .collaborators-list{overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .collaborators-list .collaborator-row{display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;border-radius:10px;background-color:#c2c1c11f;border:1px solid rgba(194,193,193,.22)}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .collaborators-list .collaborator-row .collaborator-name{font-family:NunitoSans-Regular,sans-serif;font-size:.875rem;font-weight:600;color:#2d2d2d}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .collaborators-list .collaborator-row .collaborator-name .owner-badge{font-size:.72rem;opacity:.55;font-style:italic;margin-left:.3rem;font-weight:400}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .collaborators-list .collaborator-row .remove-collaborator-btn{min-width:unset;padding:.2rem;color:#e83a3a;opacity:.65}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .collaborators-list .collaborator-row .remove-collaborator-btn:hover{opacity:1;background-color:#e83a3a12}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .view-activity-button{background-color:#0d4072;color:#fff;font-family:Assistant-Bold,sans-serif;font-weight:600;font-size:.85rem;border-radius:7px;padding:.5rem 1.25rem;text-transform:none;box-shadow:none;white-space:nowrap}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .view-activity-button:hover{background-color:#1794dc}.single-collaboration-main-container .single-collaboration-content-container .visual-audio-main-grid{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem}.single-collaboration-main-container .single-collaboration-content-container .visual-audio-main-grid .visual-audio-container{flex:1 1 280px;min-width:280px;margin:0;transition:flex-basis .3s ease}.single-collaboration-main-container .single-collaboration-content-container .visual-audio-main-grid .visual-audio-container.expanded{flex:1 1 100%}.single-collaboration-main-container .single-collaboration-content-container .visual-audio-main-grid .visual-audio-container.expanded .audio-meta-card{display:none}.single-collaboration-main-container .single-collaboration-content-container .visual-audio-main-grid:has(.expanded) .visual-audio-container:not(.expanded){display:none}.single-collaboration-main-container .no-data{background-color:#c2c1c114;border:1px solid rgba(194,193,193,.2);border-radius:12px;align-items:center;padding:1rem 1.5rem;width:100%;justify-content:center}.single-collaboration-main-container .no-data .MuiTypography-root{color:#2d2d2d73;font-family:NunitoSans-Regular,sans-serif;font-size:.88rem}.single-collaboration-main-container .no-data .empty{width:2rem;opacity:.35}.single-collaboration-main-container .select-progress{background-color:#c2c1c11f;color:#2d2d2d;border-radius:8px;width:100%;font-family:NunitoSans-Regular,sans-serif}.single-collaboration-main-container .complete-project-button{background-color:#16a34a;font-family:Assistant-Bold,sans-serif;font-weight:600;color:#fff;text-transform:none;border-radius:7px;box-shadow:none;font-size:.85rem}.single-collaboration-main-container .complete-project-button:hover{background-color:#138d40}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container,body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .MuiTypography-root{color:#f1f5f9!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .completed-project-text{color:#5ced4e!important;background-color:#5ced4e1a!important;border-color:#5ced4e40!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header{border-bottom-color:#ffffff1a!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .title{color:#f1f5f9!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .settings-button{color:#94a3b8!important;border-color:#ffffff1f!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .settings-button:hover{background-color:#ffffff0d!important;color:#f1f5f9!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .copy-button{color:#94a3b8!important;border-color:#ffffff1f!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .copy-button:hover{background-color:#ffffff0d!important;color:#f1f5f9!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header__name-skeleton{background:linear-gradient(90deg,#334155cc 25%,#47556999,#334155cc 75%)!important;background-size:200% 100%!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif;color:#f1f5f9!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card{background-color:#1e293b!important;border-color:#ffffff1a!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card:hover{border-color:#0d4072!important;box-shadow:0 8px 32px #00000080!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .title{color:#94a3b8!important;background:transparent!important;border:none!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .title.collaborators{color:#5ced4e!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .title.mid,body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .title.plugins-title{color:#a85aee!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .title.activity{color:#4e78ed!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .plugins-container .plugin-tag{background-color:#ffffff0f!important;border-color:#ffffff1a!important;color:#f1f5f9!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .no-plugins{color:#475569!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .collaborators-list .collaborator-row{background-color:#ffffff0d!important;border-color:#ffffff14!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .collaborators-list .collaborator-row .collaborator-name{color:#f1f5f9!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .events-list .event-item{background-color:#ffffff0a!important;border-color:#ffffff14!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .events-list .event-item .event-time{color:#94a3b8!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .activity-last-event{background:#ffffff0a!important;border-color:#ffffff14!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .activity-last-event .activity-event-user{color:#f1f5f9!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .activity-last-event .activity-event-action{color:#94a3b8!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .activity-last-event .activity-event-time{color:#64748b!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .no-activity-yet{color:#475569!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .view-activity-button{background-color:#00a3ff!important;color:#fff!important}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .view-activity-button:hover{background-color:#0090e0!important}body.dark-mode .single-collaboration-main-container .no-data{background-color:#1e293b!important;border-color:#ffffff14!important}body.dark-mode .single-collaboration-main-container .no-data .MuiTypography-root{color:#94a3b8!important}body.dark-mode .single-collaboration-main-container .select-progress{background-color:#ffffff0d!important;color:#f1f5f9!important}body.dark-mode .single-collaboration-main-container .complete-project-button{background-color:#16a34a!important;color:#fff!important}body.dark-mode .single-collaboration-main-container .complete-project-button:hover{background-color:#3dc231!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.project-settings-container{padding:1.75rem 2rem;gap:1.75rem;min-height:100%}@media (max-width: 768px){.project-settings-container{padding:1rem;gap:1.25rem}}.project-settings-container .settings-header{display:flex;flex-direction:row;align-items:center;gap:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(194,193,193,.25)}@media (max-width: 768px){.project-settings-container .settings-header{flex-direction:column;align-items:flex-start}}.project-settings-container .settings-header .back-button{color:#2d2d2d99;background:transparent;border:1px solid rgba(194,193,193,.4);border-radius:8px;text-transform:none;font-family:NunitoSans-Regular,sans-serif;font-size:.85rem;font-weight:600;padding:.4rem .9rem;box-shadow:none;flex-shrink:0}.project-settings-container .settings-header .back-button:hover{background:#c2c1c11a;border-color:#c2c1c199;color:#2d2d2d}.project-settings-container .settings-header .settings-header-title{gap:.15rem}.project-settings-container .settings-header .settings-header-title .settings-icon{color:#2d2d2d80;display:flex;align-self:center;margin-top:.15rem}.project-settings-container .settings-header .settings-header-title .settings-title{font-family:Assistant-Bold,sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-.4px;color:#2d2d2d}.project-settings-container .settings-header .settings-header-title .settings-subtitle{font-family:NunitoSans-Regular,sans-serif;font-size:.875rem;color:#2d2d2d73;padding-left:1.75rem}.project-settings-container .settings-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.project-settings-container .settings-cards-grid{grid-template-columns:1fr}}.project-settings-container .settings-cards-grid .settings-card{background:#fff;border:1px solid rgba(194,193,193,.25);border-radius:14px;padding:1.1rem 1.25rem;gap:.85rem;position:relative;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.project-settings-container .settings-cards-grid .settings-card:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:3px;background-color:#0d4072;border-radius:14px 14px 0 0}.project-settings-container .settings-cards-grid .settings-card:hover{border-color:#0d407266;box-shadow:0 4px 16px #0000000f}.project-settings-container .settings-cards-grid .settings-card.stage-card{grid-column:1/-1}.project-settings-container .settings-cards-grid .settings-card .card-label{font-family:NunitoSans-Regular,sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#2d2d2d80}.project-settings-container .settings-cards-grid .settings-card .card-label.plugins{color:#a85aee}.project-settings-container .settings-cards-grid .settings-card .info-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.35rem 0;border-bottom:1px solid rgba(194,193,193,.12)}.project-settings-container .settings-cards-grid .settings-card .info-row:last-child{border-bottom:none}.project-settings-container .settings-cards-grid .settings-card .info-row .info-key{font-family:NunitoSans-Regular,sans-serif;font-size:.82rem;color:#2d2d2d73;font-weight:500}.project-settings-container .settings-cards-grid .settings-card .info-row .info-value{font-family:NunitoSans-Regular,sans-serif;font-size:.85rem;color:#2d2d2d;font-weight:600;text-align:right}.project-settings-container .settings-cards-grid .settings-card .select-progress{background-color:#c2c1c11f;color:#2d2d2d;border-radius:8px;width:100%;font-family:NunitoSans-Regular,sans-serif}.project-settings-container .settings-cards-grid .settings-card .complete-project-button{background-color:#16a34a;font-family:Assistant-Bold,sans-serif;font-weight:600;color:#fff;text-transform:none;border-radius:7px;box-shadow:none;font-size:.85rem;white-space:nowrap;align-self:stretch;flex-shrink:0;padding:0 1.5rem}.project-settings-container .settings-cards-grid .settings-card .complete-project-button:hover{background-color:#138d40}.project-settings-container .settings-cards-grid .settings-card .completed-banner{font-family:NunitoSans-Regular,sans-serif;font-size:.9rem;font-weight:600;color:#16a34a;background-color:#5ced4e14;border:1px solid rgba(92,237,78,.25);border-radius:8px;padding:.6rem 1rem;text-align:center}.project-settings-container .settings-cards-grid .settings-card .plugin-tag{background-color:#c2c1c11f;padding:2px 10px;border-radius:50px;border:1px solid rgba(194,193,193,.22);font-size:.78rem;font-family:NunitoSans-Regular,sans-serif;color:#2d2d2d}.project-settings-container .settings-cards-grid .settings-card .empty-text{color:#2d2d2d59;font-style:italic;font-size:.82rem;font-family:NunitoSans-Regular,sans-serif}body.dark-mode .project-settings-container .settings-header{border-bottom-color:#ffffff1a!important}body.dark-mode .project-settings-container .settings-header .back-button{color:#94a3b8!important;border-color:#ffffff26!important}body.dark-mode .project-settings-container .settings-header .back-button:hover{background-color:#ffffff0f!important;color:#f1f5f9!important}body.dark-mode .project-settings-container .settings-header .settings-header-title .settings-icon{color:#94a3b8!important}body.dark-mode .project-settings-container .settings-header .settings-header-title .settings-title{color:#f1f5f9!important}body.dark-mode .project-settings-container .settings-header .settings-header-title .settings-subtitle{color:#64748b!important}body.dark-mode .project-settings-container .settings-cards-grid .settings-card{background:#1e293b99!important;border-color:#ffffff1a!important}body.dark-mode .project-settings-container .settings-cards-grid .settings-card:hover{border-color:#0d407266!important}body.dark-mode .project-settings-container .settings-cards-grid .settings-card .card-label{color:#64748b!important}body.dark-mode .project-settings-container .settings-cards-grid .settings-card .card-label.plugins{color:#a85aee!important}body.dark-mode .project-settings-container .settings-cards-grid .settings-card .info-row{border-bottom-color:#ffffff12!important}body.dark-mode .project-settings-container .settings-cards-grid .settings-card .info-row .info-key{color:#64748b!important}body.dark-mode .project-settings-container .settings-cards-grid .settings-card .info-row .info-value{color:#f1f5f9!important}body.dark-mode .project-settings-container .settings-cards-grid .settings-card .select-progress{background-color:#ffffff0f!important;color:#f1f5f9!important;border-color:#ffffff26!important}body.dark-mode .project-settings-container .settings-cards-grid .settings-card .plugin-tag{background-color:#ffffff12!important;border-color:#ffffff1f!important;color:#f1f5f9!important}body.dark-mode .project-settings-container .settings-cards-grid .settings-card .empty-text{color:#475569!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}@keyframes va-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.single-project-main-container{margin-bottom:3rem}.single-project-main-container .single-project-content-container{gap:1.5rem;padding:1.5rem 2rem}@media (max-width: 768px){.single-project-main-container .single-project-content-container{padding:1rem}}.single-project-main-container .single-project-content-container .single-project-header{border-bottom:1px solid rgba(194,193,193,.25);padding-bottom:1rem;justify-content:space-between;align-items:center}@media (max-width: 768px){.single-project-main-container .single-project-content-container .single-project-header{gap:.75rem;flex-direction:column;align-items:flex-start}}.single-project-main-container .single-project-content-container .single-project-header .title{font-family:Assistant-Bold,sans-serif;font-weight:800;letter-spacing:-.5px;color:#2d2d2d;font-size:1.6rem}@media (max-width: 768px){.single-project-main-container .single-project-content-container .single-project-header .title{font-size:1.15rem}}.single-project-main-container .single-project-content-container .single-project-header .title.name{font-size:1.6rem;word-break:break-word}@media (max-width: 768px){.single-project-main-container .single-project-content-container .single-project-header .title.name{font-size:1.2rem}}.single-project-main-container .single-project-content-container .single-project-header__name-skeleton{height:1.6rem;width:12rem;border-radius:6px;background:linear-gradient(90deg,#c8cce08c 25%,#e9eafce6,#c8cce08c 75%);background-size:200% 100%;animation:va-shimmer 1.4s ease-in-out infinite}@media (max-width: 768px){.single-project-main-container .single-project-content-container .single-project-header__name-skeleton{height:1.2rem;width:8rem}}.single-project-main-container .single-project-content-container .single-project-header .settings-button{background-color:transparent;color:#2d2d2d99;align-self:center;border-radius:7px;height:2rem;font-family:NunitoSans-Regular,sans-serif;font-size:.82rem;font-weight:600;text-transform:none;border:1px solid rgba(194,193,193,.45);box-shadow:none;padding:0 .9rem}.single-project-main-container .single-project-content-container .single-project-header .settings-button:hover{background-color:#c2c1c11f;border-color:#c2c1c1a6;color:#2d2d2d}.single-project-main-container .single-project-content-container .visual-audio-main-grid{width:100%;display:flex;flex-wrap:wrap;gap:1.5rem}.single-project-main-container .single-project-content-container .visual-audio-main-grid .visual-audio-container{flex:1 1 280px;min-width:280px;margin:0;transition:flex-basis .3s ease,opacity .3s ease}.single-project-main-container .single-project-content-container .visual-audio-main-grid .visual-audio-container.expanded{flex:1 1 100%}.single-project-main-container .single-project-content-container .visual-audio-main-grid .visual-audio-container.expanded .audio-meta-card{display:none}.single-project-main-container .single-project-content-container .visual-audio-main-grid:has(.expanded) .visual-audio-container:not(.expanded){display:none}.single-project-main-container .no-data{background-color:#c2c1c114;border:1px solid rgba(194,193,193,.2);border-radius:12px;align-items:center;padding:1rem 1.5rem;width:100%;justify-content:center}.single-project-main-container .no-data .MuiTypography-root{color:#2d2d2d73;font-family:NunitoSans-Regular,sans-serif;font-size:.88rem}.single-project-main-container .no-data .empty{width:2rem;opacity:.35}body.dark-mode .single-project-select-progress-menu{background-color:#1e293b!important;color:#f1f5f9!important}body.dark-mode .single-project-main-container .single-project-header{border-bottom-color:#ffffff1a!important}body.dark-mode .single-project-main-container .single-project-header .title{color:#f1f5f9!important}body.dark-mode .single-project-main-container .single-project-header .settings-button{color:#94a3b8!important;border-color:#ffffff26!important}body.dark-mode .single-project-main-container .single-project-header .settings-button:hover{background-color:#ffffff0f!important;color:#f1f5f9!important}body.dark-mode .single-project-main-container .single-project-header__name-skeleton{background:linear-gradient(90deg,#334155cc 25%,#47556999,#334155cc 75%)!important;background-size:200% 100%!important}body.dark-mode .single-project-main-container .no-data{background-color:#1e293b66!important;border-color:#ffffff1a!important}body.dark-mode .single-project-main-container .no-data .MuiTypography-root{color:#94a3b8!important}.social-platform-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0;color:#fff}.social-platform-icon svg{width:14px;height:14px;display:block}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.links-manage-page{padding:3rem;display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 768px){.links-manage-page{padding:2rem 1rem 1rem}}.links-manage-page .manage-header{display:flex;flex-direction:column;gap:.3rem}.links-manage-page .manage-header .back-button{display:flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer;font-family:Liter-Regular,sans-serif;font-size:.85rem;color:#0d4072;padding:0;margin-bottom:.5rem;width:fit-content}.links-manage-page .manage-header .back-button:hover{text-decoration:underline}.links-manage-page .manage-header__title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.links-manage-page .manage-header .title{font-family:Assistant-Bold,sans-serif;font-size:1.4rem;margin:0}.links-manage-page .manage-header .subtitle{font-family:Liter-Regular,sans-serif;font-size:.9rem;color:#00000080;margin:0}.links-manage-page .handle-section{display:flex;flex-direction:column;gap:.6rem;padding:1.2rem;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#fff}.links-manage-page .handle-section__header{display:flex;align-items:center;justify-content:space-between}.links-manage-page .handle-section__title{font-family:Assistant-Bold,sans-serif;font-size:1rem;margin:0;color:#2d2d2d}.links-manage-page .handle-section__subtitle{font-family:Liter-Regular,sans-serif;font-size:.82rem;color:#00000073;margin:.2rem 0 0}.links-manage-page .handle-section__input-row{display:flex;align-items:center;gap:.6rem}.links-manage-page .handle-section__input-wrap{display:flex;align-items:center;gap:.4rem;flex:1;padding:.5rem .8rem;border-radius:8px;border:1.5px solid rgba(0,0,0,.12);background:#f1f1f1;transition:border-color .15s}.links-manage-page .handle-section__input-wrap--locked{background:#00000008;border-color:#00000014;cursor:default}.links-manage-page .handle-section__input-wrap--available{border-color:#5ced4e}.links-manage-page .handle-section__input-wrap--taken{border-color:#e83a3a}.links-manage-page .handle-section__input-wrap--yours{border-color:#0d4072}.links-manage-page .handle-section__at-icon{color:#0006;flex-shrink:0}.links-manage-page .handle-section__input{flex:1;border:none;background:transparent;font-family:Liter-Regular,sans-serif;font-size:.88rem;color:#2d2d2d;outline:none;min-width:0}.links-manage-page .handle-section__input::placeholder{color:#0000004d}.links-manage-page .handle-section__input:disabled{color:#0009;cursor:default}.links-manage-page .handle-section__spinner{flex-shrink:0;animation:spin .8s linear infinite;color:#00000059}.links-manage-page .handle-section__claim-btn,.links-manage-page .handle-section__cancel-btn,.links-manage-page .handle-section__change-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:8px;border:none;font-family:Liter-Regular,sans-serif;font-size:.85rem;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s}.links-manage-page .handle-section__claim-btn:disabled,.links-manage-page .handle-section__cancel-btn:disabled,.links-manage-page .handle-section__change-btn:disabled{opacity:.45;cursor:not-allowed}.links-manage-page .handle-section__claim-btn{background:#2d2d2d;color:#fff}.links-manage-page .handle-section__claim-btn:hover:not(:disabled){background:#2d2d2dcc}.links-manage-page .handle-section__cancel-btn{background:#0000000f;color:#0009;border:1px solid rgba(0,0,0,.1)}.links-manage-page .handle-section__cancel-btn:hover{background:#0000001a}.links-manage-page .handle-section__change-btn{background:transparent;color:#0d4072;border:1px solid rgba(13,64,114,.3);font-size:.8rem;padding:.35rem .75rem}.links-manage-page .handle-section__change-btn:hover{background:#0d40720f}.links-manage-page .handle-section__status{font-family:Liter-Regular,sans-serif;font-size:.78rem;margin:0}.links-manage-page .handle-section__status--available{color:#5ced4e}.links-manage-page .handle-section__status--taken{color:#e83a3a}.links-manage-page .handle-section__status--yours{color:#0d4072}.links-manage-page .handle-section__current-url{font-family:Liter-Regular,sans-serif;font-size:.78rem;color:#00000073;margin:0}.links-manage-page .handle-section__current-url span{font-family:Assistant-Bold,sans-serif;color:#2d2d2d}.links-manage-page .handle-section__error{font-family:Liter-Regular,sans-serif;font-size:.78rem;color:#e83a3a;margin:0}.links-manage-page .platforms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:.6rem}.links-manage-page .platform-icon-btn{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border-radius:12px;border:1.5px solid rgba(0,0,0,.1);background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}.links-manage-page .platform-icon-btn:hover{border-color:#00000040;background:#f1f1f1}.links-manage-page .platform-icon-btn--active{border-color:#0d4072;box-shadow:0 0 0 2px #0d407233;animation:icon-press .3s cubic-bezier(.34,1.56,.64,1)}.links-manage-page .platform-icon-btn--filled:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:#0d4072}.links-manage-page .platform-input-panel{display:flex;align-items:center;gap:.75rem;padding:.55rem 1rem;border-radius:20rem;border:1.5px solid rgba(0,0,0,.12);background:#fff;overflow:hidden;animation:panel-expand .42s cubic-bezier(.22,1,.36,1) forwards}.links-manage-page .platform-input-panel--discord{display:flex;flex-direction:row;gap:.5rem}.links-manage-page .platform-input-panel--discord .platform-input-panel{flex:1;min-width:0}.links-manage-page .platform-input-panel--user{animation:none}.links-manage-page .platform-input-panel__name{font-family:Assistant-Bold,sans-serif;font-size:.85rem;color:#2d2d2d;white-space:nowrap;flex-shrink:0;animation:content-slide-in .28s ease .22s both}.links-manage-page .platform-input-panel__input{flex:1;border:none;background:transparent;font-family:Liter-Regular,sans-serif;font-size:.85rem;color:#2d2d2d;outline:none;min-width:0;animation:content-slide-in .28s ease .3s both}.links-manage-page .platform-input-panel__input::placeholder{color:#0000004d}@keyframes icon-press{0%{transform:scale(1)}40%{transform:scale(.82)}to{transform:scale(1)}}@keyframes panel-expand{0%{clip-path:inset(0 var(--icon-right, 97%) 0 var(--icon-left, 0%) round 20rem)}to{clip-path:inset(0 0% 0 0% round 20rem)}}@keyframes content-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.links-manage-page .custom-links-section{display:flex;flex-direction:column;gap:.75rem}.links-manage-page .custom-links-section__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.links-manage-page .custom-links-section__title{font-family:Assistant-Bold,sans-serif;font-size:1rem;margin:0;color:#2d2d2d}.links-manage-page .custom-links-section__subtitle{font-family:Liter-Regular,sans-serif;font-size:.82rem;color:#00000073;margin:.2rem 0 0}.links-manage-page .custom-links-section__add-btn{display:flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border-radius:8px;border:1px dashed rgba(0,0,0,.25);background:transparent;font-family:Liter-Regular,sans-serif;font-size:.85rem;color:#2d2d2d;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s;flex-shrink:0}.links-manage-page .custom-links-section__add-btn:hover{background:#f1f1f1;border-color:#0006}.links-manage-page .custom-links-section__list{display:flex;flex-direction:column;gap:.6rem}.links-manage-page .custom-link-row{display:flex;align-items:flex-start;gap:.75rem;padding:.8rem 1rem;background:#fff;border-radius:8px;border:1px solid rgba(0,0,0,.1)}@media (max-width: 768px){.links-manage-page .custom-link-row{flex-direction:column}}.links-manage-page .custom-link-row__label-input{width:160px;flex-shrink:0;padding:.5rem .8rem;border-radius:6px;border:1px solid rgba(0,0,0,.12);font-family:Liter-Regular,sans-serif;font-size:.85rem;background:#f1f1f1;color:#2d2d2d}.links-manage-page .custom-link-row__label-input::placeholder{color:#0000004d}@media (max-width: 768px){.links-manage-page .custom-link-row__label-input{width:100%}}.links-manage-page .custom-link-row__url-wrap{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.links-manage-page .custom-link-row__url-input{width:100%;padding:.5rem .8rem;border-radius:6px;border:1px solid rgba(0,0,0,.12);font-family:Liter-Regular,sans-serif;font-size:.85rem;background:#f1f1f1;color:#2d2d2d;box-sizing:border-box}.links-manage-page .custom-link-row__url-input::placeholder{color:#0000004d}.links-manage-page .custom-link-row__url-input--error{border-color:#e83a3a}.links-manage-page .custom-link-row__url-input--error:focus{outline:2px solid #e83a3a}.links-manage-page .custom-link-row__error{font-family:Liter-Regular,sans-serif;font-size:.75rem;color:#e83a3a}.links-manage-page .custom-link-row__remove-btn{display:flex;align-items:center;justify-content:center;padding:.45rem;border-radius:6px;border:none;background:transparent;color:#00000059;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s;margin-top:.2rem}.links-manage-page .custom-link-row__remove-btn:hover{background:#e83a3a14;color:#e83a3a}.links-manage-page .manage-loading{display:flex;justify-content:center;padding:3rem 0}.links-manage-page .manage-loading__spinner{animation:spin .8s linear infinite}.links-manage-page .save-button{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.6rem;border-radius:8px;border:none;background:#2d2d2d;color:#fff;font-family:Liter-Regular,sans-serif;font-size:.9rem;cursor:pointer;transition:background .2s}.links-manage-page .save-button:hover:not(:disabled){background:#2d2d2dcc}.links-manage-page .save-button:disabled{opacity:.5;cursor:not-allowed}.links-manage-page .save-button__spinner{animation:spin .8s linear infinite}.links-manage-page .manage-error{font-family:Liter-Regular,sans-serif;font-size:.82rem;color:#e83a3a;margin:0}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}body.dark-mode .links-manage-page .manage-header .back-button{color:#72b9fb}body.dark-mode .links-manage-page .manage-header .title{color:#fff}body.dark-mode .links-manage-page .manage-header .subtitle{color:#ffffff80}body.dark-mode .links-manage-page .handle-section{background:#ffffff0a;border-color:#ffffff1a}body.dark-mode .links-manage-page .handle-section__title{color:#fff}body.dark-mode .links-manage-page .handle-section__subtitle{color:#fff6}body.dark-mode .links-manage-page .handle-section__input-wrap{background:#0003;border-color:#ffffff1f}body.dark-mode .links-manage-page .handle-section__input-wrap--locked{background:#ffffff08;border-color:#ffffff12}body.dark-mode .links-manage-page .handle-section__input-wrap--available{border-color:#5ced4e}body.dark-mode .links-manage-page .handle-section__input-wrap--taken{border-color:#f87171}body.dark-mode .links-manage-page .handle-section__input-wrap--yours{border-color:#0d4072}body.dark-mode .links-manage-page .handle-section__at-icon{color:#ffffff4d}body.dark-mode .links-manage-page .handle-section__input{color:#fff}body.dark-mode .links-manage-page .handle-section__input::placeholder{color:#ffffff40}body.dark-mode .links-manage-page .handle-section__input:disabled{color:#ffffff80}body.dark-mode .links-manage-page .handle-section__claim-btn{background:#0d4072}body.dark-mode .links-manage-page .handle-section__claim-btn:hover:not(:disabled){background:#115395}body.dark-mode .links-manage-page .handle-section__cancel-btn{background:#ffffff0f;color:#ffffff80;border-color:#ffffff1a}body.dark-mode .links-manage-page .handle-section__cancel-btn:hover{background:#ffffff1a}body.dark-mode .links-manage-page .handle-section__change-btn{color:#fff;background:#0d4072;border-color:#0d4072;border-radius:20rem}body.dark-mode .links-manage-page .handle-section__change-btn:hover{background:#115395;border-color:#115395}body.dark-mode .links-manage-page .handle-section__current-url{color:#fff6}body.dark-mode .links-manage-page .handle-section__current-url span{color:#fff}body.dark-mode .links-manage-page .handle-section__spinner{color:#ffffff4d}body.dark-mode .links-manage-page .platform-icon-btn{background:#ffffff0d;border-color:#ffffff1a}body.dark-mode .links-manage-page .platform-icon-btn:hover{background:#ffffff1a;border-color:#fff3}body.dark-mode .links-manage-page .platform-icon-btn--active{border-color:#0d4072}body.dark-mode .links-manage-page .platform-input-panel{background:#ffffff0d;border-color:#ffffff1f}body.dark-mode .links-manage-page .platform-input-panel__name,body.dark-mode .links-manage-page .platform-input-panel__input{color:#fff}body.dark-mode .links-manage-page .platform-input-panel__input::placeholder{color:#ffffff40}body.dark-mode .links-manage-page .custom-links-section__title{color:#fff}body.dark-mode .links-manage-page .custom-links-section__subtitle{color:#fff6}body.dark-mode .links-manage-page .custom-links-section__add-btn{color:#fff;border-color:#fff3}body.dark-mode .links-manage-page .custom-links-section__add-btn:hover{background:#ffffff0f;border-color:#ffffff59}body.dark-mode .links-manage-page .custom-link-row{background:#2d2d2d33;border-color:#ffffff1a}body.dark-mode .links-manage-page .custom-link-row__label-input,body.dark-mode .links-manage-page .custom-link-row__url-input{background:#0003;border-color:#ffffff1a;color:#fff}body.dark-mode .links-manage-page .custom-link-row__label-input::placeholder,body.dark-mode .links-manage-page .custom-link-row__url-input::placeholder{color:#ffffff40}body.dark-mode .links-manage-page .custom-link-row__remove-btn{color:#ffffff4d}body.dark-mode .links-manage-page .save-button{background:#0d4072}body.dark-mode .links-manage-page .save-button:hover:not(:disabled){background:#115395}body.dark-mode .links-manage-page .manage-error{color:#f87171}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.social-card{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.1);background:#fff;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.social-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f}.social-card__thumbnail-wrapper{position:relative;aspect-ratio:1/1;overflow:hidden;background:#f1f1f1}.social-card__thumbnail{width:100%;height:100%;object-fit:cover;display:block}.social-card__thumbnail-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f1f1f1,#e4e4e4)}.social-card__platform-badge{position:absolute;bottom:8px;left:8px;padding:2px 8px;border-radius:20px;font-family:Assistant-Bold,sans-serif;font-size:.7rem;color:#fff}.social-card__platform-badge--spotify{background:#1db954}.social-card__platform-badge--youtube{background:red}.social-card__platform-badge--appleMusic{background:#fc3c44}.social-card__platform-badge--soundcloud{background:#f50}.social-card__info{padding:.75rem;display:flex;flex-direction:column;gap:.15rem}.social-card__title{font-family:Assistant-Bold,sans-serif;font-size:.85rem;color:#2d2d2d;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-card__artist{font-family:Liter-Regular,sans-serif;font-size:.78rem;color:#0000008c;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-card__year{font-family:Liter-Regular,sans-serif;font-size:.72rem;color:#00000059;margin:0}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}body.dark-mode .social-card{background:#2d2d2d4d;border-color:#ffffff1a}body.dark-mode .social-card:hover{box-shadow:0 8px 24px #0006}body.dark-mode .social-card__thumbnail-wrapper{background:#ffffff0d}body.dark-mode .social-card__title{color:#fff}body.dark-mode .social-card__artist{color:#ffffff80}body.dark-mode .social-card__year{color:#ffffff4d}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.social-link-row{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:#fff;border-radius:8px;border:1px solid rgba(0,0,0,.1);text-decoration:none;color:inherit;transition:background .2s,border-color .2s}.social-link-row:hover{background:#f1f1f1;border-color:#0003}.social-link-row__name{font-family:Assistant-Bold,sans-serif;font-size:.85rem;color:#2d2d2d;min-width:110px;flex-shrink:0}.social-link-row__url{font-family:Liter-Regular,sans-serif;font-size:.82rem;color:#00000080;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-link-row__icon{flex-shrink:0;color:#00000059}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}body.dark-mode .social-link-row{background:#2d2d2d33;border-color:#ffffff1a}body.dark-mode .social-link-row:hover{background:#ffffff14;border-color:#fff3}body.dark-mode .social-link-row__name{color:#fff}body.dark-mode .social-link-row__url{color:#ffffff73}body.dark-mode .social-link-row__icon{color:#ffffff4d}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.links-page{padding:3rem;display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.links-page{padding:2rem 1rem 1rem}}.links-page .links-header{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.links-page .links-header{flex-direction:column;align-items:flex-start;gap:1rem}}.links-page .links-header .header-text .title{font-family:Assistant-Bold,sans-serif;font-size:1.4rem;margin:0}.links-page .links-header .header-text .subtitle{font-family:Liter-Regular,sans-serif;font-size:.9rem;color:#00000080;margin:.3rem 0 0}.links-page .links-header .links-header__actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}@media (max-width: 768px){.links-page .links-header .links-header__actions{width:100%}}.links-page .links-header .share-button,.links-page .links-header .customize-button,.links-page .links-header .manage-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:8px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;font-family:Liter-Regular,sans-serif;font-size:.9rem;color:#2d2d2d;transition:background .2s,border-color .2s}.links-page .links-header .share-button:hover,.links-page .links-header .customize-button:hover,.links-page .links-header .manage-button:hover{background:#f1f1f1;border-color:#00000040}.links-page__loading{display:flex;justify-content:center;padding:3rem 0}.links-page__loading-spinner{animation:spin .8s linear infinite}.links-page__section{display:flex;flex-direction:column;gap:1rem}.links-page__section-title{font-family:Assistant-Bold,sans-serif;font-size:1rem;margin:0;color:#2d2d2d}.links-page__cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}@media (max-width: 768px){.links-page__cards-grid{grid-template-columns:repeat(2,1fr)}}.links-page__track-skeleton{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1.3;border-radius:12px;background:#f1f1f1;border:1px solid rgba(0,0,0,.08)}.links-page__track-skeleton-spinner{animation:spin .8s linear infinite;color:#0000004d}.links-page__track-unavailable{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1.3;border-radius:12px;background:#f1f1f1;border:1px dashed rgba(0,0,0,.15)}.links-page__track-unavailable p{font-family:Liter-Regular,sans-serif;font-size:.78rem;color:#0006;margin:0;text-align:center;padding:.5rem}.links-page__rows-list{display:flex;flex-direction:column;gap:.5rem}.links-page .links-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:1px dashed rgba(0,0,0,.15);text-align:center;color:#0006}.links-page .links-empty-state h2{font-family:Assistant-Bold,sans-serif;font-size:1.2rem;margin:1rem 0 .5rem;color:#2d2d2d}.links-page .links-empty-state p{font-family:Liter-Regular,sans-serif;font-size:.9rem;max-width:400px;margin:0 0 1.5rem}.links-page .links-empty-state .add-links-button{padding:.7rem 1.8rem;border-radius:8px;border:none;background:#2d2d2d;color:#fff;font-family:Liter-Regular,sans-serif;font-size:.9rem;cursor:pointer;transition:background .2s}.links-page .links-empty-state .add-links-button:hover{background:#2d2d2dcc}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}body.dark-mode .links-page .links-header .header-text .title{color:#fff}body.dark-mode .links-page .links-header .header-text .subtitle{color:#ffffff80}body.dark-mode .links-page .links-header .share-button,body.dark-mode .links-page .links-header .customize-button,body.dark-mode .links-page .links-header .manage-button{background:#ffffff0d;border-color:#ffffff26;color:#fff}body.dark-mode .links-page .links-header .share-button:hover,body.dark-mode .links-page .links-header .customize-button:hover,body.dark-mode .links-page .links-header .manage-button:hover{background:#ffffff1a;border-color:#ffffff40}body.dark-mode .links-page .links-page__section-title{color:#fff}body.dark-mode .links-page .links-page__track-skeleton{background:#ffffff0f;border-color:#ffffff14}body.dark-mode .links-page .links-page__track-skeleton-spinner{color:#ffffff4d}body.dark-mode .links-page .links-page__track-unavailable{background:#ffffff0a;border-color:#ffffff1a}body.dark-mode .links-page .links-page__track-unavailable p{color:#ffffff59}body.dark-mode .links-page .links-empty-state{background:#2d2d2d33;border-color:#ffffff1a;color:#fff6}body.dark-mode .links-page .links-empty-state h2{color:#fff}body.dark-mode .links-page .links-empty-state .add-links-button{background:#0d4072}body.dark-mode .links-page .links-empty-state .add-links-button:hover{background:#0d4072cc}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.page-custom-editor{padding:3rem;display:flex;flex-direction:column;gap:2rem;max-width:1200px}@media (max-width: 768px){.page-custom-editor{padding:1.5rem 1rem}}.page-custom-editor__sections-grid{display:flex;gap:1.5rem;align-items:flex-start}@media (max-width: 768px){.page-custom-editor__sections-grid{flex-direction:column}}.page-custom-editor__col{display:flex;flex-direction:column;gap:1.5rem;flex:1;min-width:0}.page-custom-editor--loading{align-items:center;justify-content:center;min-height:300px;display:flex}.page-custom-editor__spinner{animation:spin .8s linear infinite}.page-custom-editor__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.page-custom-editor__header-left{display:flex;flex-direction:column;gap:.3rem}.page-custom-editor__header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.page-custom-editor__back{display:flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer;font-family:Liter-Regular,sans-serif;font-size:.85rem;color:#0d4072;padding:0;margin-bottom:.5rem;width:fit-content}.page-custom-editor__back:hover{text-decoration:underline}.page-custom-editor__title{font-family:Assistant-Bold,sans-serif;font-size:1.4rem;margin:0;color:#2d2d2d}.page-custom-editor__subtitle{font-family:Liter-Regular,sans-serif;font-size:.9rem;color:#00000080;margin:0}.page-custom-editor__section{display:flex;flex-direction:column;gap:.85rem;padding:1.25rem;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08)}.page-custom-editor__section-title{font-family:Assistant-Bold,sans-serif;font-size:.88rem;color:#2d2d2d;margin:0;text-transform:uppercase;letter-spacing:.06em}.page-custom-editor__tabs{display:flex;gap:.5rem;flex-wrap:wrap}.page-custom-editor__tab{padding:.4rem 1rem;border-radius:20px;border:1px solid rgba(0,0,0,.15);background:transparent;font-family:Liter-Regular,sans-serif;font-size:.85rem;color:#2d2d2d;cursor:pointer;transition:background .15s,border-color .15s}.page-custom-editor__tab:hover{background:#f1f1f1}.page-custom-editor__tab--active{background:#2d2d2d;color:#fff;border-color:#2d2d2d}.page-custom-editor__row{display:flex;align-items:center;gap:1rem}.page-custom-editor__label{font-family:Liter-Regular,sans-serif;font-size:.85rem;color:#0009;min-width:70px}.page-custom-editor__color-input{width:44px;height:32px;border:none;border-radius:6px;cursor:pointer;padding:0;background:none}.page-custom-editor__select{flex:1;padding:.45rem .75rem;border-radius:6px;border:1px solid rgba(0,0,0,.12);font-family:Liter-Regular,sans-serif;font-size:.85rem;background:#f1f1f1;color:#2d2d2d;cursor:pointer}.page-custom-editor__gradient-group{display:flex;flex-direction:column;gap:.6rem}.page-custom-editor__upload-area{display:flex;align-items:center;gap:1rem}.page-custom-editor__upload-btn{display:flex;align-items:center;gap:.5rem;padding:.55rem 1.2rem;border-radius:8px;border:1px dashed rgba(0,0,0,.2);background:#f1f1f1;font-family:Liter-Regular,sans-serif;font-size:.85rem;color:#2d2d2d;cursor:pointer;transition:background .15s}.page-custom-editor__upload-btn:hover:not(:disabled){background:#e7e7e7}.page-custom-editor__upload-btn:disabled{opacity:.5;cursor:not-allowed}.page-custom-editor__hint{font-family:Liter-Regular,sans-serif;font-size:.78rem;color:#0006;margin:.2rem 0 0}.page-custom-editor__upload-success{font-family:Liter-Regular,sans-serif;font-size:.82rem;color:#16a34a;margin:0}.page-custom-editor__font-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}@media (max-width: 768px){.page-custom-editor__font-grid{grid-template-columns:1fr 1fr}}.page-custom-editor__font-card{padding:1rem;border-radius:8px;border:2px solid rgba(0,0,0,.1);background:#f1f1f1;font-size:1rem;color:#2d2d2d;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.page-custom-editor__font-card:hover{background:#e9e9e9}.page-custom-editor__font-card--active{border-color:#0d4072;background:#0d40720f;color:#0d4072}.page-custom-editor__anim-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}@media (max-width: 768px){.page-custom-editor__anim-grid{grid-template-columns:repeat(2,1fr)}}.page-custom-editor__anim-card{padding:.7rem .5rem;border-radius:8px;border:2px solid rgba(0,0,0,.1);background:#f1f1f1;font-family:Liter-Regular,sans-serif;font-size:.82rem;color:#2d2d2d;cursor:pointer;text-align:center;transition:border-color .15s}.page-custom-editor__anim-card:hover{background:#e9e9e9}.page-custom-editor__anim-card--active{border-color:#0d4072;background:#0d40720f;color:#0d4072}.page-custom-editor__link-style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.page-custom-editor__link-style-card{display:flex;flex-direction:column;gap:.2rem;padding:.8rem 1rem;border-radius:8px;border:2px solid rgba(0,0,0,.1);background:#f1f1f1;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.page-custom-editor__link-style-card:hover{background:#e9e9e9}.page-custom-editor__link-style-card--active{border-color:#0d4072;background:#0d40720f}.page-custom-editor__link-style-card--active .page-custom-editor__link-style-card-label{color:#0d4072}.page-custom-editor__link-style-card-label{font-family:Assistant-Bold,sans-serif;font-size:.85rem;color:#2d2d2d}.page-custom-editor__link-style-card-desc{font-family:Liter-Regular,sans-serif;font-size:.75rem;color:#00000073}.page-custom-editor__checkbox-row{display:flex;align-items:center;gap:.5rem;font-family:Liter-Regular,sans-serif;font-size:.85rem;color:#2d2d2d;cursor:pointer}.page-custom-editor__checkbox-row input[type=checkbox]{cursor:pointer}.page-custom-editor__field-group{display:flex;flex-direction:column;gap:.75rem}.page-custom-editor__field{display:flex;flex-direction:column;gap:.3rem}.page-custom-editor__input,.page-custom-editor__textarea{padding:.55rem .8rem;border-radius:6px;border:1px solid rgba(0,0,0,.12);font-family:Liter-Regular,sans-serif;font-size:.85rem;background:#f1f1f1;color:#2d2d2d;resize:vertical}.page-custom-editor__input::placeholder,.page-custom-editor__textarea::placeholder{color:#0000004d}.page-custom-editor__input:focus,.page-custom-editor__textarea:focus{outline:2px solid rgb(13,64,114);border-color:transparent}.page-custom-editor__save-btn{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.8rem;border-radius:8px;border:none;background:#2d2d2d;color:#fff;font-family:Liter-Regular,sans-serif;font-size:.9rem;cursor:pointer;transition:background .2s;width:fit-content}.page-custom-editor__save-btn:hover:not(:disabled){background:#2d2d2dcc}.page-custom-editor__save-btn:disabled{opacity:.5;cursor:not-allowed}.page-custom-editor__error{font-family:Liter-Regular,sans-serif;font-size:.82rem;color:#e83a3a;margin:0}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}body.dark-mode .page-custom-editor__back{color:#72b9fb}body.dark-mode .page-custom-editor__title{color:#fff}body.dark-mode .page-custom-editor__subtitle{color:#ffffff80}body.dark-mode .page-custom-editor__section{background:#2d2d2d40;border-color:#ffffff14}body.dark-mode .page-custom-editor__section-title{color:#fff}body.dark-mode .page-custom-editor__label{color:#ffffff80}body.dark-mode .page-custom-editor__tab{border-color:#ffffff26;color:#fff}body.dark-mode .page-custom-editor__tab:hover{background:#ffffff14}body.dark-mode .page-custom-editor__tab--active{background:#fff;color:#2d2d2d;border-color:#fff}body.dark-mode .page-custom-editor__select{background:#0000004d;border-color:#ffffff1a;color:#fff}body.dark-mode .page-custom-editor__upload-btn{background:#ffffff0f;border-color:#fff3;color:#fff}body.dark-mode .page-custom-editor__upload-btn:hover:not(:disabled){background:#ffffff1a}body.dark-mode .page-custom-editor__font-card{background:#ffffff0f;border-color:#ffffff1a;color:#fff}body.dark-mode .page-custom-editor__font-card:hover{background:#ffffff1a}body.dark-mode .page-custom-editor__font-card--active{border-color:#72b9fb;background:#72b9fb1a;color:#72b9fb}body.dark-mode .page-custom-editor__anim-card{background:#ffffff0f;border-color:#ffffff1a;color:#fff}body.dark-mode .page-custom-editor__anim-card:hover{background:#ffffff1a}body.dark-mode .page-custom-editor__anim-card--active{border-color:#72b9fb;background:#72b9fb1a;color:#72b9fb}body.dark-mode .page-custom-editor__link-style-card{background:#ffffff0f;border-color:#ffffff1a}body.dark-mode .page-custom-editor__link-style-card:hover{background:#ffffff1a}body.dark-mode .page-custom-editor__link-style-card--active{border-color:#72b9fb;background:#72b9fb1a}body.dark-mode .page-custom-editor__link-style-card--active .page-custom-editor__link-style-card-label{color:#72b9fb}body.dark-mode .page-custom-editor__link-style-card-label{color:#fff}body.dark-mode .page-custom-editor__link-style-card-desc{color:#ffffff59}body.dark-mode .page-custom-editor__hint{color:#ffffff4d}body.dark-mode .page-custom-editor__checkbox-row{color:#fffc}body.dark-mode .page-custom-editor__input,body.dark-mode .page-custom-editor__textarea{background:#00000040;border-color:#ffffff1a;color:#fff}body.dark-mode .page-custom-editor__input::placeholder,body.dark-mode .page-custom-editor__textarea::placeholder{color:#ffffff40}body.dark-mode .page-custom-editor__save-btn{background:#0d4072}body.dark-mode .page-custom-editor__save-btn:hover:not(:disabled){background:#115395}body.dark-mode .page-custom-editor__error{color:#f87171}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.public-profile{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.public-profile--loading,.public-profile--error{align-items:center;justify-content:center;background:#0f172a;color:#fff}.public-profile__global-spinner{animation:spin .8s linear infinite}.public-profile__bg-media{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.6;pointer-events:none}.public-profile__sc-player{position:fixed;top:-9999px;left:-9999px;width:300px;height:166px;opacity:0;pointer-events:none;border:none}.public-profile__content{position:relative;z-index:1;width:100%;max-width:680px;margin:0 auto;padding:3rem 1.5rem 4rem;box-sizing:border-box;display:flex;flex-direction:column;gap:2.5rem}@media (max-width: 768px){.public-profile__content{padding:2rem 1rem 3rem}}.public-profile__header{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.public-profile__avatar{width:72px;height:72px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.public-profile__avatar-img{width:100%;height:100%;object-fit:cover}.public-profile__title{font-size:1.8rem;color:var(--profile-text-color, #ffffff);margin:0;text-shadow:0 2px 12px rgba(0,0,0,.4)}.public-profile__bio{font-size:.95rem;color:var(--profile-text-color, rgba(255, 255, 255, .7));opacity:.75;margin:0;max-width:420px;line-height:1.6}.public-profile__section{display:flex;flex-direction:column;gap:1rem}.public-profile__section-title{font-size:.78rem;font-family:Assistant-Bold,sans-serif;color:var(--profile-accent-color, rgba(255, 255, 255, .45));text-transform:uppercase;letter-spacing:.12em;margin:0}.public-profile__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem}@media (max-width: 768px){.public-profile__grid{grid-template-columns:repeat(2,1fr)}}.public-profile__card-wrap--fade{animation:profileFadeIn .5s ease forwards}.public-profile__card-wrap--slide{animation:profileSlideUp .5s ease forwards}.public-profile__card-wrap--bounce{animation:profileBounce .6s cubic-bezier(.36,.07,.19,.97) forwards}.public-profile__skeleton{aspect-ratio:1/1.3;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.public-profile__skeleton-spinner{animation:spin .8s linear infinite;color:#ffffff4d}.public-profile__links-list{display:flex;flex-direction:column;gap:.5rem}.public-profile__empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:#ffffff4d;text-align:center}.public-profile .social-card{background:#ffffff14;border-color:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.public-profile .social-card:hover{box-shadow:0 8px 24px #00000080}.public-profile .social-card__title{color:#fff}.public-profile .social-card__artist{color:#ffffff80}.public-profile .social-card__year{color:#ffffff4d}.public-profile .social-card__thumbnail-wrapper{background:#ffffff0d}.public-profile .social-link-row{background:#ffffff12;border-color:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.public-profile .social-link-row:hover{background:#ffffff1f;border-color:#fff3}.public-profile .social-link-row__name{color:#fff}.public-profile .social-link-row__url{color:#ffffff73}.public-profile .social-link-row__icon{color:#ffffff4d}.public-profile[data-avatar-shape=square] .public-profile__avatar{border-radius:8px}.public-profile[data-avatar-shape=rounded] .public-profile__avatar{border-radius:20px}.public-profile[data-avatar-shape=circle] .public-profile__avatar{border-radius:50%}.public-profile[data-layout=left] .public-profile__header{align-items:flex-start;text-align:left}.public-profile[data-layout=minimal-view]{align-items:center}.public-profile[data-layout=minimal-view] .public-profile__content{width:100%;padding:1.5rem}@media (max-width: 768px){.public-profile[data-layout=minimal-view] .public-profile__content{padding:1rem}}.public-profile[data-link-style=pill] .social-link-row{border-radius:50px}.public-profile[data-link-style=outline] .social-link-row{background:transparent;border:1.5px solid rgba(255,255,255,.35)}.public-profile[data-link-style=outline] .social-link-row:hover{background:#ffffff0f}.public-profile[data-link-style=glass] .social-link-row{background:#ffffff1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:#fff3}.public-profile[data-link-style=glass] .social-link-row:hover{background:#fff3}.public-profile__footer{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding-top:1rem}.public-profile__view-count{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#fff3}.public-profile__footer-link{font-size:.78rem;color:#ffffff40;text-decoration:none}.public-profile__footer-link:hover{color:#ffffff80}.public-profile__minimal-card{background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:2rem;box-shadow:0 8px 32px #0006;margin:auto;width:100%;max-width:440px;box-sizing:border-box}@media (max-width: 768px){.public-profile__minimal-card{padding:1.75rem 1.25rem;gap:1.5rem;border-radius:16px}}.public-profile__minimal-card .public-profile__header{align-items:center;text-align:center}.public-profile__minimal-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%}@media (max-width: 768px){.public-profile__minimal-icons{gap:1rem}}.public-profile__minimal-icon-link{transition:transform .2s ease,filter .2s ease;display:inline-flex}.public-profile__minimal-icon-link:hover{transform:scale(1.1);filter:drop-shadow(0 4px 12px rgba(255,255,255,.2))}.public-profile__volume-ctrl{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;align-items:center;gap:12px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:8px 16px;width:150px;color:#fff;box-shadow:0 4px 12px #0000004d}@keyframes profileFadeIn{0%{opacity:0}to{opacity:1}}@keyframes profileSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes profileBounce{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.public-profile__volume-ctrl{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;align-items:center;gap:12px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:8px 16px;width:160px;color:#fff;box-shadow:0 4px 12px #0000004d}@media (max-width: 768px){.public-profile__volume-ctrl{bottom:16px;right:16px;width:130px;padding:6px 12px}}.public-profile__cursor-hint{position:fixed;top:-9999px;left:-9999px;z-index:200;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:700;letter-spacing:.05em;color:#fff;white-space:nowrap;text-shadow:0 0 14px rgba(255,255,255,.7),0 2px 8px rgba(0,0,0,.6);animation:cursorHintPulse 2s ease-in-out infinite;transition:opacity .35s ease,transform .35s ease;will-change:top,left}.public-profile__cursor-hint--hidden{opacity:0!important;transform:scale(.85);animation:none}.public-profile__enter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#00000080;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .5s ease-in-out,visibility .5s}.public-profile__enter-overlay--hidden{opacity:0;visibility:hidden;pointer-events:none}.public-profile__enter-content{text-align:center;color:#fff;animation:profileFadeIn 1s ease}.public-profile__enter-title{font-size:3rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.02em;text-shadow:0 0 20px rgba(255,255,255,.3)}.public-profile__enter-subtitle{font-size:1.1rem;font-weight:400;opacity:.7;text-transform:uppercase;letter-spacing:2px}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}body.dark-mode .metadata-form .section-label{color:#ffffff80}body.dark-mode .metadata-form .MuiTextField-root .MuiInputLabel-root,body.dark-mode .metadata-form .MuiFormControl-root .MuiInputLabel-root{color:#fff9}body.dark-mode .metadata-form .MuiTextField-root .MuiInputLabel-root.Mui-focused,body.dark-mode .metadata-form .MuiFormControl-root .MuiInputLabel-root.Mui-focused{color:#0d4072}body.dark-mode .metadata-form .MuiTextField-root .MuiOutlinedInput-root,body.dark-mode .metadata-form .MuiFormControl-root .MuiOutlinedInput-root{color:#fff}body.dark-mode .metadata-form .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input,body.dark-mode .metadata-form .MuiFormControl-root .MuiOutlinedInput-root .MuiOutlinedInput-input{color:#fff;-webkit-text-fill-color:#ffffff}body.dark-mode .metadata-form .MuiTextField-root .MuiOutlinedInput-root .MuiSelect-select,body.dark-mode .metadata-form .MuiFormControl-root .MuiOutlinedInput-root .MuiSelect-select{color:#fff}body.dark-mode .metadata-form .MuiTextField-root .MuiOutlinedInput-root .MuiSelect-icon,body.dark-mode .metadata-form .MuiFormControl-root .MuiOutlinedInput-root .MuiSelect-icon{color:#ffffffb3}body.dark-mode .metadata-form .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,body.dark-mode .metadata-form .MuiFormControl-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#ffffff1a}body.dark-mode .metadata-form .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,body.dark-mode .metadata-form .MuiFormControl-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ffffff4d}body.dark-mode .metadata-form .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,body.dark-mode .metadata-form .MuiFormControl-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#0d4072}body.dark-mode .metadata-form .switch-group .MuiFormControlLabel-label,body.dark-mode .metadata-form .platform-overrides-section .MuiFormControlLabel-label{color:#fff}body.dark-mode .metadata-form .MuiSwitch-track{background-color:#fff3}body.dark-mode .metadata-form .MuiSwitch-switchBase.Mui-checked{color:#0d4072}body.dark-mode .metadata-form .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#0d4072}body.dark-mode .metadata-form .MuiDivider-root:before,body.dark-mode .metadata-form .MuiDivider-root:after{border-top-color:#ffffff1a}body.dark-mode .metadata-form .MuiDivider-root .MuiTypography-root{color:#fff6}body.dark-mode .metadata-form .custom-accordion{background:#2d2d2d33;border-color:#ffffff1a;color:#fff}body.dark-mode .metadata-form .custom-accordion.Mui-expanded{background:#2d2d2d4d}body.dark-mode .metadata-form .custom-accordion .MuiAccordionSummary-root .MuiAccordionSummary-expandIconWrapper{color:#ffffff80}body.dark-mode .metadata-form .custom-accordion .MuiAccordionSummary-root .accordion-title{color:#fff}body.dark-mode .metadata-form .custom-accordion .MuiAccordionSummary-root.Mui-expanded{border-bottom-color:#ffffff1a}body.dark-mode .metadata-form .MuiMenuItem-root{color:#2d2d2d}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.metadata-form{display:flex;flex-direction:column;gap:2rem}.metadata-form .section-label{font-family:NunitoSans-Regular,sans-serif;font-size:.85rem;font-weight:600;color:#00000080;text-transform:uppercase;letter-spacing:.5px}.metadata-form .custom-textfield .MuiInputLabel-root,.metadata-form .custom-select .MuiInputLabel-root{font-family:NunitoSans-Regular,sans-serif}.metadata-form .custom-textfield .MuiOutlinedInput-root,.metadata-form .custom-select .MuiOutlinedInput-root{border-radius:10px;font-family:NunitoSans-Regular,sans-serif}.metadata-form .custom-textfield .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.metadata-form .custom-select .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#2d2d2d}.metadata-form .switch-group{display:flex;gap:2rem;flex-wrap:wrap}.metadata-form .switch-group .MuiFormControlLabel-label{font-family:NunitoSans-Regular,sans-serif;font-size:.95rem}.metadata-form .switch-group .MuiSwitch-switchBase.Mui-checked{color:#2563eb}.metadata-form .switch-group .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#2563eb}.metadata-form .section-divider{margin:1rem 0}.metadata-form .section-divider:before,.metadata-form .section-divider:after{border-top:1px solid rgba(0,0,0,.05)}.metadata-form .section-divider .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif;color:#0006;font-weight:600}.metadata-form .accordions-container{display:flex;flex-direction:column;gap:1rem}.metadata-form .custom-accordion{border-radius:12px!important;border:1px solid rgba(0,0,0,.05);box-shadow:none;overflow:hidden;background:#00000005}.metadata-form .custom-accordion:before{display:none}.metadata-form .custom-accordion.Mui-expanded{margin:0;background:#00000008}.metadata-form .custom-accordion .MuiAccordionSummary-root{min-height:56px;padding:0 1.25rem}.metadata-form .custom-accordion .MuiAccordionSummary-root.Mui-expanded{border-bottom:1px solid rgba(0,0,0,.05)}.metadata-form .custom-accordion .accordion-header{display:flex;align-items:center;gap:.75rem}.metadata-form .custom-accordion .accordion-header .accordion-title{font-family:Assistant-Bold,sans-serif;font-size:1rem;color:#2d2d2d}.metadata-form .custom-accordion .MuiAccordionDetails-root{padding:1.5rem 1.25rem}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}body.dark-mode .platform-connection-card{background:#2d2d2d4d;border:1px solid rgba(255,255,255,.1);color:#fff}body.dark-mode .platform-connection-card .platform-icon-container{background-color:#ffffff0d}body.dark-mode .platform-connection-card .platform-name{color:#fff}body.dark-mode .platform-connection-card .connection-status{color:#ffffff80}body.dark-mode .platform-connection-card .user-name{color:#fffc}body.dark-mode .platform-connection-card .action-button .btn-connect{background-color:#fff;color:#2d2d2d}body.dark-mode .platform-connection-card .action-button .btn-connect:hover{background-color:#ffffffe6}body.dark-mode .platform-connection-card .action-button .btn-disconnect{border-color:#e83a3a80;color:#e83a3a}body.dark-mode .platform-connection-card .action-button .btn-disconnect:hover{background-color:#e83a3a1a;border-color:#e83a3a}body.dark-mode .platform-connection-card .card-footer .status-chip.connected{background-color:#5ced4e33;color:#5ced4e;border-color:#5ced4e4d}body.dark-mode .platform-connection-card .card-footer .status-chip.disconnected{background-color:#ffffff0d;color:#ffffff80;border-color:#ffffff1a}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.platform-connection-card{background:#ffffff0d;border-radius:12px;padding:1.5rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.platform-connection-card .card-main-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.platform-connection-card .platform-info{display:flex;align-items:center;gap:1rem}.platform-connection-card .platform-info .platform-icon-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#ffffff1a;border-radius:12px}.platform-connection-card .platform-info .text-info .platform-name{font-family:Assistant-Bold,sans-serif;font-size:1.1rem;margin:0;color:#fffc}.platform-connection-card .platform-info .text-info .user-info{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.platform-connection-card .platform-info .text-info .user-info .user-name{font-family:NunitoSans-Regular,sans-serif;font-size:.9rem;color:#ffffff80}.platform-connection-card .platform-info .text-info .connection-status{font-family:NunitoSans-Regular,sans-serif;font-size:.85rem;color:#ffffff4d}.platform-connection-card .action-button .btn-connect,.platform-connection-card .action-button .btn-disconnect{font-family:Liter-Regular,sans-serif;text-transform:none;border-radius:8px;padding:.4rem 1.2rem;background-color:#2d2d2d;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000004d}.platform-connection-card .action-button .btn-connect:hover,.platform-connection-card .action-button .btn-disconnect:hover{background-color:#3d3d3d}.platform-connection-card .card-footer{margin-top:1.25rem}.platform-connection-card .card-footer .status-chip{font-family:Liter-Regular,sans-serif;background-color:#ffffff0d;color:#ffffff4d;border:1px solid rgba(255,255,255,.05)}.platform-connection-card .card-footer .status-chip.connected{background-color:#5ced4e1a;color:#5ced4e}body:not(.dark-mode) .platform-connection-card{background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 4px #0000000d}body:not(.dark-mode) .platform-connection-card .platform-info .platform-icon-container{background-color:#0000000d}body:not(.dark-mode) .platform-connection-card .platform-info .text-info .platform-name{color:#2d2d2d}body:not(.dark-mode) .platform-connection-card .platform-info .text-info .user-info .user-name{color:#0009}body:not(.dark-mode) .platform-connection-card .platform-info .text-info .connection-status{color:#0006}body:not(.dark-mode) .platform-connection-card .action-button .btn-connect{background-color:#2d2d2d}body:not(.dark-mode) .platform-connection-card .action-button .btn-connect:hover{background-color:#000c}body:not(.dark-mode) .platform-connection-card .card-footer .status-chip{background-color:#0000000d;color:#0006;border:1px solid rgba(0,0,0,.05)}.publishing-status .spin{animation:spin 2s linear infinite}.premium-gate-container{position:relative;width:100%;height:100%;min-height:600px;overflow:hidden;border-radius:16px}.premium-gate-container .dashboard-blur-preview{filter:blur(8px) grayscale(.5);opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}.premium-gate-container .premium-gate-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.premium-gate-container .premium-content{position:relative;z-index:20;max-width:600px;background:#e7e7e7cc;border:1px solid rgba(191,149,63,.3);border-radius:24px;padding:3rem;animation:fadeInScale .6s cubic-bezier(.16,1,.3,1)}.premium-gate-container .premium-content .icon-badge{width:80px;height:80px;background:linear-gradient(135deg,#e6d5b5,#ecead2,#b38728);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;box-shadow:0 0 30px #b0b0b066}.premium-gate-container .premium-content .icon-badge .crown-icon{color:#1a1a1a}.premium-gate-container .premium-content .premium-title{font-weight:800;margin-bottom:1.5rem;background:linear-gradient(to right,#bf953f,#b5ae67,#b38728);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.premium-gate-container .premium-content .premium-description{color:#080808cc;font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem}.premium-gate-container .premium-content .premium-description strong{color:#c0ad1f;font-weight:600}.premium-gate-container .premium-content .upgrade-button{background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728);color:#1a1a1a;font-weight:700;padding:1rem 2.5rem;border-radius:12px;text-transform:none;font-size:1.1rem;box-shadow:0 10px 20px #0000004d;transition:all .3s ease}.premium-gate-container .premium-content .upgrade-button:hover{transform:translateY(-2px);box-shadow:0 15px 30px #bf953f4d;background:linear-gradient(135deg,#cc9f4a,#ffffd0,#c1922e)}.premium-gate-loading{width:100%;height:400px;display:flex;align-items:center;justify-content:center}.premium-gate-loading .pulse-loader{width:48px;height:48px;border:3px solid rgba(191,149,63,.1);border-top:3px solid #bf953f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}body.dark-mode .social-media-dashboard,body.dark-mode .social-media-dashboard .dashboard-header .title{color:#fff}body.dark-mode .social-media-dashboard .dashboard-header .subtitle{color:#ffffffb3}body.dark-mode .social-media-dashboard .dashboard-header .quota-info{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}body.dark-mode .social-media-dashboard .dashboard-header .quota-info .quota-label{color:#fff9}body.dark-mode .social-media-dashboard .dashboard-header .quota-info .quota-value{color:#4ade80}body.dark-mode .social-media-dashboard .dashboard-header .quota-info .quota-value.exhausted{color:#f87171}body.dark-mode .social-media-dashboard .section-title{color:#fff}body.dark-mode .social-media-dashboard .dashboard-card{background:#2d2d2d33;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 24px #0000004d}body.dark-mode .social-media-dashboard .dashboard-card .empty-state-text{color:#fff9}body.dark-mode .social-media-dashboard .platform-selection-label{color:#ffffffe6}body.dark-mode .social-media-dashboard .platform-selection-label .MuiCheckbox-root{color:#fff9}body.dark-mode .social-media-dashboard .platform-selection-label .MuiCheckbox-root.Mui-checked{color:#0d4072}body.dark-mode .publishing-modal-content{background:#1e293b;color:#fff;border:1px solid rgba(255,255,255,.1)}body.dark-mode .publishing-modal-content .modal-actions .MuiButton-root{color:#fff}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}body.dark-mode .premium-gate-container .premium-content{background:#22262ffa;border:1px solid rgba(191,149,63,.3);box-shadow:0 2px 50px #00000080,0 0 20px #bf953f1a}body.dark-mode .premium-gate-container .premium-content .icon-badge{background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728);box-shadow:0 0 30px #bf953f66}body.dark-mode .premium-gate-container .premium-content .icon-badge .crown-icon{color:#1a1a1a}body.dark-mode .premium-gate-container .premium-content .premium-title{font-weight:800;margin-bottom:1.5rem;background:linear-gradient(to right,#bf953f,#fcf6ba,#b38728);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}body.dark-mode .premium-gate-container .premium-content .premium-description{color:#fffc;font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem}body.dark-mode .premium-gate-container .premium-content .premium-description strong{color:#fcf6ba;font-weight:600}body.dark-mode .premium-gate-container .premium-content .upgrade-button{background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728);color:#1a1a1a;font-weight:700;padding:1rem 2.5rem;border-radius:12px;text-transform:none;font-size:1.1rem;box-shadow:0 10px 20px #0000004d;transition:all .3s ease}body.dark-mode .premium-gate-container .premium-content .upgrade-button:hover{transform:translateY(-2px);box-shadow:0 15px 30px #bf953f4d;background:linear-gradient(135deg,#cc9f4a,#ffffd0,#c1922e)}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.social-media-dashboard{padding:3rem;display:flex;flex-direction:column;gap:2rem;overflow:auto;min-height:0;background-color:#1a2332;color:#fff}@media (max-width: 768px){.social-media-dashboard{padding:2rem 1rem 1rem}}.social-media-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.social-media-dashboard .dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}}.social-media-dashboard .dashboard-header .title{font-family:Assistant-Bold,sans-serif;font-size:1.2rem;color:#ffffffb3;margin-bottom:0}.social-media-dashboard .dashboard-header .quota-info{background:#ffffff0d;padding:.6rem 1.2rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.5rem}.social-media-dashboard .dashboard-header .quota-info .quota-label{font-family:Liter-Regular,sans-serif;font-size:.9rem;color:#fff9}.social-media-dashboard .dashboard-header .quota-info .quota-value{font-family:Assistant-Bold,sans-serif;font-size:.9rem;color:#4ade80}.social-media-dashboard .dashboard-header .quota-info .quota-value.exhausted{color:#f87171}.social-media-dashboard .dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}@media (max-width: 768px){.social-media-dashboard .dashboard-grid{display:flex;flex-direction:column}}.social-media-dashboard .dashboard-grid .section-container{display:flex;flex-direction:column;gap:1rem}.social-media-dashboard .dashboard-grid .section-container.full-width{grid-column:span 12}.social-media-dashboard .dashboard-grid .section-container.upload-section{grid-column:span 5}.social-media-dashboard .dashboard-grid .section-container.metadata-section{grid-column:span 7}.social-media-dashboard .dashboard-grid .section-title{font-family:Assistant-Bold,sans-serif;font-size:1.2rem;color:#ffffffe6}.social-media-dashboard .dashboard-grid .platforms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 768px){.social-media-dashboard .dashboard-grid .platforms-grid{grid-template-columns:1fr}}.social-media-dashboard .dashboard-grid .platforms-grid .platform-item{display:flex;flex-direction:column;gap:.5rem}.social-media-dashboard .dashboard-grid .dashboard-card{background:#fff;border-radius:8px;padding:2.5rem;min-height:400px;display:flex;flex-direction:column;box-shadow:0 4px 12px #0003;color:#2d2d2d}.social-media-dashboard .dashboard-grid .empty-state{flex:1;display:flex;align-items:center;justify-content:center}.social-media-dashboard .dashboard-grid .empty-state .empty-state-text{font-family:NunitoSans-Regular,sans-serif;color:#00000080;font-size:1rem;text-align:center}.social-media-dashboard .dashboard-grid .metadata-content{display:flex;flex-direction:column;height:100%}.social-media-dashboard .dashboard-grid .metadata-content .publish-actions{margin-top:auto;padding-top:2rem;display:flex;justify-content:flex-end}.social-media-dashboard .dashboard-grid .metadata-content .publish-actions .btn-publish{background-color:#2d2d2d;color:#fff;padding:.8rem 2rem;border-radius:8px;font-family:Liter-Regular,sans-serif;text-transform:none}.social-media-dashboard .dashboard-grid .metadata-content .publish-actions .btn-publish:hover{background-color:#2d2d2dcc}.social-media-dashboard .dashboard-grid .platform-selection-label .MuiFormControlLabel-label{font-family:NunitoSans-Regular,sans-serif;font-size:.85rem;color:#fff6}.social-media-dashboard .dashboard-grid .platform-selection-label .MuiCheckbox-root{color:#fff3;padding:4px}.social-media-dashboard .dashboard-grid .platform-selection-label .MuiCheckbox-root.Mui-checked{color:#ffffff80}.publishing-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;background:#fff;box-shadow:0 8px 32px #0000004d;padding:2.5rem;border-radius:12px;color:#2d2d2d}@media (max-width: 768px){.publishing-modal-content{width:90%}}.publishing-modal-content .modal-actions{margin-top:2rem;display:flex;justify-content:flex-end}body:not(.dark-mode) .social-media-dashboard{background-color:#f8fafc;color:#2d2d2d}body:not(.dark-mode) .social-media-dashboard .dashboard-header .title,body:not(.dark-mode) .social-media-dashboard .section-title{color:#2d2d2d}body:not(.dark-mode) .social-media-dashboard .platform-selection-label .MuiFormControlLabel-label{color:#0009}body:not(.dark-mode) .social-media-dashboard .platform-selection-label .MuiCheckbox-root{color:#0003}body:not(.dark-mode) .social-media-dashboard .platform-selection-label .MuiCheckbox-root.Mui-checked{color:#2d2d2d}body:not(.dark-mode) .social-media-dashboard .quota-info{background:#0000000d;border-color:#0000001a}body:not(.dark-mode) .social-media-dashboard .quota-info .quota-label{color:#0009}body:not(.dark-mode) .social-media-dashboard .quota-info .quota-value{color:#16a34a}body:not(.dark-mode) .social-media-dashboard .quota-info .quota-value.exhausted{color:#dc2626}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}body.dark-mode .video-uploader-dropzone{border-color:#ffffff1a;background-color:#2d2d2d33;color:#fffc}body.dark-mode .video-uploader-dropzone:hover{border-color:#0d4072;background-color:#ffffff0d}body.dark-mode .video-uploader-dropzone.active{border-color:#0d4072;background-color:#ffffff14}body.dark-mode .video-uploader-dropzone .upload-icon{color:#ffffff4d}body.dark-mode .video-uploader-dropzone .dropzone-title{color:#fff}body.dark-mode .video-uploader-dropzone .dropzone-subtitle{color:#ffffff80}body.dark-mode .video-uploader-selected .file-info-container{border-color:#ffffff1a;background:#2d2d2d4d}body.dark-mode .video-uploader-selected .file-info-container .icon-wrapper{background:#ffffff0d}body.dark-mode .video-uploader-selected .file-info-container .icon-wrapper .video-icon{color:#0d4072}body.dark-mode .video-uploader-selected .file-info-container .file-details .text-details .file-name{color:#fff}body.dark-mode .video-uploader-selected .file-info-container .file-details .text-details .file-size{color:#ffffff80}body.dark-mode .video-uploader-selected .file-info-container .remove-button{color:#fff6}body.dark-mode .video-uploader-selected .file-info-container .remove-button:hover{color:#e83a3a;background:#e83a3a1a}body.dark-mode .video-uploader-selected .upload-progress-container .progress-text{color:#ffffffb3}body.dark-mode .video-uploader-selected .upload-progress-container .progress-bar{background-color:#ffffff1a}body.dark-mode .video-uploader-selected .upload-progress-container .progress-bar .MuiLinearProgress-bar{background-color:#0d4072}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.video-uploader-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;border:2px dashed rgba(0,0,0,.1);border-radius:15px;cursor:pointer;transition:all .3s ease;background-color:#00000005;padding:2rem;text-align:center}.video-uploader-dropzone:hover{border-color:#2d2d2d;background-color:#0000000a}.video-uploader-dropzone:hover .upload-icon{transform:translateY(-5px)}.video-uploader-dropzone.active{border-color:#2563eb;background-color:#2563eb0d}.video-uploader-dropzone .upload-icon-wrapper{margin-bottom:1.5rem}.video-uploader-dropzone .upload-icon-wrapper .upload-icon{color:#0000004d;transition:transform .3s ease}.video-uploader-dropzone .dropzone-title{font-family:Assistant-Bold,sans-serif;font-size:1.25rem;color:#2d2d2d;margin-bottom:.5rem}.video-uploader-dropzone .dropzone-subtitle{font-family:NunitoSans-Regular,sans-serif;font-size:.9rem;color:#00000080}.video-uploader-selected{width:100%;display:flex;flex-direction:column;gap:1.5rem}.video-uploader-selected .file-info-container{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:#00000008;border:1px solid rgba(0,0,0,.05);border-radius:12px}.video-uploader-selected .file-info-container .file-details{display:flex;align-items:center;gap:1rem;min-width:0}.video-uploader-selected .file-info-container .file-details .icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000d}.video-uploader-selected .file-info-container .file-details .icon-wrapper .video-icon{color:#2563eb}.video-uploader-selected .file-info-container .file-details .text-details{min-width:0}.video-uploader-selected .file-info-container .file-details .text-details .file-name{font-family:Assistant-Bold,sans-serif;font-size:1rem;margin:0;color:#2d2d2d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-uploader-selected .file-info-container .file-details .text-details .file-size{font-family:NunitoSans-Regular,sans-serif;font-size:.85rem;color:#00000080}.video-uploader-selected .file-info-container .remove-button{color:#0006}.video-uploader-selected .file-info-container .remove-button:hover{color:#a85aee;background:#a85aee1a}.video-uploader-selected .upload-progress-container .progress-text{display:flex;justify-content:space-between;margin-bottom:.5rem;font-family:NunitoSans-Regular,sans-serif;font-size:.9rem;color:#000000b3}.video-uploader-selected .upload-progress-container .progress-bar{height:8px;border-radius:4px;background-color:#0000000d}.video-uploader-selected .upload-progress-container .progress-bar .MuiLinearProgress-bar{background-color:#2563eb;border-radius:4px}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.social-media-layout{display:flex;flex-direction:column;min-height:0;overflow:auto;background-color:#f8fafc;color:#2d2d2d}.social-media-layout .social-media-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 3rem 0;background:#fff}@media (max-width: 768px){.social-media-layout .social-media-header{padding:1rem 1rem 0}}.social-media-layout .social-media-header .back-button{display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:inherit;padding:.25rem;border-radius:50%;transition:background-color .2s}.social-media-layout .social-media-header .back-button:hover{background-color:#0000000d}.social-media-layout .social-media-header .header-title{font-family:Assistant-Bold,sans-serif;font-size:1.4rem;margin:0}@media (max-width: 768px){.social-media-layout .social-media-header .header-title{font-size:1.1rem}}.social-media-layout .social-media-tabs{display:flex;gap:0;border-bottom:1px solid rgba(0,0,0,.1);padding:0 3rem;background:#fff}@media (max-width: 768px){.social-media-layout .social-media-tabs{padding:0 1rem}}.social-media-layout .social-media-tabs .tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:none;background:none;cursor:pointer;font-family:Liter-Regular,sans-serif;font-size:.95rem;color:#00000080;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}@media (max-width: 768px){.social-media-layout .social-media-tabs .tab-button{padding:.8rem 1rem;font-size:.85rem}}.social-media-layout .social-media-tabs .tab-button:hover{color:#000c}.social-media-layout .social-media-tabs .tab-button.active{color:#0d4072;border-bottom-color:#0d4072;font-family:Assistant-Bold,sans-serif}.social-media-layout .social-media-content{flex:1;min-height:calc(100vh - 176px);overflow:auto}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}body.dark-mode .social-media-layout{background-color:#1a2332;color:#fff}body.dark-mode .social-media-layout .social-media-header{background:#0003}body.dark-mode .social-media-layout .social-media-header .back-button:hover{background-color:#ffffff1a}body.dark-mode .social-media-layout .social-media-tabs{background:#0003;border-bottom-color:#ffffff1a}body.dark-mode .social-media-layout .social-media-tabs .tab-button{color:#ffffff80}body.dark-mode .social-media-layout .social-media-tabs .tab-button:hover{color:#fffc}body.dark-mode .social-media-layout .social-media-tabs .tab-button.active{color:#fff;border-bottom-color:#0d4072}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.unknown-page-container{width:100%;height:100%;min-height:80vh;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem}@media (max-width: 768px){.unknown-page-container{padding:1.25rem;width:90%;gap:.75rem;justify-content:center}}.unknown-page-container .unknown-page-code{font-size:10rem;font-family:Assistant-Bold,sans-serif,sans-serif;font-weight:800;line-height:1;background:linear-gradient(135deg,#1794dc 50%,#8eadd8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 24px rgba(0,166,246,.35))}@media (max-width: 768px){.unknown-page-container .unknown-page-code{font-size:5.5rem}}.unknown-page-container .unknown-page-title{font-family:Assistant-Bold,sans-serif,sans-serif;font-weight:700;color:#2d2d2d}@media (max-width: 768px){.unknown-page-container .unknown-page-title{font-size:1.25rem}}.unknown-page-container .unknown-page-description{font-family:Liter-Regular,sans-serif,sans-serif;color:#4e4e4e;max-width:400px}@media (max-width: 768px){.unknown-page-container .unknown-page-description{font-size:.875rem;max-width:280px}}.unknown-page-container .unknown-page-actions{margin-top:1.5rem;gap:1rem}@media (max-width: 768px){.unknown-page-container .unknown-page-actions{flex-direction:column;width:100%;align-items:center;margin-top:1rem;gap:.75rem}}.unknown-page-container .unknown-page-actions .unknown-page-btn{border-radius:10px;padding:.5rem 2rem;font-family:Liter-Regular,sans-serif,sans-serif;min-width:140px}@media (max-width: 768px){.unknown-page-container .unknown-page-actions .unknown-page-btn{width:100%;min-width:unset;padding:.6rem 1rem}}.unknown-page-container .unknown-page-actions .unknown-page-btn-home{color:#fff}body.dark-mode .unknown-page-container .unknown-page-code{background:linear-gradient(135deg,#1794dc 50%,#145bbe)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}body.dark-mode .unknown-page-container .unknown-page-title{color:#ffffffd9!important}body.dark-mode .unknown-page-container .unknown-page-description{color:#ffffff80!important}body.dark-mode .unknown-page-container .unknown-page-actions .unknown-page-btn.unknown-page-btn-home{color:#fff}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.upload-project-file-container{padding:2rem}.upload-project-file-container .upload-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}@media (max-width: 1024px){.upload-project-file-container .upload-layout{grid-template-columns:1fr;gap:1.5rem}}.upload-project-file-container .upload-main-area{display:flex;flex-direction:column;gap:1.5rem;width:100%}.upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area{border:2px dashed #e2e8f0;border-radius:16px;text-align:center;box-sizing:border-box;width:100%;min-height:200px;padding:2rem;transition:all .3s ease;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;cursor:pointer}.upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area:hover{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:translateY(-2px);box-shadow:0 10px 25px #3b82f61a}.upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area .dropzone-preview .MuiSvgIcon-root{height:3.5rem;margin:1rem;color:#3b82f6}@media (max-width: 768px){.upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area{padding:2rem 1rem;min-height:150px}}.upload-project-file-container .upload-main-area .selected-file-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;animation:slideUp .3s ease-out}.upload-project-file-container .upload-main-area .selected-file-card .file-info{display:flex;align-items:center;gap:1rem}.upload-project-file-container .upload-main-area .selected-file-card .file-info .file-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #3b82f64d}.upload-project-file-container .upload-main-area .selected-file-card .file-info .file-details{flex:1}.upload-project-file-container .upload-main-area .selected-file-card .file-info .file-details .file-name{font-weight:600;color:#1e293b;margin-bottom:.25rem}.upload-project-file-container .upload-main-area .selected-file-card .file-info .file-details .file-size{color:#64748b;font-size:.875rem}.upload-project-file-container .upload-main-area .upload-guidelines-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d}.upload-project-file-container .upload-main-area .upload-guidelines-container .title{font-family:NunitoSans-Regular,sans-serif;font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.upload-project-file-container .upload-main-area .upload-guidelines-container .MuiListItem-root{font-family:ChakraPetch-Regular,sans-serif;font-size:.875rem;color:#64748b;padding:.5rem 0;display:flex;align-items:flex-start;gap:.5rem}.upload-project-file-container .upload-main-area .upload-guidelines-container .MuiListItem-root:before{content:"";width:6px;height:6px;background:#3b82f6;border-radius:50%;margin-top:.5rem;flex-shrink:0}.upload-project-file-container .upload-sidebar{display:flex;flex-direction:column;gap:1.5rem}.upload-project-file-container .upload-sidebar .project-type-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;gap:1rem}.upload-project-file-container .upload-sidebar .project-type-card .MuiTypography-h6{font-weight:600;color:#1e293b}.upload-project-file-container .upload-sidebar .project-type-card .MuiFormControlLabel-root .MuiTypography-body1{font-weight:500;color:#374151}.upload-project-file-container .upload-sidebar .project-type-card .MuiTypography-caption{color:#6b7280;line-height:1.5}.upload-project-file-container .upload-sidebar .upload-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;padding:1rem 2rem;font-weight:600;text-transform:none;box-shadow:0 4px 12px #3b82f64d;transition:all .3s ease;height:auto;color:#fff}.upload-project-file-container .upload-sidebar .upload-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.upload-project-file-container .upload-sidebar .upload-button.Mui-disabled{background:#9ca3af;box-shadow:none;transform:none}.upload-project-file-container .upload-sidebar .upload-button .MuiStack-root{gap:.5rem}.upload-project-file-container .upload-sidebar .upload-progress{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;gap:1rem}.upload-project-file-container .upload-sidebar .upload-progress .MuiTypography-caption{font-weight:500;color:#374151}.upload-project-file-container .upload-sidebar .upload-progress .progress{border-radius:8px;height:8px;background-color:#e2e8f0}.upload-project-file-container .upload-sidebar .upload-progress .progress .MuiLinearProgress-bar{background:linear-gradient(90deg,#10b981,#059669);border-radius:8px}.upload-project-file-container .upload-sidebar .upload-progress .progress-pres{font-family:Liter-Regular,sans-serif;font-weight:600;color:#059669;text-align:center}.upload-project-file-container .upload-sidebar input[type=file]{display:none}.upload-project-file-container .upload-sidebar .accepted{color:#6b7280;font-size:.875rem;text-align:center;margin-top:.5rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.upload-project-file-container{animation:fadeIn .5s ease-out}body.dark-mode .upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area{background:linear-gradient(135deg,#112e5766 -30%,#212e3b)!important;border-color:#475569!important;color:#fff;transition:all .3s ease-in-out;position:relative;overflow:hidden}body.dark-mode .upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47);opacity:0;transition:opacity .3s ease-in-out;z-index:-1}body.dark-mode .upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area .MuiSvgIcon-root{color:#fff!important}body.dark-mode .upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area:hover{border-color:#b6b6b6!important}body.dark-mode .upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area:hover:before{opacity:1}body.dark-mode .upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area .dropzone-preview .MuiSvgIcon-root{color:#60a5fa!important}body.dark-mode .upload-project-file-container .upload-main-area .selected-file-card{background:linear-gradient(135deg,#1e293b,#334155)!important;border-color:#475569!important}body.dark-mode .upload-project-file-container .upload-main-area .selected-file-card .file-info .file-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}body.dark-mode .upload-project-file-container .upload-main-area .selected-file-card .file-info .file-details .file-name{color:#fff!important}body.dark-mode .upload-project-file-container .upload-main-area .selected-file-card .file-info .file-details .file-size{color:#94a3b8!important}body.dark-mode .upload-project-file-container .upload-main-area .upload-guidelines-container{background:linear-gradient(135deg,#1e293b,#334155)!important;border-color:#47556966!important}body.dark-mode .upload-project-file-container .upload-main-area .upload-guidelines-container .title{color:#fff!important}body.dark-mode .upload-project-file-container .upload-main-area .upload-guidelines-container .MuiListItem-root{color:#94a3b8!important}body.dark-mode .upload-project-file-container .upload-main-area .upload-guidelines-container .MuiListItem-root:before{background:#60a5fa!important}body.dark-mode .upload-project-file-container .upload-sidebar .project-type-card{background:linear-gradient(135deg,#1e293b,#334155)!important;border-color:#47556966!important}body.dark-mode .upload-project-file-container .upload-sidebar .project-type-card .MuiTypography-h6{color:#fff!important}body.dark-mode .upload-project-file-container .upload-sidebar .project-type-card .MuiFormControlLabel-root .MuiTypography-body1{color:#e2e8f0!important}body.dark-mode .upload-project-file-container .upload-sidebar .project-type-card .MuiTypography-caption{color:#94a3b8}body.dark-mode .upload-project-file-container .upload-sidebar .upload-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}body.dark-mode .upload-project-file-container .upload-sidebar .upload-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important}body.dark-mode .upload-project-file-container .upload-sidebar .upload-button.Mui-disabled{background:#475569!important}body.dark-mode .upload-project-file-container .upload-sidebar .upload-progress{background:linear-gradient(135deg,#1e293b,#334155)!important;border-color:#475569!important}body.dark-mode .upload-project-file-container .upload-sidebar .upload-progress .MuiTypography-caption{color:#e2e8f0!important}body.dark-mode .upload-project-file-container .upload-sidebar .upload-progress .progress{background-color:#475569!important}body.dark-mode .upload-project-file-container .upload-sidebar .upload-progress .progress .MuiLinearProgress-bar{background:linear-gradient(90deg,#10b981,#059669)!important}body.dark-mode .upload-project-file-container .upload-sidebar .upload-progress .progress-pres{color:#10b981!important}body.dark-mode .upload-project-file-container .upload-sidebar .accepted{color:#94a3b8!important}:root{height:100%;overflow-x:hidden}@media (max-width: 768px){:root{height:100%;width:100%;overflow-x:hidden;position:fixed}}html,body{height:100%;margin:0;padding:0;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.MuiPickersPopper-root{z-index:20000!important}body.dark-mode .MuiPickersPopper-root .MuiPaper-root{background:#1e293b;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000080;color:#f1f5f9}body.dark-mode .MuiPickersPopper-root .MuiPickersCalendarHeader-root{color:#f1f5f9}body.dark-mode .MuiPickersPopper-root .MuiPickersArrowSwitcher-button,body.dark-mode .MuiPickersPopper-root .MuiIconButton-root{color:#fff9}body.dark-mode .MuiPickersPopper-root .MuiPickersArrowSwitcher-button:hover,body.dark-mode .MuiPickersPopper-root .MuiIconButton-root:hover{background:#ffffff0f;color:#f1f5f9}body.dark-mode .MuiPickersPopper-root .MuiPickersCalendarHeader-labelContainer button{color:#f1f5f9;font-weight:700}body.dark-mode .MuiPickersPopper-root .MuiPickersCalendarHeader-labelContainer button:hover{background:#ffffff0f}body.dark-mode .MuiPickersPopper-root .MuiDayCalendar-weekDayLabel{color:#ffffff59}body.dark-mode .MuiPickersPopper-root .MuiPickersDay-root{color:#f1f5f9;background:transparent}body.dark-mode .MuiPickersPopper-root .MuiPickersDay-root:hover{background:#ffffff14}body.dark-mode .MuiPickersPopper-root .MuiPickersDay-root.Mui-selected{background:#00a3ff;color:#fff}body.dark-mode .MuiPickersPopper-root .MuiPickersDay-root.Mui-selected:hover{background:#0090e0}body.dark-mode .MuiPickersPopper-root .MuiPickersDay-root.MuiPickersDay-today:not(.Mui-selected){border-color:#ffffff4d;color:#f1f5f9}body.dark-mode .MuiPickersPopper-root .MuiPickersDay-root.Mui-disabled{color:#fff3}body.dark-mode .MuiPickersPopper-root .MuiDialogActions-root button,body.dark-mode .MuiPickersPopper-root .MuiPickersLayout-actionBar button{color:#00a3ff}body.dark-mode .MuiPickersPopper-root .MuiDialogActions-root button:hover,body.dark-mode .MuiPickersPopper-root .MuiPickersLayout-actionBar button:hover{background:#00a3ff14}body.dark-mode .MuiPickersPopper-root .MuiYearCalendar-root .MuiPickersYear-yearButton,body.dark-mode .MuiPickersPopper-root .MuiMonthCalendar-root .MuiPickersMonth-monthButton{color:#f1f5f9}body.dark-mode .MuiPickersPopper-root .MuiYearCalendar-root .MuiPickersYear-yearButton:hover,body.dark-mode .MuiPickersPopper-root .MuiMonthCalendar-root .MuiPickersMonth-monthButton:hover{background:#ffffff14}body.dark-mode .MuiPickersPopper-root .MuiYearCalendar-root .MuiPickersYear-yearButton.Mui-selected,body.dark-mode .MuiPickersPopper-root .MuiMonthCalendar-root .MuiPickersMonth-monthButton.Mui-selected{background:#00a3ff;color:#fff}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.footer{background-color:#4e4e4e;color:#fff;border:none;padding:4rem 0 2rem}@media (max-width: 768px){.footer{padding:3rem 1rem 2rem}}.footer .footer-content{margin-bottom:3rem;font-family:NunitoSans-Regular,sans-serif}@media (max-width: 768px){.footer .footer-content{margin-bottom:2rem}}.footer .footer-section{text-align:center;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.footer .footer-section{width:100%}}.footer .footer-section .footer-title{font-family:ChakraPetch-Regular,sans-serif;font-weight:600;display:flex;margin-bottom:1rem;color:#fff}@media (max-width: 768px){.footer .footer-section p{max-width:300px}}.footer .footer-section a:not(.donate-button__link){text-decoration:none;transition:color .3s ease;display:block;opacity:.8;padding:.5rem 0}.footer .footer-section a:not(.donate-button__link):hover{opacity:1;color:#9b87f5}.footer .footer-donate{margin-top:1rem}.footer .social-links{display:flex;flex-direction:row;gap:1.25rem;margin-top:1.5rem;justify-content:center;align-items:center}.footer .social-links ._instagram{height:1.5rem}.footer .social-links img{height:2rem;width:auto;cursor:pointer;transition:transform .2s ease}.footer .social-links img:hover{transform:scale(1.1)}.footer .footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.footer .footer-bottom{padding-top:1.5rem}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.about-us-container{background-color:#4e4e4e;min-height:100vh}.about-page{margin:1rem;overflow:scroll;padding:7rem 0;color:#fff}.about-page__section-title{color:#fff}.about-page__hero{background:linear-gradient(135deg,#fff 4%,#0d4072 600%);border-radius:16px;padding:2rem;margin-bottom:3rem;box-shadow:0 4px 18px #3c50b41a,0 1px 4px #3c50b40a;color:#2d2d2d;text-align:center}.about-page__hero .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif}.about-page__hero h1{font-weight:700;margin-bottom:1rem;font-family:NunitoSans-Regular,sans-serif}.about-page__hero p{opacity:.9;max-width:700px;margin:0 auto}.about-page__section{margin-bottom:3rem}.about-page__section .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif;color:#2d2d2d}.about-page__section-title{text-align:center;margin-bottom:3rem!important;font-weight:700}.about-page__grid{display:grid;gap:2rem}@media (min-width: 768px){.about-page__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.about-page__grid{grid-template-columns:repeat(3,1fr)}}.about-page__card{height:100%;transition:transform .2s,box-shadow .2s}.about-page__card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001f}.about-page__card-icon{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:1rem;border-radius:50%;margin-bottom:1rem}.about-page__card-icon--blue{background-color:#e5deff;color:#8b5cf6}.about-page__card-icon--purple{background-color:#ffdee2;color:#d946ef}.about-page__card-icon--green{background-color:#f2fce2;color:#6e59a5}.about-page__card-icon--amber{background-color:#fef7cd;color:#d97706}.about-page__card-icon--teal{background-color:#d3e4fd;color:#0ea5e9}.about-page__card-icon--red{background-color:#fde1d3;color:#f97316}.about-page__card-icon--indigo{background-color:#e5deff;color:#6e59a5}.about-page__cta{background-color:#f6f6f7;padding:2rem;text-align:center;border-radius:10px}.about-page__cta .social-links{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;margin-top:1rem}.about-page__cta .social-links img{height:2.5rem;width:auto;cursor:pointer;transition:transform .2s ease}.about-page__cta .social-links img:hover{transform:scale(1.1)}.about-page__cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.about-page__who-we-are{display:grid;gap:2rem}@media (min-width: 768px){.about-page__who-we-are{grid-template-columns:repeat(2,1fr)}}.about-page__who-we-are-image{display:flex;align-items:center;justify-content:center;background-color:#f1f0fb;height:100%;min-height:250px;border-radius:10px}.about-contact-btn{background:#4e78ed!important;color:#fff!important;font-weight:600;border-radius:8px;padding:.6rem 1.6rem;box-shadow:0 2px 8px #3c50b41a;margin-right:1rem;transition:background .2s,box-shadow .2s}.about-contact-btn:hover{background:#137bb7;box-shadow:0 4px 16px #3c50b429}.about-pricing-btn{color:#0d4072!important;border:2px solid rgb(13,64,114);font-weight:600;border-radius:8px;padding:.6rem 1.6rem;background:transparent;transition:border .2s,color .2s,background .2s}.about-pricing-btn:hover{background:#0d4072;color:#fff!important;border-color:#0d4072}body.dark-mode .about-page__hero{background:linear-gradient(135deg,#22395ed9 10%,#0d4072 200%);color:#fff!important}body.dark-mode .about-page__hero h1{font-weight:700;margin-bottom:1rem}body.dark-mode .about-page__hero p{opacity:.9;max-width:700px;margin:0 auto}body.dark-mode .about-page__section{margin-bottom:3rem}body.dark-mode .about-page__section-title{text-align:center;margin-bottom:3rem!important;color:#fff!important;font-weight:700}body.dark-mode .about-page__card-paper{background-color:#22395e99!important;color:#fff!important}body.dark-mode .about-page__grid{display:grid;gap:2rem}@media (min-width: 768px){body.dark-mode .about-page__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){body.dark-mode .about-page__grid{grid-template-columns:repeat(3,1fr)}}body.dark-mode .about-page__card{height:100%;transition:transform .2s,box-shadow .2s;background-color:#22395eb3!important;color:#fff!important}body.dark-mode .about-page__card .MuiTypography-root{color:#fff!important}body.dark-mode .about-page__card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001f}body.dark-mode .about-page__card-icon{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:1rem;border-radius:50%;margin-bottom:1rem}body.dark-mode .about-page__card-icon--blue{background-color:#e5deff!important;color:#8b5cf6!important}body.dark-mode .about-page__card-icon--purple{background-color:#ffdee2!important;color:#d946ef!important}body.dark-mode .about-page__card-icon--green{background-color:#f2fce2!important;color:#6e59a5!important}body.dark-mode .about-page__card-icon--amber{background-color:#fef7cd!important;color:#d97706!important}body.dark-mode .about-page__card-icon--teal{background-color:#d3e4fd!important;color:#0ea5e9!important}body.dark-mode .about-page__card-icon--red{background-color:#fde1d3!important;color:#f97316!important}body.dark-mode .about-page__card-icon--indigo{background-color:#e5deff!important;color:#6e59a5!important}body.dark-mode .about-page__cta{background-color:#22395eb3!important;color:#fff!important;padding:2rem;text-align:center;border-radius:10px}body.dark-mode .about-page__cta .MuiTypography-root{color:#fff!important}body.dark-mode .about-page__cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}body.dark-mode .about-page__who-we-are{display:grid;gap:2rem}@media (min-width: 768px){body.dark-mode .about-page__who-we-are{grid-template-columns:repeat(2,1fr)}}body.dark-mode .about-page__who-we-are-image{display:flex;align-items:center;justify-content:center;background-color:#5ed1fe99!important;height:100%;min-height:250px;border-radius:10px}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.auth-container{min-height:100vh;background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47);display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:NunitoSans-Regular,sans-serif}.auth-container:after{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#0d407233,#0d407200 70%);border-radius:50%;z-index:1}.auth-container:before{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#0d407226,#0d407200 70%);border-radius:50%;z-index:1}.auth-container .auth-form-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center;padding:2rem}.auth-container .auth-form-container{max-width:440px;width:100%}@media (max-width: 768px){.auth-container .auth-form-container{max-width:90%;padding:2rem;width:100%}}.auth-container .auth-form-container{padding:0 2rem 2rem;margin-top:4rem;background:#2d2d2db3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:1rem;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(13,64,114,.1);animation:fadeIn .5s ease-out forwards}.auth-container .auth-form-container .auth-title{color:#fff;font-size:2.25rem;font-weight:800;margin-bottom:.25rem;text-align:center;font-family:NunitoSans-Regular,sans-serif;background:linear-gradient(90deg,#fff,#0d4072);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.auth-container .auth-form-container .auth-subtitle{color:#c2c1c1;text-align:center;font-size:.95rem;font-weight:400;font-family:Liter-Regular,sans-serif}.auth-container .auth-form-container form{display:flex;flex-direction:column;gap:1.25rem}.auth-container .auth-form-container form .auth-submit-button{margin-top:.5rem;padding:.75rem;font-size:1.05rem;font-weight:700;font-family:Assistant-Bold,sans-serif;color:#fff;text-transform:none;border-radius:.5rem;background:#1661ac;border:none;transition:all .3s ease}.auth-container .auth-form-container form .auth-submit-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #17518a4d;background:#196bbd}.auth-container .auth-form-container form .auth-submit-button:disabled{background:#c2c1c133;color:#ffffff4d;box-shadow:none}.auth-container .auth-form-container form .auth-footer{text-align:center;margin-top:1rem;color:#c2c1c1;font-size:.95rem}.auth-container .auth-form-container form .auth-footer a{color:#0d4072;text-decoration:none;font-weight:500;transition:all .2s ease}.auth-container .auth-form-container form .auth-footer a:hover{color:#fff;text-decoration:underline}.auth-container .auth-form-container form .terms-and-policy-text{color:#ffffffd9;font-size:.9rem}.auth-container .auth-form-container form .terms-and-policy-text .auth-link{color:#72b9fb}.auth-container .auth-form-container form .google-divider{display:flex;align-items:center;margin:.5rem 0;color:#c2c1c1;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.auth-container .auth-form-container form .google-divider:before,.auth-container .auth-form-container form .google-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-container .auth-form-container form .google-divider:before{margin-right:1rem}.auth-container .auth-form-container form .google-divider:after{margin-left:1rem}.auth-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.auth-bubbles .bubble{position:absolute;border-radius:50%;filter:blur(3px);opacity:.25;mix-blend-mode:screen;will-change:transform;box-shadow:none}.auth-bubbles .bubble:nth-child(1){width:.6px;height:.6px;background:#3995ec;top:10%;left:5%;animation:bubbleFloat1 8s ease-in-out infinite alternate}.auth-bubbles .bubble:nth-child(2){width:.8px;height:.8px;background:#163358;top:60%;left:70%;animation:bubbleFloat2 8s ease-in-out infinite alternate}.auth-bubbles .bubble:nth-child(3){width:.5px;height:.5px;background:#88bff4;top:80%;left:15%;animation:bubbleFloat3 8.8s ease-in-out infinite alternate}.auth-bubbles .bubble:nth-child(4){width:1px;height:1px;background:#112d47;top:30%;left:55%;animation:bubbleFloat4 7.2s ease-in-out infinite alternate}.auth-bubbles .bubble:nth-child(5){width:.4px;height:.4px;background:#61aaf0;top:5%;left:80%;animation:bubbleFloat5 9.6s ease-in-out infinite alternate}.auth-bubbles .bubble:nth-child(6){width:.7px;height:.7px;background:#112646;top:50%;left:35%;animation:bubbleFloat6 8s ease-in-out infinite alternate}.auth-bubbles .bubble:nth-child(7){width:.5px;height:.5px;background:#3995ec;top:75%;left:85%;animation:bubbleFloat7 8s ease-in-out infinite alternate}.auth-bubbles .bubble:nth-child(8){width:.9px;height:.9px;background:#9ccaf6;top:20%;left:30%;animation:bubbleFloat8 12s ease-in-out infinite alternate}@keyframes bubbleFloat1{0%{transform:translate(0)}to{transform:translate(80px,-120px)}}@keyframes bubbleFloat2{0%{transform:translate(0)}to{transform:translate(-90px,80px)}}@keyframes bubbleFloat3{0%{transform:translate(0)}to{transform:translate(60px,70px)}}@keyframes bubbleFloat4{0%{transform:translate(0)}to{transform:translate(-70px,-90px)}}@keyframes bubbleFloat5{0%{transform:translate(0)}to{transform:translate(-50px,110px)}}@keyframes bubbleFloat6{0%{transform:translate(0)}to{transform:translate(100px,60px)}}@keyframes bubbleFloat7{0%{transform:translate(0)}to{transform:translate(-80px,-70px)}}@keyframes bubbleFloat8{0%{transform:translate(0)}to{transform:translate(50px,-80px)}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.contact-form-wrapper{padding-top:1.5rem;padding-bottom:2rem}.contact-form-container{max-width:560px!important;margin-top:2rem}@media (max-width: 768px){.contact-form-container{max-width:100%!important;padding:1.5rem!important;margin-top:1rem}}.contact-form-container form{gap:0}.contact-form-container form .MuiFormControl-root{margin-top:.6rem;margin-bottom:0}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.fl-tool-page{min-height:100vh;font-family:NunitoSans-Regular,sans-serif}.fl-hero-container{display:flex;align-items:center;justify-content:space-between;min-height:80vh;padding:2rem 5%;background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47);gap:2rem;position:relative;overflow:hidden}@media (max-width: 768px){.fl-hero-container{flex-direction:column;padding:1.5rem 1rem;text-align:center;min-height:auto}}.fl-hero-container:after{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#0d407233,#0d407200 70%);border-radius:50%;z-index:1}.fl-hero-container .fl-hero-text{flex:1;max-width:50%;z-index:5}@media (max-width: 768px){.fl-hero-container .fl-hero-text{max-width:100%;margin-top:2rem;align-items:center;display:flex;flex-direction:column}}.fl-hero-container .fl-hero-text h1{font-size:4rem;font-weight:800;line-height:1;margin-bottom:1.5rem}@media (max-width: 1024px){.fl-hero-container .fl-hero-text h1{font-size:3rem}}@media (max-width: 768px){.fl-hero-container .fl-hero-text h1{font-size:2.5rem}}.fl-hero-container .fl-hero-text h1 .primary-text{background:linear-gradient(90deg,#eaeaea,#5eadee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:ChakraPetch-Regular,sans-serif}.fl-hero-container .fl-hero-text h1 .accent-text{background:linear-gradient(90deg,#1eaedb,#9b87f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:ChakraPetch-Regular,sans-serif;margin-left:.5rem}.fl-hero-container .fl-hero-text .fl-hero-subtitle{font-size:1.5rem;font-weight:500;color:#fff;margin-bottom:1.5rem}@media (max-width: 768px){.fl-hero-container .fl-hero-text .fl-hero-subtitle{font-size:1.2rem}}.fl-hero-container .fl-hero-text .fl-hero-description{font-size:1.1rem;color:#fff;opacity:.8;line-height:1.6;margin-bottom:1.5rem;max-width:90%}@media (max-width: 768px){.fl-hero-container .fl-hero-text .fl-hero-description{font-size:1rem;max-width:100%}}.fl-hero-container .fl-hero-text .fl-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.35rem .9rem;color:#ffffffbf;font-size:.85rem;margin-bottom:2rem}.fl-hero-container .fl-hero-text .fl-hero-actions{display:flex;gap:1rem}@media (max-width: 768px){.fl-hero-container .fl-hero-text .fl-hero-actions{justify-content:center}}.fl-hero-visual{flex:1;max-width:45%;z-index:5;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.fl-hero-visual{max-width:100%;width:100%}}.fl-hero-visual .fl-window-mockup{width:100%;max-width:420px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;box-shadow:0 24px 48px #0006}.fl-hero-visual .fl-window-mockup .fl-window-bar{display:flex;align-items:center;gap:6px;padding:.75rem 1rem;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.fl-hero-visual .fl-window-mockup .fl-window-bar span{width:12px;height:12px;border-radius:50%;background:#fff3}.fl-hero-visual .fl-window-mockup .fl-window-bar span:nth-child(1){background:#ff5f57}.fl-hero-visual .fl-window-mockup .fl-window-bar span:nth-child(2){background:#febc2e}.fl-hero-visual .fl-window-mockup .fl-window-bar span:nth-child(3){background:#28c840}.fl-hero-visual .fl-window-mockup .fl-window-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:3rem 2rem}.fl-hero-visual .fl-window-mockup .fl-window-content .fl-upload-icon{color:#9b87f5;opacity:.9}.fl-hero-visual .fl-window-mockup .fl-window-content p{color:#fff9;font-size:.95rem}.fl-hero-visual .fl-window-mockup .fl-window-content .fl-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden}.fl-hero-visual .fl-window-mockup .fl-window-content .fl-progress-bar .fl-progress-fill{width:65%;height:100%;background:linear-gradient(90deg,#9b87f5,#1eaedb);border-radius:999px;animation:fl-progress-pulse 2s ease-in-out infinite}@keyframes fl-progress-pulse{0%,to{opacity:1}50%{opacity:.6}}.fl-section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem;background:linear-gradient(90deg,#243949,#517fa4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.fl-section-title{font-size:2rem;padding:0 1rem}}.fl-section-description{text-align:center;font-size:1.1rem;color:#1a1f2cbf;line-height:1.7;max-width:720px;margin:0 auto}@media (max-width: 768px){.fl-section-description{font-size:1rem;padding:0 1rem}}.fl-what-section{padding:5rem 2rem}@media (max-width: 768px){.fl-what-section{padding:3rem 1rem}}.fl-features-section{padding:5rem 2rem}@media (max-width: 768px){.fl-features-section{padding:3rem 0}}.fl-features-section .fl-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto}@media (max-width: 1024px){.fl-features-section .fl-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.fl-features-section .fl-features-grid{grid-template-columns:1fr;padding:0 1rem}}.fl-features-section .fl-features-grid .fl-feature-card{border-radius:1rem;border:1px solid rgba(155,135,245,.2);background:#fff;transition:transform .3s ease,box-shadow .3s ease}.fl-features-section .fl-features-grid .fl-feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0000001a}.fl-features-section .fl-features-grid .fl-feature-card .fl-feature-content{padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center}.fl-features-section .fl-features-grid .fl-feature-card .fl-feature-content .fl-feature-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.fl-features-section .fl-features-grid .fl-feature-card .fl-feature-content .fl-feature-icon svg{width:28px;height:28px}.fl-features-section .fl-features-grid .fl-feature-card .fl-feature-content .fl-feature-icon.purple{background:#9b87f533;color:#9b87f5}.fl-features-section .fl-features-grid .fl-feature-card .fl-feature-content .fl-feature-icon.blue{background:#1eaedb33;color:#1eaedb}.fl-features-section .fl-features-grid .fl-feature-card .fl-feature-content .fl-feature-icon.green{background:#27ae6033;color:#27ae60}.fl-features-section .fl-features-grid .fl-feature-card .fl-feature-content h3{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;color:#1a1f2c}.fl-features-section .fl-features-grid .fl-feature-card .fl-feature-content p{font-size:.95rem;color:#1a1f2cb3;line-height:1.6;margin:0}.fl-how-section{padding:5rem 2rem;background:linear-gradient(180deg,#9b87f50d,#fff0);border-radius:2rem;margin:2rem 0}@media (max-width: 768px){.fl-how-section{padding:3rem 1rem}}.fl-how-section .fl-steps-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;max-width:1100px;margin:0 auto}@media (max-width: 768px){.fl-how-section .fl-steps-container{flex-direction:column;align-items:center}}.fl-how-section .fl-steps-container .fl-step{flex:1;min-width:220px;max-width:280px;display:flex;align-items:flex-start}@media (max-width: 768px){.fl-how-section .fl-steps-container .fl-step{min-width:100%;max-width:100%;padding:0 1rem}}.fl-how-section .fl-steps-container .fl-step .fl-step-number{font-size:3rem;font-weight:800;line-height:1;background:linear-gradient(90deg,#9b87f5,#1eaedb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-right:1.25rem;flex-shrink:0}@media (max-width: 768px){.fl-how-section .fl-steps-container .fl-step .fl-step-number{font-size:2.5rem}}.fl-how-section .fl-steps-container .fl-step .fl-step-content h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#1a1f2c}.fl-how-section .fl-steps-container .fl-step .fl-step-content p{font-size:.9rem;color:#1a1f2cb3;line-height:1.6}.fl-cta-section{padding:5rem 2rem;background:linear-gradient(135deg,#1a1f2c,#394867);border-radius:1.5rem 1.5rem 0 0;text-align:center;position:relative;overflow:hidden}@media (max-width: 768px){.fl-cta-section{padding:3rem 1.5rem}}.fl-cta-section:before{content:"";position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,#9b87f533,#fff0 70%);border-radius:50%;z-index:1}.fl-cta-section:after{content:"";position:absolute;bottom:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,#1eaedb33,#fff0 70%);border-radius:50%;z-index:1}.fl-cta-section h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem;position:relative;z-index:2}@media (max-width: 768px){.fl-cta-section h2{font-size:1.5rem}}.fl-cta-section p{font-size:1.1rem;color:#fff3;margin-bottom:2rem;position:relative;z-index:2}@media (max-width: 768px){.fl-cta-section p{font-size:1rem}}.fl-cta-section .fl-cta-note{font-size:.85rem!important;color:#ffffff73!important;margin-top:1rem;margin-bottom:0}.fl-tool-page .download-button{background:#115395;color:#fff!important;padding:.75rem 2rem!important;font-size:1rem!important;font-weight:600!important;gap:.5rem;border-radius:2rem;position:relative;z-index:2;transition:transform .3s ease,box-shadow .3s ease!important}.fl-tool-page .download-button svg{margin-top:-.14rem}.fl-tool-page .download-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #9b87f559!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.integrates-with-container{width:100%;overflow:hidden;padding:40px 0;background-color:transparent;display:flex;flex-direction:column;align-items:center;gap:24px}.integrates-with-title{color:#4e4e4ee6;font-size:1.2rem;opacity:.7;font-family:NunitoSans-Regular,sans-serif;font-weight:400;text-align:center;margin:0}.integrates-with-track{display:flex;width:max-content;animation:scroll-x 30s linear infinite}.integrates-with-track:hover{animation-play-state:paused}.integrates-logo-wrapper{display:flex;align-items:center;justify-content:center;height:80px;width:200px;margin:0 20px;background-color:#fff;border-radius:16px;padding:10px 20px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease-in-out}.integrates-logo-wrapper:hover{transform:scale(1.05)}.integrates-logo{max-width:100%;max-height:100%;object-fit:contain}@keyframes scroll-x{0%{transform:translate(0)}to{transform:translate(-33.3333333333%)}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.cta-section{margin:4rem 0 0;padding:4rem 2rem;background:linear-gradient(135deg,#1a1f2c,#394867);border-radius:1.5rem 1.5rem 0 0;text-align:center;font-family:ChakraPetch-Regular,sans-serif;position:relative;overflow:hidden}@media (max-width: 768px){.cta-section{padding:3rem 1.5rem;margin-top:2rem}}.cta-section:before{content:"";position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,#9b87f533,#fff0 70%);border-radius:50%;z-index:1}.cta-section:after{content:"";position:absolute;bottom:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,#1eaedb33,#fff0 70%);border-radius:50%;z-index:1}.cta-section h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem;position:relative;z-index:2}@media (max-width: 768px){.cta-section h2{font-size:1.5rem}}.cta-section p{font-size:1.1rem;color:#fffc;margin-bottom:2rem;position:relative;z-index:2}@media (max-width: 768px){.cta-section p{font-size:1rem}}.cta-section .primary-button{background:linear-gradient(90deg,#9b87f5,#1eaedb);border:none;color:#fff;padding:.75rem 2rem;font-size:1.1rem;position:relative;z-index:2;transition:transform .3s ease,box-shadow .3s ease}@media (max-width: 768px){.cta-section .primary-button{width:100%;padding:.6rem 1.5rem;font-size:1rem}}.cta-section .primary-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #9b87f54d}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.features-section{padding:6rem 0;margin-inline:1rem;font-family:NunitoSans-Regular,sans-serif;width:100%}@media (max-width: 768px){.features-section{padding:3rem 0;margin-inline:0}}.features-section .section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;background:linear-gradient(90deg,#243949,#517fa4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.features-section .section-title{font-size:2rem;margin-bottom:2rem;padding:0 1rem}}.features-section .features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20%,1fr));gap:2rem;width:98%}@media (max-width: 1024px){.features-section .features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.features-section .features-grid{width:100%;grid-template-columns:1fr;padding:0 1rem;gap:1.5rem;box-sizing:border-box}}.features-section .features-grid .feature-card{border-radius:1rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(155,135,245,.2);background:#fff;height:100%;display:flex;flex-direction:column}@media (max-width: 768px){.features-section .features-grid .feature-card{margin:0;width:100%}}.features-section .features-grid .feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.features-section .features-grid .feature-card .feature-content{padding:2rem;text-align:center;flex:1;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.features-section .features-grid .feature-card .feature-content{padding:1.5rem}}.features-section .features-grid .feature-card .feature-content .feature-icon{width:60px;height:60px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.features-section .features-grid .feature-card .feature-content .feature-icon.purple{background:#9b87f533;color:#9b87f5}.features-section .features-grid .feature-card .feature-content .feature-icon.blue{background:#1eaedb33;color:#1eaedb}.features-section .features-grid .feature-card .feature-content .feature-icon.green{background:#27ae6033;color:#27ae60}.features-section .features-grid .feature-card .feature-content .feature-icon.gold{background:#f1c40f33;color:#f1c40f}.features-section .features-grid .feature-card .feature-content .feature-icon svg{width:28px;height:28px}.features-section .features-grid .feature-card .feature-content h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#1a1f2c;line-height:1.3}.features-section .features-grid .feature-card .feature-content p{font-size:.95rem;color:#1a1f2cb3;line-height:1.6;margin:0}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.hero-container{display:flex;align-items:center;justify-content:space-between;min-height:80vh;position:relative;overflow:hidden;padding:2rem 5%;background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47);gap:2rem}@media (max-width: 768px){.hero-container{flex-direction:column;padding:1rem;text-align:center;min-height:auto}}.hero-container .text-container{flex:1;display:flex;flex-direction:column;justify-content:center;z-index:5;max-width:50%}@media (max-width: 768px){.hero-container .text-container{max-width:100%;margin-top:2rem;padding:1rem;align-items:center}}.hero-container .text-container h1{font-size:4rem;font-weight:800;margin-bottom:1.5rem;line-height:1}@media (max-width: 1024px){.hero-container .text-container h1{font-size:3rem}}@media (max-width: 768px){.hero-container .text-container h1{font-size:2.5rem}}.hero-container .text-container h1 .primary-text{background:linear-gradient(90deg,#eaeaea,#5eadee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:ChakraPetch-Regular,sans-serif}.hero-container .text-container h1 .accent-text{background:linear-gradient(90deg,#1eaedb,#9b87f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:ChakraPetch-Regular,sans-serif;margin-left:.5rem}.hero-container .text-container .hero-subtitle{font-size:1.5rem;font-weight:500;margin-bottom:1.5rem;font-family:NunitoSans-Regular,sans-serif;color:#fff}@media (max-width: 768px){.hero-container .text-container .hero-subtitle{font-size:1.2rem}}.hero-container .text-container .hero-description{font-size:1.1rem;font-family:NunitoSans-Regular,sans-serif;color:#fff;line-height:1.6;margin-bottom:2rem;max-width:90%;opacity:.8}@media (max-width: 768px){.hero-container .text-container .hero-description{font-size:1rem;max-width:100%}}.hero-container .text-container .cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.hero-container .text-container .cta-buttons{justify-content:center;width:100%}}.hero-container .text-container .cta-buttons .primary-button{background:#115395;border:none;color:#fff;transition:transform .3s ease,box-shadow .3s ease}.hero-container .text-container .cta-buttons .primary-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #9b87f54d}.hero-container .text-container .cta-buttons .secondary-button{border:2px solid #9b87f5;color:#fff;background:transparent}.hero-container .text-container .cta-buttons .secondary-button:hover{background:#9b87f51a}.hero-container .video-container{flex:1;display:flex;align-items:center;justify-content:center;z-index:5;max-width:45%}@media (max-width: 768px){.hero-container .video-container{max-width:100%;width:100%}}.hero-container .video-container .hero-video{width:100%;border-radius:12px;box-shadow:0 20px 40px #0006;object-fit:contain}.hero-container .visual-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;margin:4rem}@media (max-width: 768px){.hero-container .visual-container{margin:2rem 0;width:100%}}.hero-container .visual-container .orbit-animation{width:400px;height:400px;position:relative}@media (max-width: 1024px){.hero-container .visual-container .orbit-animation{width:300px;height:300px}}@media (max-width: 768px){.hero-container .visual-container .orbit-animation{width:250px;height:250px}}@media (max-width: 768px){.hero-container .visual-container .orbit-animation{margin-top:2rem}}.hero-container .visual-container .orbit-animation .central-circle{position:absolute;width:60px;height:60px;background:linear-gradient(135deg,#fff,#16aeb6);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #9b87f580;z-index:10}@media (max-width: 768px){.hero-container .visual-container .orbit-animation .central-circle{width:40px;height:40px}}.hero-container .visual-container .orbit-animation .orbit{position:absolute;border:1px solid rgba(2,165,206,.968);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-container .visual-container .orbit-animation .orbit.orbit-1{width:180px;height:180px;animation:rotate 15s linear infinite}@media (max-width: 768px){.hero-container .visual-container .orbit-animation .orbit.orbit-1{width:120px;height:120px}}.hero-container .visual-container .orbit-animation .orbit.orbit-2{width:280px;height:280px;animation:rotate 25s linear infinite reverse}@media (max-width: 768px){.hero-container .visual-container .orbit-animation .orbit.orbit-2{width:180px;height:180px}}.hero-container .visual-container .orbit-animation .orbit.orbit-3{width:380px;height:380px;animation:rotate 35s linear infinite}@media (max-width: 768px){.hero-container .visual-container .orbit-animation .orbit.orbit-3{width:240px;height:240px}}.hero-container .visual-container .orbit-animation .orbit .planet{position:absolute;border-radius:50%;box-shadow:0 0 10px #0003}.hero-container .visual-container .orbit-animation .orbit .planet.planet-1{width:20px;height:20px;background:#1eaedb;right:0;top:50%;transform:translateY(-50%)}.hero-container .visual-container .orbit-animation .orbit .planet.planet-2{width:15px;height:15px;background:#9b87f5;top:0;left:50%;transform:translate(-50%)}.hero-container .visual-container .orbit-animation .orbit .planet.planet-3{width:25px;height:25px;background:linear-gradient(135deg,#9b87f5,#1eaedb);left:20px;bottom:50px}.hero-container:after{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#0d407233,#0d407200 70%);border-radius:50%;z-index:1}.hero-container:before{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#0d407226,#0d407200 70%);border-radius:50%;z-index:1}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.how-it-works{padding:6rem 0;position:relative;background:linear-gradient(180deg,#9b87f50d,#fff0);border-radius:2rem;margin:2rem 0;font-family:NunitoSans-Regular,sans-serif}@media (max-width: 768px){.how-it-works{padding:3rem 0;margin:1rem 0}}.how-it-works .section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;background:linear-gradient(90deg,#243949,#517fa4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.how-it-works .section-title{font-size:2rem;margin-bottom:2rem;padding:0 1rem}}.how-it-works .steps-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:0 1rem}@media (max-width: 768px){.how-it-works .steps-container{flex-direction:column;align-items:center;gap:1.5rem}}.how-it-works .steps-container .step{flex:1;min-width:280px;max-width:350px;display:flex;align-items:flex-start}@media (max-width: 768px){.how-it-works .steps-container .step{min-width:100%;max-width:100%;padding:0 1rem}}.how-it-works .steps-container .step .step-number{font-size:3rem;font-weight:800;line-height:1;background:linear-gradient(90deg,#9b87f5,#1eaedb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-right:1.5rem}@media (max-width: 768px){.how-it-works .steps-container .step .step-number{font-size:2.5rem;margin-right:1rem}}.how-it-works .steps-container .step .step-content h3{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;color:#1a1f2c}.how-it-works .steps-container .step .step-content p{font-size:.95rem;color:#1a1f2cb3;line-height:1.6}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.video-showcase-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:transparent;font-family:NunitoSans-Regular,sans-serif}@media (max-width: 768px){.video-showcase-container{padding:1rem;width:95%}}.video-showcase-container .video-text-content{text-align:center;max-width:800px;padding:0 1rem}.video-showcase-container .video-text-content h2,.video-showcase-container .video-text-content p{color:#2d2d2d!important}.video-showcase-container .video-text-content .video-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text}@media (max-width: 768px){.video-showcase-container .video-text-content .video-title{font-size:2rem}}@media (max-width: 480px){.video-showcase-container .video-text-content .video-title{font-size:1.75rem}}.video-showcase-container .video-text-content .video-description{font-size:1.2rem;color:#fff9;line-height:1.6}@media (max-width: 768px){.video-showcase-container .video-text-content .video-description{font-size:1rem}}.video-showcase-container .videos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem;width:100%;max-width:1200px;margin-top:2rem}@media (max-width: 1024px){.video-showcase-container .videos-grid{gap:2rem}}@media (max-width: 768px){.video-showcase-container .videos-grid{grid-template-columns:1fr;gap:2rem;margin-top:1.5rem}}.video-showcase-container .videos-grid .video-item{display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (max-width: 768px){.video-showcase-container .videos-grid .video-item{gap:1rem}}.video-showcase-container .videos-grid .video-item .video-item-title{font-size:1.5rem;font-weight:700;color:#2d2d2d;text-align:center}@media (max-width: 768px){.video-showcase-container .videos-grid .video-item .video-item-title{font-size:1.25rem}}.video-showcase-container .videos-grid .video-item .showcase-video{width:100%;border-radius:20px;box-shadow:0 20px 50px #4eaae380;border:1px solid rgba(255,255,255,.1);transition:all .4s ease-in-out}.video-showcase-container .videos-grid .video-item .showcase-video:hover{transform:scale(1.08);box-shadow:0 20px 50px #4eaae380}@media (max-width: 768px){.video-showcase-container .videos-grid .video-item .showcase-video:hover{transform:scale(1.02)}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.workflow-preview-section{width:100%;display:flex;flex-direction:column;align-items:center;padding:2rem;box-sizing:border-box;background-color:#c2c1c11f}.workflow-preview-title{font-family:NunitoSans-Regular,sans-serif;font-size:1.4rem;color:#2d2d2d;text-align:center;margin-bottom:12px}.workflow-preview-subtitle{font-family:NunitoSans-Regular,sans-serif;font-size:.9rem;color:#4e4e4e;text-align:center;max-width:680px;line-height:1.6;margin-bottom:32px}.workflow-preview-video-wrapper{position:relative;width:75%;border-radius:14px;overflow:hidden;cursor:pointer}@media (max-width: 768px){.workflow-preview-video-wrapper{scale:140%}}.workflow-preview-video-wrapper:hover .workflow-preview-play-overlay{opacity:0;pointer-events:none}.workflow-preview-video{width:100%;display:block;box-shadow:0 8px 32px #00000059}.workflow-preview-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;transition:opacity .25s ease;border-radius:12px}.workflow-preview-play-overlay.hidden{opacity:0;pointer-events:none}.workflow-preview-play-overlay .play-icon{width:72px;height:72px;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.workflow-preview-captions{display:flex;flex-direction:row;gap:32px;width:100%;max-width:1100px;justify-content:center}@media (max-width: 768px){.workflow-preview-captions{flex-direction:column;gap:20px}}.workflow-preview-caption-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.workflow-preview-caption-item .caption-step{margin:5rem;width:40px;height:40px;border-radius:50%;background:#73c1de;color:#fff;font-family:NunitoSans-Regular,sans-serif;font-size:1.1rem;display:flex;align-items:center;justify-content:center;margin-bottom:12px;flex-shrink:0}.workflow-preview-caption-item .caption-title{font-family:NunitoSans-Regular,sans-serif;font-size:1.2rem;color:#2d2d2d;margin-bottom:6px}.workflow-preview-caption-item .caption-description{font-family:NunitoSans-Regular,sans-serif;font-size:.9rem;color:#4e4e4e;line-height:1.5}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.main-start-page{min-height:100vh}.main-start-page .divider{border:1px solid rgba(13,64,114,.15)}.terms-of-service-container{color:var(--text-color);background:var(--background-color);min-height:100vh;padding:2rem 0}.terms-of-service-container h4{color:var(--text-color);margin-bottom:1rem}.terms-of-service-container h6{color:var(--text-color);margin-top:2rem;margin-bottom:1rem;font-weight:600}.terms-of-service-container .subtitle1{color:var(--text-color);font-weight:600;margin-top:1rem;margin-bottom:.5rem}.terms-of-service-container .body1,.terms-of-service-container .body2{color:var(--text-color);line-height:1.6;margin-bottom:1rem}.terms-of-service-container ul{margin:1rem 0;padding-left:2rem}.terms-of-service-container ul li{color:var(--text-color);margin-bottom:.5rem}.terms-of-service-container a{color:var(--primary-color);text-decoration:none}.terms-of-service-container a:hover{text-decoration:underline}.terms-of-service-container strong{color:var(--text-color);font-weight:600}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.updates-main-container{background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47);display:flex;flex-direction:column;width:100%;position:relative;overflow-x:hidden}.updates-main-container:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(circle at 20% 30%,rgba(13,64,114,.1) 0%,transparent 60%);pointer-events:none;z-index:0}.updates-main-container .updates-container{flex:1;display:flex;flex-direction:row;color:#fff;gap:2rem;padding:1rem;max-width:1600px;width:94%;z-index:1}@media (max-width: 768px){.updates-main-container .updates-container{flex-direction:column;padding:1.5rem 1rem 4rem;gap:2rem}}.updates-main-container .versions-list{flex:0 0 320px;background:#ffffff08;border-radius:1.5rem;padding:2.2rem;height:fit-content;max-height:95vh;overflow-y:auto;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky}@media (max-width: 768px){.updates-main-container .versions-list{flex:none;width:100%;max-height:250px;position:static;padding:1.5rem}}.updates-main-container .versions-list::-webkit-scrollbar{width:4px}.updates-main-container .versions-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.updates-main-container .versions-list .MuiMenuItem-root{color:#ffffff80;border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:.9rem}.updates-main-container .versions-list .MuiMenuItem-root:hover{background:#ffffff0d;color:#fff;transform:translate(5px)}.updates-main-container .versions-list .MuiMenuItem-root.active{background:#5eadee1a;color:#5eadee;border-left:3px solid #5eadee}.updates-main-container .updates{flex:1;display:flex;flex-direction:column;color:#fff;min-height:0;width:100%;animation:fadeIn .6s cubic-bezier(.2,.8,.2,1);height:95vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.update-section-container{background:#ffffff05!important;border:1px solid rgba(255,255,255,.05)!important;padding:2rem!important;border-radius:1.5rem!important}@media (max-width: 768px){.update-section-container{padding:1.5rem!important}}.update-section-container .category-title{font-family:Outfit,sans-serif;position:relative;padding-bottom:.5rem}@media (max-width: 768px){.update-section-container .category-title{font-size:1.1rem!important}}.update-section-container .category-title:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:currentColor;border-radius:2px;opacity:.4}.update-section-container .update-category-group{margin-bottom:1rem;animation:slideIn .4s ease-out backwards}.update-section-container .update-category-group:nth-child(1){animation-delay:.1s}.update-section-container .update-category-group:nth-child(2){animation-delay:.2s}.update-section-container .update-category-group:nth-child(3){animation-delay:.3s}.update-section-container .update-category-group:nth-child(4){animation-delay:.4s}.update-section-container .update-category-group:nth-child(5){animation-delay:.5s}.update-section-container .update-category-group:nth-child(6){animation-delay:.6s}.update-section-container .update-category-group:nth-child(7){animation-delay:.7s}.update-section-container .update-category-group:nth-child(8){animation-delay:.8s}.update-section-container .update-category-group:nth-child(9){animation-delay:.9s}.update-section-container .update-category-group:nth-child(10){animation-delay:1s}.update-section-container .bullet-point{font-size:1.2rem;line-height:1}.update-section-container .highlight-text{transition:all .2s ease;display:inline-block}.update-section-container .highlight-text:hover{filter:brightness(1.2);transform:scale(1.02)}@keyframes slideIn{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.main-verify-email-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:20px}.main-verify-email-container .verify-email-container{background-color:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:16px;max-width:500px;width:100%;box-shadow:0 8px 32px #0000005e;border:1px solid rgba(255,255,255,.1)}