/* Approved MOMO card, shared byte-for-byte by website and all local portals. */
.flow-card.muc-card,.muc-card { position:relative; isolation:isolate; box-sizing:border-box; width:min(100%,575px); max-width:575px; margin-inline:auto; padding:0; border-radius:56px; background:#151716; color:#d4d9d6; }
.muc-card.muc-available { background:#000; box-shadow:0 28px 70px #0008; }
.muc-card [hidden] { display:none!important; }
.muc-canvas { display:none; position:absolute; inset:-48px; width:calc(100% + 96px); height:calc(100% + 96px); border-radius:0; pointer-events:none; z-index:0; }
.muc-available .muc-canvas { display:block; }
.muc-body { position:relative; z-index:1; width:100%; box-sizing:border-box; padding:38px 48px 25px; }
.muc-title { display:block; margin:0 0 18px; text-align:center; font-weight:500; font-size:38px; line-height:1.15; letter-spacing:-.04em; color:#f0f3f1; }
.muc-available .muc-body { padding:42px 48px 38px; }
.muc-available .muc-title { max-width:none; margin:0 auto 28px; font-size:20px; font-weight:400; line-height:1.5; letter-spacing:normal; color:#c7d0cb; }
.muc-headline { max-width:400px; font-size:20px; font-weight:400; color:#c7d0cb; line-height:1.5; text-align:center; margin:0 auto 30px; }
.muc-meta { margin-top:19px; text-align:center; font-size:11px; line-height:1.7; color:#858a89; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }.muc-meta p { margin:2px 0; font-size:inherit; line-height:inherit; color:inherit; }
.muc-history { border-block:1px solid #ffffff17; margin:0 0 27px; }
.muc-toggle { display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; background:transparent; border:0; padding:19px 0; color:#dadbdc; font:inherit; font-size:13px; cursor:pointer; text-align:left; }.muc-toggle small { color:#7e8783; font-size:11px; margin-left:10px; }
.muc-chevron { width:7px; height:7px; flex:none; border-right:1px solid #aaa; border-bottom:1px solid #aaa; transform:rotate(45deg); transition:transform .5s; margin:0 3px 4px 0; }[aria-expanded=true] .muc-chevron { transform:rotate(225deg); }
.muc-reveal { display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .65s cubic-bezier(.22,1,.36,1),opacity .5s; }.muc-reveal.is-open { grid-template-rows:1fr; opacity:1; }.muc-reveal-inner { min-height:0; overflow:clip; }
.muc-release+.muc-release { border-top:1px solid #ffffff12; padding-top:16px; }.muc-release h3 { margin:0 0 16px; font-size:11px; font-weight:400; color:#7d8982; letter-spacing:0; }.muc-release ul { padding:1px 0 20px; margin:0; list-style:none; display:grid; gap:20px; }.muc-release strong { font-size:12px; font-weight:500; color:#cfd0d0; }.muc-release p,.muc-history-note { color:#818b85; line-height:1.65; font-size:12px; margin:6px 0 0; }.muc-history-note { padding:0 0 18px; }
.muc-actions { display:grid; gap:12px; }.muc-actions .muc-primary { display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box; width:100%; max-width:100%; min-height:54px; padding:15px 22px; border:1px solid #bce69c; border-radius:100px; margin:0; background:#bce69c; color:#16200f; font:inherit; font-size:13px; text-decoration:none; cursor:pointer; transition:background .3s,transform .3s; }.muc-actions .muc-primary:hover { background:#c9efaf; transform:translateY(-1px); }.muc-actions .muc-primary:disabled { background:#172016; color:#8c9b86; border-color:#2a3924; cursor:default; transform:none; }
.muc-status { margin:0; font-size:13px; line-height:1.6; }.muc-status:empty { display:none; }.muc-status p:empty { display:none; }.muc-status p { margin:0 0 16px; }.muc-status progress { width:100%; }.muc-status .ota-progress { margin:0 0 20px; }.muc-card button:focus-visible,.muc-card a:focus-visible { outline:2px solid #bce69c; outline-offset:4px; }
.muc-available.thermal-fallback { box-shadow:inset 0 0 11px #00b7ff38,0 0 24px #84e58840; border:1px solid #84e58833; }.muc-available.thermal-fallback .muc-canvas { display:none; }
@media(max-width:600px) { .flow-card.muc-card,.muc-card { border-radius:42px; }.muc-body { padding:36px 28px 28px; }.muc-title { font-size:clamp(25px,7.6vw,32px); }.muc-headline { font-size:18px; } }
@media(prefers-reduced-motion:reduce) { .muc-reveal,.muc-chevron,.muc-primary { transition:none; } }
@media(max-width:600px) { .muc-available .muc-title { font-size:18px; } }
.muc-available .muc-primary { font-size:20px; font-weight:400; line-height:1.5; }
.muc-info-word { white-space:nowrap; }
.muc-card .muc-info-trigger { display:inline-flex; align-items:center; justify-content:center; vertical-align:-4px; width:28px; height:28px; padding:3px; border:0; border-radius:50%; background:transparent; color:#8c9990; cursor:pointer; }
.muc-card .muc-info-trigger:hover,.muc-card .muc-info-trigger[aria-expanded=true] { color:#c2eaa9; background:#ffffff08; }
.muc-info { position:fixed; z-index:1000; display:flex; flex-direction:column; box-sizing:border-box; width:min(420px,calc(100vw - 28px)); padding:12px; border:1px solid #ffffff24; border-radius:26px; background:#202622f5; color:#d3dcd6; box-shadow:0 24px 70px #0007,0 6px 20px #0004,inset 0 1px 0 #ffffff14; overflow:hidden; text-align:left; overflow-wrap:anywhere; font-family:inherit; animation:muc-glass-in .18s ease-out; }
.muc-info[hidden] { display:none!important; }
.muc-info-header { display:flex; flex:none; align-items:center; justify-content:space-between; gap:12px; padding:4px 8px 12px 12px; font-size:14px; line-height:1.5; margin:0; }
.muc-info-header small { color:#a0ada4; font-size:11px; white-space:nowrap; }
.muc-info-header button { flex:none; width:30px; height:30px; padding:0; border:0; border-radius:50%; background:#ffffff08; color:#a7b2ab; font-family:inherit; font-size:22px; line-height:1; cursor:pointer; }
.muc-info button:focus-visible { outline:2px solid #bce69c; outline-offset:3px; }
.muc-info-scroll { flex:0 1 auto; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:#cbd8ce55 transparent; padding:4px 12px 8px; border-radius:12px; }
.muc-info-scroll:focus-visible { outline:1px solid #bce69c80; outline-offset:-2px; }
.muc-info-scroll::-webkit-scrollbar { width:6px; height:6px; }
.muc-info-scroll::-webkit-scrollbar-track { background:transparent; }
.muc-info-scroll::-webkit-scrollbar-thumb { background:#cbd8ce55; border-radius:999px; }
.muc-info-scroll::-webkit-scrollbar-thumb:hover { background:#dce9df88; }
.muc-info-scroll::-webkit-scrollbar-button { display:none; width:0; height:0; }
@supports selector(::-webkit-scrollbar) { .muc-info-scroll { scrollbar-width:auto; scrollbar-color:auto; } }
.muc-info .muc-release ul { padding-bottom:16px; gap:14px; }
.muc-info .muc-meta { text-align:left; border-top:1px solid #ffffff17; padding-top:12px; margin-top:4px; }
.muc-info .muc-release p,.muc-info .muc-history-note { color:#adbbb1; }
.muc-info .muc-release h3,.muc-info .muc-meta { color:#9eada3; }
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) { .muc-info { background:linear-gradient(145deg,#ffffff0d,#ffffff00 60%),#19211bb3; -webkit-backdrop-filter:blur(26px) saturate(140%); backdrop-filter:blur(26px) saturate(140%); } }
@keyframes muc-glass-in { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { .muc-info { animation:none; } }
@media(prefers-reduced-transparency:reduce) { .muc-info { background:#202622; -webkit-backdrop-filter:none; backdrop-filter:none; } }
@media(max-width:600px) { .muc-available .muc-body { padding:36px 28px 28px; }.muc-available .muc-primary { font-size:18px; } }

/* Reserve room for the outer light within each host column. */
.flow-card.muc-card.muc-available,.muc-card.muc-available { width:min(calc(100% - 48px),527px); }
@media(max-width:600px) { .flow-card.muc-card.muc-available,.muc-card.muc-available { width:calc(100% - 32px); } }