.core-player{box-sizing:border-box;width:min(980px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:20px 24px;border:1px solid #769dab;border-radius:24px;background:#112735;color:#f4fbff;overflow:auto;box-shadow:0 24px 100px #06101dd9;font-family:inherit}
.core-player::backdrop{background:#06141ec7;backdrop-filter:blur(5px)}
.core-player *{box-sizing:border-box}.core-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.core-kicker{font-size:.875rem;color:#aed0dc}.core-head h2{font-size:1.5rem;line-height:1.4;margin:3px 0}.core-player button{border:1px solid #87afbb;background:#233f50;color:#f4fbff;min-height:44px;padding:10px 16px;border-radius:12px;font:inherit;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:none}.core-player button:disabled{opacity:.55;cursor:default}.core-player button:hover:not(:disabled){background:#345c70}.core-player button:focus-visible,.core-player input:focus-visible{outline:3px solid #ffde78;outline-offset:3px}.core-player .core-primary{background:#f5d980;color:#162d3c;border-color:#ffe9a9;min-width:108px}.core-player .core-primary:hover:not(:disabled){background:#ffe9a9}.core-caption{font-size:1.125rem;line-height:1.6;min-height:1.6em;margin:12px 0 8px;color:#fff3c8}.core-stage{position:relative;width:100%;height:min(47dvh,450px);min-height:200px;border-radius:18px;background:radial-gradient(ellipse at 72% 40%,#285268 0%,#0e202e 65%);overflow:hidden}.core-stage>svg{display:block;width:100%;height:100%;overflow:visible}.core-load{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:20px;background:#102633e8;color:white;text-align:center}.core-load[hidden]{display:none}.core-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:0;margin:12px 0;list-style:none}.core-steps li{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.875rem;line-height:1.4;padding:7px 3px;border-radius:9px;color:#b4cad3;min-width:0}.core-steps span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #7b9dab;border-radius:50%;flex:none;font-size:.875rem}.core-steps .active{background:#355463;color:#fff4c9}.core-steps .active span{background:#ffe5a0;border-color:#ffe5a0;color:#173445}.core-meter{height:5px;background:#355363;border-radius:4px;overflow:hidden}.core-meter>span{display:block;height:100%;background:#f6d679;width:0}.core-controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 10px}.core-bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;font-size:.875rem;color:#cae1e9}.core-bottom label{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.core-bottom input{width:20px;height:20px;accent-color:#eccc72}.core-note,.core-voice{font-size:.875rem;line-height:1.5;color:#bed5df;margin:5px 0}.core-voice:empty{display:none}.core-player.is-expanded,.core-player:fullscreen{width:100vw;max-height:none;height:100dvh;border-radius:0;display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow:auto}.core-player.is-expanded .core-stage,.core-player:fullscreen .core-stage{flex:1;height:auto;min-height:160px}.core-player.is-expanded .core-note{margin-bottom:0}
@media(max-width:540px){.core-player{padding:14px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:18px}.core-head{gap:8px}.core-head h2{font-size:1.2rem}.core-kicker{font-size:.875rem}.core-player button{padding:9px 11px;font-size:.9375rem}.core-caption{font-size:1rem;margin:9px 0}.core-stage{height:31dvh;min-height:195px}.core-steps{gap:3px;margin:9px 0}.core-steps li{flex-direction:column;gap:4px;font-size:.875rem;padding:5px 0}.core-steps span{width:22px;height:22px}.core-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.core-controls .core-primary{min-width:0}.core-bottom{gap:0}.core-state{margin-left:auto}.core-note{font-size:.875rem}}
@media(max-height:520px) and (orientation:landscape){.core-player{padding:10px 16px}.core-head h2{font-size:1.1rem}.core-kicker{display:none}.core-caption{font-size:.9375rem;margin:5px 0}.core-stage{height:42dvh;min-height:150px}.core-steps{margin:5px 0}.core-controls{margin:6px 0;display:flex;flex-wrap:wrap}.core-bottom label{min-height:36px}.core-player.is-expanded{display:block}.core-player.is-expanded .core-stage{height:44dvh;min-height:150px}.core-note{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.core-player *{animation:none!important;transition:none!important}}