#mir-root {
            --mir-gold: #e1aa47;
            --mir-accent: #e26782;
            --mir-ink: #6a635d;
            --mir-text: #f4eee8;
            --mir-muted: #aaa19a;
            --mir-faint: #7f7772;
            --mir-line: #332e35;
            --mir-line2: #4a444c;
            --mir-panel: #16151a;
            --mir-panel2: #1b1a20;
            --mir-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            --mir-serif: Georgia, "Times New Roman", serif;
            color: var(--mir-text);
            font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            font-size: 16.5px;
            line-height: 1.55;
            display: block;
            margin: 34px 0 0
          }

          html[data-theme="light"] #mir-root,
          :root[data-theme="light"] #mir-root {
            --mir-gold: #b9791a;
            --mir-accent: #c83f60;
            --mir-ink: #c9c0b6;
            --mir-text: #1d1a1a;
            --mir-muted: #6c655f;
            --mir-faint: #9c948d;
            --mir-line: #e0d8ce;
            --mir-line2: #cabfb2;
            --mir-panel: #fffdf9;
            --mir-panel2: #f6f1e8
          }

          #mir-root * {
            box-sizing: border-box
          }

          #mir-root .mir-eyebrow {
            font-family: var(--mir-mono);
            font-size: 12px;
            letter-spacing: .14em;
            text-transform: uppercase;
            color: var(--mir-accent);
            margin: 0 0 10px
          }

          #mir-root .mir-h {
            font-family: var(--mir-serif);
            font-weight: 500;
            letter-spacing: -.03em;
            font-size: clamp(28px, 3.6vw, 36px);
            line-height: 1.06;
            margin: 0 0 10px
          }

          #mir-root .mir-h em {
            color: var(--mir-gold);
            font-style: italic
          }

          #mir-root .mir-lede {
            color: var(--mir-muted);
            max-width: 60ch;
            margin: 0 0 22px
          }

          #mir-root .mir-lede code {
            font-family: var(--mir-mono);
            font-size: .9em
          }

          #mir-root .mir-card {
            background: var(--mir-panel);
            border: 1px solid var(--mir-line);
            border-radius: 16px;
            padding: 20px
          }

          #mir-root textarea {
            width: 100%;
            min-height: 78px;
            resize: vertical;
            background: var(--mir-panel2) !important;
            color: var(--mir-text) !important;
            border: 1px solid var(--mir-line2) !important;
            border-radius: 11px;
            padding: 12px 13px;
            font-family: var(--mir-mono) !important;
            font-size: 13px !important
          }

          #mir-root textarea:focus {
            outline: 2px solid var(--mir-accent);
            outline-offset: 1px
          }

          #mir-root .mir-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 9px;
            align-items: center;
            margin-top: 12px
          }

          #mir-root button.mir-btn {
            font: inherit;
            cursor: pointer;
            border-radius: 10px;
            border: 1px solid transparent;
            padding: 10px 16px;
            font-weight: 600
          }

          #mir-root .mir-btn.mir-primary {
            background: #c83f60 !important;
            color: #fff !important
          }

          #mir-root .mir-btn.mir-primary:hover {
            filter: brightness(1.06)
          }

          #mir-root .mir-btn.mir-ghost {
            background: transparent;
            color: var(--mir-muted);
            border-color: var(--mir-line2)
          }

          #mir-root .mir-btn.mir-ghost:hover {
            color: var(--mir-text)
          }

          #mir-root .mir-msg {
            font-family: var(--mir-mono);
            font-size: 12.5px;
            min-height: 1.2em;
            margin: 12px 0 0
          }

          #mir-root .mir-msg[data-tone="success"] {
            color: var(--mir-gold)
          }

          #mir-root .mir-msg[data-tone="warning"] {
            color: var(--mir-accent)
          }

          #mir-root .mir-msg[data-tone="muted"] {
            color: var(--mir-faint)
          }

          #mir-root .mir-stage {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 22px;
            margin-top: 26px;
            justify-items: center
          }

          @media(max-width:680px) {
            #mir-root svg {
              max-width: 100%;
              height: auto
            }

            #mir-root .mir-stage,
            #mir-root .mir-legend {
              max-width: 100%;
              min-width: 0
            }

            #mir-root .mir-lrow {
              min-width: 0
            }

            #mir-root .mir-wd {
              white-space: normal
            }

            #mir-root .mir-wd {
              white-space: normal
            }

            #mir-root .mir-nm {
              font-size: 17px
            }

            #mir-root .mir-nm small {
              font-size: 14px
            }
          }

          .mpl-intro {
            width: 100%;
            max-width: 640px;
            font-size: 13px;
            line-height: 1.6;
            color: var(--m-muted);
            margin: 6px 0 0
          }

          .mpl-intro strong {
            color: var(--m-text)
          }

          .mir-print-legend {
            width: 100%;
            max-width: 640px;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin: 8px 0 0
          }

          .mpl-item {
            flex: 1;
            min-width: 150px;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 9px 12px;
            border: 1px solid var(--m-line);
            border-radius: 9px;
            background: var(--m-panel)
          }

          .mpl-sw {
            width: 20px;
            height: 20px;
            border-radius: 5px;
            flex: 0 0 auto
          }

          .mpl-solid {
            background: #e1aa47
          }

          .mpl-faded {
            background: #e1aa47;
            opacity: .4
          }

          .mpl-dark {
            background: #17151b;
            border: 1px solid #352f39
          }

          .mpl-tx {
            display: flex;
            flex-direction: column;
            line-height: 1.3
          }

          .mpl-tx b {
            color: var(--m-text);
            font-size: 13px;
            font-weight: 600
          }

          .mpl-tx span {
            color: var(--m-muted);
            font-size: 12px
          }

          .mir-gold-em {
            color: var(--m-gold);
            font-weight: 600
          }

          @media(max-width:680px) {
            #mir-root .mir-stage {
              grid-template-columns: 1fr;
              justify-items: center
            }
          }

          #mir-root svg.mir-svg {
            width: 460px;
            max-width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
            filter: drop-shadow(0 14px 40px rgba(0, 0, 0, .42))
          }

          #mir-root .mir-legend {
            display: flex;
            flex-direction: column;
            gap: 10px;
            width: 100%;
            max-width: 640px
          }

          #mir-root .mir-key {
            font-family: var(--mir-mono);
            font-size: 13.5px;
            line-height: 1.55;
            color: var(--mir-muted);
            padding: 2px 2px 8px;
            max-width: 52ch
          }

          #mir-root .mir-lrow {
            display: grid;
            grid-template-columns: 15px 24px 1fr;
            gap: 12px;
            row-gap: 9px;
            align-items: center;
            padding: 13px 15px;
            border: 1px solid var(--mir-line);
            border-radius: 10px;
            background: var(--mir-panel2)
          }

          #mir-root .mir-lrow.mir-wallrow {
            grid-template-columns: 1fr;
            background: transparent;
            border: 0;
            text-align: center;
            padding: 2px 0;
            color: var(--mir-accent);
            font-family: var(--mir-mono);
            font-size: 10px;
            letter-spacing: .14em;
            border-top: 1px dashed var(--mir-line2);
            border-bottom: 1px dashed var(--mir-line2)
          }

          #mir-root .mir-sw {
            width: 12px;
            height: 12px;
            border-radius: 50%
          }

          #mir-root .mir-ln {
            font-family: var(--mir-mono);
            color: var(--mir-faint);
            font-weight: 700;
            font-size: 13px
          }

          #mir-root .mir-nm {
            font-weight: 600;
            font-size: 18px;
            line-height: 1.3
          }

          #mir-root .mir-nm small {
            display: block;
            color: var(--mir-muted);
            font-weight: 400;
            font-size: 14.5px;
            margin-top: 2px
          }

          #mir-root .mir-wd {
            font-family: var(--mir-mono);
            font-size: 15px;
            grid-column: 3/-1;
            justify-self: start;
            color: var(--mir-muted);
            padding: 3px 8px;
            border-radius: 20px;
            border: 1px solid transparent
          }

          #mir-root .mir-summary {
            margin-top: 0;
            width: 100%;
            max-width: 640px;
            padding: 14px 20px;
            border-left: 3px solid var(--mir-gold);
            background: rgba(225, 170, 71, .10);
            border-radius: 0 14px 14px 0
          }

          #mir-root .mir-result-h {
            font-family: var(--mir-serif);
            font-size: 24px;
            line-height: 1.15;
            letter-spacing: -.02em;
            margin: 0;
            color: var(--mir-text)
          }

          #mir-root .mir-reyebrow {
            font-family: var(--mir-mono);
            font-size: 11.5px;
            letter-spacing: .16em;
            text-transform: uppercase;
            color: var(--mir-gold);
            margin: 0 0 6px !important
          }

          #mir-root .mir-summary p {
            margin: 0;
            color: var(--mir-text)
          }

          #mir-root .mir-who {
            font-family: var(--mir-serif);
            font-size: 28px;
            letter-spacing: -.02em;
            margin: 0 0 8px !important
          }

          #mir-root .mir-hidden {
            display: none !important
          }

          #mir-root .mir-bridge {
            width: 100%;
            max-width: 640px;
            background: var(--mir-panel);
            border: 1px solid var(--mir-line);
            border-radius: 16px;
            padding: 20px
          }

          #mir-root .mir-bh {
            font-family: var(--mir-serif);
            font-size: 23px;
            letter-spacing: -.01em;
            margin: 0 0 6px
          }

          #mir-root .mir-bline {
            color: var(--mir-muted);
            max-width: 62ch;
            margin: 0 0 14px
          }

          #mir-root .mir-bactions {
            display: flex;
            flex-wrap: wrap;
            gap: 9px;
            align-items: center
          }

          #mir-root a.mir-btn {
            text-decoration: none !important;
            display: inline-block
          }

          #mir-root .mir-bmicro {
            font-family: var(--mir-mono);
            font-size: 12.5px;
            color: var(--mir-muted);
            margin: 12px 0 0;
            max-width: 74ch
          }

          #mir-root .mir-mail {
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px dashed var(--mir-line2)
          }

          #mir-root .mir-mail p {
            margin: 0 0 10px;
            color: var(--mir-text)
          }

          #mir-root .mir-mailrow {
            display: flex;
            flex-wrap: wrap;
            gap: 9px
          }

          #mir-root .mir-ctarow {
            margin-top: 9px
          }

          #mir-root .mir-ctarow .mir-primary {
            width: 100%;
            justify-content: center;
            text-align: center
          }

          #mir-root .mir-mail input[type=email] {
            flex: 1;
            min-width: 210px;
            background: var(--mir-panel2) !important;
            color: var(--mir-text) !important;
            border: 1px solid var(--mir-line2) !important;
            border-radius: 10px;
            padding: 12px 13px;
            font: inherit;
            font-size: 15px !important
          }

          #mir-root .mir-mail input[type=email]:focus {
            outline: 2px solid var(--mir-accent);
            outline-offset: 1px
          }

          #mir-root .mir-mailrow input {
            flex: 1 1 auto;
            width: 100%;
            min-width: 0;
            background: var(--mir-panel2);
            color: var(--mir-text);
            border: 1px solid var(--mir-line);
            border-radius: 10px;
            padding: 12px 14px;
            font: inherit;
            font-size: 15px
          }

          #mir-root .mir-mailrow input::placeholder {
            color: var(--mir-faint)
          }

          #mir-root .mir-mailrow input:focus {
            outline: 2px solid var(--mir-accent);
            outline-offset: 1px
          }

          #mir-root .mir-mailrow:first-of-type {
            margin-bottom: 9px
          }

          #mir-root .lad {
            margin: 26px 0 0
          }

          #mir-root .rung-sw {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            align-self: center
          }

          #mir-root .lad-q {
            font-family: var(--mir-serif);
            font-size: 24px;
            letter-spacing: -.01em;
            margin: 0 0 4px
          }

          #mir-root .lad-sub {
            font-size: 15px;
            color: var(--mir-muted);
            margin: 0 0 18px;
            line-height: 1.5
          }

          #mir-root .lad-band {
            font-family: var(--mir-mono);
            font-size: 10.5px;
            letter-spacing: .15em;
            text-transform: uppercase;
            color: var(--mir-faint);
            margin: 14px 0 7px
          }

          #mir-root .lad-band.fut {
            color: var(--mir-gold)
          }

          #mir-root .rung {
            display: grid;
            grid-template-columns: 12px 40px 1fr auto;
            gap: 14px;
            align-items: center;
            padding: 14px 16px;
            border-radius: 12px;
            margin-bottom: 8px;
            border: 1px solid var(--mir-line);
            background: var(--mir-panel2);
            opacity: 1;
            transition: opacity .2s
          }

          #mir-root .rung.reached {
            opacity: 1
          }

          #mir-root .rung.here {
            opacity: 1;
            border-color: var(--mir-gold);
            background: linear-gradient(90deg, rgba(225, 170, 71, .16), rgba(225, 170, 71, .05));
            box-shadow: 0 0 0 1px var(--mir-gold) inset
          }

          #mir-root .rung-n {
            font-family: var(--mir-disp, var(--mir-serif));
            font-size: 30px;
            font-weight: 700;
            line-height: 1;
            color: var(--mir-faint)
          }

          #mir-root .rung.here .rung-n {
            color: var(--mir-gold)
          }

          #mir-root .rung.reached .rung-n {
            color: var(--mir-text)
          }

          #mir-root .rung-t {
            font-size: 17px;
            font-weight: 600;
            margin: 0 0 3px;
            line-height: 1.25
          }

          #mir-root .rung-d {
            font-size: 14px;
            color: var(--mir-muted);
            margin: 0;
            line-height: 1.45
          }

          #mir-root .rung-tag {
            font-family: var(--mir-mono);
            font-size: 10px;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--mir-faint);
            white-space: nowrap;
            align-self: start;
            padding-top: 4px
          }

          #mir-root .rung.here .rung-tag {
            color: var(--mir-gold)
          }

          #mir-root .lad-wall {
            display: flex;
            align-items: center;
            gap: 10px;
            margin: 12px 0
          }

          #mir-root .lad-wall:before,
          #mir-root .lad-wall:after {
            content: '';
            flex: 1;
            border-top: 1px dashed var(--mir-gold);
            opacity: .55
          }

          #mir-root .lad-wall span {
            font-family: var(--mir-mono);
            font-size: 10.5px;
            letter-spacing: .13em;
            text-transform: uppercase;
            color: var(--mir-gold);
            border: 1px solid var(--mir-gold);
            border-radius: 20px;
            padding: 4px 11px;
            white-space: nowrap
          }

          #mir-root .lad-foot {
            font-size: 15px;
            color: var(--mir-muted);
            margin: 16px 0 0;
            line-height: 1.5
          }

          #mir-root .lad-foot b {
            color: var(--mir-text)
          }

          @media(max-width:680px) {
            #mir-root .rung {
              grid-template-columns: 10px 28px 1fr;
              gap: 11px
            }

            #mir-root .rung-tag {
              grid-column: 1/-1;
              padding-top: 0
            }

            #mir-root .rung-n {
              font-size: 24px
            }
          }

          #mir-root .cy-wrap {
            margin-top: 34px;
            border-top: 1px solid var(--mir-line);
            padding-top: 26px
          }

          #mir-root .cy-eyebrow {
            font-family: var(--mir-mono);
            font-size: 11.5px;
            letter-spacing: .14em;
            text-transform: uppercase;
            color: var(--mir-accent);
            margin: 0 0 8px
          }

          #mir-root .cy-h {
            font-family: var(--mir-serif);
            font-size: 28px;
            letter-spacing: -.01em;
            margin: 0 0 10px
          }

          #mir-root .cy-read {
            font-size: 18px;
            line-height: 1.5;
            color: var(--mir-text);
            margin: 0 0 18px;
            padding-left: 14px;
            border-left: 3px solid var(--mir-gold)
          }

          #mir-root .cy-lede {
            font-size: 15.5px;
            line-height: 1.55;
            color: var(--mir-muted);
            max-width: 62ch;
            margin: 0 0 20px
          }

          #mir-root .cy-step {
            display: grid;
            grid-template-columns: 38px 1fr;
            gap: 14px;
            padding: 16px 16px;
            border: 1px solid var(--mir-line);
            border-radius: 12px;
            background: var(--mir-panel2);
            margin-bottom: 11px;
            position: relative
          }

          #mir-root .cy-step[data-you="1"] {
            border-color: var(--mir-gold);
            box-shadow: 0 0 0 1px var(--mir-gold) inset
          }

          #mir-root .cy-youare {
            position: absolute;
            top: -9px;
            left: 16px;
            font-family: var(--mir-mono);
            font-size: 10.5px;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: #0e130f;
            background: var(--mir-gold);
            padding: 2px 8px;
            border-radius: 20px;
            display: none
          }

          #mir-root .cy-step[data-you="1"] .cy-youare {
            display: block
          }

          #mir-root .cy-n {
            font-family: var(--mir-mono);
            font-size: 19px;
            font-weight: 700;
            color: var(--mir-faint);
            line-height: 1.1
          }

          #mir-root .cy-t {
            font-size: 17px;
            font-weight: 600;
            margin: 0 0 4px;
            line-height: 1.3
          }

          #mir-root .cy-d {
            font-size: 14.5px;
            line-height: 1.5;
            color: var(--mir-muted);
            margin: 0
          }

          #mir-root .cy-tag {
            display: inline-block;
            font-family: var(--mir-mono);
            font-size: 11px;
            padding: 2px 8px;
            border-radius: 20px;
            margin-left: 7px;
            vertical-align: 2px
          }

          #mir-root .cy-free {
            background: rgba(90, 190, 120, .16);
            color: #7fd39b;
            border: 1px solid rgba(90, 190, 120, .35)
          }

          #mir-root .cy-term {
            background: rgba(225, 170, 71, .14);
            color: var(--mir-gold);
            border: 1px solid rgba(225, 170, 71, .35)
          }

          #mir-root .cy-fork {
            margin: 20px 0 12px;
            padding: 13px 15px;
            border-left: 3px solid var(--mir-gold);
            background: rgba(225, 170, 71, .07);
            border-radius: 0 10px 10px 0;
            font-size: 14.5px;
            line-height: 1.5;
            color: var(--mir-muted)
          }

          #mir-root .cy-note {
            font-family: var(--mir-mono);
            font-size: 12.5px;
            color: var(--mir-faint);
            margin-top: 14px;
            line-height: 1.5
          }

          #mir-root .cy-setup {
            margin: 8px 0 0;
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap
          }

          #mir-root .cy-setupbtn {
            font-family: var(--mir-mono);
            font-size: 12.5px;
            padding: 7px 12px;
            border: 1px solid var(--mir-line2);
            border-radius: 7px;
            background: transparent;
            color: var(--mir-text);
            cursor: pointer
          }

          #mir-root .cy-setupbtn:hover {
            border-color: var(--mir-muted)
          }

          #mir-root .cy-setuphint {
            font-size: 12px;
            color: var(--mir-muted);
            line-height: 1.4
          }

          @media(max-width:680px) {
            #mir-root .cy-step {
              grid-template-columns: 30px 1fr;
              gap: 11px
            }

            #mir-root .cy-h {
              font-size: 22px
            }
          }

          #mir-root .mir-maillead {
            font-size: 17px;
            line-height: 1.45;
            margin: 0 0 8px
          }

          #mir-root .mir-hero {
            font-size: 19px;
            line-height: 1.5;
            margin: 0 0 14px;
            color: var(--mir-text)
          }

          #mir-root .mir-hero b {
            color: var(--mir-gold)
          }

          #mir-root .mir-manifest {
            list-style: none;
            margin: 0 0 14px;
            padding: 0;
            display: flex;
            flex-direction: column;
            gap: 7px
          }

          #mir-root .mir-manifest li {
            position: relative;
            padding-left: 20px;
            font-size: 15.5px;
            line-height: 1.4
          }

          #mir-root .mir-manifest li:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: var(--mir-gold);
            font-weight: 700
          }

          #mir-root .mir-mailnote {
            font-family: var(--mir-mono);
            font-size: 12.5px;
            color: var(--mir-muted);
            margin: 9px 0 0
          }

          #mir-root .mir-deeper {
            margin-top: 16px;
            padding-top: 14px;
            border-top: 1px dashed var(--mir-line2)
          }

          #mir-root .mir-deeper p {
            margin: 0 0 7px;
            font-size: 13.5px;
            color: var(--mir-muted);
            max-width: 74ch
          }

          #mir-root .mir-deeper .mir-dh {
            font-family: var(--mir-mono);
            font-size: 11px;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: var(--mir-faint);
            margin: 0 0 8px
          }

          #mir-root .mir-deeper a {
            color: var(--mir-gold);
            font-weight: 600;
            text-decoration: none
          }

          #mir-root .mir-deeper a:hover {
            text-decoration: underline
          }

          #mir-root .mir-label {
            display: block;
            font-family: var(--mir-mono);
            font-size: 12px;
            color: var(--mir-muted);
            margin: 0 0 8px
          }

          #mir-root .mir-result-tools {
            display: flex;
            flex-wrap: wrap;
            gap: 9px;
            margin-top: 14px
          }

          #mir-root .mir-status:focus {
            outline: 2px solid var(--mir-accent);
            outline-offset: 3px
          }

          /* --- UX redesign: input actions, sample text-link, result toolbar --- */
          #mir-root .mir-input-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 9px;
            align-items: center;
            margin-top: 12px
          }

          #mir-root .mir-link {
            display: inline-block;
            background: none;
            border: 0;
            padding: 6px 0;
            margin: 10px 0 0;
            font-family: var(--mir-mono);
            font-size: 12.5px;
            color: var(--mir-muted);
            text-decoration: underline;
            text-underline-offset: 2px;
            cursor: pointer
          }

          #mir-root .mir-link:hover {
            color: var(--mir-text)
          }

          #mir-root .mir-link:focus-visible {
            outline: 2px solid var(--mir-accent);
            outline-offset: 2px
          }

          #mir-root .mir-result-toolbar {
            display: none
          }

          #mir-root .mir-stage.is-shown .mir-result-toolbar {
            display: flex;
            flex-wrap: wrap;
            gap: 9px;
            align-items: center;
            justify-content: flex-end;
            grid-column: 1/-1;
            width: 100%;
            margin-bottom: 2px;
            padding-bottom: 12px;
            border-bottom: 1px solid var(--mir-line)
          }

          #mir-root .mir-result-toolbar .mir-btn {
            padding: 8px 13px;
            font-size: 13px;
            min-height: 0;
            width: auto
          }

          #mir-root .mir-result-toolbar .mir-link {
            margin: 0;
            margin-right: auto
          }

          /* CTA glow: ready-to-fire pulse (crimson -> gold), only when .is-ready and enabled */
          #mir-root .mir-btn.mir-primary.is-ready {
            animation: mir-cta-glow 1.6s ease-in-out infinite
          }

          #mir-root .mir-btn.mir-primary:disabled,
          #mir-root .mir-btn.mir-primary[disabled] {
            opacity: .5;
            cursor: not-allowed;
            filter: none;
            animation: none !important;
            box-shadow: none
          }

          @keyframes mir-cta-glow {

            0%,
            100% {
              box-shadow: 0 0 15px 1px rgba(200, 63, 96, .38)
            }

            50% {
              box-shadow: 0 0 24px 6px rgba(225, 170, 71, .55)
            }
          }

          @media(prefers-reduced-motion:reduce) {
            #mir-root .mir-btn.mir-primary.is-ready {
              animation: none;
              border-color: var(--mir-gold);
              box-shadow: 0 0 16px 2px rgba(225, 170, 71, .5)
            }
          }

          /* Staged fingerprint construction (group opacity reveals band-by-band; rect keeps its maturity opacity) */
          #mir-root .mir-band {
            transform-box: fill-box;
            transform-origin: center
          }

          #mir-root .mir-stage.is-building .mir-band[data-layer="1"] {
            animation: mir-band-in 360ms 180ms both ease-out
          }

          #mir-root .mir-stage.is-building .mir-band[data-layer="2"] {
            animation: mir-band-in 360ms 540ms both ease-out
          }

          #mir-root .mir-stage.is-building .mir-band[data-layer="3"] {
            animation: mir-band-in 360ms 900ms both ease-out
          }

          #mir-root .mir-stage.is-building .mir-band[data-layer="4"] {
            animation: mir-band-in 360ms 1260ms both ease-out
          }

          #mir-root .mir-stage.is-building .mir-band[data-layer="5"] {
            animation: mir-band-in 360ms 1620ms both ease-out
          }

          @keyframes mir-band-in {
            from {
              opacity: 0;
              transform: scale(.985)
            }

            to {
              opacity: 1;
              transform: none
            }
          }

          @media(prefers-reduced-motion:reduce) {
            #mir-root .mir-stage.is-building .mir-band {
              animation: none !important;
              opacity: 1
            }
          }

          @media(max-width:420px) {
            #mir-root {
              margin: 12px 0 0;
              font-size: 15.5px
            }

            #mir-root .mir-card,
            #mir-root .mir-bridge {
              padding: 16px
            }

            #mir-root button.mir-btn,
            #mir-root a.mir-btn {
              min-height: 44px;
              width: 100%;
              text-align: center
            }

            #mir-root .mir-mailrow {
              display: grid;
              grid-template-columns: 1fr
            }

            #mir-root .mir-mail input[type=email] {
              min-width: 0;
              width: 100%
            }
          }

          @media print {
            body {
              background: #fff !important;
              padding: 0 !important
            }

            #mir-root {
              color: #111 !important;
              margin: 0 !important
            }

            #mir-root .mir-card,
            #mir-root .mir-actions,
            #mir-root .mir-bridge,
            #mir-root .mir-lede,
            #mir-root .mir-eyebrow {
              display: none !important
            }

            #mir-root .mir-summary {
              background: #fff !important;
              border: 1px solid #777 !important;
              color: #111 !important
            }

            #mir-root .mir-summary * {
              color: #111 !important
            }

            #mir-root svg.mir-svg {
              filter: none !important
            }
          }