


html[data-mw-card] .mw-mv[data-window] { display: flex; flex-direction: column; }
html[data-mw-card] .mw-mv-window { position: relative; flex: 1 0 auto; }
html[data-mw-card] .mw-mv-sizer { display: grid; visibility: hidden; pointer-events: none; }
html[data-mw-card] .mw-mv-set { grid-area: 1 / 1; min-width: 0; }
html[data-mw-card] .mw-mv-stage { position: absolute; inset: 0; overflow: hidden; }

html[data-mw-card] .mw-mv-window .mw-completed-row:nth-of-type(n + 4) { display: flex; }



html[data-mw-card] .mw-mv-scroll .mw-mv-stage {
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 12px, #000 calc(100% - 20px), transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0, #000 12px, #000 calc(100% - 20px), transparent 100%);
}
html[data-mw-card] .mw-mv-track { animation: mw-mv-drift var(--mv-duration, 10s) linear infinite; animation-play-state: paused; will-change: transform; }
html[data-mw-card] .mw-mv[data-running] .mw-mv-track { animation-play-state: running; }
html[data-mw-card] .mw-mv-track > .mw-completed-row { border-top: 0; border-bottom: 1px solid #e7e6e4; }



html[data-mw-card] .mw-mv-step .mw-mv-stage .mw-completed-row[data-phase="leave"] { pointer-events: none; }



html[data-mw-card] .mw-mv-pulse .mw-completed-row { position: relative; isolation: isolate; }
html[data-mw-card] .mw-mv-pulse .mw-completed-row::before {
  content: ''; position: absolute; inset: 0 -8px; z-index: -1; border-radius: 8px;
  background: linear-gradient(90deg, rgba(15, 122, 79, .12), rgba(15, 122, 79, .05) 55%, rgba(15, 122, 79, 0));
  opacity: 0; transition: opacity .5s ease;
}
html[data-mw-card] .mw-mv-pulse .mw-completed-row[data-active]::before { opacity: 1; }
html[data-mw-card] .mw-mv-pulse .mw-completed-row > span:last-child { position: relative; transition: color .45s ease; }
html[data-mw-card] .mw-mv-pulse .mw-completed-row[data-active] > span:last-child { color: #0f7a4f; }
html[data-mw-card] .mw-mv-pulse .mw-completed-row > span:last-child::before {
  content: ''; position: absolute; top: 50%; right: calc(100% + 2px); width: 12px; height: 12px; margin-top: -6px;
  border-radius: 50%;
  background: #0f7a4f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.3 6.2l1.8 1.8 3.7-3.9' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat;
  opacity: 0; transform: scale(.4); transition: opacity .3s ease, transform .4s cubic-bezier(.3, 1.6, .5, 1);
}
html[data-mw-card] .mw-mv-pulse .mw-completed-row[data-active] > span:last-child::before { opacity: 1; transform: none; }
html[data-mw-mode="dark"][data-mw-card] .mw-mv-pulse .mw-completed-row::before {
  background: linear-gradient(90deg, rgba(95, 212, 155, .17), rgba(95, 212, 155, .06) 55%, rgba(95, 212, 155, 0));
}
html[data-mw-mode="dark"][data-mw-card] .mw-mv-pulse .mw-completed-row[data-active] > span:last-child { color: #5fd49b; }
html[data-mw-mode="dark"][data-mw-card] .mw-mv-pulse .mw-completed-row > span:last-child::before {
  background: #5fd49b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.3 6.2l1.8 1.8 3.7-3.9' fill='none' stroke='%230e1a14' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat;
}



html[data-mw-card] .mw-mv-typing .mw-type-rest { color: transparent; }
html[data-mw-card] .mw-mv-typing .mw-type-caret { position: relative; font-style: normal; }
html[data-mw-card] .mw-mv-typing .mw-type-caret::after {
  content: ''; position: absolute; left: 0; top: 1px; bottom: 1px; width: 2px; margin-left: 1px; border-radius: 1px;
  background: currentColor;
}
html[data-mw-card] .mw-mv-typing:not([data-running]) .mw-type-caret::after { animation: mw-mv-blink 1s steps(1) infinite; }
html[data-mw-card] .mw-mv-typing .mw-mv-stage .mw-completed-row { transition: opacity .3s ease; }
html[data-mw-card] .mw-mv-typing .mw-mv-stage .mw-completed-row small,
html[data-mw-card] .mw-mv-typing .mw-mv-stage .mw-completed-row > span:last-child { transition: opacity .4s ease, transform .4s ease; }
html[data-mw-card] .mw-mv-typing .mw-mv-stage .mw-completed-row[data-phase="typing"] small,
html[data-mw-card] .mw-mv-typing .mw-mv-stage .mw-completed-row[data-phase="typing"] > span:last-child { opacity: 0; transform: translateY(3px); }
html[data-mw-card] .mw-mv-typing .mw-mv-stage .mw-completed-row[data-phase="leave"] { opacity: 0; pointer-events: none; }


@keyframes mw-mv-drift { to { transform: translateY(calc(-100% / 3)); } }
@keyframes mw-mv-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  
  html[data-mw-card] .mw-mv *, html[data-mw-card] .mw-mv *::before, html[data-mw-card] .mw-mv *::after { animation: none !important; transition: none !important; }
}


.mwc-controls { position: fixed; right: 16px; bottom: 16px; z-index: 10001; max-width: calc(100vw - 32px); color: #2b2d2d; font: 400 13px/1.45 Inter, system-ui, -apple-system, "Segoe UI", sans-serif; }
.mwc-controls > summary { width: max-content; max-width: 100%; margin-left: auto; padding: 10px 15px; border: 1px solid #e7e6e4; border-radius: 999px; background: #fff; box-shadow: 0 3px 14px rgba(0, 0, 0, .14); cursor: pointer; font-weight: 500; list-style: none; }
.mwc-controls > summary::-webkit-details-marker { display: none; }
.mwc-controls > summary::after { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 2px 2px 9px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-135deg); vertical-align: middle; }
.mwc-controls[open] > summary::after { transform: rotate(45deg); margin-bottom: 5px; }
.mwc-controls > summary:focus-visible { outline: 2px solid #2b2d2d; outline-offset: 3px; }
.mwc-controls[open] > summary { margin-bottom: 8px; }
.mwc-controls-body { box-sizing: border-box; width: 300px; max-width: 100%; max-height: calc(100dvh - 110px); overflow: auto; padding: 14px; border: 1px solid #e7e6e4; border-radius: 14px; background: #fff; box-shadow: 0 8px 30px rgba(0, 0, 0, .16); }
.mwc-controls-body p { margin: 0 0 10px; color: #5c5f5f; }
.mwc-controls nav { display: grid; gap: 4px; }
.mwc-controls a { display: block; padding: 9px 12px; border-radius: 10px; color: inherit; text-decoration: none; }
.mwc-controls a span { display: block; color: #6f6f6f; font-size: 12px; }
.mwc-controls a:hover, .mwc-controls a[aria-current="page"] { background: #f1eee8; }
.mwc-controls a:focus-visible { outline: 2px solid #2b2d2d; outline-offset: -2px; }
.mwc-controls a strong { font-weight: 600; }
.mwc-controls nav a:last-child { margin-top: 4px; border-top: 1px solid #e7e6e4; border-radius: 0 0 10px 10px; padding-top: 12px; }
@media (max-width: 809px) { .mwc-controls { right: 12px; bottom: 12px; max-width: calc(100vw - 24px); } }
html[data-mw-mode="dark"] .mwc-controls { color: #edf2f8; }
html[data-mw-mode="dark"] .mwc-controls > summary, html[data-mw-mode="dark"] .mwc-controls-body { border-color: #354252; background: #1a2029; box-shadow: 0 8px 30px rgba(0, 0, 0, .45); }
html[data-mw-mode="dark"] .mwc-controls-body p, html[data-mw-mode="dark"] .mwc-controls a span { color: #a1b0c5; }
html[data-mw-mode="dark"] .mwc-controls a:hover, html[data-mw-mode="dark"] .mwc-controls a[aria-current="page"] { background: #242e3a; }
html[data-mw-mode="dark"] .mwc-controls nav a:last-child { border-top-color: #354252; }
html[data-mw-mode="dark"] .mwc-controls > summary:focus-visible, html[data-mw-mode="dark"] .mwc-controls a:focus-visible { outline-color: #edf2f8; }
