.mobile-journey-action-dock{display:none}@media (max-width:56rem){:root{--melodia-usable-viewport-block-end:min(var(--melodia-visual-viewport-block-end,100dvh), 100dvh)}body:not(:has(.app-shell)){padding-bottom:var(--melodia-visual-viewport-bottom-inset,0px)}.app-shell .content-shell .journey-step--story .story-field-wrap .story-textarea{font-size:max(1rem,16px)}.app-shell,.app-shell__workspace{height:var(--melodia-usable-viewport-block-end);min-height:var(--melodia-usable-viewport-block-end)}.app-shell__route{height:calc(var(--melodia-usable-viewport-block-end) - var(--melodia-mobile-header-height) - var(--melodia-safe-area-top))}.app-shell__route>.account-rewards-main{min-height:0;padding-bottom:1rem}.account-rewards-header a{width:44px;min-width:44px;height:44px}}@media (max-width:47.99rem){.music-style-browser{top:var(--melodia-visual-viewport-offset-top,0px);height:var(--melodia-visual-viewport-height,100dvh);bottom:auto}.music-style-browser__panel{max-height:min(var(--melodia-style-sheet-max-height,88dvh), calc(var(--melodia-visual-viewport-height,100dvh) - max(1rem, var(--melodia-safe-area-top))))}.music-style-browser__footer{padding-bottom:max(.85rem, var(--melodia-viewport-safe-area-bottom))}}@media (max-width:39.99rem){.app-shell .app-shell__actions .credit-aware-status--shell{min-width:2.75rem}.app-shell:has(.journey-shell) .app-shell__route{height:max(0px, calc(var(--melodia-usable-viewport-block-end) - var(--melodia-mobile-header-height) - var(--melodia-safe-area-top) - var(--melodia-mobile-journey-action-dock)));min-height:0;padding-bottom:0;scroll-padding-block-end:max(1rem, var(--melodia-viewport-safe-area-bottom))}.app-shell__route>.async-music-visual-qa:has(.journey-shell){min-height:0}.app-shell:has(.journey-shell) .content-shell .journey-shell{padding-bottom:max(1.25rem, var(--melodia-viewport-safe-area-bottom))}.app-shell .content-shell .journey-step .step-actions[data-mobile-portal-source=true]{display:none}.mobile-journey-action-dock{z-index:70;box-sizing:border-box;width:100%;height:var(--melodia-mobile-journey-action-dock);min-height:var(--melodia-mobile-journey-action-dock);padding:.55rem max(var(--melodia-mobile-gutter), var(--melodia-safe-area-right)) max(.65rem, var(--melodia-viewport-safe-area-bottom)) max(var(--melodia-mobile-gutter), var(--melodia-safe-area-left));border:0;border-top:1px solid var(--melodia-color-border);background:var(--melodia-color-surface-raised);box-shadow:0 -.65rem 1.6rem color-mix(in srgb, var(--melodia-color-ink) 8%, transparent);isolation:isolate;border-radius:0;grid-template-columns:minmax(0,1fr);align-items:start;margin:0;display:grid;position:fixed;inset:auto 0 0;transform:none}.mobile-journey-action-dock>.melodia-button{border-radius:var(--melodia-mobile-button-radius);width:min(100%,28rem);min-height:3.25rem;margin-inline:auto}}
.ambient-music-control{margin:0}.app-sidebar__quick-controls,.app-shell .app-shell__ambient-control>.ambient-music-control__compact{display:none}.app-shell .app-shell__actions{flex-direction:row;align-items:center;gap:8px;width:100%;min-width:0;height:44px;display:flex}.app-shell .app-shell__live-status{margin-right:auto}.app-shell .app-shell__actions .app-shell__ambient-control{width:auto;min-width:0;height:44px;min-height:44px;box-shadow:none;background:0 0;border:0;flex:none;gap:4px;padding:0;display:flex;position:static;transform:none}.app-shell .app-shell__actions .app-shell__ambient-control>button,.app-shell .app-shell__actions .app-shell__theme-toggle,.app-shell .app-shell__actions .app-shell__topbar-profile,.app-shell .app-shell__actions .notification-center__bell{box-sizing:border-box;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.app-shell .app-shell__theme-toggle>.theme-toggle__label{display:none}.app-shell .app-shell__actions .credit-aware-status--shell{box-sizing:border-box;flex:none;justify-content:center;gap:6px;width:max-content;min-width:44px;max-width:none;height:44px;min-height:44px;padding:6px 8px}.app-shell .credit-aware-status--shell>span,.app-shell .credit-aware-status--shell strong{text-overflow:clip;flex:none;width:max-content;overflow:visible}.app-shell .credit-aware-status--shell .credit-aware-status__balance{font-variant-numeric:tabular-nums}@media (max-width:56rem){.app-shell{--melodia-mobile-header-height:56px}.app-shell .app-shell__topbar{box-sizing:border-box;height:calc(56px + var(--melodia-safe-area-top));min-height:calc(56px + var(--melodia-safe-area-top));padding:var(--melodia-safe-area-top) max(8px, var(--melodia-safe-area-right)) 0 calc(56px + var(--melodia-safe-area-left))}.app-shell .app-shell__mobile-home,.app-shell .app-shell__mobile-menu{box-sizing:border-box;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.app-shell .app-shell__mobile-home{top:calc(6px + var(--melodia-safe-area-top));left:calc(8px + var(--melodia-safe-area-left))}.app-shell .app-shell__actions{gap:4px}.app-shell .app-shell__mobile-menu{margin-right:auto}.app-shell .app-shell__actions .app-shell__theme-toggle,.app-shell .app-shell__actions .app-shell__live-status,.app-shell .app-shell__actions .app-shell__ambient-control[data-mobile-visible=false],.app-shell .app-shell__actions .app-shell__ambient-control>.ambient-music-control__detailed{display:none}.app-shell .app-shell__actions .ambient-music-control.app-shell__ambient-control{width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:none;background:0 0;flex:0 0 44px;gap:0;padding:0;position:static;transform:none}.app-shell .app-shell__actions .ambient-music-control.app-shell__ambient-control>.ambient-music-control__compact{border:1px solid var(--melodia-color-border);background:var(--melodia-color-surface-raised);border-radius:50%;place-items:center;display:inline-grid;position:relative}.ambient-music-control__compact i{color:var(--melodia-color-primary);font-size:9px;font-style:normal;line-height:1;position:absolute;bottom:4px;right:5px}.app-shell .app-shell__actions .credit-aware-status__icon,.app-shell .app-shell__actions .credit-aware-status__add{display:none}.app-shell .app-shell__actions .credit-aware-status--shell strong{font-size:12px;line-height:1.2;overflow:visible}.app-sidebar__quick-controls{padding-inline:8px;border-bottom:1px solid var(--melodia-color-border);grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px;padding-bottom:12px;display:grid}.app-shell .app-sidebar{grid-template-rows:auto auto minmax(min-content,1fr) auto}.app-sidebar__quick-controls .app-sidebar__ambient-control{min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(3,44px);gap:4px;padding:0;display:grid}.app-shell .app-sidebar__quick-controls .app-sidebar__ambient-control>button{width:100%;min-width:44px;height:44px;min-height:44px;display:grid}.app-sidebar__quick-controls .app-sidebar__theme-toggle{justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.app-shell .app-sidebar__theme-toggle .theme-toggle__label{display:none}}
.persistent-demo-player{grid-template-columns:48px minmax(0,1fr) 44px 44px;gap:4px;padding:8px}.persistent-demo-player:has(.persistent-demo-player__favorite){grid-template-columns:48px minmax(0,1fr) repeat(3,44px);gap:4px}.persistent-demo-player__copy{align-content:center;min-height:44px}.persistent-demo-player__copy span{display:block}.persistent-demo-player__play,.persistent-demo-player__favorite,.persistent-demo-player__close{box-sizing:border-box;width:44px;min-width:44px;height:44px;min-height:44px}.persistent-demo-player__play:before,.persistent-demo-player__favorite:before,.persistent-demo-player__close:before{inset:0}.persistent-immersive-player__sheet{touch-action:pan-y pinch-zoom;grid-template-columns:minmax(0,1fr)}.persistent-immersive-player__sheet>header,.persistent-immersive-player__artwork{touch-action:none;-webkit-user-select:none;user-select:none}.persistent-immersive-player__artwork{--persistent-player-artwork-size:min(34vw, 8rem);width:var(--persistent-player-artwork-size);height:var(--persistent-player-artwork-size);min-height:var(--persistent-player-artwork-size)}.persistent-immersive-player__sheet>header{grid-template-columns:44px minmax(0,1fr) 44px;height:44px;min-height:44px;max-height:none}.persistent-immersive-player__controls>button,.persistent-immersive-player__controls>a,.persistent-immersive-player__sheet>header button,.persistent-immersive-player__sheet>header button:last-child{box-sizing:border-box;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.persistent-immersive-player__controls>button:before,.persistent-immersive-player__controls>a:before,.persistent-immersive-player__sheet>header button:before{inset:0}.persistent-immersive-player__controls{justify-content:space-between;align-items:center;gap:2px;width:min(100%,20rem);min-width:0;display:flex}.persistent-immersive-player__controls>.persistent-immersive-player__play{flex-basis:48px;width:48px;min-width:48px;height:48px;min-height:48px}.persistent-immersive-player__timeline{min-width:0}.persistent-immersive-player__timeline input{box-sizing:border-box;margin:0}@media (max-width:46rem){:root{--melodia-persistent-mini-player-bottom-offset:6rem}.persistent-demo-player{left:8px;right:8px;bottom:calc(var(--melodia-persistent-mini-player-bottom-offset) + var(--melodia-safe-area-bottom) + var(--melodia-visual-viewport-bottom-inset,0px));height:var(--melodia-persistent-mini-player-height);min-height:var(--melodia-persistent-mini-player-height);max-height:var(--melodia-persistent-mini-player-height)}.persistent-immersive-player__sheet{width:calc(100% - 16px);max-height:calc(var(--melodia-visual-viewport-height,100dvh) - 96px - var(--melodia-safe-area-bottom) - max(8px, var(--melodia-safe-area-top)));bottom:calc(var(--melodia-persistent-mini-player-bottom-offset) + var(--melodia-safe-area-bottom) + var(--melodia-visual-viewport-bottom-inset,0px))}}@media (max-width:22rem){.persistent-immersive-player__artwork{--persistent-player-artwork-size:min(35vw, 8rem)}.persistent-immersive-player__sheet{padding-inline:8px}}
.app-shell .content-shell .journey-step--lyrics .lyrics-canvas-workspace{--melodia-lyrics-panel-cap:min(21.875rem, max(6rem, calc(var(--melodia-visual-viewport-height,100dvh) - 12rem)));width:100%}.app-shell .content-shell .journey-step--lyrics .lyrics-canvas-workspace .lyrics-editor{min-width:0;padding-inline:0}.app-shell .content-shell .journey-step--lyrics .lyrics-canvas-workspace .lyrics-reading-stage{width:100%;height:auto;box-shadow:none;background:0 0;border:0;overflow:visible}.app-shell .content-shell .journey-step--lyrics .lyrics-canvas-workspace .lyrics-editor .lyrics-reading-panel{box-sizing:border-box;width:100%;height:var(--melodia-lyrics-panel-cap);min-height:3.75rem;max-height:var(--melodia-lyrics-panel-cap);border:1px solid var(--melodia-color-border);background:var(--melodia-color-surface-raised);field-sizing:fixed;overscroll-behavior-y:contain;scroll-behavior:auto;resize:none;border-radius:1rem;margin:0;padding:1rem;font-size:1rem;line-height:1.5;display:block;overflow-y:auto}.app-shell .content-shell .journey-step--lyrics .lyrics-canvas-workspace .lyrics-editor .lyrics-reading-panel.is-streaming{field-sizing:content;border-color:var(--melodia-color-primary);background:color-mix(in srgb, var(--melodia-color-primary) 7%, var(--melodia-color-surface-raised));height:auto}.lyrics-canvas-workspace .lyrics-stream-status{min-height:2rem;color:var(--melodia-color-text);overflow-wrap:anywhere;padding-block:.25rem;font-size:1rem;font-weight:700;line-height:1.5}.lyrics-canvas-workspace .lyrics-stream-status.is-writing{animation:2.8s ease-in-out infinite lyrics-writing-color}@keyframes lyrics-writing-color{0%,to{color:var(--melodia-color-text)}50%{color:color-mix(in srgb, var(--melodia-color-text) 55%, var(--melodia-color-primary));text-shadow:0 0 .7rem color-mix(in srgb, var(--melodia-color-primary) 25%, transparent)}}@media (prefers-reduced-motion:reduce){.lyrics-canvas-workspace .lyrics-stream-status.is-writing{animation:none}}.lyrics-canvas-workspace .lyrics-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;min-height:2.75rem}.lyrics-canvas-workspace .lyrics-title-field input{font-size:1rem}@media (max-width:39.99rem){.app-shell.app-shell:has(.journey-step--lyrics) .app-shell__route{height:max(0px, calc(var(--melodia-visual-viewport-block-end,100dvh) - var(--melodia-mobile-header-height) - var(--melodia-safe-area-top)))}}
