.suno-sidebar{top:0;left:0;bottom:var(--suno-player-height);width:var(--suno-sidebar);border-right:1px solid var(--suno-border);overscroll-behavior-y:contain;scrollbar-width:thin;background:var(--suno-bg);z-index:30;flex-direction:column;padding:14px 12px 16px;display:flex;position:fixed;overflow:hidden auto}.suno-sidebar>*{flex-shrink:0}.suno-sidebar__brand{justify-content:space-between;align-items:center;height:55px;padding:0 10px 12px 18px;display:flex}.suno-sidebar__brand>a{letter-spacing:1.5px;font-size:32px;font-weight:850}.suno-sidebar__brand .suno-button{color:var(--suno-muted);background:0 0;width:30px}.suno-sidebar__nav{gap:2px;margin:8px 0 4px;display:grid}.suno-sidebar__link{width:100%;min-height:48px;color:var(--suno-muted);text-align:left;background:0 0;border:0;border-radius:26px;align-items:center;gap:15px;padding:10px 18px;display:flex}.suno-sidebar__link svg{flex-shrink:0}.suno-sidebar__link>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.suno-sidebar__link:hover,.suno-sidebar__link--active{background:var(--suno-raised);color:var(--suno-text)}.suno-sidebar__login{justify-content:flex-start;min-height:48px;padding-left:18px}.suno-sidebar__avatar{color:#272026;background:linear-gradient(120deg,#ffbe00,#d593fa);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:9px;font-weight:700;display:grid}.suno-sidebar__bottom{gap:2px;margin-top:auto;padding-top:30px;display:grid}.suno-sidebar__bottom>.suno-button{margin-top:14px}.suno-sidebar__bottom>.suno-button>svg{display:none}.suno-sidebar--collapsed{padding:14px 9px}.suno-sidebar--collapsed .suno-sidebar__brand{justify-content:center;padding:0}.suno-sidebar--collapsed .suno-sidebar__brand>a,.suno-sidebar--collapsed .suno-sidebar__link>span:last-child,.suno-sidebar--collapsed .suno-button>span{display:none}.suno-sidebar--collapsed .suno-sidebar__link{justify-content:center;padding:12px}.suno-sidebar--collapsed .suno-sidebar__login{justify-content:center;padding:0}.suno-sidebar--collapsed .suno-sidebar__bottom>.suno-button>svg{display:block}@media (max-width:700px){.suno-sidebar{width:64px;padding:10px 6px}.suno-sidebar__brand{justify-content:center;padding:0}.suno-sidebar__brand>a,.suno-sidebar__brand>.suno-button,.suno-sidebar__link>span:last-child,.suno-sidebar .suno-button>span{display:none}.suno-sidebar__brand:before{content:"S";font-size:28px;font-weight:900}.suno-sidebar__link{justify-content:center;padding:12px}.suno-sidebar__login{justify-content:center;padding:0}.suno-sidebar__bottom>.suno-button>svg{display:block}}.suno-sidebar__brand>a{color:var(--suno-text);align-items:center;gap:8px;display:flex}.suno-sidebar__wordmark{letter-spacing:1px;font-size:28px;font-weight:800;line-height:1}.suno-sidebar__brand{flex-shrink:0;height:60px}.suno-sidebar__brand>a>img{object-fit:contain;width:48px;height:48px;display:block}.suno-sidebar__link--active{font-weight:600}.suno-sidebar__notifications{gap:10px;position:relative}.suno-sidebar__notifications>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.suno-sidebar--collapsed .suno-sidebar__notifications>span{display:none}@media (max-width:700px){.suno-sidebar__notifications>span{display:none}}.suno-sidebar__notification-count{color:#fff;background:#ff398f;border-radius:11px;flex:none;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:grid}.suno-sidebar--collapsed .suno-sidebar__notification-count{min-width:18px;height:18px;padding:0 4px;font-size:10px;position:absolute;top:2px;right:0}@media (max-width:700px){.suno-sidebar__notification-count{min-width:18px;height:18px;padding:0 4px;font-size:10px;position:absolute;top:2px;right:0}}.suno-sidebar__brand .suno-button{border-radius:50%;flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:0;transition:background-color .15s,color .15s}.suno-sidebar__brand .suno-button:hover,.suno-sidebar__brand .suno-button:focus-visible{background:var(--suno-surface);color:var(--suno-text)}.suno-sidebar__brand .suno-button svg{flex:none;width:18px;height:18px}@media (max-width:700px){.suno-sidebar .suno-sidebar__brand>a{display:flex}.suno-sidebar__brand:before{content:none}.suno-sidebar__wordmark{display:none}}.suno-sidebar__more{margin-top:6px;position:relative}.suno-sidebar__more>summary{cursor:pointer;list-style:none}.suno-sidebar__more>summary::-webkit-details-marker{display:none}.suno-sidebar__more>summary:focus-visible{outline:2px solid var(--suno-accent);outline-offset:-2px}.suno-sidebar__more[open]>summary{background:var(--suno-surface);color:var(--suno-text)}.suno-sidebar__more-panel{width:min(280px,100vw - 24px);max-height:calc(100dvh - var(--suno-player-height) - 100px);border:1px solid var(--suno-border);background:var(--suno-raised);border-radius:12px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 12px 32px #0004}.suno-sidebar__more-panel a{color:var(--suno-text);border-radius:7px;padding:12px;font-size:14px;font-weight:600;line-height:1.45;display:block}.suno-sidebar__more-panel a:hover,.suno-sidebar__more-panel a:focus-visible{background:var(--suno-border)}
.suno-balance{border:1px solid var(--suno-border);background:var(--suno-surface);width:100%;min-width:0;color:var(--suno-muted);border-radius:8px;margin-top:12px;padding:12px;font-size:12px;line-height:1.4;display:block}.suno-balance:hover,.suno-balance:focus-visible{border-color:var(--suno-muted);background:var(--suno-raised)}.suno-balance__head{align-items:center;gap:8px;font-size:14px;display:flex}.suno-balance__head svg{flex:none}.suno-balance__head strong{overflow-wrap:anywhere;min-width:0}.suno-balance__duration{opacity:0;max-height:0;margin-left:28px;transition:max-height .16s,opacity .14s,transform .16s;display:block;overflow:hidden;transform:translateY(-2px)}.suno-balance:hover .suno-balance__duration,.suno-balance:focus-visible .suno-balance__duration{opacity:1;max-height:36px;transform:translateY(0)}.suno-balance__total strong{color:var(--suno-text);font-size:14px}.suno-balance__limits{margin-top:3px;display:grid}.suno-balance__bar{background:var(--suno-border);border-radius:6px;height:6px;margin-top:7px;display:flex;overflow:hidden}.suno-balance__bar span:first-child{background:#a4c64d}.suno-balance__bar span:last-child{background:#748d3c}.suno-sidebar--collapsed .suno-balance{padding:12px}.suno-sidebar--collapsed .suno-balance__head{justify-content:center}.suno-sidebar--collapsed .suno-balance__content,.suno-sidebar--collapsed .suno-balance__head strong{display:none}@media (max-width:700px){.suno-balance{padding:12px}.suno-balance__head{justify-content:center}.suno-balance__content,.suno-balance__head strong{display:none}}