#view-agent>.agent-wrap {
          display: none !important
        }

        #mirror-app {
          --m-bg: #100f13;
          --m-panel: #17151b;
          --m-line: #352f39;
          --m-text: #f4eee8;
          --m-muted: #aaa19a;
          --m-gold: #e1aa47;
          --m-pink: #e26782;
          max-width: 850px;
          margin: 0 auto;
          padding: 112px 24px 150px;
          color: var(--m-text);
          font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace
        }

        #mirror-app * {
          box-sizing: border-box
        }

        #mirror-app .m-kicker {
          color: var(--m-pink);
          font-size: 12px;
          letter-spacing: .14em;
          text-transform: uppercase;
          margin: 0 0 14px
        }

        #mirror-app h1 {
          font-family: Georgia, "Times New Roman", serif;
          font-size: clamp(38px, 6vw, 64px);
          line-height: 1.02;
          letter-spacing: -.035em;
          margin: 0 0 18px;
          max-width: 12ch
        }

        #mirror-app h1 em {
          color: var(--m-gold)
        }

        #mirror-app .m-lede {
          font-family: Georgia, "Times New Roman", serif;
          font-size: 20px;
          line-height: 1.55;
          color: #d8d0c6;
          max-width: 62ch;
          margin: 0 0 22px
        }

        #mirror-app .m-trust {
          border: 1px solid var(--m-line);
          border-left: 3px solid var(--m-gold);
          background: var(--m-panel);
          border-radius: 0 12px 12px 0;
          padding: 16px 18px;
          color: var(--m-muted);
          font-size: 13px;
          line-height: 1.6;
          margin: 0 0 20px
        }

        #mirror-app .m-primary,
        #mirror-app .m-provider {
          min-height: 44px;
          border-radius: 10px;
          border: 1px solid transparent;
          padding: 11px 17px;
          font: 700 13px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
          cursor: pointer;
          text-decoration: none;
          display: inline-flex;
          align-items: center;
          justify-content: center
        }

        #mirror-app .m-primary {
          background: #c83f60;
          color: #fff
        }

        #mirror-app .m-primary:hover {
          filter: brightness(1.08)
        }

        #mirror-app .m-providers {
          display: flex;
          flex-wrap: wrap;
          gap: 9px;
          margin: 12px 0 0
        }

        .m-provider-note {
          flex-basis: 100%;
          margin: 0 0 2px;
          font-size: 12.5px;
          line-height: 1.55;
          color: var(--m-muted)
        }

        .m-provider-note strong {
          color: #ded6cc;
          font-weight: 600
        }

        #mirror-app .m-provider {
          background: #1d1a20;
          border-color: var(--m-line);
          color: #ded6cc
        }

        #mirror-app .m-hidden {
          display: none !important
        }

        #mirror-app .m-copy-status {
          min-height: 1.4em;
          color: var(--m-gold);
          font-size: 12px;
          margin: 10px 0 0
        }

        #mirror-app details {
          border: 1px solid var(--m-line);
          border-radius: 12px;
          background: var(--m-panel);
          padding: 14px 16px;
          margin: 18px 0 26px
        }

        #mirror-app summary {
          cursor: pointer;
          color: #ddd4ca;
          font-size: 13px;
          font-weight: 700
        }

        #mirror-app pre {
          white-space: pre-wrap;
          word-break: break-word;
          max-height: 420px;
          overflow: auto;
          color: #cfc6bc;
          font-size: 12px;
          line-height: 1.65;
          margin: 16px 0 0;
          background: #0d0c10;
          border: 1px solid #28232b;
          border-radius: 9px;
          padding: 15px
        }

        #mirror-app .m-divider {
          border: 0;
          border-top: 1px dashed var(--m-line);
          margin: 32px 0
        }

        .mirror-invite {
          max-width: 680px;
          margin: 56px auto 24px;
          padding: 22px 24px;
          border: 1px solid var(--rule);
          border-left: 3px solid var(--crimson);
          border-radius: 0 12px 12px 0;
          background: var(--panel)
        }

        .mirror-invite h2 {
          font-family: var(--disp);
          font-size: 22px;
          line-height: 1.2;
          margin: 0 0 8px
        }

        .mirror-invite p {
          margin: 0 0 14px
        }

        .mirror-invite button {
          min-height: 44px;
          border: 0;
          border-radius: 9px;
          background: var(--crimson);
          color: #fff;
          padding: 10px 16px;
          font-family: var(--disp);
          font-weight: 800;
          cursor: pointer
        }

        .toggle[role="tablist"] button {
          min-height: 44px
        }

        @media(max-width:560px) {
          #mirror-app {
            padding: 92px 16px 116px
          }

          #mirror-app .m-primary,
          #mirror-app .m-provider {
            width: 100%
          }

          .toggle {
            position: sticky;
            bottom: 0;
            left: auto;
            transform: none;
            margin: 0 auto;
            width: max-content;
            max-width: 100%;
            box-shadow: 0 -8px 24px rgba(0, 0, 0, .45)
          }
        }

        @media print {

          .toggle,
          #mirror-app>.m-kicker,
          #mirror-app>h1,
          #mirror-app>.m-lede,
          #mirror-app>.m-trust,
          #mirror-app>.m-primary,
          #mirror-app>.m-providers,
          #mirror-app>.m-copy-status,
          #mirror-app>details,
          #mirror-app>.m-divider {
            display: none !important
          }

          #mirror-app {
            padding: 0;
            background: #fff;
            color: #111
          }
        }