:root{--rail-width:212px;--shell-offset:252px;--shell-ink:#284460;--shell-muted:#607d98;--shell-line:rgba(255,255,255,.84);--shell-surface:rgba(247,252,255,.55);--shell-active:rgba(255,255,255,.76);--shell-blue:#326dc0;--shell-orange:#e78c53;--shell-shadow:rgba(66,108,158,.13)}html[data-theme=dark]{--shell-ink:#e5eefb;--shell-muted:#9fb3cf;--shell-line:rgba(200,224,255,.16);--shell-surface:rgba(20,37,58,.72);--shell-active:rgba(92,137,200,.15);--shell-blue:#9ac5ff;--shell-orange:#ffaf78;--shell-shadow:rgba(0,0,0,.22)}.app-sidebar{position:fixed;z-index:35;top:16px;left:20px;bottom:16px;width:var(--rail-width);padding:27px 16px 18px;border:1px solid var(--shell-line);border-radius:27px;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 55%),var(--shell-surface);box-shadow:0 18px 45px -20px var(--shell-shadow),inset 0 1px #ffffff59;backdrop-filter:blur(32px) saturate(160%);-webkit-backdrop-filter:blur(32px) saturate(160%);display:flex;flex-direction:column;animation:railEnter .7s both;isolation:isolate;color:var(--shell-ink)}.app-sidebar:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0 5%,rgba(78,149,246,.09),transparent 55%),radial-gradient(ellipse at 100% 85%,rgba(255,171,111,.06),transparent 45%)}.sidebar-brand{display:flex;align-items:center;justify-content:center;gap:11px;font-family:Manrope,Noto Sans SC,sans-serif;font-size:23px;font-weight:800;letter-spacing:.07em;color:var(--shell-ink);text-decoration:none;margin-bottom:47px;min-height:30px}.sidebar-wave{display:flex;align-items:center;gap:3px;height:28px}.sidebar-wave i{width:3px;height:13px;background:var(--shell-orange);border-radius:3px;box-shadow:inset 0 1px #fff5}.sidebar-wave i:nth-child(2){height:27px;background:var(--shell-blue)}.sidebar-wave i:nth-child(3){height:20px;background:var(--shell-blue)}.sidebar-wave i:nth-child(4){height:9px}.sidebar-nav{display:flex;flex-direction:column;gap:12px}.sidebar-link{display:flex;align-items:center;gap:13px;padding:15px 17px;border-radius:17px;font-size:15px;font-weight:500;color:var(--shell-muted);border:1px solid transparent;text-decoration:none;transition:background .25s,color .25s,box-shadow .25s,transform .25s;white-space:nowrap;position:relative}.sidebar-link svg,.sidebar-home svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar-link:hover{background:var(--shell-active);color:var(--shell-ink);transform:translate(2px)}.sidebar-link[aria-current=page]{background:linear-gradient(120deg,#7bb0f617,#ffb67e0d),var(--shell-active);color:var(--shell-ink);border-color:var(--shell-line);box-shadow:0 6px 16px -9px var(--shell-shadow),inset 0 1px #ffffff3d}.sidebar-link[aria-current=page]:before{content:"";position:absolute;left:-1px;top:17px;bottom:17px;width:3px;border-radius:4px;background:var(--shell-orange);box-shadow:0 0 11px #ffac7544}.sidebar-link[aria-current=page] svg{color:var(--shell-blue)}.sidebar-footer{margin-top:auto;padding:20px 7px 0;border-top:1px solid var(--shell-line)}.sidebar-home{display:flex;align-items:center;gap:12px;padding:8px 9px;color:var(--shell-muted);font-size:14px;text-decoration:none}.sidebar-home:hover{color:var(--shell-blue)}.sidebar-footer small{display:block;font-size:10px;letter-spacing:.14em;color:var(--shell-muted);opacity:.7;margin:17px 9px 0}.app-sidebar a:focus-visible{outline:3px solid var(--shell-blue);outline-offset:3px}.app-shell .explore-header,.app-shell .workspace-header{margin-left:var(--shell-offset);margin-right:28px}.app-shell .explore-header{min-height:64px;padding:12px 22px}.shell-breadcrumb{display:flex;align-items:center;gap:13px;font-size:14px;color:var(--shell-muted);font-weight:400}.shell-breadcrumb a,.shell-home{color:var(--shell-muted);font-size:14px;text-decoration:none}.shell-breadcrumb a:hover,.shell-home:hover{color:var(--shell-blue)}.shell-breadcrumb .breadcrumb-slash{opacity:.45}.shell-breadcrumb strong{font-weight:500;color:var(--shell-ink)}.app-shell .explore-main{margin-left:var(--shell-offset);margin-right:0;max-width:none;padding:25px 28px 140px}.app-shell .explore-main .search-row{gap:20px}.app-shell .explore-main .search-box{max-width:520px}.app-shell .explore-main .song-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.app-shell .explore-main .genre-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.app-shell .explore-main .creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .player-dock{left:var(--shell-offset);right:28px}.app-shell .dock-track{width:24%;min-width:150px}.app-shell .dock-tools [data-volume]{max-width:58px}.app-shell .dock-tools{gap:1px}.app-shell .spotlight-row{grid-template-columns:1.35fr 1fr;gap:20px}.app-shell .spotlight-note{display:none}.app-shell .song-art .cover-lettering>span{font-size:clamp(23px,2.2vw,34px)}.app-shell .workspace-header .header-divider,.app-shell .workspace-header .home-link{display:none}.app-shell .workspace-name{font-size:14px}.app-shell .workspace-layout{width:calc(100% - var(--shell-offset));margin-left:var(--shell-offset);margin-right:0;max-width:none;padding:28px 28px 136px;grid-template-columns:330px minmax(0,1fr);gap:25px}.app-shell .workspace-tabs button{padding:12px 24px}.app-shell .workspace-tabs{margin-bottom:28px}.app-shell .player{left:var(--shell-offset);right:28px}.app-shell .player-track{width:240px}.app-shell .player-extra{gap:10px}.app-shell .player-extra>span{display:none}.app-shell .composer-heading,.app-shell .composer-scroll{padding-left:22px;padding-right:22px}.app-shell .music-model-row,.app-shell .mode-tabs{margin-left:22px;margin-right:22px}.app-shell .creation-types{margin-left:18px;margin-right:18px}.app-shell .draft-card{padding:16px;gap:13px}.app-shell .draft-controls .outline-button{padding:9px 11px}.app-shell .draft-topline h3{font-size:16px}.app-shell .draft-topline{flex-wrap:wrap}.app-shell .album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .draft-info{flex-wrap:wrap;row-gap:4px}@keyframes railEnter{0%{opacity:0;transform:translate(-15px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@media(min-width:1500px){.app-shell .workspace-layout{grid-template-columns:380px minmax(0,1fr);gap:32px}.app-shell .explore-main .song-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.app-shell .explore-main .creator-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell .explore-main .genre-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.app-shell .album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1180px)and (min-width:781px){:root{--rail-width:76px;--shell-offset:116px}.app-sidebar{padding:27px 10px 18px;border-radius:23px}.sidebar-brand{margin-bottom:40px}.sidebar-brand>span:last-child,.sidebar-link>span,.sidebar-home>span,.sidebar-footer small{display:none}.sidebar-link{padding:15px;justify-content:center;gap:0;border-radius:15px}.sidebar-footer{padding-inline:0}.sidebar-home{justify-content:center;padding:9px}.sidebar-nav{gap:14px}.app-shell .explore-main .song-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.app-shell .workspace-layout{grid-template-columns:310px minmax(0,1fr);gap:20px;padding-inline:22px}.app-shell .explore-main{padding-inline:22px}.app-shell .player-track{width:210px}.app-shell .player-extra .volume-control{max-width:90px}}@media(max-width:980px)and (min-width:781px){.app-shell .spotlight-row{grid-template-columns:1fr}.app-shell .spotlight-mix,.app-shell .dock-tools [data-open-queue],.app-shell .dock-tools [data-volume],.app-shell .dock-tools [data-mute]{display:none}.app-shell .player-track{width:185px}.app-shell .player-extra{display:none}.app-shell .draft-card{grid-template-columns:55px minmax(0,1fr)}.app-shell .draft-art{width:55px;height:55px}.app-shell .draft-controls{grid-column:2;flex-direction:row;align-items:center;justify-content:end}.app-shell .draft-topline{gap:7px}.app-shell .content-toolbar{flex-wrap:wrap;gap:12px}.app-shell .workspace-filter{margin-left:0}.app-shell .workspace-layout{grid-template-columns:295px minmax(0,1fr);gap:18px}.app-shell .view-heading h2{font-size:27px}}@media(max-width:780px){:root{--shell-offset:0px}.app-sidebar{position:sticky;top:8px;left:auto;bottom:auto;width:auto;margin:10px 14px 0;border-radius:21px;padding:11px 14px;flex-direction:row;align-items:center;gap:16px;animation:none}.sidebar-brand{font-size:19px;margin:0;justify-content:start;gap:8px}.sidebar-brand>span:last-child{display:none}.sidebar-wave{gap:3px;height:24px}.sidebar-wave i:nth-child(2){height:24px}.sidebar-nav{flex-direction:row;flex:1;gap:4px;justify-content:space-between}.sidebar-link{font-size:14px;gap:8px;padding:10px 16px;justify-content:center;border-radius:13px;flex:1}.sidebar-link svg{width:17px;height:17px}.sidebar-link[aria-current=page]:before{inset:auto 40% -1px;width:auto;height:2px}.sidebar-footer{display:none}.app-shell .explore-header,.app-shell .workspace-header{margin:12px 14px 0;top:82px;min-height:52px;padding:9px 16px;border-radius:19px}.app-shell .workspace-header{height:52px;gap:13px}.app-shell .explore-header{flex-wrap:nowrap}.app-shell .shell-home{display:none}.app-shell .workspace-name{font-size:14px}.app-shell .prototype-badge{display:none}.app-shell .header-end{margin-left:auto}.app-shell .explore-main{margin:0;padding:24px 18px 142px}.app-shell .explore-main .search-row{gap:15px}.app-shell .explore-main .song-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}.app-shell .explore-main .genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell .spotlight-row{grid-template-columns:1fr}.app-shell .spotlight-mix{display:none}.app-shell .player-dock,.app-shell .player{left:14px;right:14px}.app-shell .dock-track{width:auto;min-width:0}.app-shell .workspace-layout{width:100%;margin:0;grid-template-columns:1fr;padding:24px 14px 132px;gap:30px}.app-shell .composer-panel{height:auto;position:static}.app-shell .workspace-tabs{top:146px;position:sticky}.app-shell .workspace-tabs button{padding:12px 24px}.app-shell .player-track{width:auto}.app-shell .album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .draft-card{grid-template-columns:65px minmax(0,1fr) auto}}@media(max-width:550px){.app-sidebar{padding:9px 10px;gap:8px}.sidebar-link{gap:7px;padding:10px;font-size:13px}.sidebar-link svg{width:16px;height:16px}.sidebar-brand{gap:0}.app-shell .explore-main .song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.app-shell .explore-main .genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .explore-main .creator-grid{grid-template-columns:1fr}.app-shell .explore-main .search-box{max-width:none}.app-shell .explore-header .motion-toggle{display:inline-grid}.app-shell .draft-card{grid-template-columns:55px minmax(0,1fr);gap:12px}.app-shell .draft-art{height:55px;width:55px}.app-shell .draft-controls{grid-column:2;flex-direction:row;justify-content:end}.app-shell .album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.sidebar-link{font-size:12px;padding:10px 7px;gap:6px}.app-sidebar{margin-inline:10px;gap:6px}.sidebar-wave{gap:2px}.app-shell .explore-main{padding-inline:14px}.app-shell .explore-header,.app-shell .workspace-header{margin-inline:10px}.app-shell .workspace-header .creator-avatar{display:none}.shell-breadcrumb{font-size:13px;gap:9px}.app-shell .explore-header .header-tools{gap:3px}.app-shell .explore-header .theme-toggle{padding:7px 9px}.app-shell .album-grid{grid-template-columns:1fr}}body.motion-paused .app-sidebar{animation:none;opacity:1;transform:none;filter:none}@media(prefers-reduced-motion:reduce){.app-sidebar{animation:none}.sidebar-link{transition:none}}.app-sidebar[hidden]{display:none}.app-shell[data-sidebar-collapsed=true]{--shell-offset:28px}.sidebar-toggle{display:inline-grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--shell-muted);cursor:pointer;transition:background .25s,border-color .25s,color .25s}.sidebar-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sidebar-toggle:hover{color:var(--shell-ink);background:var(--shell-active);border-color:var(--shell-line)}.sidebar-toggle:focus-visible{outline:2px solid var(--shell-blue);outline-offset:3px}.app-shell[data-sidebar-collapsed=true] .sidebar-toggle svg{transform:scaleX(-1)}.app-shell .shell-breadcrumb{margin-right:auto}.app-shell .explore-header,.app-shell .workspace-header,.app-shell .workspace-layout,.app-shell .explore-main,.app-shell .studio-main{transition:margin-left .35s,width .35s}.app-shell .player,.app-shell .player-dock{transition:left .35s}.app-shell .creation-types button{min-width:0;gap:4px;padding-inline:3px;font-size:13px}.app-shell .creation-types svg{width:14px;height:14px;flex-shrink:0}.app-shell #abc-fields .abc-notation{font:13px/1.75 SFMono-Regular,Consolas,monospace;min-height:220px;white-space:pre;tab-size:2}.abc-format-note{display:flex;justify-content:space-between;gap:10px;padding:10px 0 0;color:var(--muted);font-size:12px}.abc-format-note strong{font-weight:500;color:var(--blue)}@media(max-width:780px){.app-shell[data-sidebar-collapsed=true]{--shell-offset:0px}.app-shell[data-sidebar-collapsed=true] .explore-header,.app-shell[data-sidebar-collapsed=true] .workspace-header{top:8px}.app-shell[data-sidebar-collapsed=true] .workspace-tabs{top:74px}.app-shell .explore-header,.app-shell .workspace-header{gap:10px}.sidebar-toggle{flex-basis:32px;width:32px;height:32px}.app-shell .creation-types button{font-size:14px}.app-shell #abc-fields .abc-notation{font-size:16px}}@media(max-width:370px){.app-shell .creation-types svg{display:none}.app-shell .creation-types button{font-size:13px}}@media(prefers-reduced-motion:reduce){.app-shell .explore-header,.app-shell .workspace-header,.app-shell .workspace-layout,.app-shell .explore-main,.app-shell .studio-main,.app-shell .player,.app-shell .player-dock,.sidebar-toggle{transition:none}}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:40px}.sidebar-heading .sidebar-brand{margin:0;gap:8px;font-size:20px;letter-spacing:.05em}.sidebar-close{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--shell-muted);cursor:pointer}.sidebar-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sidebar-close:hover{background:var(--shell-active);color:var(--shell-ink);border-color:var(--shell-line)}.sidebar-close:focus-visible{outline:2px solid var(--shell-blue);outline-offset:3px}.sidebar-controls{margin-bottom:17px}.sidebar-controls>.header-tools,.sidebar-controls>.header-end{display:flex;align-items:center;gap:9px;margin:0;flex-wrap:wrap}.sidebar-controls .home-link,.sidebar-controls .creator-avatar{display:none}.sidebar-controls .theme-toggle{font-size:14px}.sidebar-restore{position:fixed;top:19px;left:15px;z-index:40;background:var(--shell-surface);border-color:var(--shell-line);backdrop-filter:blur(22px)}.sidebar-restore[hidden],.navigation-backdrop[hidden]{display:none}.navigation-backdrop{position:fixed;inset:0;z-index:65;border:0;background:#04102166;backdrop-filter:blur(5px);cursor:pointer}.mobile-page-name{display:none}@media(min-width:781px){.app-shell{--header:0px}.app-shell .workspace-header,.app-shell .explore-header{display:none}.app-shell .composer-panel{top:28px;height:calc(100dvh - 156px)}.app-shell .workspace-tabs{top:28px}.app-shell .studio-main{min-height:100dvh}}@media(max-width:1180px)and (min-width:781px){.sidebar-heading{flex-direction:column;gap:18px;margin-bottom:25px}.sidebar-controls>.header-tools,.sidebar-controls>.header-end{flex-direction:column;gap:10px}.sidebar-controls .theme-toggle>span{display:none}.sidebar-controls .theme-toggle{padding:8px;width:36px;height:36px;justify-content:center}}@media(max-width:780px){.app-shell .workspace-header,.app-shell .explore-header{display:flex;position:sticky;top:max(8px,env(safe-area-inset-top));min-height:54px;height:auto;margin:10px 14px 0;padding:9px 12px;gap:9px;z-index:40}.app-shell .workspace-header>.shell-home,.app-shell .workspace-header>.header-divider,.app-shell .workspace-header>.workspace-name,.app-shell .explore-header>.shell-breadcrumb{display:none}.mobile-page-name{display:block;flex:1;white-space:nowrap;font-size:14px;font-weight:500;color:var(--shell-ink)}.app-shell .workspace-header .header-end,.app-shell .explore-header .header-tools{margin:0;gap:6px}.app-shell .workspace-header .creator-avatar{display:none}.mobile-menu-toggle{width:34px;height:34px;flex-basis:34px}.app-sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);margin:0;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));border-radius:0 26px 26px 0;display:flex;flex-direction:column;align-items:stretch;gap:0;z-index:70;animation:railEnter .24s both;max-height:100dvh}.sidebar-heading{flex-direction:row;gap:15px;margin-bottom:36px}.sidebar-heading .sidebar-brand{font-size:23px}.sidebar-brand>span:last-child{display:inline}.sidebar-brand .sidebar-wave{gap:3px}.sidebar-nav{flex:0;flex-direction:column;gap:12px;align-items:stretch;justify-content:start}.sidebar-link{flex:0;justify-content:start;gap:13px;width:100%;padding:16px 20px;font-size:15px;border-radius:17px}.sidebar-link>span{display:inline}.sidebar-link svg{width:20px;height:20px}.sidebar-link[aria-current=page]:before{inset:17px auto 17px -1px;height:auto;width:3px}.sidebar-footer{display:block;margin-top:auto;padding:20px 7px 0}.sidebar-home>span,.sidebar-footer small{display:block}.sidebar-controls{display:none}.sidebar-close{width:36px;height:36px;flex-basis:36px}.app-shell .workspace-tabs{top:74px}.app-shell[data-mobile-menu-open=true]{overflow:hidden}.app-shell #app-sidebar[hidden]{display:none}}@media(max-width:360px){.app-shell .workspace-header,.app-shell .explore-header{margin-inline:10px;gap:7px;padding-inline:10px}.app-shell .explore-header .header-tools{gap:3px}.mobile-page-name{font-size:13px}}body.motion-paused .app-sidebar{animation:none}@media(prefers-reduced-motion:reduce){.app-sidebar{animation:none}}.app-shell .explore-search-slot{display:flex;justify-content:flex-end;flex:1;min-width:0;max-width:520px;margin-left:auto}.app-shell .explore-main .explore-search-slot .search-box{width:100%;max-width:100%;flex:0 1 100%;margin-left:0;transition:width .42s cubic-bezier(.22,1,.36,1),flex-basis .42s cubic-bezier(.22,1,.36,1),border-color .25s,background .25s,box-shadow .25s}.explore-search-slot .search-box>svg,.explore-search-slot .search-shortcut{flex-shrink:0}.explore-search-slot input{text-overflow:ellipsis}@media(min-width:781px)and (hover:hover)and (pointer:fine){.app-shell .explore-main .explore-search-slot .search-box{width:280px;flex-basis:280px}.app-shell .explore-main .explore-search-slot .search-box:is(:hover,:focus-within){width:520px;flex-basis:520px;border-color:var(--blue);box-shadow:inset 0 1px #ffffff30,0 0 0 3px var(--soft-blue)}}@media(max-width:780px){.app-shell .explore-search-slot{order:3;flex-basis:100%;max-width:none;margin-left:0}}body.app-shell.motion-paused .explore-main .explore-search-slot .search-box{transition:none}@media(prefers-reduced-motion:reduce){.app-shell .explore-main .explore-search-slot .search-box{transition:none}}@media(min-width:781px){.app-shell[data-page=create]{--workspace-panel-top:28px;--workspace-panel-bottom:16px;--workspace-player-space:92px;--workspace-panel-height:calc(100dvh - var(--workspace-panel-top) - var(--workspace-panel-bottom))}.app-shell[data-page=create] .workspace-layout{padding-top:var(--workspace-panel-top);padding-bottom:var(--workspace-panel-bottom)}.app-shell[data-page=create] .app-sidebar{top:var(--workspace-panel-top);bottom:auto;height:var(--workspace-panel-height);min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#819eb54a transparent}.app-shell[data-page=create] .app-sidebar>*{flex-shrink:0}.app-shell[data-page=create] .composer-panel{top:var(--workspace-panel-top);height:var(--workspace-panel-height);min-height:0;padding-bottom:0}.app-shell[data-page=create] .content-panel{padding-bottom:var(--workspace-player-space)}.app-shell[data-page=create] .song-preview-scroll{padding-bottom:calc(28px + var(--workspace-player-space))}.app-shell[data-page=create] .listening-dock{z-index:60}}.training-status{display:inline-block;white-space:nowrap;font-size:9px;font-weight:400;line-height:1.5;border:1px solid #daab7540;background:#dca46f12;color:inherit;border-radius:5px;padding:2px 4px}.sidebar-link .training-status{margin-left:auto;opacity:.75}.sidebar-materials{position:relative}.sidebar-materials>.sidebar-link{padding-right:48px}.sidebar-material-trash{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:29px;height:29px;border:1px solid transparent;border-radius:9px;color:var(--muted)}.sidebar-material-trash svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sidebar-material-trash:hover,.sidebar-material-trash.drop-ready{color:var(--orange);background:var(--field);border-color:var(--hairline)}body[data-sidebar-collapsed=true] .sidebar-material-trash{display:none}