body.shadow-study #musicOpen{position:fixed;z-index:25;left:14px;top:310px;bottom:auto;width:112px;min-height:44px;padding:6px;font-size:12px}
body.shadow-study #startMusicOpen{min-height:44px;margin-top:4px;padding:6px 12px;font-size:12px}
body.shadow-study #musicDialog{color:#eadfc7;background:#101e2d;border:1px solid #7196ac;border-radius:12px;padding:16px;width:min(300px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box}
body.shadow-study #musicDialog::backdrop{background:#06101bd9}
body.shadow-study #musicDialog h2{font:600 18px system-ui;margin:0 0 12px}
body.shadow-study #musicDialog fieldset{margin:0;padding:8px;border:1px solid #7196ac;border-radius:6px;min-width:0}
body.shadow-study #musicDialog legend{padding:0 4px}
body.shadow-study #musicDialog label{display:block;margin:6px 0;font:14px system-ui}
body.shadow-study #musicDialog input{vertical-align:middle;max-width:100%;accent-color:#d8bd79}
body.shadow-study #musicDialog button{min-height:44px;min-width:44px;font:13px system-ui}
body.shadow-study #musicDialog [role=status]{display:block;font:12px system-ui}
body.shadow-study #closeMusic{width:100%;margin-top:12px}
@media (orientation:portrait){body.shadow-study #musicOpen{left:max(8px,env(safe-area-inset-left));top:auto;bottom:calc(184px + max(8px,env(safe-area-inset-bottom)))}}
@media (orientation:landscape) and (max-height:500px){body.shadow-study #musicOpen{left:max(8px,env(safe-area-inset-left));top:auto;bottom:calc(32px + max(8px,env(safe-area-inset-bottom)))}}

body.shadow-study #musicDialog [hidden]{display:none!important}