@property --color-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-ok {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-dim {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-ink {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-body {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --font-mono {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --color-edge {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-mute {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-coral {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-glass {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-peach {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-scrim {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --radius-card {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --radius-pill {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --font-display {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --radius-panel {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color-bg-deep {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-ok-soft {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-surface {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-on-coral {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-on-peach {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-surface-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-coral-soft {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-peach-soft {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}

  :host, :root {
  --color-bg: #0b1320;
  --color-ok: #8fd1a8;
  --color-dim: #6f7d8f;
  --color-ink: #f3eeec;
  --font-body: "Work Sans";
  --font-mono: "IBM Plex Mono";
  --color-edge: #34495e;
  --color-mute: #a9b4c2;
  --color-coral: #ff6e6a;
  --color-glass: rgba(18,27,41,.7);
  --color-peach: #f5b7a1;
  --color-scrim: rgba(11,19,32,.6);
  --radius-card: 14px;
  --radius-pill: 999px;
  --font-display: "Belleza";
  --radius-panel: 20px;
  --color-bg-deep: #060b14;
  --color-ok-soft: rgba(143,209,168,.12);
  --color-surface: #121b29;
  --color-on-coral: #0b1320;
  --color-on-peach: #0b1320;
  --color-surface-2: #1a2535;
  --color-coral-soft: rgba(255,110,106,.12);
  --color-peach-soft: rgba(245,183,161,.12);
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --color-bg: #0b1320;
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --color-bg: #f8f9fb;
  --color-ok: #2f7d52;
  --color-dim: #6f7d8f;
  --color-ink: #0b1320;
  --color-edge: #d6dde5;
  --color-mute: #34495e;
  --color-coral: #f14e4e;
  --color-glass: rgba(248,249,251,.7);
  --color-peach: #f5b7a1;
  --color-scrim: rgba(11,19,32,.35);
  --color-bg-deep: #eef1f5;
  --color-ok-soft: rgba(47,125,82,.1);
  --color-surface: #ffffff;
  --color-on-coral: #ffffff;
  --color-on-peach: #0b1320;
  --color-surface-2: #edf1f5;
  --color-coral-soft: rgba(241,78,78,.1);
  --color-peach-soft: rgba(245,183,161,.3);
}
    }
  [data-nc-theme~="dark"] {
  --color-bg: #0b1320;
}
[data-nc-theme~="light"] {
  --color-bg: #f8f9fb;
  --color-ok: #2f7d52;
  --color-dim: #6f7d8f;
  --color-ink: #0b1320;
  --color-edge: #d6dde5;
  --color-mute: #34495e;
  --color-coral: #f14e4e;
  --color-glass: rgba(248,249,251,.7);
  --color-peach: #f5b7a1;
  --color-scrim: rgba(11,19,32,.35);
  --color-bg-deep: #eef1f5;
  --color-ok-soft: rgba(47,125,82,.1);
  --color-surface: #ffffff;
  --color-on-coral: #ffffff;
  --color-on-peach: #0b1320;
  --color-surface-2: #edf1f5;
  --color-coral-soft: rgba(241,78,78,.1);
  --color-peach-soft: rgba(245,183,161,.3);
}
[data-nc-theme~="Default"] {
  --color-bg: #0b1320;
  --color-ok: #8fd1a8;
  --color-dim: #6f7d8f;
  --color-ink: #f3eeec;
  --font-body: "Work Sans";
  --font-mono: "IBM Plex Mono";
  --color-edge: #34495e;
  --color-mute: #a9b4c2;
  --color-coral: #ff6e6a;
  --color-glass: rgba(18,27,41,.7);
  --color-peach: #f5b7a1;
  --color-scrim: rgba(11,19,32,.6);
  --radius-card: 14px;
  --radius-pill: 999px;
  --font-display: "Belleza";
  --radius-panel: 20px;
  --color-bg-deep: #060b14;
  --color-ok-soft: rgba(143,209,168,.12);
  --color-surface: #121b29;
  --color-on-coral: #0b1320;
  --color-on-peach: #0b1320;
  --color-surface-2: #1a2535;
  --color-coral-soft: rgba(255,110,106,.12);
  --color-peach-soft: rgba(245,183,161,.12);
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-Belleza: 'Belleza',sans-serif;
--font-Work Sans: 'Work Sans',sans-serif;
--font-IBM Plex Mono: 'IBM Plex Mono',monospace;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .SPNAR {
      color:inherit;
      margin:0px;
      display:block;
      font-size:28px;
      font-family:var(--font-display);
      font-weight:400;
      line-height:32px;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .enFxJh {
      gap:6px;
      color:var(--color-ink);
      display:flex;
      padding:16px;
      font-size:15px;
      background:var(--color-surface-2);
      font-family:var(--font-body);
      font-weight:400;
      line-height:22px;
      border-radius:var(--radius-card);
      flex-direction:column;
    }

    .enFxJh.peach {
      background:var(--color-peach-soft);
    }

    .enFxJh.warn {
      background:var(--color-coral-soft);
    }

    .enFxJh.ok {
      background:var(--color-ok-soft);
    }

    .hYLMF {
      color:inherit;
      margin:0px;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cuEgkJ {
      color:inherit;
      display:block;
      font-size:15px;
      font-family:var(--font-body);
      font-weight:600;
      line-height:20px;
      flex-direction:row;
    }

    .cuEgkJ.warn {
      color:var(--color-coral);
    }

    .cuEgkJ.ok {
      color:var(--color-ok);
    }

    .exKhbC {
      color:var(--color-ink);
      border:none;
      cursor:pointer;
      height:36px;
      display:inline-flex;
      padding:0 14px;
      font-size:14px;
      background:var(--color-surface);
      transition:opacity 150ms ease, transform 150ms ease;
      align-items:center;
      font-family:var(--font-body);
      font-weight:500;
      white-space:nowrap;
      border-radius:var(--radius-pill);
      flex-direction:row;
      -webkit-tap-highlight-color:transparent;
    }

    .exKhbC.selected {
      color:var(--color-coral);
      background:var(--color-coral-soft);
    }

    .exKhbC:active {
      transform:scale(0.98);
    }

    .exKhbC:focus-visible {
      outline:2px solid var(--color-peach);
      outline-offset:2px;
    }

    .exKhbC:disabled {
      cursor:not-allowed;
      opacity:0.4;
      transform:none;
    }

    .bpZeoj {
      gap:48px;
      color:inherit;
      margin:0 auto;
      display:flex;
      padding:24px 16px 96px;
      font-size:inherit;
      max-width:720px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    @media (min-width: 600px) {

    .bpZeoj {
      padding:48px 24px 96px;
    }
    }

    .cOCazx {
      color:var(--color-ink);
      display:block;
      font-size:16px;
      background:var(--color-bg);
      min-height:100vh;
      font-family:var(--font-body);
      font-weight:400;
      line-height:1.55;
      flex-direction:row;
    }

    .wJKcU {
      gap:8px;
      color:inherit;
      display:flex;
      animation:vsPulse 1.4s ease-in-out infinite;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    @keyframes vsPulse {
        0% {
          opacity: 0.6;
        }

        50% {
          opacity: 0.35;
        }

        100% {
          opacity: 0.6;
        }
    }

    .crcpRM {
      gap:16px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .eVfhpa {
      color:inherit;
      width:45%;
      height:10px;
      display:block;
      font-size:inherit;
      background:var(--color-surface-2);
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

    .vtBFt {
      color:inherit;
      width:80%;
      height:14px;
      display:block;
      font-size:inherit;
      background:var(--color-surface-2);
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

    .YIEpL {
      gap:8px;
      color:var(--color-coral);
      border:none;
      cursor:pointer;
      display:inline-flex;
      padding:0px;
      font-size:15px;
      background:transparent;
      min-height:44px;
      transition:opacity 150ms ease, transform 150ms ease;
      align-items:center;
      font-family:var(--font-body);
      font-weight:600;
      flex-direction:row;
      justify-content:center;
      -webkit-tap-highlight-color:transparent;
    }

    .YIEpL.primary {
      color:var(--color-on-coral);
      height:48px;
      padding:0 24px;
      font-size:16px;
      background:var(--color-coral);
      font-family:var(--font-body);
      font-weight:600;
      border-radius:var(--radius-pill);
    }

    .YIEpL.text {
      color:var(--color-coral);
      font-size:15px;
      font-family:var(--font-body);
      font-weight:600;
    }

    .YIEpL.mute {
      color:var(--color-mute);
      font-size:14px;
      font-family:var(--font-body);
      font-weight:500;
    }

    .YIEpL.full {
      width:100%;
    }

    .YIEpL.solid {
      color:var(--color-bg);
      height:44px;
      padding:0 16px;
      font-size:15px;
      background:var(--color-ink);
      font-family:var(--font-body);
      font-weight:500;
      border-radius:var(--radius-card);
    }

    .YIEpL:active {
      transform:scale(0.98);
    }

    .YIEpL:focus-visible {
      outline:2px solid var(--color-peach);
      outline-offset:2px;
    }

    .YIEpL:disabled {
      cursor:not-allowed;
      opacity:0.5;
      transform:none;
    }

    .OJeqT {
      flex:1;
      color:inherit;
      display:block;
      padding:8px 24px 24px;
      font-size:inherit;
      overflow-y:auto;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      overscroll-behavior:contain;
    }

    .rOyBT {
      gap:12px;
      color:inherit;
      display:flex;
      padding:16px 16px 8px 24px;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .bhCFPT {
      color:inherit;
      inset:0;
      display:flex;
      z-index:50;
      position:fixed;
      font-size:inherit;
      align-items:flex-end;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    @media (min-width: 600px) {

    .bhCFPT {
      align-items:center;
    }
    }

    @media (min-width: 900px) {

    .bhCFPT.side {
      align-items:stretch;
      justify-content:flex-end;
    }
    }

    .dxDwtS {
      color:var(--color-ink);
      width:100%;
      display:flex;
      position:relative;
      animation:vsSheetUp 220ms ease-out;
      font-size:inherit;
      background:var(--color-surface);
      max-height:82vh;
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius-panel) var(--radius-panel) 0 0;
      flex-direction:column;
      padding-bottom:env(safe-area-inset-bottom);
    }

    @media (min-width: 600px) {

    .dxDwtS {
      width:min(560px, calc(100vw - 48px));
      max-height:80vh;
      border-radius:var(--radius-panel);
    }
    }

    @media (min-width: 900px) {

    .dxDwtS.side {
      width:360px;
      height:100%;
      max-height:none;
      border-radius:0px;
    }
    }

    @keyframes vsSheetUp {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(24px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0);
        }
    }

    .dPXXjS {
      color:inherit;
      inset:0;
      display:block;
      position:absolute;
      animation:vsFade 200ms ease-out;
      font-size:inherit;
      background:var(--color-scrim);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    @keyframes vsFade {
        0% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }

    .ayEQU {
      color:inherit;
      margin:0px;
      display:block;
      font-size:20px;
      font-family:var(--font-display);
      font-weight:400;
      line-height:26px;
      flex-direction:row;
      letter-spacing:0.02em;
    }

    .eYCNUO {
      color:var(--color-mute);
      width:44px;
      border:none;
      cursor:pointer;
      height:44px;
      display:flex;
      font-size:inherit;
      background:transparent;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--radius-pill);
      flex-direction:row;
      justify-content:center;
    }

    .eYCNUO:focus-visible {
      outline:2px solid var(--color-peach);
      outline-offset:2px;
    }

    .bCOrlZ {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .vTtEv {
      flex:none;
      color:inherit;
      width:8px;
      height:8px;
      display:inline;
      font-size:inherit;
      background:var(--color-coral);
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
    }

    .bgUayH {
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eeQVDF {
      gap:8px;
      left:50%;
      color:var(--color-bg);
      bottom:calc(24px + env(safe-area-inset-bottom));
      display:flex;
      padding:12px 20px;
      z-index:60;
      position:fixed;
      animation:vsToastIn 200ms ease-out;
      font-size:14px;
      max-width:calc(100vw - 32px);
      transform:translateX(-50%);
      background:var(--color-ink);
      align-items:center;
      font-family:var(--font-body);
      font-weight:500;
      line-height:20px;
      border-radius:var(--radius-pill);
      flex-direction:row;
    }

    @keyframes vsToastIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translate(-50%, 8px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translate(-50%, 0);
        }
    }

    .eydciA {
      gap:16px;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .ePPDdi {
      color:var(--color-coral);
      margin:0px;
      display:block;
      font-size:12px;
      font-family:var(--font-mono);
      font-weight:500;
      flex-direction:row;
      letter-spacing:0.14em;
      text-transform:uppercase;
    }

    .glShB {
      top:0px;
      left:0px;
      color:inherit;
      width:40%;
      height:100%;
      display:block;
      position:absolute;
      animation:vsProgress 1.2s ease-in-out infinite;
      font-size:inherit;
      background:var(--color-coral);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    @keyframes vsProgress {
        0% {
          transform: translateX(-100%);
        }

        100% {
          transform: translateX(250%);
        }
    }

    .dMULbP {
      color:inherit;
      width:100%;
      height:2px;
      display:block;
      overflow:hidden;
      position:relative;
      font-size:inherit;
      background:transparent;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bRMlbF {
      gap:8px;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .btTgEE {
      gap:12px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .cFetiu {
      gap:12px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .cYbmaQ {
      color:var(--color-mute);
      margin:0px;
      display:block;
      font-size:15px;
      font-family:var(--font-body);
      font-weight:400;
      line-height:22px;
      flex-direction:row;
    }

    .ePZqVT {
      gap:16px;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }