.melody-tokens .mt-mini{z-index:35;left:var(--mt-mini-offset);bottom:calc(max(var(--mt-stack-base-h,0px),env(safe-area-inset-bottom,0px)) + var(--mt-mini-offset));box-sizing:border-box;width:min(580px,calc(100vw - 2*var(--mt-mini-offset)));border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-solid);color:var(--text);box-shadow:var(--shadow);font-family:var(--font-sans);color-scheme:normal;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;display:flex;position:fixed}html:has(.mt-mini){scroll-padding-bottom:calc(var(--mt-stack-h,0px) + 8px)}html:has(.mt-mini) .melody-v4.portal-footer{padding-bottom:var(--mt-stack-h,0px)}.melody-tokens .mt-mini:focus-visible{outline:3px solid color-mix(in srgb,var(--secondary)72%,var(--text));outline-offset:3px}@media (min-width:768px){.melody-tokens .mt-mini{left:calc(var(--sidebar-w,0px) + var(--mt-mini-offset));width:min(580px,calc(100vw - var(--sidebar-w,0px) - 2*var(--mt-mini-offset)))}}.melody-tokens .mt-mini .msi{flex:none;place-items:center;width:1em;height:1em;font-size:20px;line-height:1;display:inline-grid}.melody-tokens .mt-mini .msi>svg{width:100%;height:100%;display:block}.melody-tokens .mt-mini-ic{border-radius:var(--radius-sm);background:color-mix(in srgb,var(--primary)22%,transparent);width:40px;height:40px;color:var(--primary-ink);flex:none;place-items:center;display:grid}.melody-tokens .mt-mini-read{flex-wrap:wrap;align-items:baseline;gap:0 6px;min-width:0;margin:0;display:flex}.melody-tokens .mt-mini-read b{font:var(--mt-type-readout-mini);color:var(--text)}.melody-tokens .mt-mini-read span{font:var(--mt-type-caption);color:var(--text-soft);overflow-wrap:anywhere}.melody-tokens .mt-mini[data-trainer]{border-color:color-mix(in srgb,var(--primary)60%,var(--line-strong))}.melody-tokens .mt-mini .mt-mini-train{color:var(--text);align-items:center;gap:4px;font-weight:600;display:inline-flex}.melody-tokens .mt-mini .mt-mini-train .msi{font-size:16px}.melody-tokens .mt-mini[data-at-goal]{border-color:var(--success);box-shadow:0 0 0 1px var(--success),var(--shadow)}.melody-tokens .mt-mini[data-at-goal] .mt-mini-read b,.melody-tokens .mt-mini[data-at-goal] .mt-mini-train{color:var(--success-ink)}.melody-tokens .mt-mini[data-at-goal] .mt-mini-ic{background:color-mix(in srgb,var(--success)22%,transparent);color:var(--success-ink)}.melody-tokens .mt-mini-lights{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.melody-tokens .mt-mini-lights i{place-items:center;width:12px;height:12px;display:grid}.melody-tokens .mt-mini-lights i:before{content:"";box-sizing:border-box;border:1.5px solid var(--muted);border-radius:999px;width:10px;height:10px}.melody-tokens .mt-mini-lights i.is-lit:before{background:var(--mt-beat-lit);border:0;width:12px;height:12px}.melody-tokens .mt-mini-ctrls{align-items:center;gap:6px;margin-left:auto;display:flex}.melody-tokens .mt-mini-round{box-sizing:border-box;width:var(--mt-touch-min);height:var(--mt-touch-min);border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:999px;flex:none;place-items:center;padding:0;text-decoration:none;display:inline-grid}.melody-tokens .mt-mini-round:hover{border-color:color-mix(in srgb,var(--primary)55%,transparent)}.melody-tokens .mt-mini-round:focus-visible{outline:3px solid color-mix(in srgb,var(--secondary)72%,var(--text));outline-offset:2px}.melody-tokens .mt-mini-primary{background:var(--cta-gradient);color:var(--mt-on-primary);border:0}.melody-tokens .mt-mini .mt-mini-handover{flex:100%;order:1}@media (max-width:767px){.melody-tokens .mt-mini{left:8px;right:8px;bottom:calc(max(var(--mt-stack-base-h,0px),env(safe-area-inset-bottom,0px)) + 8px);gap:8px 10px;width:auto;padding:8px 10px}.melody-tokens .mt-mini-ic,.melody-tokens .mt-mini[data-practice],.melody-tokens .mt-mini-skip[data-practice]{display:none}}@media (max-height:500px){.melody-tokens .mt-mini{box-shadow:0 0 0 1px var(--line-strong),var(--shadow);width:auto;max-width:min(580px,calc(100vw - 2*var(--mt-mini-offset)));border:0;border-radius:999px;flex-wrap:nowrap;gap:8px;padding:0 0 0 12px}.melody-tokens .mt-mini-ic,.melody-tokens .mt-mini-lights,.melody-tokens .mt-mini-step,.melody-tokens .mt-mini .mt-mini-handover{display:none}.melody-tokens .mt-mini-read b{font:var(--mt-type-label-mono)}.melody-tokens .mt-mini-ctrls{gap:0}}@media (min-width:768px) and (max-height:500px){.melody-tokens .mt-mini{width:auto}}@media (forced-colors:active){.melody-tokens .mt-mini{border:1px solid canvastext}.melody-tokens .mt-mini[data-at-goal]{border-width:3px}.melody-tokens .mt-mini-lights i:before{forced-color-adjust:none;border-color:graytext}.melody-tokens .mt-mini-lights i.is-lit:before{background:highlight}.melody-tokens .mt-mini-round{border:1px solid buttontext}}