.mhub-mock{width:100%;height:100%;display:flex;align-items:center;justify-content:center;container-type:inline-size;--pill-bg: var(--mh-warn-bg);--pill-fg: var(--mh-warn);--mh-surface: #FFFFFF;--mh-border: #E8E4F2;--mh-ink: #1A1A2E;--mh-mute: #6B6B7B;--mh-primary: #6514DD;--mh-primary-2: #4B0EA5;--mh-primary-soft: #D5C6F3;--mh-success: #08BF83;--mh-success-ink: #006A40;--mh-success-bg: #C7EDE1;--mh-success-border: #9BDDC8;--mh-warn: #7A4D08;--mh-warn-bg: #FBE9C8;--mh-warn-border: #E7BE7B}.mhub-mock[data-phase=success-a],.mhub-mock[data-phase=success-b]{--pill-bg: var(--mh-success-bg);--pill-fg: var(--mh-success-ink)}.mhub-card{position:relative;width:100%;height:100%;background:var(--mh-surface);border:0;padding:6cqi;display:flex;flex-direction:column;gap:4cqi;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;color:var(--mh-ink);overflow:hidden}.mhub-head{display:flex;align-items:center;justify-content:space-between;gap:3cqi;margin:-6cqi -6cqi 0;padding:4.5cqi 6cqi;border-bottom:1px solid var(--mh-border)}.mhub-logo{display:inline-flex;align-items:center;gap:2cqi;flex-shrink:0;color:var(--mh-primary)}.mhub-logo-img{display:block;height:7cqi;width:auto}.mhub-pill{display:inline-flex;align-items:center;justify-content:center;gap:2cqi;height:8.5cqi;min-width:15cqi;padding:1cqi 3.5cqi;border-radius:999px;background:var(--pill-bg);color:var(--pill-fg);font-size:3.25cqi;font-weight:400;line-height:1;letter-spacing:0;white-space:nowrap;transition:opacity .22s cubic-bezier(.2,0,0,1),background-color .22s cubic-bezier(.2,0,0,1),color .22s cubic-bezier(.2,0,0,1)}.mhub-stage,.mhub-stage-inner{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.mhub-summary,.mhub-celebration,.mhub-metric{transition:opacity .24s cubic-bezier(.2,0,0,1),transform .24s cubic-bezier(.2,0,0,1),filter .24s cubic-bezier(.2,0,0,1)}.mhub-summary{display:none;flex-direction:column;gap:2cqi;line-height:1.2;padding-top:4cqi}.mhub-summary-label{font-size:3.75cqi;color:var(--mh-mute);line-height:1.2}.mhub-summary-value{font-size:7cqi;font-weight:500;letter-spacing:-.015em;color:var(--mh-ink);line-height:1.15}.mhub-summary-meta{font-size:3.75cqi;color:var(--mh-mute);line-height:1.35}.mhub-celebration,.mhub-metric{display:none;flex-direction:column;align-items:center;justify-content:center;gap:3.5cqi;flex:1;text-align:center}.mhub-success-icon{flex:0 0 auto;width:14cqi;height:14cqi;color:var(--mh-success)}.mhub-success-icon svg path{stroke:var(--mh-surface)}.mhub-success-icon svg{width:100%;height:100%;display:block}.mhub-success-text{font-size:4.5cqi;font-weight:700;color:var(--mh-ink);line-height:1.25;max-width:22ch}.mhub-metric-ring{position:relative;display:inline-flex;width:40cqi;height:40cqi}.mhub-metric-ring svg{width:100%;height:100%;display:block}.mhub-metric-ring-track{stroke:var(--mh-border)}.mhub-metric-ring-fg{stroke:var(--mh-mute);stroke-dasharray:339.29 339.29;stroke-dashoffset:339.29}.mhub-metric-ring.is-filling .mhub-metric-ring-fg{animation:mhub-metric-ring-fill 1.9s cubic-bezier(.22,.61,.36,1) forwards,mhub-metric-ring-color-light 1.9s cubic-bezier(.22,.61,.36,1) forwards}:root[data-theme=dark] .mhub-metric-ring.is-filling .mhub-metric-ring-fg{animation:mhub-metric-ring-fill 1.9s cubic-bezier(.22,.61,.36,1) forwards,mhub-metric-ring-color-dark 1.9s cubic-bezier(.22,.61,.36,1) forwards}.mhub-metric-ring.is-complete .mhub-metric-ring-fg{stroke:#08bf83}:root[data-theme=dark] .mhub-metric-ring.is-complete .mhub-metric-ring-fg{stroke:#22d69b}@keyframes mhub-metric-ring-fill{0%{stroke-dashoffset:339.29}to{stroke-dashoffset:0}}@keyframes mhub-metric-ring-color-light{0%{stroke:#6b6b7b}to{stroke:#08bf83}}@keyframes mhub-metric-ring-color-dark{0%{stroke:#9b9b9b}to{stroke:#22d69b}}@media(prefers-reduced-motion:reduce){.mhub-metric-ring.is-filling .mhub-metric-ring-fg{animation:none;stroke-dashoffset:0;stroke:#08bf83}:root[data-theme=dark] .mhub-metric-ring.is-filling .mhub-metric-ring-fg{stroke:#22d69b}}.mhub-metric-ring .mhub-success-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.mhub-success-value{font-family:var(--sans);font-size:11cqi;font-weight:700;letter-spacing:-.04em;line-height:.95;color:var(--mh-mute);font-variant-numeric:tabular-nums}.mhub-metric-ring.is-filling .mhub-success-value{animation:mhub-metric-value-color-light 1.9s cubic-bezier(.22,.61,.36,1) forwards}:root[data-theme=dark] .mhub-metric-ring.is-filling .mhub-success-value{animation:mhub-metric-value-color-dark 1.9s cubic-bezier(.22,.61,.36,1) forwards}@keyframes mhub-metric-value-color-light{0%{color:#6b6b7b}to{color:#08bf83}}@keyframes mhub-metric-value-color-dark{0%{color:#9b9b9b}to{color:#22d69b}}@media(prefers-reduced-motion:reduce){.mhub-metric-ring.is-filling .mhub-success-value{animation:none;color:#08bf83}:root[data-theme=dark] .mhub-metric-ring.is-filling .mhub-success-value{color:#22d69b}}.mhub-success-label{font-size:4.5cqi;font-weight:700;color:var(--mh-ink);line-height:1.25;max-width:22ch}.mhub-mock[data-phase=ready] .mhub-summary,.mhub-mock[data-phase=loading] .mhub-summary,.mhub-mock[data-phase=success-a] .mhub-celebration,.mhub-mock[data-phase=success-b] .mhub-metric{display:flex}.mhub-btn{position:absolute;left:6cqi;right:6cqi;bottom:6cqi;display:inline-flex;align-items:center;justify-content:center;gap:2.5cqi;min-height:12cqi;padding:5.5cqi 5cqi;border:1px solid transparent;border-radius:3px;background:var(--mh-primary);color:#fff;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:4.25cqi;font-weight:700;line-height:1;letter-spacing:0;cursor:pointer;overflow:hidden;isolation:isolate;transition:background-color .24s cubic-bezier(.2,0,0,1),color .24s cubic-bezier(.2,0,0,1),transform .36s cubic-bezier(.2,0,0,1),opacity .32s cubic-bezier(.2,0,0,1)}.mhub-btn-text{position:relative;z-index:1;display:inline-block;transition:opacity .16s cubic-bezier(.2,0,0,1),transform .16s cubic-bezier(.2,0,0,1)}.mhub-btn.is-swapping .mhub-btn-text{opacity:0;transform:translateY(-4px)}.mhub-btn-spinner{display:none;width:4cqi;height:4cqi;align-items:center;justify-content:center;position:relative;z-index:1}.mhub-btn-spinner svg{width:100%;height:100%;display:block;animation:mhub-spin .85s linear infinite}@keyframes mhub-spin{to{transform:rotate(360deg)}}.mhub-btn.is-loading .mhub-btn-spinner{display:inline-flex}.mhub-btn.is-loading{background:var(--mh-primary-2);cursor:not-allowed}.mhub-btn.is-hovered{background:var(--mh-primary-2)}.mhub-btn.is-clicked{transform:scale(.97)}.mhub-mock[data-phase=success-a] .mhub-btn,.mhub-mock[data-phase=success-b] .mhub-btn{opacity:0;transform:translateY(110%);pointer-events:none}.mhub-mock.is-morphing .mhub-summary,.mhub-mock.is-morphing .mhub-celebration,.mhub-mock.is-morphing .mhub-metric{opacity:0;transform:translateY(-6px) scale(.985);filter:blur(2px)}.mhub-btn-ripple{position:absolute;inset:0;margin:auto;width:2cqi;height:2cqi;border-radius:999px;background:#ffffff73;opacity:0;pointer-events:none;z-index:0}.mhub-btn.is-clicked .mhub-btn-ripple{animation:mhub-ripple .52s cubic-bezier(.2,0,0,1) forwards}@keyframes mhub-ripple{0%{width:2cqi;height:2cqi;opacity:.55}to{width:95cqi;height:95cqi;opacity:0}}@media(prefers-reduced-motion:reduce){.mhub-btn-ripple{animation:none!important}}:root[data-theme=dark] .mhub-mock{--mh-surface: #1E1E2E;--mh-border: #383838;--mh-ink: #FFFFFF;--mh-mute: #9B9B9B;--mh-primary: #B8A8FF;--mh-primary-2: #C9BCFF;--mh-primary-soft: rgba(184,168,255,.18);--mh-success: #22D69B;--mh-success-ink: #7FE5C0;--mh-success-bg: rgba(8,191,131,.22);--mh-success-border: rgba(8,191,131,.55);--mh-warn: #FFD893;--mh-warn-bg: rgba(240,185,82,.22);--mh-warn-border: rgba(240,185,82,.55)}:root[data-theme=dark] .mhub-btn{background:var(--mh-primary);color:#1a1a2e}:root[data-theme=dark] .mhub-btn.is-hovered,:root[data-theme=dark] .mhub-btn.is-loading{background:var(--mh-primary-2);color:#1a1a2e}