/* Standing brand rule: matching gray cards; silver action buttons with shine and shimmy. */
body :is(.capabilities>div,.card,.course-card,.article-card,.article-library-card,.service-card,.dictionary-shell,.service-discovery,.course-module,.learning-goals,.practice-case,.learning-loop>div,.dictionary-entry,.dictionary-example,.saved-lesson-card,.video-card,.info-card,.practice-card,.reference-card,.quiz-card,.quiz-question,.short-quiz,.unit-example,.unit-check,.unit-project,.platinum-panel,.inquiry-shell,.inquiry-review,.project-review,.brand-dialog,.footer-info-dialog,.learning-panel,.article-callout){--panel:linear-gradient(130deg,#242424,#131313 60%,#080808);--text:#f2f2f2;--muted:#d0d3d7;--accent:#d8d8d8;--tint:#161616;--course-tint:#161616;--article-tint:#161616;--term-color:#161616;background:linear-gradient(130deg,#242424,#131313 60%,#080808)!important;border-color:#777!important;color:#f2f2f2!important;box-shadow:inset 0 1px 2px #fff3,0 12px 30px #0008,0 0 18px #ffffff12!important;animation:brand-card-shine 6s ease-in-out infinite}
body :is(.capabilities>div,.card,.course-card,.article-card,.article-library-card,.service-card,.dictionary-shell,.service-discovery,.course-module,.learning-goals,.practice-case,.learning-loop>div,.dictionary-entry,.dictionary-example,.saved-lesson-card,.video-card,.info-card,.practice-card,.reference-card,.quiz-card,.quiz-question,.short-quiz,.unit-example,.unit-check,.unit-project,.platinum-panel,.inquiry-shell,.inquiry-review,.project-review,.brand-dialog,.footer-info-dialog,.learning-panel,.article-callout):hover{border-color:#e3e6eb!important;box-shadow:inset 0 1px 3px #fff7,0 12px 30px #0005,0 0 20px #fff2!important}
body.lights-on :is(.card,.course-card,.article-card,.article-library-card,.service-card,.dictionary-shell,.service-discovery,.course-module,.learning-goals,.practice-case,.learning-loop>div,.dictionary-entry,.dictionary-example,.saved-lesson-card,.video-card,.info-card,.practice-card,.reference-card,.quiz-card,.quiz-question,.short-quiz,.unit-example,.unit-check,.unit-project,.platinum-panel,.inquiry-shell,.inquiry-review,.project-review,.brand-dialog,.footer-info-dialog,.learning-panel,.article-callout) :is(p,li,small,h2,h3,h4,strong,summary,label,legend,.eyebrow,.dictionary-definition,.word-breakdown,.course-stage,.article-meta){color:#e1e2e4!important}
body button:not(.node):not(.core):not(.music-toggle),body a:is(.platinum,.outline,.article-card-cta),body #music-stop,body #genre-picker,body .inline-music-video [data-stop-video]{background:linear-gradient(110deg,#8b939f,#e5e9f1 32%,#fff 49%,#b4bdcb 76%,#dce3ed)!important;color:#111621!important;border-color:#edf0f8!important;text-shadow:0 1px 0 #fff8;box-shadow:inset 0 1px 0 #fff,0 4px 15px #0005!important;position:relative;overflow:hidden;transition:box-shadow .2s}
/* Keep fixed controls anchored while applying the same silver finish. */
body button.light-toggle{position:fixed!important}
body button.close{position:absolute!important}
body button:not(.node):not(.core):not(.music-toggle):not(:disabled):hover,body button:not(.node):not(.core):not(.music-toggle):not(:disabled):focus-visible,body a:is(.platinum,.outline,.article-card-cta):hover,body a:is(.platinum,.outline,.article-card-cta):focus-visible{animation:brand-button-shimmy .65s ease-out forwards!important;box-shadow:inset 0 1px 0 #fff,0 6px 24px #ffffff23!important}
body button:not(.node):not(.core):not(.music-toggle)::after,body a:is(.platinum,.outline,.article-card-cta)::after{content:'';position:absolute;inset:-50% auto -50% -85%;width:45%;height:200%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-25deg);pointer-events:none}
body button:not(.node):not(.core):not(.music-toggle):not(:disabled):hover::after,body button:not(.node):not(.core):not(.music-toggle):not(:disabled):focus-visible::after,body a:is(.platinum,.outline,.article-card-cta):hover::after,body a:is(.platinum,.outline,.article-card-cta):focus-visible::after{animation:brand-button-sweep .85s ease-out!important}
.compact-toggle:before{border-color:#333!important}.compact-toggle[aria-pressed=true]:before{background:#222!important;box-shadow:0 0 8px #fff}
@keyframes brand-card-shine{0%,100%{box-shadow:inset 0 1px 2px #fff5,0 6px 20px #0005}50%{box-shadow:inset 0 1px 3px #fff7,0 8px 25px #fff1}}
@keyframes brand-button-shimmy{0%{transform:translateY(0)}30%{transform:translateY(-5px) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}70%{transform:translateY(-4px) rotate(-.5deg)}100%{transform:translateY(-4px)}}
@keyframes brand-button-sweep{to{left:155%}}
@media(prefers-reduced-motion:reduce){body button,body a:is(.platinum,.outline,.article-card-cta),body button::after,body a:is(.platinum,.outline,.article-card-cta)::after{animation:none!important;transform:none!important;transition:none!important}}

/* Title accents use light gray across every page. */
main :is(h1,h2,h3,h4) :is(em,span){color:#c7c7c7!important;text-shadow:none!important}

/* Animated SVG panels stay black in both lighting modes. Keep silver artwork intact. */
body :is(svg.article-visual,svg.banner,svg.dictionary-orbit,.network>svg,.menu-toggle svg){background:#000!important}
body :is(svg.article-visual,svg.banner)>rect:first-of-type{fill:#000!important}

/* Compact silver music choices and black contact qualifier popups. */
body .genre-dialog{width:min(320px,calc(100vw - 32px));padding:14px;max-height:75dvh;font-family:Georgia,serif}
body .genre-dialog .genre-heading{margin-bottom:10px;gap:8px}
body .genre-dialog .genre-heading h2{font-size:18px}
body .genre-options{gap:7px}
body .genre-dialog button.genre-option{min-height:36px;padding:7px 8px!important;margin:0!important;border:1px solid #edf0f8;border-radius:9px;font:11px/1.25 Georgia,serif!important;text-align:center;display:block}
body :is(.genre-option,.contact-choice-options button,.need-choice)[aria-pressed=true]{outline:2px solid #fff;outline-offset:2px}
body .contact-choice-dialog{width:min(390px,calc(100vw - 32px));max-height:75dvh;overflow:auto;padding:20px;background:#000!important;color:#eee;border:1px solid #a3abb4;border-radius:16px;box-shadow:0 20px 70px #000c;font:13px/1.5 Georgia,serif}
.contact-choice-dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}
body .contact-choice-dialog h2{font:22px/1.3 Georgia,serif;margin:0 0 8px}
body .contact-choice-dialog p{color:#ccc;margin:0 0 14px}
.contact-choice-options{display:grid;gap:9px;padding:3px}
body .contact-choice-options button{width:100%;border:1px solid #edf0f8;border-radius:9px;padding:9px 12px;font:13px/1.4 Georgia,serif;text-align:left}
body .contact-choice-dialog .choice-done{display:block;margin:16px 0 0 auto;border:1px solid #edf0f8;border-radius:20px;padding:7px 18px}
body #inquiry-form,body #inquiry-form :is(button,input,select,textarea),body .contact-choice-dialog button{font-family:Georgia,serif}
body #inquiry-form .contact-picker{width:100%;border:1px solid #edf0f8;border-radius:9px;padding:10px 12px;text-align:left;line-height:1.5}
body #inquiry-form .need-choices{background:#000;border:1px solid #676d75;border-radius:12px;padding:12px;margin-top:12px}
body #inquiry-form select[hidden]{display:none!important}
@keyframes choice-bounce{0%,100%{transform:translateY(0)}30%{transform:translateY(-4px) rotate(-1deg)}55%{transform:translateY(-3px) rotate(1deg)}75%{transform:translateY(-2px) rotate(-.5deg)}}
body button.choice-click{animation:choice-bounce .35s ease-out!important}
body button.choice-click::after{animation:brand-button-sweep .35s ease-out!important}
@media(prefers-reduced-motion:reduce){body button.choice-click,body button.choice-click::after{animation:none!important;transform:none!important}}

/* Music exception: silver choices belong only inside the genre popup. */
body .music-panel button:not(.genre-dialog button){background:#000!important;background-image:none!important;color:#fff!important;border-color:#555!important;text-shadow:none!important;box-shadow:none!important}
body .music-panel button:not(.genre-dialog button)::after{content:none!important}
body .music-panel button:not(.genre-dialog button):hover,body .music-panel button:not(.genre-dialog button):focus-visible{animation:none!important;transform:none!important;box-shadow:0 0 8px #ffffff20!important}

/* One balanced row of music controls; keep sliders below. */
body .music-panel .music-console>.music-transport{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px!important;width:100%;align-items:stretch!important}
body .music-panel .music-console .music-transport :is(#prev,#master-play,#music-stop,#shuffle,#repeat,#next){width:100%!important;min-width:0!important;min-height:36px;padding:7px 2px!important;margin:0!important;border-radius:9px;font:10px/1.2 Georgia,serif!important;gap:3px!important;display:flex;align-items:center;justify-content:center;white-space:nowrap;flex:none!important}
body .music-panel .music-transport .compact-toggle:before{width:5px;height:5px;flex:0 0 5px;margin:0;border-color:#ddd!important}
body .music-panel .music-transport .compact-toggle[aria-pressed=true]:before{background:#fff!important}
body .music-panel .music-transport .pause-symbol{width:7px!important;height:10px!important;flex:0 0 7px}
@media(max-width:360px){body .music-panel .music-console>.music-transport{gap:3px!important}body .music-panel .music-console .music-transport :is(#prev,#master-play,#music-stop,#shuffle,#repeat,#next){font-size:9px!important}}

/* Music stays black: reserve silver for the genre choices only. */
body #music-panel :is(button,a.platinum,a.outline):not(.genre-dialog *){background:#000!important;background-image:none!important;color:#eee!important;border-color:#4c4c4c!important;text-shadow:none!important;box-shadow:none!important}
body #music-panel :is(button,a.platinum,a.outline):not(.genre-dialog *)::after{content:none!important}
body #music-panel :is(button,a.platinum,a.outline):not(.genre-dialog *):hover,body #music-panel :is(button,a.platinum,a.outline):not(.genre-dialog *):focus-visible{animation:none!important;transform:none!important;box-shadow:0 0 10px #ffffff20!important}
body #music-panel #playlist{max-height:none!important;overflow:visible!important;margin:10px 0!important}
body #music-panel #playlist li:not(.playlist-empty){display:flex;align-items:center;gap:4px;margin:0 0 4px!important;border:1px solid #353535;border-radius:8px;background:linear-gradient(180deg,#151515,#050505);box-shadow:inset 0 1px 0 #ffffff12}
body #music-panel #playlist .track-choice{flex:1;min-width:0;width:auto!important;min-height:40px;padding:7px 9px!important;margin:0!important;border:0!important;border-radius:8px 0 0 8px;text-align:left;font:12px/1.35 Georgia,serif!important;background:transparent!important}
body #music-panel #playlist small{color:#aaa!important;font-size:10px!important;margin:2px 0 0!important;line-height:1.3!important}
body #music-panel #playlist .track-favorite{display:grid;place-items:center;flex:0 0 34px;width:34px!important;min-width:34px!important;min-height:40px;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0;font-size:21px!important}
body #music-panel #playlist li.selected-track,body #music-panel #playlist li:focus-within,body #music-panel #playlist li:hover{border-color:#bbb;box-shadow:0 0 12px #ffffff24,inset 0 1px 0 #ffffff20}
body #music-panel #playlist .track-choice:active{transform:scale(.99)!important;box-shadow:inset 0 0 12px #fff3!important}
body #music-panel #playlist .playlist-more{padding:8px 12px!important;width:100%;font:12px Georgia,serif!important;border:0;background:transparent!important;text-align:center}
body #music-panel .music-transport{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px!important;margin:8px 0 12px;width:100%}
body #music-panel .music-transport :is(#prev,#master-play,#music-stop,#shuffle,#repeat,#next){width:100%!important;min-width:0!important;min-height:36px;padding:7px 2px!important;border:1px solid #555;border-radius:9px;font:10px/1.2 Georgia,serif!important;gap:3px!important;display:flex;align-items:center;justify-content:center;white-space:nowrap;flex:none!important}
body #music-panel:not(.in-music-box)>.music-transport{display:none!important}
body #music-panel .music-transport .compact-toggle:before{width:5px;height:5px;flex:0 0 5px;margin:0;border-color:#ddd!important}
body #music-panel .music-transport .compact-toggle[aria-pressed=true]:before{background:#fff!important}
body #music-panel .music-transport .pause-symbol{width:7px!important;height:10px!important;flex:0 0 7px}
body #music-panel .genre-dialog button.genre-option{background:linear-gradient(110deg,#8b939f,#e5e9f1 32%,#fff 49%,#b4bdcb 76%,#dce3ed)!important;color:#111621!important}
/* A centered heading and all social/shop icons on a single mobile row. */
body .site-footer .footer-social h2{text-align:center;white-space:nowrap;font-size:clamp(13px,3.7vw,20px)!important;letter-spacing:-.3px}
body .site-footer .social-links{flex-wrap:nowrap!important;justify-content:center;gap:clamp(2px,.7vw,8px)!important;width:100%}
body .site-footer .social-links a{flex:0 1 28px!important;width:28px!important;min-width:0!important;max-width:28px!important;height:34px!important;min-height:34px!important}
body .site-footer .social-links svg{width:16px;height:16px}
@media(max-width:360px){body .site-footer{padding-inline:12px!important}body .site-footer .footer-social h2{font-size:12px!important}body #music-panel .music-transport :is(#prev,#master-play,#music-stop,#shuffle,#repeat,#next){font-size:9px!important}}
body #music-panel.music-minimized>.music-transport{display:none!important}
@media(prefers-reduced-motion:reduce){body #music-panel #playlist .track-choice:active{transform:none!important}}

/* Silver is reserved for the radio's theme, collection, and genre choices. */
body #music-panel :is(.music-theme-choice,.genre-option){background:linear-gradient(110deg,#909090,#eee 32%,#fff 49%,#b8b8b8 76%,#ddd)!important;color:#111!important;border:1px solid #eee!important;text-shadow:0 1px 0 #fff8!important;box-shadow:inset 0 1px 0 #fff,0 3px 10px #0005!important;font:12px Georgia,serif!important;padding:9px 7px!important;min-height:36px;border-radius:12px}
body #music-panel .music-theme-choice:hover,body #music-panel .music-theme-choice:focus-visible{animation:brand-button-shimmy .5s!important}
body #music-panel .music-theme-choice.choice-click{animation:brand-button-bounce .35s ease-out!important}
.music-themes,.music-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}
#music-panel[data-browse=root] .music-sources,#music-panel:not([data-browse=root]) .music-themes,#music-panel:not([data-browse=music]) .music-sources{display:none!important}
#music-panel[data-browse=root]>:is(label,select,#genre-picker,#now-playing,#music-track-theme,.music-console,#playlist,#track-info),#music-panel[data-browse=music]>:is(label,select,#genre-picker,#now-playing,#music-track-theme,.music-console,#playlist,#track-info){display:none!important}
body #music-panel[data-browse=root] #music-back,body #music-panel.music-minimized :is(.music-themes,.music-sources){display:none!important}
body #music-panel:not([data-browse=root]) #music-back{display:inline-flex!important}
body #music-panel.in-music-box #music-back{display:inline-flex!important}
@media(prefers-reduced-motion:reduce){body #music-panel .music-theme-choice{animation:none!important;transform:none!important}}



body #music-panel.music-minimized{position:fixed!important;inset:auto 10px var(--reader-bottom,48px) auto!important;width:min(240px,calc(100vw - 20px))!important;padding:5px!important;max-height:none!important;overflow:hidden!important;z-index:54!important}
body #music-panel.music-minimized #music-video-slot{margin:0!important}
body #music-panel.music-minimized .inline-music-video{margin:0!important}
body #music-panel.music-minimized .inline-music-video iframe{height:200px!important;min-height:200px!important;width:100%!important}
body #music-panel.music-minimized .official-soul-heading{padding:5px!important;gap:3px!important}
body #music-panel.music-minimized .official-soul-heading h2{font:10px Georgia,serif!important;margin:0!important}
body #music-panel.music-minimized .youtube-open-link{font-size:9px!important;margin:3px 6px!important}
@keyframes brand-button-bounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-4px) rotate(-1deg)}70%{transform:translateY(1px) rotate(1deg)}}

body #music-panel.music-minimized .official-soul-heading span{font:10px/1.3 Georgia,serif!important}
body #music-panel.music-minimized #music-back{display:none!important}

body #music-panel .music-sources{grid-template-columns:repeat(2,minmax(0,1fr))}
body #music-panel .music-playlist-link{grid-column:1/-1;padding:5px!important;font:11px Georgia,serif!important;border:0!important}

/* Plain footer share link; the contact form leads directly into black space. */
body .site-footer .footer-word-links button.share-button,body .site-footer .footer-word-links button.share-button:hover,body .site-footer .footer-word-links button.share-button:focus-visible{background:none!important;background-image:none!important;border:0!important;border-radius:0!important;padding:3px 0!important;color:#bdbdbd!important;text-shadow:none!important;box-shadow:none!important;animation:none!important;transform:none!important;font:12px/1.6 Georgia,serif!important;overflow:visible}
body .site-footer .footer-word-links button.share-button::after{content:none!important}
body .site-footer .footer-word-links button.share-button:hover{color:#fff!important}
body.home-page #contact{padding-bottom:24px!important;margin-bottom:0!important}
body.home-page main{padding-bottom:0!important}
body .site-footer{position:relative;background:#000!important;margin-top:0!important}

body .site-footer .footer-word-links button.share-button:not(:disabled):hover,body .site-footer .footer-word-links button.share-button:not(:disabled):focus-visible{background:none!important;border:0!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important;animation:none!important;transform:none!important}

/* Only the footer's upper edge has a divider, with a soft upward white glow. */
body footer.site-footer{border:0!important;border-top:1px solid #ffffff65!important;box-shadow:0 -6px 16px -6px #ffffff55!important}
body footer.site-footer :is(.footer-word-links,.footer-bottom,.footer-identity,.footer-inner,.footer-top-row,.footer-social){border:0!important;box-shadow:none!important}
body footer.site-footer::after{content:none!important}

/* Direct Music → genres: silver choices and one silver destination button. */
body #music-panel .music-themes button.music-theme-choice,body #music-panel .genre-dialog button.genre-option,body #music-panel a.platinum.music-world-link{background:linear-gradient(110deg,#8b939f,#e5e9f1 32%,#fff 49%,#b4bdcb 76%,#dce3ed)!important;color:#111621!important;border:1px solid #edf0f8!important;text-shadow:0 1px 0 #fff8!important;box-shadow:inset 0 1px 0 #fff,0 4px 15px #0005!important}
body #music-panel a.platinum.music-world-link:hover,body #music-panel a.platinum.music-world-link:focus-visible{animation:brand-button-shimmy .65s ease-out forwards!important;box-shadow:inset 0 1px 0 #fff,0 6px 24px #ffffff23!important}
body #music-panel a.platinum.music-world-link::after{content:''!important}
body #music-panel[data-browse=genres]>:is(label,select,#genre-picker,#now-playing,#music-track-theme,.music-console,#playlist,#track-info){display:none!important}
@media(prefers-reduced-motion:reduce){body #music-panel a.platinum.music-world-link:hover,body #music-panel a.platinum.music-world-link:focus-visible{animation:none!important;transform:none!important}}

body #music-panel .music-themes button.music-theme-choice:hover,body #music-panel .music-themes button.music-theme-choice:focus-visible{animation:brand-button-shimmy .65s ease-out forwards!important;box-shadow:0 0 14px #ffffff35!important}
body #music-panel .music-themes button.music-theme-choice.choice-click{animation:brand-button-bounce .35s ease-out!important}
@media(prefers-reduced-motion:reduce){body #music-panel .music-themes button.music-theme-choice{animation:none!important;transform:none!important}}

/* Popup and inline contact choices share the same calm selection behavior. */
body #inquiry-form .need-choices{gap:12px!important}
body dialog.contact-choice-dialog .contact-choice-options{gap:12px;padding:5px 3px}
body :is(dialog.contact-choice-dialog .contact-choice-options button,#inquiry-form .need-choice),body :is(dialog.contact-choice-dialog .contact-choice-options button,#inquiry-form .need-choice):not(:disabled):hover,body :is(dialog.contact-choice-dialog .contact-choice-options button,#inquiry-form .need-choice):not(:disabled):focus-visible{background:#000!important;background-image:none!important;color:#fff!important;border:1px solid #fff!important;text-shadow:none!important;box-shadow:none!important;animation:none!important;transform:none!important;transition:background .2s,color .2s,transform .2s,box-shadow .2s!important}
body :is(dialog.contact-choice-dialog .contact-choice-options button,#inquiry-form .need-choice)[aria-pressed=true],body :is(dialog.contact-choice-dialog .contact-choice-options button,#inquiry-form .need-choice)[aria-pressed=true]:not(:disabled):hover,body :is(dialog.contact-choice-dialog .contact-choice-options button,#inquiry-form .need-choice)[aria-pressed=true]:not(:disabled):focus-visible{background:linear-gradient(110deg,#8b939f,#e5e9f1 32%,#fff 49%,#b4bdcb 76%,#dce3ed)!important;color:#111621!important;border-color:#edf0f8!important;transform:translateY(-2px)!important;outline:0!important;box-shadow:inset 0 1px 0 #fff,0 3px 10px #ffffff25!important}
body :is(dialog.contact-choice-dialog .contact-choice-options button,#inquiry-form .need-choice)::after{content:none!important}
body :is(dialog.contact-choice-dialog .contact-choice-options button,#inquiry-form .need-choice):focus-visible{outline:2px solid #fff!important;outline-offset:3px!important}
/* More black breathing room after the form; footer geometry stays fixed for the reading bar. */
body.home-page #contact{padding-bottom:clamp(56px,8vw,88px)!important}
body header{animation:shared-header-fade .55s ease-out both}
body footer.site-footer.footer-reveal .footer-inner{opacity:0;transform:translateY(10px);transition:opacity .65s ease-out,transform .65s ease-out}
body footer.site-footer.footer-reveal.footer-visible .footer-inner{opacity:1;transform:none}
@keyframes shared-header-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body header{animation:none!important}body footer.site-footer.footer-reveal .footer-inner{opacity:1!important;transform:none!important;transition:none!important}body :is(dialog.contact-choice-dialog .contact-choice-options button,#inquiry-form .need-choice)[aria-pressed=true]{transform:none!important}body :is(dialog.contact-choice-dialog .contact-choice-options button,#inquiry-form .need-choice){transition:none!important}}
@media(prefers-reduced-motion:reduce){body dialog.contact-choice-dialog .contact-choice-options :is(button,button[aria-pressed=true]:not(:disabled):hover,button[aria-pressed=true]:not(:disabled):focus-visible){transform:none!important;transition:none!important}}

/* Fade the anchored reading bar in without moving its footer boundary. */
body #page-tools{animation:shared-header-fade .55s ease-out both}
@media(prefers-reduced-motion:reduce){body #page-tools{animation:none!important}}

/* Keep the opening music box limited to themes, local playlist, and the music destination. */
body #music-panel[data-browse=root]:not(.in-music-box)>.music-track-info{display:none!important}

/* A selected song lifts gently and keeps its platinum finish when returning to the list. */
body #music-panel #playlist li.selected-track{position:relative;z-index:1;transform:translateY(-2px);background:linear-gradient(110deg,#8b939f,#e5e9f1 32%,#fff 49%,#b4bdcb 76%,#dce3ed)!important;border-color:#edf0f8!important;box-shadow:inset 0 1px 0 #fff,0 3px 12px #ffffff30!important;transition:transform .18s ease-out}
body #music-panel #playlist li.selected-track :is(.track-choice,.track-favorite),body #music-panel #playlist li.selected-track :is(.track-choice,.track-favorite):is(:hover,:focus-visible,:active){background:transparent!important;background-image:none!important;color:#111621!important;text-shadow:none!important;animation:none!important;transform:none!important;box-shadow:none!important}
body #music-panel #playlist li.selected-track small{color:#30343a!important}
body #music-panel #upload-genre-picker{display:flex;width:100%;justify-content:space-between;text-align:left;padding:11px 13px!important;border:1px solid #888!important;border-radius:10px;margin:10px 0;font-family:Georgia,serif}
body #music-panel #upload-genre[hidden],body #music-panel .upload-genre-dialog #music-files[hidden]{display:none!important}
body #music-panel .upload-genre-dialog .genre-option[aria-pressed=true]{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 12px #ffffff45!important}
body #music-panel .genre-upload-footer{border-top:1px solid #ffffff45;margin-top:18px;padding-top:12px}
body #music-panel .genre-upload-footer #upload-music-button{display:block;width:100%;padding:11px 13px!important;background:linear-gradient(110deg,#8b939f,#e5e9f1 32%,#fff 49%,#b4bdcb 76%,#dce3ed)!important;color:#111621!important;border:1px solid #edf0f8!important;border-radius:20px}
body #music-panel .genre-upload-footer .upload-genre-status{margin:0 0 10px!important;color:#ddd!important;font:12px/1.6 Georgia,serif!important}
@media(prefers-reduced-motion:reduce){body #music-panel #playlist li.selected-track{transform:none!important;transition:none!important}}

/* The music Back button shines within its own space, without shifting nearby controls. */
body #music-panel button#music-back,body #music-panel button#music-back:is(:hover,:focus-visible,:active){background:linear-gradient(110deg,#8b939f,#e5e9f1 32%,#fff 49%,#b4bdcb 76%,#dce3ed)!important;color:#111621!important;border:1px solid #edf0f8!important;border-radius:20px!important;padding:7px 15px!important;text-shadow:none!important;animation:none!important;transform:none!important;overflow:hidden;box-shadow:inset 0 1px 0 #fff,0 3px 12px #ffffff20!important;transition:box-shadow .2s ease}
body #music-panel button#music-back::after{content:''!important;position:absolute;inset:-50% auto -50% -85%;width:45%;height:200%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-25deg);pointer-events:none}
body #music-panel button#music-back:is(:hover,:focus-visible)::after{animation:brand-button-sweep .65s ease-out!important}
body #music-panel button#music-back:active{box-shadow:inset 0 0 12px #6668,0 0 14px #ffffff40!important}
@media(prefers-reduced-motion:reduce){body #music-panel button#music-back::after{animation:none!important}body #music-panel button#music-back{transition:none!important}}

/* Tight genre grids react within their bounds instead of jumping into adjacent choices. */
body #music-panel .genre-dialog button.genre-option,body #music-panel .genre-dialog button.genre-option:is(:hover,:focus-visible,:active){animation:none!important;transform:none!important}
body #music-panel .genre-dialog button.genre-option.choice-click{animation:genre-choice-flex .3s ease-out!important}
@keyframes genre-choice-flex{0%,100%{filter:brightness(1)}45%{filter:brightness(.8)}}
@media(prefers-reduced-motion:reduce){body #music-panel .genre-dialog button.genre-option.choice-click{animation:none!important}}