/*
     * PATCH-221A-v2 — FOGSPACE PUBLIC EXPERIENCE
     *
     * Canonical public source.
     * No historical CSS underneath.
     * No late override layer.
     */

    :root {
      color-scheme: light dark;

      --bg: #f6f7f8;

      --surface:
        rgba(255, 255, 255, 0.82);

      --surface-solid:
        #ffffff;

      --text:
        #111315;

      --muted:
        #70757d;

      --soft:
        #a2a7ae;

      --line:
        rgba(15, 23, 42, 0.07);

      --major-line:
        rgba(15, 23, 42, 0.05);

      --success:
        #16865c;

      --success-bg:
        rgba(22, 134, 92, 0.09);

      --radius-xl:
        32px;

      --radius-lg:
        24px;

      --radius-md:
        18px;

      --shadow:
        0 1px 2px rgba(0, 0, 0, 0.025),
        0 15px 42px rgba(15, 23, 42, 0.045);

      --major-before:
        64px;

      --major-after:
        36px;
    }

    * {
      box-sizing: border-box;
    }

    html,
    body {
      margin: 0;
      min-height: 100%;
    }

    html {
      background: var(--bg);
      scroll-behavior: smooth;
    }

    body {
      min-width: 320px;

      background:
        radial-gradient(
          circle at 78% -12%,
          rgba(184, 190, 200, 0.18),
          transparent 34rem
        ),
        var(--bg);

      color: var(--text);

      font-family:
        -apple-system,
        BlinkMacSystemFont,
        "SF Pro Display",
        "SF Pro Text",
        "Segoe UI",
        Helvetica,
        Arial,
        sans-serif;

      -webkit-font-smoothing:
        antialiased;

      text-rendering:
        optimizeLegibility;
    }

    a {
      color: inherit;
      font: inherit;
    }

    svg {
      fill: none;
      stroke: currentColor;

      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    a:focus-visible {
      outline:
        3px solid
        rgba(17, 19, 21, 0.16);

      outline-offset:
        3px;
    }

    .shell {
      width:
        min(
          1180px,
          calc(100% - 48px)
        );

      margin:
        0 auto;

      padding-top:
        24px;;

      padding-bottom:
        48px;;
    }

    /* ============================================================
       TOPBAR
       ============================================================ */

    .topbar {
      min-height:
        64px;

      display:
        flex;

      align-items:
        center;

      justify-content:
        space-between;

      gap:
        24px;
    }

    .wordmark {
      display:
        inline-flex;

      align-items:
        baseline;

      text-decoration:
        none;

      font-size:
        18px;

      line-height:
        1;

      letter-spacing:
        -0.045em;
    }

    .wordmark strong {
      font-weight:
        760;
    }

    .wordmark span {
      font-weight:
        380;
    }

    .top-actions {
      display:
        flex;

      align-items:
        center;

      gap:
        10px;
    }

    .top-link {
      min-height:
        38px;

      display:
        inline-flex;

      align-items:
        center;

      padding:
        0 11px;

      color:
        var(--muted);

      text-decoration:
        none;

      font-size:
        12px;

      font-weight:
        600;
    }

    .signin-button {
      min-height:
        40px;

      display:
        inline-flex;

      align-items:
        center;

      justify-content:
        center;

      padding:
        0 16px;

      border-radius:
        12px;

      background:
        #111315;

      color:
        #ffffff;

      text-decoration:
        none;

      font-size:
        12px;

      font-weight:
        650;

      transition:
        opacity 150ms ease,
        transform 150ms ease;
    }

    .signin-button:hover {
      opacity:
        0.9;
    }

    .signin-button:active {
      transform:
        scale(0.98);
    }

    /* ============================================================
       HERO
       ============================================================ */

    .hero {
      min-height:
        470px;

      display:
        grid;

      grid-template-columns:
        minmax(0, 1.05fr)
        minmax(360px, 0.75fr);

      align-items:
        start;

      gap:
        clamp(
          46px,
          6vw,
          86px
        );

      padding:
        42px
        4px
        54px;
    }

    .hero-copy {
      max-width:
        690px;
    }

    .eyebrow {
      margin:
        0 0 19px;

      color:
        var(--muted);

      font-size:
        11px;

      font-weight:
        700;

      letter-spacing:
        0.14em;

      text-transform:
        uppercase;
    }

    .hero h1 {
      max-width:
        720px;

      margin:
        0;

      font-size:
        clamp(
          54px,
          7.3vw,
          92px
        );

      line-height:
        0.94;

      letter-spacing:
        -0.065em;

      font-weight:
        590;

      text-wrap:
        balance;
    }

    .hero h1 span {
      color:
        rgba(15, 23, 42, 0.33);
    }

    .hero-subtitle {
      max-width:
        590px;

      margin:
        28px 0 0;

      color:
        var(--muted);

      font-size:
        17px;

      line-height:
        1.6;

      letter-spacing:
        -0.015em;
    }

    .hero-actions {
      display:
        flex;

      flex-wrap:
        wrap;

      gap:
        10px;

      margin-top:
        30px;
    }

    .hero-primary,
    .hero-secondary {
      min-height:
        44px;

      display:
        inline-flex;

      align-items:
        center;

      justify-content:
        center;

      padding:
        0 17px;

      border-radius:
        12px;

      text-decoration:
        none;

      font-size:
        12px;

      font-weight:
        650;

      transition:
        transform 150ms ease,
        opacity 150ms ease,
        border-color 150ms ease;
    }

    .hero-primary {
      background:
        #111315;

      color:
        #ffffff;
    }

    .hero-secondary {
      border:
        1px solid
        rgba(15, 23, 42, 0.10);

      background:
        rgba(255, 255, 255, 0.42);

      color:
        var(--text);
    }

    .hero-primary:hover,
    .hero-secondary:hover {
      transform:
        translateY(-1px);
    }

    .hero-note {
      margin:
        16px 0 0;

      color:
        var(--soft);

      font-size:
        10px;
    }

    /* ============================================================
       HERO IDENTITY SURFACE
       ============================================================ */

    .identity-card {
      box-sizing:
        border-box;

      width:
        100%;

      height:
        360px;

      min-height:
        360px;

      position:
        relative;

      overflow:
        hidden;

      display:
        flex;

      flex-direction:
        column;

      padding:
        30px;

      border:
        1px solid
        rgba(255, 255, 255, 0.065);

      border-radius:
        var(--radius-xl);

      background:
        linear-gradient(
          145deg,
          #202327,
          #111315
        );

      color:
        #ffffff;

      box-shadow:
        0 18px 50px
        rgba(15, 23, 42, 0.08);

      isolation:
        isolate;
    }

    .identity-card::before {
      content:
        "";

      position:
        absolute;

      width:
        360px;

      height:
        360px;

      top:
        -185px;

      right:
        -150px;

      border-radius:
        50%;

      background:
        radial-gradient(
          circle at center,
          rgba(164, 173, 185, 0.25),
          rgba(164, 173, 185, 0.08) 48%,
          transparent 72%
        );

      pointer-events:
        none;
    }

    .identity-top,
    .identity-body,
    .identity-footer {
      position:
        relative;

      z-index:
        1;
    }

    .identity-top {
      display:
        flex;

      align-items:
        center;

      justify-content:
        space-between;

      gap:
        18px;
    }

    .identity-mark {
      width:
        58px;

      height:
        58px;

      display:
        grid;

      place-items:
        center;

      border:
        1px solid
        rgba(255, 255, 255, 0.11);

      border-radius:
        19px;

      background:
        rgba(255, 255, 255, 0.055);

      font-size:
        18px;

      font-weight:
        700;

      letter-spacing:
        -0.05em;
    }

    .verified-badge {
      min-height:
        34px;

      display:
        inline-flex;

      align-items:
        center;

      gap:
        7px;

      padding:
        0 13px;

      border:
        1px solid
        rgba(111, 220, 165, 0.13);

      border-radius:
        999px;

      color:
        rgba(122, 224, 170, 0.89);

      font-size:
        10px;

      font-weight:
        650;
    }

    .verified-badge span {
      width:
        6px;

      height:
        6px;

      border-radius:
        50%;

      background:
        currentColor;
    }

    .identity-body {
      margin-top:
        auto;

      padding-bottom:
        24px;
    }

    .identity-body p {
      margin:
        0 0 7px;

      color:
        rgba(255, 255, 255, 0.40);

      font-size:
        10px;

      font-weight:
        650;

      letter-spacing:
        0.11em;

      text-transform:
        uppercase;
    }

    .identity-body h2 {
      margin:
        0;

      color:
        rgba(255, 255, 255, 0.96);

      font-size:
        34px;

      line-height:
        1.04;

      letter-spacing:
        -0.045em;

      font-weight:
        590;
    }

    .identity-handle {
      display:
        block;

      margin-top:
        7px;

      color:
        rgba(255, 255, 255, 0.48);

      font-size:
        12px;
    }

    .identity-footer {
      display:
        flex;

      align-items:
        center;

      justify-content:
        space-between;

      gap:
        18px;

      padding-top:
        17px;

      border-top:
        1px solid
        rgba(255, 255, 255, 0.065);

      color:
        rgba(255, 255, 255, 0.31);

      font-size:
        9px;
    }

    .identity-footer strong {
      color:
        rgba(255, 255, 255, 0.49);

      font-weight:
        600;
    }

    /* ============================================================
       CANONICAL MAJOR SECTIONS
       ============================================================ */

    .major-section {
      margin-top:
        var(--major-before);

      padding:
        var(--major-after)
        4px
        0;

      border-top:
        1px solid
        var(--major-line);
    }

    .section-heading {
      max-width:
        760px;

      margin:
        0 0 30px;
    }

    .section-heading .eyebrow {
      margin-bottom:
        14px;
    }

    .section-heading h2 {
      margin:
        0;

      font-size:
        clamp(
          34px,
          4.2vw,
          55px
        );

      line-height:
        1.02;

      letter-spacing:
        -0.052em;

      font-weight:
        570;
    }

    .section-heading p:last-child {
      max-width:
        620px;

      margin:
        20px 0 0;

      color:
        var(--muted);

      font-size:
        14px;

      line-height:
        1.65;
    }

    /* ============================================================
       EVERYTHING CONNECTED
       ============================================================ */

    .space-grid {
      display:
        grid;

      grid-template-columns:
        repeat(
          4,
          minmax(0, 1fr)
        );

      gap:
        15px;
    }

    .space-card {
      min-width:
        0;

      min-height:
        205px;

      display:
        flex;

      flex-direction:
        column;

      padding:
        22px;

      border:
        1px solid
        var(--line);

      border-radius:
        var(--radius-lg);

      background:
        linear-gradient(
          145deg,
          rgba(255, 255, 255, 0.94),
          rgba(250, 251, 252, 0.82)
        );

      text-decoration:
        none;
    }

    .space-card.primary {
      box-shadow:
        var(--shadow);
    }

    .space-icon {
      width:
        42px;

      height:
        42px;

      display:
        grid;

      place-items:
        center;

      border:
        1px solid
        var(--line);

      border-radius:
        14px;
    }

    .space-icon svg {
      width:
        21px;

      height:
        21px;
    }

    .space-content {
      display:
        grid;

      gap:
        6px;

      margin-top:
        auto;
    }

    .space-content span {
      color:
        var(--muted);

      font-size:
        11px;
    }

    .space-content strong {
      font-size:
        16px;

      line-height:
        1.3;

      letter-spacing:
        -0.02em;

      font-weight:
        610;
    }

    .space-state {
      align-self:
        flex-start;

      margin-top:
        15px;

      color:
        var(--success);

      font-size:
        10px;

      font-weight:
        650;
    }

    /* ============================================================
       PRIVACY / SECURITY
       ============================================================ */

    .security-layout {
      display:
        grid;

      grid-template-columns:
        0.88fr
        1.12fr;

      gap:
        clamp(
          56px,
          8vw,
          120px
        );

      align-items:
        start;
    }

    .security-copy h2 {
      margin:
        0;

      font-size:
        clamp(
          34px,
          4.2vw,
          55px
        );

      line-height:
        1.02;

      letter-spacing:
        -0.052em;

      font-weight:
        570;
    }

    .security-copy > p:last-child {
      max-width:
        500px;

      margin:
        20px 0 0;

      color:
        var(--muted);

      font-size:
        14px;

      line-height:
        1.65;
    }

    .security-panel {
      overflow:
        hidden;

      border:
        1px solid
        var(--line);

      border-radius:
        var(--radius-lg);

      background:
        var(--surface);
    }

    .security-row {
      display:
        grid;

      grid-template-columns:
        38px
        1fr;

      align-items:
        center;

      gap:
        15px;

      padding:
        20px 22px;
    }

    .security-row + .security-row {
      border-top:
        1px solid
        var(--line);
    }

    .check {
      width:
        36px;

      height:
        36px;

      display:
        grid;

      place-items:
        center;

      border-radius:
        12px;

      background:
        var(--success-bg);

      color:
        var(--success);

      font-size:
        14px;

      font-weight:
        760;
    }

    .security-row div:last-child {
      display:
        grid;

      gap:
        4px;
    }

    .security-row strong {
      font-size:
        13px;

      font-weight:
        620;
    }

    .security-row span {
      color:
        var(--muted);

      font-size:
        11px;

      line-height:
        1.45;
    }

    /* ============================================================
       NETWORK / OWNERSHIP
       ============================================================ */

    .network-strip {
      display:
        grid;

      grid-template-columns:
        repeat(
          4,
          minmax(0, 1fr)
        );

      border:
        1px solid
        var(--line);

      border-radius:
        var(--radius-lg);

      overflow:
        hidden;

      background:
        var(--surface);
    }

    .network-item {
      min-height:
        116px;

      display:
        flex;

      flex-direction:
        column;

      justify-content:
        space-between;

      gap:
        18px;

      padding:
        20px;
    }

    .network-item + .network-item {
      border-left:
        1px solid
        var(--line);
    }

    .network-item span {
      color:
        var(--muted);

      font-size:
        10px;

      letter-spacing:
        0.10em;

      text-transform:
        uppercase;
    }

    .network-item strong {
      font-size:
        17px;

      letter-spacing:
        -0.025em;

      font-weight:
        610;
    }

    /* ============================================================
       FINAL CTA
       ============================================================ */

    .final-cta {
      display:
        flex;

      align-items:
        flex-end;

      justify-content:
        space-between;

      gap:
        40px;
    }

    .final-cta-copy {
      max-width:
        720px;
    }

    .final-cta h2 {
      margin:
        0;

      font-size:
        clamp(
          38px,
          5.4vw,
          70px
        );

      line-height:
        0.98;

      letter-spacing:
        -0.06em;

      font-weight:
        580;
    }

    .final-cta h2 span {
      color:
        rgba(15, 23, 42, 0.33);
    }

    .final-cta p {
      max-width:
        560px;

      margin:
        20px 0 0;

      color:
        var(--muted);

      font-size:
        14px;

      line-height:
        1.6;
    }

    .final-cta .signin-button {
      flex:
        0 0 auto;

      min-height:
        44px;

      padding:
        0 18px;
    }

    /* ============================================================
       CANONICAL PAGE END
       ============================================================ */

    .page-end {
      display:
        grid;

      grid-template-columns:
        minmax(0, 1fr);

      gap:
        14px;

      width:
        100%;

      margin-top:
        40px;

      padding-bottom:
        16px;
    }

    .web-session-card {
      min-height:
        112px;

      display:
        flex;

      align-items:
        center;

      gap:
        18px;

      padding:
        24px 28px;

      border:
        1px solid
        rgba(255, 255, 255, 0.08);

      border-radius:
        24px;

      background:
        linear-gradient(
          145deg,
          #181a1d,
          #101214
        );

      color:
        rgba(255, 255, 255, 0.92);
    }

    .browser-icon {
      width:
        48px;

      height:
        40px;

      position:
        relative;

      flex:
        0 0 auto;

      border:
        1px solid
        rgba(255, 255, 255, 0.17);

      border-radius:
        11px;
    }

    .browser-icon::before {
      content:
        "";

      position:
        absolute;

      top:
        8px;

      right:
        0;

      left:
        0;

      border-top:
        1px solid
        rgba(255, 255, 255, 0.14);
    }

    .browser-icon span {
      position:
        absolute;

      top:
        3px;

      left:
        6px;

      width:
        3px;

      height:
        3px;

      border-radius:
        50%;

      background:
        rgba(255, 255, 255, 0.50);
    }

    .session-main {
      min-width:
        0;
    }

    .session-label {
      margin:
        0 0 4px;

      color:
        rgba(255, 255, 255, 0.42);

      font-size:
        9px;

      font-weight:
        700;

      letter-spacing:
        0.13em;
    }

    .session-main strong {
      display:
        block;

      font-size:
        13px;

      font-weight:
        620;
    }

    .session-main > span {
      display:
        block;

      margin-top:
        5px;

      color:
        rgba(255, 255, 255, 0.47);

      font-size:
        10px;
    }

    .session-cta {
      min-height:
        34px;

      display:
        inline-flex;

      align-items:
        center;

      justify-content:
        center;

      margin-left:
        auto;

      padding:
        0 13px;

      border:
        1px solid
        rgba(255, 255, 255, 0.13);

      border-radius:
        11px;

      color:
        rgba(255, 255, 255, 0.85);

      text-decoration:
        none;

      font-size:
        10px;

      font-weight:
        620;
    }

    .footer {
      min-height:
        34px;

      display:
        flex;

      align-items:
        center;

      justify-content:
        space-between;

      gap:
        18px;

      color:
        rgba(15, 23, 42, 0.34);

      font-size:
        9px;

      line-height:
        1.4;
    }

    /* ============================================================
       RESPONSIVE
       ============================================================ */

    @media (max-width: 980px) {
      .space-grid,
      .network-strip {
        grid-template-columns:
          repeat(
            2,
            minmax(0, 1fr)
          );
      }

      .network-item + .network-item {
        border-left:
          0;
      }

      .network-item:nth-child(even) {
        border-left:
          1px solid
          var(--line);
      }

      .network-item:nth-child(n + 3) {
        border-top:
          1px solid
          var(--line);
      }
    }

    @media (max-width: 900px) {
      .hero {
        min-height:
          auto;

        grid-template-columns:
          1fr;

        gap:
          48px;

        padding-top:
          34px;

        padding-bottom:
          48px;
      }

      .identity-card {
        width:
          min(100%, 620px);

        height:
          auto;

        min-height:
          340px;
      }

      .security-layout {
        grid-template-columns:
          1fr;

        gap:
          34px;
      }

      .final-cta {
        align-items:
          flex-start;

        flex-direction:
          column;
      }
    }

    @media (max-width: 760px) {
      :root {
        --major-before:
          40px;

        --major-after:
          28px;
      }

      .shell {
        width:
          min(
            100% - 28px,
            700px
          );
      }

      .hero,
      .major-section {
        padding-right:
          0;

        padding-left:
          0;
      }

      .page-end {
        margin-top:
          40px;
      }
    }

    @media (max-width: 560px) {
      .shell {
        width:
          min(
            100% - 22px,
            520px
          );
      }

      .topbar {
        min-height:
          56px;
      }

      .top-link {
        display:
          none;
      }

      .hero {
        gap:
          36px;

        padding-top:
          30px;

        padding-bottom:
          40px;
      }

      .hero h1 {
        font-size:
          clamp(
            48px,
            15vw,
            68px
          );
      }

      .hero-subtitle {
        font-size:
          15px;
      }

      .identity-card {
        min-height:
          320px;

        padding:
          24px;

        border-radius:
          26px;
      }

      .space-grid,
      .network-strip {
        grid-template-columns:
          1fr;
      }

      .network-item:nth-child(even) {
        border-left:
          0;
      }

      .network-item + .network-item {
        border-top:
          1px solid
          var(--line);
      }

      .web-session-card {
        align-items:
          flex-start;

        flex-wrap:
          wrap;

        padding:
          22px;
      }

      .session-cta {
        margin-left:
          66px;
      }

      .footer {
        align-items:
          flex-start;

        flex-direction:
          column;

        gap:
          4px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      html {
        scroll-behavior:
          auto;
      }

      .signin-button,
      .hero-primary,
      .hero-secondary {
        transition:
          none;
      }
    }

    @media (prefers-color-scheme: dark) {
      :root {
        --bg:
          #0d0f10;

        --surface:
          rgba(24, 26, 28, 0.90);

        --surface-solid:
          #181a1c;

        --text:
          #f2f3f4;

        --muted:
          #959a9f;

        --soft:
          #737980;

        --line:
          rgba(255, 255, 255, 0.075);

        --major-line:
          rgba(255, 255, 255, 0.055);

        --success:
          #54c995;

        --success-bg:
          rgba(84, 201, 149, 0.10);

        --shadow:
          none;
      }

      body {
        background:
          radial-gradient(
            circle at 78% -12%,
            rgba(85, 92, 102, 0.14),
            transparent 32rem
          ),
          var(--bg);
      }

      .hero h1 span,
      .final-cta h2 span {
        color:
          rgba(242, 243, 244, 0.34);
      }

      .hero-secondary {
        border-color:
          rgba(255, 255, 255, 0.10);

        background:
          rgba(255, 255, 255, 0.025);
      }

      .space-card {
        background:
          linear-gradient(
            145deg,
            rgba(30, 33, 36, 0.95),
            rgba(20, 22, 24, 0.88)
          );
      }

      .security-panel,
      .network-strip {
        background:
          rgba(24, 26, 28, 0.90);
      }

      .footer {
        color:
          rgba(242, 243, 244, 0.34);
      }
    }

    /* ============================================================
       PATCH-228M.C5F1 — canonical landing interactions

       Clickable controls:
       one-pixel lift + compact press feedback.

       Informational surfaces:
       subtle visual response only.
       No pointer cursor.
       No positional movement.
       No new palette authority.
       ============================================================ */

    :is(
      .hero-primary,
      .hero-secondary,
      .session-cta,
      .signin-button
    ) {
      transition:
        opacity 150ms ease,
        filter 150ms ease,
        transform 150ms ease;
    }

    :is(
      .hero-primary,
      .hero-secondary,
      .session-cta,
      .signin-button
    ):focus-visible {
      outline:
        2px solid
        color-mix(
          in srgb,
          currentColor 34%,
          transparent
        );
      outline-offset: 3px;
    }

    :is(
      .network-item,
      .security-row
    ) {
      transition:
        background 150ms ease,
        border-color 150ms ease,
        filter 150ms ease;
    }

    @media (hover: hover) and (pointer: fine) {
      :is(
        .hero-primary,
        .hero-secondary,
        .session-cta,
        .signin-button
      ):hover {
        transform: translateY(-1px);
      }

      /*
       * PATCH-228N.2 — Home-parity informational hover.
       *
       * Change the material only.
       * Canonical border/divider colors remain untouched.
       */
      .network-item:hover,
      .security-row:hover {
        background:
          rgba(248, 250, 252, 0.56);
      }

      @media (prefers-color-scheme: dark) {
        .network-item:hover,
        .security-row:hover {
          background:
            rgba(255, 255, 255, 0.045);
        }
      }


    }

    :is(
      .hero-primary,
      .hero-secondary,
      .session-cta,
      .signin-button
    ):active {
      transform:
        translateY(0)
        scale(0.985);
    }

    @media (prefers-reduced-motion: reduce) {
      :is(
        .hero-primary,
        .hero-secondary,
        .session-cta,
        .signin-button,
        .network-item,
        .security-row
      ) {
        transition: none;
      }

      :is(
        .hero-primary,
        .hero-secondary,
        .session-cta,
        .signin-button
      ):is(:hover, :active) {
        transform: none;
      }
    }
  .secure-pill{display:inline-flex;align-items:center;gap:9px;min-height:34px;padding:8px 12px;border:1px solid var(--line,rgba(15,23,42,.07));border-radius:999px;background:rgba(255,255,255,.58);color:var(--muted,#70757d);font-size:12px;font-weight:580;line-height:1;white-space:nowrap}.secure-pill::before{content:"";display:block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--success,#16865c);box-shadow:0 0 0 4px var(--success-bg,rgba(22,134,92,.09))}@media (prefers-color-scheme:dark){.secure-pill{background:rgba(24,26,28,.58);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.55)}.secure-pill::before{background:#54c995;box-shadow:0 0 0 4px rgba(84,201,149,.10)}}.secure-pill--checking{color:var(--soft,#a2a7ae)!important}.secure-pill--checking::before{background:var(--muted,#70757d)!important;box-shadow:0 0 0 4px rgba(112,117,125,.10)!important;animation:secure-pill-pulse 1.2s ease-in-out infinite}@keyframes secure-pill-pulse{0%,100%{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.secure-pill--checking::before{animation:none;opacity:.7}}@media (prefers-color-scheme:dark){.secure-pill--checking{color:rgba(255,255,255,.4)!important}.secure-pill--checking::before{background:rgba(255,255,255,.4)!important;box-shadow:0 0 0 4px rgba(255,255,255,.08)!important}}