:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html,body{height:100dvh;min-height:100dvh;margin:0;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(#a78bfa 0%,#6366f1 40%,#ec4899 100%) padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#c4b5fd 0%,#818cf8 40%,#f472b6 100%) padding-box padding-box;border:1px solid #0000}::-webkit-scrollbar-thumb:active{background:linear-gradient(#ddd6fe 0%,#a5b4fc 40%,#f9a8d4 100%) padding-box padding-box}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:#7c3aed transparent}@media (width<=768px){.desktop-sidebar{display:none!important}.sidebar-main{height:100dvh!important;min-height:0!important;padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))!important;margin-left:0!important;overflow-x:hidden!important}.topbar-header{padding-left:max(16px, env(safe-area-inset-left,0px))!important;padding-right:max(16px, env(safe-area-inset-right,0px))!important;min-height:calc(52px + env(safe-area-inset-top,0px))!important;box-sizing:border-box!important;height:auto!important;margin-left:0!important;padding-bottom:0!important}.content-padding{padding-left:16px!important;padding-right:16px!important}.hero-responsive{height:120px!important}.hero-title-responsive{font-size:20px!important}.hero-subtitle-responsive{font-size:12px!important}.featured-responsive{flex-direction:column!important;gap:14px!important;padding:14px!important}.featured-left-responsive{aspect-ratio:1!important;border-radius:10px!important;width:100%!important;height:auto!important}.track-grid-responsive{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.section-title-responsive{font-size:17px!important}.search-wrap-responsive{max-width:100%!important}.profile-cover-responsive{height:140px!important}.profile-avatar-responsive{width:80px!important;height:80px!important;margin-top:-44px!important}.modal-responsive{width:calc(100% - 24px)!important;max-width:100%!important;max-height:90vh!important;overflow-y:auto!important}.content-hero-box{padding:12px 0 16px!important;overflow:hidden!important}.content-hero-outer{box-sizing:border-box!important;max-width:100%!important;padding:0 12px!important}.content-hero-card{box-sizing:border-box!important;border-radius:12px!important;max-width:100%!important;padding:14px!important;overflow:hidden!important}.content-hero-top{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.content-cover-wrap{aspect-ratio:1!important;border-radius:10px!important;width:100%!important;height:auto!important}.content-title-row{gap:12px!important}.content-play-btn{flex-shrink:0!important;width:48px!important;height:48px!important}.content-play-btn svg{width:22px!important;height:22px!important}.content-hero-title{word-break:break-word!important;font-size:20px!important}.content-hero-artist{font-size:15px!important}.content-stats-row{gap:8px!important}.content-stats-row>*{padding:5px 8px!important;font-size:12px!important}.content-wave-band{margin-top:16px!important;padding-top:14px!important}.content-comments-outer{box-sizing:border-box!important;max-width:100%!important;padding:16px 14px 220px!important;overflow-x:hidden!important}.content-comments-outer>*{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}.comment-composer{box-sizing:border-box!important;border-radius:10px!important;max-width:100%!important;margin-bottom:14px!important;padding:10px!important}.comment-textarea{resize:none!important;box-sizing:border-box!important;overflow-wrap:anywhere!important;word-break:break-word!important;border-radius:8px!important;max-width:100%!important;min-height:40px!important;max-height:80px!important;padding:8px 10px!important;font-size:13px!important}.comment-composer-meta{justify-content:space-between!important;margin-top:4px!important}.comment-composer-row{flex-wrap:wrap!important;justify-content:flex-end!important;gap:8px!important;margin-top:6px!important}.comment-submit-btn{white-space:nowrap!important;max-width:100%!important;padding:7px 16px!important;font-size:12px!important}.comment-item{box-sizing:border-box!important;overflow-wrap:anywhere!important;word-break:break-word!important;border-radius:10px!important;gap:8px!important;min-width:0!important;max-width:100%!important;padding:10px!important}.comment-item>*{min-width:0!important}.comment-reply-box{box-sizing:border-box!important;max-width:100%!important;margin-left:0!important}.daw-track-list-header,.daw-track-list-cell{width:180px!important}.daw-add-btn{padding:2px 6px!important;font-size:11px!important}.daw-menu-bar{flex-wrap:wrap!important;gap:4px!important;height:auto!important;min-height:36px!important;padding:4px 8px!important}.daw-transport{flex-wrap:wrap!important;justify-content:center!important;gap:6px!important;height:auto!important;min-height:40px!important;padding:4px 8px!important}.create-content{max-width:100%!important;padding:24px 16px!important}.create-btn{border-radius:12px!important;padding:16px 20px!important;font-size:16px!important}.create-project-title{max-width:100%!important}.create-project-card{padding:14px 16px!important}.explore-main{max-width:100%!important;padding:20px 16px 220px!important}.explore-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.notif-content{max-width:100%!important;padding:0!important}.notif-main{padding:16px 14px 220px!important}.notif-tabs{justify-content:stretch!important;gap:0!important;padding:0 14px!important}.notif-tabs>button{flex:1!important;padding:10px 6px!important;font-size:12px!important}.notif-item{gap:10px!important;padding:12px 14px!important}.search-bar-section{padding:16px 14px!important}.search-results{max-width:100%!important;padding:0 14px 220px!important}.library-main{max-width:100%!important;padding:20px 14px 220px!important}.profile-tab-content{padding:20px 14px!important}.profile-track-card{border-radius:12px!important;gap:10px!important;padding:12px!important}.profile-info-section{padding:12px 14px 16px!important}.profile-tab-bar{padding:0 14px!important}.profile-tab-bar>button{flex:1!important;font-size:13px!important}.marketplace-main{max-width:100%!important;padding:20px 14px 220px!important}.marketplace-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media (width<=400px){.track-grid-responsive,.explore-grid,.marketplace-grid{grid-template-columns:1fr!important}}