@property --orb-a {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.075);
}
@property --orb-b {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(200, 205, 215, 0.065);
}
@property --bar-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(22, 22, 26, 0.42);
}
@property --glass-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --ascii-ink {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.05);
}
@property --max-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --wallpaper {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --widget-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(30, 30, 33, 0.82);
}
@property --window-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(16, 16, 18, 0.985);
}
@property --font--mono {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --font--sans {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --radius--lg {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --radius--md {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --radius--sm {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --window-top {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--info {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font--serif {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --page-gutter {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --terminal-bg {
  syntax: "*";
  inherits: true;
  initial-value: #121214;
}
@property --window-left {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --base-padding {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --ease--in-out {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --glass-border {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --glass-filter {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --glass-shadow {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --window-right {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--border {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--danger {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --large-padding {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --small-padding {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --window-bottom {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --window-radius {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--success {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--warning {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --ease--out-expo {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --glass-bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --widget-bg-lift {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(36, 36, 40, 0.95);
}
@property --window-nav-top {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --widget-bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(40, 40, 44, 0.88);
}
@property --window-bg-glass {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(18, 18, 20, 0.74);
}
@property --background--main {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--on-accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text-faint {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --window-content-top {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--border-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface-raised {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --window-content-bottom {
  syntax: "*";
  inherits: true;
  initial-value: ;
}

  :host, :root {
  --orb-a: rgba(255, 255, 255, 0.075);
  --orb-b: rgba(200, 205, 215, 0.065);
  --bar-bg: rgba(22, 22, 26, 0.42);
  --glass-bg: rgba(255, 255, 255, 0.055);
  --ascii-ink: rgba(255, 255, 255, 0.05);
  --max-width: 1440px;
  --wallpaper: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1.4px);
  --widget-bg: rgba(30, 30, 33, 0.82);
  --window-bg: rgba(16, 16, 18, 0.985);
  --font--mono: 'SF Mono', ui-monospace, Menlo, 'JetBrains Mono', monospace;
  --font--sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'Inter', system-ui, sans-serif;
  --radius--lg: 28px;
  --radius--md: 22px;
  --radius--sm: 14px;
  --window-top: 0px;
  --color--info: #64d2ff;
  --color--text: #f5f5f7;
  --font--serif: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', 'Inter', system-ui, sans-serif;
  --page-gutter: clamp(1.25rem, 4vw, 3.5rem);
  --terminal-bg: linear-gradient(180deg, rgba(30, 30, 34, 0.95) 0%, rgba(12, 12, 14, 0.97) 100%);
  --window-left: 0px;
  --base-padding: 1rem;
  --ease--in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --glass-border: rgba(255, 255, 255, 0.09);
  --glass-filter: blur(40px) saturate(180%);
  --glass-shadow: 0 24px 60px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --window-right: 0px;
  --color--accent: #f5f5f7;
  --color--border: rgba(255, 255, 255, 0.08);
  --color--danger: #ff6961;
  --large-padding: 1.5rem;
  --small-padding: .5rem;
  --window-bottom: 0px;
  --window-radius: 0px;
  --color--success: #30d158;
  --color--surface: rgba(255, 255, 255, 0.045);
  --color--warning: #ffd60a;
  --ease--out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --glass-bg-hover: rgba(255, 255, 255, 0.085);
  --widget-bg-lift: rgba(36, 36, 40, 0.95);
  --window-nav-top: calc(env(safe-area-inset-top) + 14px);
  --widget-bg-hover: rgba(40, 40, 44, 0.88);
  --window-bg-glass: rgba(18, 18, 20, 0.74);
  --background--main: #0a0a0b;
  --color--on-accent: #0a0a0a;
  --color--text-faint: rgba(235, 235, 245, 0.32);
  --color--text-muted: rgba(235, 235, 245, 0.62);
  --window-content-top: calc(env(safe-area-inset-top) + 74px);
  --color--border-strong: rgba(255, 255, 255, 0.14);
  --color--surface-hover: rgba(255, 255, 255, 0.075);
  --color--surface-raised: rgba(255, 255, 255, 0.065);
  --window-content-bottom: calc(env(safe-area-inset-bottom) + 130px);
}
  
  
  [data-nc-theme~="Ember"] {
  --orb-a: rgba(255, 120, 50, 0.18);
  --orb-b: rgba(255, 190, 90, 0.1);
  --bar-bg: rgba(34, 20, 14, 0.52);
  --glass-bg: rgba(255, 180, 140, 0.07);
  --ascii-ink: rgba(255, 205, 170, 0.07);
  --widget-bg: rgba(38, 24, 18, 0.84);
  --window-bg: rgba(18, 11, 8, 0.985);
  --terminal-bg: linear-gradient(180deg, rgba(40, 26, 20, 0.95) 0%, rgba(14, 9, 6, 0.97) 100%);
  --glass-border: rgba(255, 190, 150, 0.13);
  --color--accent: #ffbe94;
  --color--border: rgba(255, 190, 150, 0.1);
  --glass-bg-hover: rgba(255, 180, 140, 0.11);
  --widget-bg-lift: rgba(48, 30, 22, 0.96);
  --widget-bg-hover: rgba(50, 32, 24, 0.9);
  --window-bg-glass: rgba(22, 14, 10, 0.78);
  --background--main: #0d0806;
}
[data-nc-theme~="AMOLED"] {
  --orb-a: rgba(0, 0, 0, 0);
  --orb-b: rgba(0, 0, 0, 0);
  --bar-bg: rgba(0, 0, 0, 0.74);
  --glass-bg: rgba(255, 255, 255, 0.04);
  --ascii-ink: rgba(255, 255, 255, 0.04);
  --widget-bg: #000000;
  --window-bg: #000000;
  --terminal-bg: #000000;
  --glass-border: rgba(255, 255, 255, 0.14);
  --color--accent: #ffffff;
  --color--border: rgba(255, 255, 255, 0.12);
  --glass-bg-hover: rgba(255, 255, 255, 0.07);
  --widget-bg-lift: #050505;
  --widget-bg-hover: #0b0b0c;
  --window-bg-glass: rgba(0, 0, 0, 0.94);
  --background--main: #000000;
}
[data-nc-theme~="Aurora"] {
  --orb-a: rgba(170, 90, 255, 0.2);
  --orb-b: rgba(255, 90, 200, 0.12);
  --bar-bg: rgba(24, 14, 40, 0.52);
  --glass-bg: rgba(190, 150, 255, 0.07);
  --ascii-ink: rgba(210, 180, 255, 0.07);
  --widget-bg: rgba(28, 18, 44, 0.84);
  --window-bg: rgba(14, 9, 24, 0.985);
  --terminal-bg: linear-gradient(180deg, rgba(30, 20, 48, 0.95) 0%, rgba(10, 6, 20, 0.97) 100%);
  --glass-border: rgba(200, 170, 255, 0.13);
  --color--accent: #d9bfff;
  --color--border: rgba(200, 170, 255, 0.1);
  --glass-bg-hover: rgba(190, 150, 255, 0.11);
  --widget-bg-lift: rgba(36, 24, 56, 0.96);
  --widget-bg-hover: rgba(38, 26, 58, 0.9);
  --window-bg-glass: rgba(16, 10, 28, 0.78);
  --background--main: #0b0714;
}
[data-nc-theme~="Default"] {
  --orb-a: rgba(255, 255, 255, 0.075);
  --orb-b: rgba(200, 205, 215, 0.065);
  --bar-bg: rgba(22, 22, 26, 0.42);
  --glass-bg: rgba(255, 255, 255, 0.055);
  --ascii-ink: rgba(255, 255, 255, 0.05);
  --max-width: 1440px;
  --wallpaper: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1.4px);
  --widget-bg: rgba(30, 30, 33, 0.82);
  --window-bg: rgba(16, 16, 18, 0.985);
  --font--mono: 'SF Mono', ui-monospace, Menlo, 'JetBrains Mono', monospace;
  --font--sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'Inter', system-ui, sans-serif;
  --radius--lg: 28px;
  --radius--md: 22px;
  --radius--sm: 14px;
  --window-top: 0px;
  --color--info: #64d2ff;
  --color--text: #f5f5f7;
  --font--serif: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', 'Inter', system-ui, sans-serif;
  --page-gutter: clamp(1.25rem, 4vw, 3.5rem);
  --terminal-bg: linear-gradient(180deg, rgba(30, 30, 34, 0.95) 0%, rgba(12, 12, 14, 0.97) 100%);
  --window-left: 0px;
  --base-padding: 1rem;
  --ease--in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --glass-border: rgba(255, 255, 255, 0.09);
  --glass-filter: blur(40px) saturate(180%);
  --glass-shadow: 0 24px 60px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --window-right: 0px;
  --color--accent: #f5f5f7;
  --color--border: rgba(255, 255, 255, 0.08);
  --color--danger: #ff6961;
  --large-padding: 1.5rem;
  --small-padding: .5rem;
  --window-bottom: 0px;
  --window-radius: 0px;
  --color--success: #30d158;
  --color--surface: rgba(255, 255, 255, 0.045);
  --color--warning: #ffd60a;
  --ease--out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --glass-bg-hover: rgba(255, 255, 255, 0.085);
  --widget-bg-lift: rgba(36, 36, 40, 0.95);
  --window-nav-top: calc(env(safe-area-inset-top) + 14px);
  --widget-bg-hover: rgba(40, 40, 44, 0.88);
  --window-bg-glass: rgba(18, 18, 20, 0.74);
  --background--main: #0a0a0b;
  --color--on-accent: #0a0a0a;
  --color--text-faint: rgba(235, 235, 245, 0.32);
  --color--text-muted: rgba(235, 235, 245, 0.62);
  --window-content-top: calc(env(safe-area-inset-top) + 74px);
  --color--border-strong: rgba(255, 255, 255, 0.14);
  --color--surface-hover: rgba(255, 255, 255, 0.075);
  --color--surface-raised: rgba(255, 255, 255, 0.065);
  --window-content-bottom: calc(env(safe-area-inset-bottom) + 130px);
}
[data-nc-theme~="Midnight"] {
  --orb-a: rgba(70, 120, 255, 0.2);
  --orb-b: rgba(40, 200, 255, 0.11);
  --bar-bg: rgba(14, 22, 42, 0.52);
  --glass-bg: rgba(140, 170, 255, 0.07);
  --ascii-ink: rgba(170, 195, 255, 0.07);
  --widget-bg: rgba(16, 24, 44, 0.84);
  --window-bg: rgba(8, 13, 26, 0.985);
  --terminal-bg: linear-gradient(180deg, rgba(18, 26, 48, 0.95) 0%, rgba(6, 10, 22, 0.97) 100%);
  --glass-border: rgba(150, 180, 255, 0.13);
  --color--accent: #a9c7ff;
  --color--border: rgba(150, 180, 255, 0.1);
  --glass-bg-hover: rgba(140, 170, 255, 0.11);
  --widget-bg-lift: rgba(22, 32, 58, 0.96);
  --widget-bg-hover: rgba(24, 34, 60, 0.9);
  --window-bg-glass: rgba(10, 16, 32, 0.78);
  --background--main: #060a14;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-serif: 'Instrument Serif',serif;
--font-mono: 'JetBrains 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;
    }
  }
}


    .cqIuXG {
      gap:20px;
      color:inherit;
      border:1px solid var(--glass-border);
      display:flex;
      padding:clamp(24px, 5vw, 36px);
      position:relative;
      animation:cardRise 0.8s cubic-bezier(0.32, 0.72, 0, 1) both;
      font-size:inherit;
      min-width:0px;
      background:var(--glass-bg);
      box-shadow:0 30px 80px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06);
      font-family:inherit;
      font-weight:inherit;
      border-radius:28px;
      flex-direction:column;
      backdrop-filter:blur(40px) saturate(180%);
      -webkit-backdrop-filter:blur(40px) saturate(180%);
    }

    @media (prefers-reduced-motion: reduce) {

    .cqIuXG {
      animation:none;
    }
    }

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

        0% {
          transform: translateY(18px) scale(0.98);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .dXSaRp {
      gap:16px;
      color:inherit;
      display:flex;
      animation:formIn 0.55s cubic-bezier(0.32, 0.72, 0, 1) 0.05s both;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    @media (prefers-reduced-motion: reduce) {

    .dXSaRp {
      animation:none;
    }
    }

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

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

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .dpJVmZ {
      --glass-bg:rgba(255, 255, 255, 0.055);
      --glass-border:rgba(255, 255, 255, 0.09);
      color:var(--color--text);
      display:block;
      position:relative;
      font-size:inherit;
      isolation:isolate;
      background:var(--background--main);
      min-height:100dvh;
      overflow-x:hidden;
      font-family:var(--font--sans);
      font-weight:inherit;
      flex-direction:row;
      -webkit-font-smoothing:antialiased;
    }

    .fdBAjp {
      color:var(--color--text-faint);
      margin:0px;
      display:block;
      font-size:12px;
      text-wrap:pretty;
      text-align:center;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      flex-direction:row;
    }

    .AoEPj {
      gap:16px;
      color:inherit;
      display:grid;
      padding:calc(env(safe-area-inset-top) + 80px) 16px calc(env(safe-area-inset-bottom) + 32px);
      font-size:inherit;
      box-sizing:border-box;
      min-height:100dvh;
      font-family:inherit;
      font-weight:inherit;
      align-content:center;
      flex-direction:row;
      justify-content:center;
      grid-template-columns:minmax(0, 440px);
    }

    @media (min-width: 960px) {

    .AoEPj {
      align-items:stretch;
      grid-template-columns:minmax(0, 420px) minmax(0, 440px);
    }
    }

    .dWambL {
      gap:4px;
      color:inherit;
      display:flex;
      font-size:inherit;
      margin-top:-6px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dlpBOs {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      display:flex;
      padding:calc(env(safe-area-inset-top) + 16px) clamp(16px, 4vw, 32px) 16px;
      z-index:2;
      position:absolute;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .fyKrWJ {
      color:var(--color--text-muted);
      border:none;
      cursor:pointer;
      display:inline-block;
      padding:6px 10px;
      font-size:14px;
      align-self:center;
      background:none;
      font-family:inherit;
      font-weight:600;
      border-radius:8px;
      flex-direction:row;
    }

    .fyKrWJ:hover {
      color:var(--color--text);
    }

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

    .cbDFNv {
      color:var(--color--text);
      border:none;
      cursor:pointer;
      height:28px;
      display:inline-flex;
      padding:0 12px;
      font-size:13px;
      background:rgba(255, 255, 255, 0.1);
      transition:background 0.2s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:600;
      border-radius:999px;
      flex-direction:row;
    }

    .cbDFNv:hover {
      background:rgba(255, 255, 255, 0.16);
    }

    .cbDFNv:active {
      transform:scale(0.94);
    }

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

    .teCAG {
      color:var(--color--text-faint);
      margin:8px 0 0;
      display:block;
      font-size:13px;
      text-wrap:pretty;
      text-align:center;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      flex-direction:row;
    }

    .ckmskv {
      gap:12px;
      color:var(--color--text-faint);
      display:flex;
      font-size:13px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ckmskv::before {
      flex:1;
      height:1px;
      content:"";
      background:rgba(255, 255, 255, 0.1);
    }

    .ckmskv::after {
      flex:1;
      height:1px;
      content:"";
      background:rgba(255, 255, 255, 0.1);
    }

    .choSxq {
      color:var(--color--text-faint);
      margin:0px;
      display:block;
      font-size:13px;
      text-align:center;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      flex-direction:row;
    }

    .bmPTVV {
      color:var(--color--text-muted);
      border:1px solid var(--glass-border);
      height:36px;
      display:inline-flex;
      padding:0 14px;
      font-size:13px;
      background:var(--glass-bg);
      transition:background 0.2s ease, color 0.2s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:999px;
      flex-direction:row;
      backdrop-filter:blur(20px) saturate(180%);
      text-decoration:none;
      -webkit-backdrop-filter:blur(20px) saturate(180%);
    }

    .bmPTVV:hover {
      color:var(--color--text);
      background:rgba(255, 255, 255, 0.1);
    }

    .bmPTVV:active {
      transform:scale(0.95);
    }

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

    .flArIr {
      color:var(--color--text);
      width:56px;
      border:1px solid rgba(255, 255, 255, 0.12);
      height:56px;
      display:inline-flex;
      animation:iconSwap 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) both;
      font-size:inherit;
      background:linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.06));
      box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 8px 24px rgba(0, 0, 0, 0.35);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:16px;
      flex-direction:row;
      justify-content:center;
    }

    @media (prefers-reduced-motion: reduce) {

    .flArIr {
      animation:none;
    }
    }

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

        0% {
          transform: scale(0.6) rotate(-12deg);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .dekTpV {
      --icon-size:18px;
      color:inherit;
      width:var(--icon-size);
      height:var(--icon-size);
      display:block;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

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

    .Auth\:chipIcon {
      --icon-size:15px;
      color:var(--color--text-muted);
      flex-shrink:0;
    }

    .eSFjTw {
      color:inherit;
      display:block;
      overflow:hidden;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:500;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .cUqErd {
      color:#ffb4ae;
      border:1px solid rgba(255, 105, 97, 0.28);
      display:block;
      padding:12px 14px;
      font-size:14px;
      background:rgba(255, 105, 97, 0.1);
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      border-radius:14px;
      flex-direction:row;
    }

    .bzcaLU {
      color:var(--color--text);
      display:inline-flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
      text-decoration:none;
    }

    .bzcaLU:focus-visible {
      outline:2px solid var(--color--text);
      outline-offset:4px;
    }

    .wFaTT {
      color:var(--color--text-faint);
      margin:0px;
      display:block;
      font-size:12px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cFbOc {
      gap:12px;
      color:var(--color--text);
      display:flex;
      padding:12px 0;
      font-size:15px;
      border-top:1px solid rgba(255, 255, 255, 0.06);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.35;
      flex-direction:row;
    }

    .cFbOc:first-child {
      border-top:none;
    }

    .fEJZkY {
      color:inherit;
      margin:0px;
      display:flex;
      padding:0px;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .deRKea {
      color:inherit;
      width:auto;
      height:var(--logo-height);
      display:block;
      overflow:visible;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fodhUF {
      --logo-height:27px;
      color:var(--color--text);
      display:inline-flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      line-height:0;
      flex-direction:row;
    }

    .Auth\:brandLogo {
      --logo-height:22px;
    }

    .chDKWE {
      color:inherit;
      margin:0px;
      display:block;
      font-size:28px;
      font-family:inherit;
      font-weight:600;
      line-height:1.1;
      flex-direction:row;
      letter-spacing:-0.035em;
    }

    .fGRNCp {
      flex:1;
      color:var(--color--text);
      border:1px solid rgba(255, 255, 255, 0.1);
      height:62px;
      display:flex;
      font-size:26px;
      min-width:0px;
      background:rgba(255, 255, 255, 0.05);
      box-sizing:border-box;
      transition:border-color 0.2s ease, background 0.2s ease, box-shadow 0.25s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:14px;
      flex-direction:row;
      letter-spacing:-0.02em;
      justify-content:center;
      font-variant-numeric:tabular-nums;
    }

    .fGRNCp.filled {
      background:rgba(255, 255, 255, 0.09);
      border-color:rgba(255, 255, 255, 0.22);
    }

    .fGRNCp.active {
      transform:translateY(-2px);
      background:rgba(255, 255, 255, 0.1);
      box-shadow:0 0 0 4px rgba(255, 255, 255, 0.08);
      border-color:rgba(255, 255, 255, 0.65);
    }

    .fGRNCp.invalid {
      animation:codeShake 0.42s ease both;
      background:rgba(255, 105, 97, 0.08);
      border-color:rgba(255, 105, 97, 0.6);
    }

    .fGRNCp.split {
      margin-right:10px;
    }

    .fGRNCp.dimmed {
      opacity:0.6;
    }

    .fGRNCp.compact {
      height:56px;
      font-size:22px;
      border-radius:12px;
    }

    .fGRNCp.splitTight {
      margin-right:6px;
    }

    @media (max-width: 380px) {

    .fGRNCp {
      height:48px;
      font-size:19px;
      border-radius:10px;
    }
    }

    @media (prefers-reduced-motion: reduce) {

    .fGRNCp {
      animation:none;
      transition:none;
    }
    }

    @keyframes codeShake {
        0% {
          transform: translateX(0);
        }

        20% {
          transform: translateX(-6px);
        }

        40% {
          transform: translateX(6px);
        }

        60% {
          transform: translateX(-4px);
        }

        80% {
          transform: translateX(3px);
        }

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

    .dZoCPS {
      color:inherit;
      width:100%;
      display:block;
      position:relative;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cVuHDJ {
      gap:8px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
    }

    .cVuHDJ.compact {
      gap:6px;
    }

    .MsGoT {
      color:transparent;
      inset:0;
      width:100%;
      border:none;
      cursor:text;
      height:100%;
      margin:0px;
      display:inline-block;
      opacity:0;
      outline:none;
      padding:0px;
      z-index:2;
      position:absolute;
      font-size:16px;
      background:transparent;
      caret-color:transparent;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .MsGoT:disabled {
      cursor:progress;
    }

    .etjhll {
      color:inherit;
      width:2px;
      height:26px;
      display:block;
      animation:caretBlink 1s steps(1) infinite;
      font-size:inherit;
      background:var(--color--text);
      font-family:inherit;
      font-weight:inherit;
      border-radius:2px;
      flex-direction:row;
    }

    @keyframes caretBlink {
        0% {
          opacity: 1;
        }

        50% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }

    .blalJw {
      color:inherit;
      display:block;
      animation:digitPop 0.28s cubic-bezier(0.34, 1.56, 0.64, 1) both;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    @media (prefers-reduced-motion: reduce) {

    .blalJw {
      animation:none;
    }
    }

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

        0% {
          transform: translateY(6px) scale(0.7);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .bOfZub {
      gap:10px;
      color:var(--color--text);
      border:1px solid rgba(255, 255, 255, 0.1);
      display:flex;
      padding:6px 6px 6px 12px;
      animation:chipIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s both;
      font-size:14px;
      max-width:100%;
      align-self:flex-start;
      background:rgba(255, 255, 255, 0.06);
      box-sizing:border-box;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:999px;
      flex-direction:row;
    }

    @media (prefers-reduced-motion: reduce) {

    .bOfZub {
      animation:none;
    }
    }

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

        0% {
          transform: scale(0.92);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .cojTeR {
      color:var(--color--text-muted);
      border:none;
      cursor:pointer;
      display:inline-block;
      padding:0px;
      font-size:13px;
      background:none;
      transition:color 0.2s ease;
      font-family:inherit;
      font-weight:600;
      border-radius:6px;
      flex-direction:row;
    }

    .cojTeR:hover {
      color:var(--color--text);
    }

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

    .cyYLSd {
      gap:10px;
      color:var(--color--text);
      border:1px solid rgba(255, 255, 255, 0.1);
      cursor:pointer;
      height:52px;
      display:inline-flex;
      font-size:15px;
      background:rgba(255, 255, 255, 0.08);
      transition:background 0.2s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:999px;
      flex-direction:row;
      justify-content:center;
    }

    .cyYLSd:hover {
      background:rgba(255, 255, 255, 0.12);
    }

    .cyYLSd:active {
      transform:scale(0.97);
    }

    .cyYLSd:focus-visible {
      outline:2px solid var(--color--text);
      outline-offset:3px;
    }

    .cyYLSd:disabled {
      cursor:progress;
      opacity:0.6;
      transform:none;
    }

    .evvTpy {
      color:#a6f0bb;
      border:1px solid rgba(48, 209, 88, 0.26);
      display:block;
      padding:12px 14px;
      font-size:14px;
      background:rgba(48, 209, 88, 0.1);
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      border-radius:14px;
      flex-direction:row;
    }

    .cPFtUT {
      color:var(--color--text);
      border:1px solid rgba(255, 255, 255, 0.1);
      cursor:pointer;
      height:52px;
      display:inline-block;
      font-size:15px;
      background:rgba(255, 255, 255, 0.08);
      transition:background 0.2s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
      font-family:inherit;
      font-weight:600;
      border-radius:999px;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .cPFtUT:hover {
      background:rgba(255, 255, 255, 0.12);
    }

    .cPFtUT:active {
      transform:scale(0.97);
    }

    .cPFtUT:focus-visible {
      outline:2px solid var(--color--text);
      outline-offset:3px;
    }

    .cPFtUT:disabled {
      cursor:default;
      opacity:0.55;
      transform:none;
      background:rgba(255, 255, 255, 0.08);
    }

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

    .ejTfgm {
      gap:10px;
      color:#0a0a0a;
      border:none;
      cursor:pointer;
      height:52px;
      display:inline-flex;
      font-size:16px;
      background:#f5f5f7;
      box-shadow:0 8px 24px rgba(0, 0, 0, 0.35);
      margin-top:4px;
      transition:background 0.2s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:-0.01em;
      justify-content:center;
    }

    .ejTfgm:hover {
      background:#ffffff;
    }

    .ejTfgm:active {
      transform:scale(0.97);
    }

    .ejTfgm:focus-visible {
      outline:2px solid #f5f5f7;
      outline-offset:3px;
    }

    .ejTfgm:disabled {
      cursor:progress;
      opacity:0.7;
      transform:none;
    }

    .dKA-dpj {
      color:inherit;
      display:flex;
      padding:20px 0 8px;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    .evFDAA {
      color:inherit;
      inset:-6%;
      display:block;
      z-index:-1;
      position:fixed;
      animation:wallIn 1.2s ease both;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
      background-size:22px 22px;
      background-color:#0a0a0b;
      background-image:radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1.4px);
    }

    .evFDAA::before {
      top:4%;
      left:6%;
      width:46vmax;
      filter:blur(90px);
      height:46vmax;
      content:"";
      position:absolute;
      animation:driftA 30s ease-in-out infinite alternate;
      background:rgba(255, 255, 255, 0.07);
      border-radius:50%;
    }

    .evFDAA::after {
      right:4%;
      width:40vmax;
      bottom:2%;
      filter:blur(100px);
      height:40vmax;
      content:"";
      position:absolute;
      animation:driftB 36s ease-in-out infinite alternate;
      background:rgba(200, 205, 215, 0.06);
      border-radius:50%;
    }

    @media (prefers-reduced-motion: reduce) {

    .evFDAA::before {
      animation:none;
    }
    }

    @media (prefers-reduced-motion: reduce) {

    .evFDAA::after {
      animation:none;
    }
    }

    @keyframes driftA {
        0% {
          transform: translate(0, 0) scale(1);
        }

        100% {
          transform: translate(22vw, 18vh) scale(1.2);
        }
    }


    @keyframes driftB {
        0% {
          transform: translate(0, 0) scale(1.1);
        }

        100% {
          transform: translate(-18vw, -16vh) scale(0.9);
        }
    }


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

        100% {
          opacity: 1;
        }
    }

    .cRwEqB {
      gap:28px;
      color:inherit;
      border:1px solid var(--glass-border);
      display:none;
      padding:32px;
      animation:panelRise 0.8s cubic-bezier(0.32, 0.72, 0, 1) 0.08s both;
      font-size:inherit;
      background:var(--glass-bg);
      box-shadow:0 30px 80px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);
      font-family:inherit;
      font-weight:inherit;
      border-radius:28px;
      flex-direction:column;
      backdrop-filter:blur(40px) saturate(180%);
      justify-content:space-between;
      -webkit-backdrop-filter:blur(40px) saturate(180%);
    }

    @media (min-width: 960px) {

    .cRwEqB {
      display:flex;
    }
    }

    @media (prefers-reduced-motion: reduce) {

    .cRwEqB {
      animation:none;
    }
    }

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

        0% {
          transform: translateY(18px) scale(0.98);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .bUbgLz {
      gap:6px;
      color:inherit;
      display:flex;
      animation:stepIn 0.5s cubic-bezier(0.32, 0.72, 0, 1) both;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    @media (prefers-reduced-motion: reduce) {

    .bUbgLz {
      animation:none;
    }
    }

    @keyframes stepIn {
        0% {
          filter: blur(4px);
        }

        0% {
          opacity: 0;
        }

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

        100% {
          filter: none;
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .eeWbmk {
      gap:8px;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .cnnJGm {
      font:inherit;
      color:var(--color--text);
      width:100%;
      border:1px solid rgba(255, 255, 255, 0.1);
      height:52px;
      display:block;
      outline:none;
      padding:0 16px;
      font-size:16px;
      background:rgba(255, 255, 255, 0.06);
      box-sizing:border-box;
      transition:background 0.2s ease, border-color 0.2s ease, box-shadow 0.25s ease;
      font-family:inherit;
      font-weight:inherit;
      border-radius:14px;
      flex-direction:row;
      letter-spacing:-0.01em;
    }

    .cnnJGm.revealable {
      padding-right:72px;
    }

    .cnnJGm:hover {
      background:rgba(255, 255, 255, 0.075);
      border-color:rgba(255, 255, 255, 0.16);
    }

    .cnnJGm:focus {
      background:rgba(255, 255, 255, 0.09);
      box-shadow:0 0 0 4px rgba(255, 255, 255, 0.07);
      border-color:rgba(255, 255, 255, 0.34);
    }

    .cnnJGm:is(:-webkit-autofill, :autofill) {
      caret-color:#f5f5f7;
      -webkit-box-shadow:0 0 0 100px #1b1b1d inset;
      -webkit-text-fill-color:#f5f5f7;
    }

    .ewcCkZ {
      color:var(--color--text-faint);
      margin:0px;
      display:block;
      padding:0 4px;
      font-size:12px;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.4;
      flex-direction:row;
    }

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

    .dMkrzh {
      color:var(--color--text-muted);
      display:inline;
      font-size:13px;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
      letter-spacing:-0.005em;
    }

    .fybtCB {
      gap:12px;
      color:inherit;
      display:flex;
      padding:0 4px;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .ewQZQH {
      top:50%;
      color:var(--color--text-muted);
      right:8px;
      border:none;
      cursor:pointer;
      height:36px;
      display:inline-flex;
      padding:0 12px;
      position:absolute;
      font-size:13px;
      transform:translateY(-50%);
      background:transparent;
      transition:background 0.2s ease, color 0.2s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:10px;
      flex-direction:row;
    }

    .ewQZQH:hover {
      color:var(--color--text);
      background:rgba(255, 255, 255, 0.08);
    }

    .ewQZQH:active {
      transform:translateY(-50%) scale(0.94);
    }

    .ewQZQH:focus-visible {
      outline:2px solid var(--color--text);
      outline-offset:1px;
    }

    .UIXoK {
      color:var(--color--text-muted);
      border:none;
      cursor:pointer;
      display:inline-block;
      padding:8px 12px;
      font-size:14px;
      background:none;
      transition:color 0.2s ease, background 0.2s ease;
      font-family:inherit;
      font-weight:600;
      border-radius:10px;
      flex-direction:row;
    }

    .UIXoK:hover {
      color:var(--color--text);
      background:rgba(255, 255, 255, 0.06);
    }

    .UIXoK:active {
      background:rgba(255, 255, 255, 0.1);
    }

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

    .UIXoK:disabled {
      cursor:progress;
      opacity:0.6;
    }

    .Auth\:cardIconSvg {
      --icon-size:24px;
    }

    .diMajt {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      font-size:13px;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
    }

    .cAlAEX {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      font-size:15px;
      text-wrap:pretty;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      flex-direction:row;
    }

    .dQNrql {
      color:var(--color--text);
      margin:0px;
      display:block;
      font-size:clamp(2.25rem, 3.4vw, 3rem);
      font-family:inherit;
      font-weight:600;
      line-height:1.02;
      flex-direction:row;
      letter-spacing:-0.045em;
    }

    .dqZSJB {
      color:var(--color--text);
      width:36px;
      height:36px;
      display:inline-flex;
      font-size:inherit;
      background:rgba(255, 255, 255, 0.08);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
      justify-content:center;
    }

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

    .flZOsF {
      gap:6px;
      color:var(--color--text);
      border:none;
      cursor:pointer;
      display:inline-flex;
      padding:8px 12px;
      font-size:14px;
      background:none;
      transition:color 0.2s ease, background 0.2s ease, opacity 0.2s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:10px;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .flZOsF:hover {
      background:rgba(255, 255, 255, 0.06);
    }

    .flZOsF:active {
      background:rgba(255, 255, 255, 0.1);
    }

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

    .flZOsF:disabled {
      color:var(--color--text-faint);
      cursor:default;
      background:none;
    }

    .frbAbw {
      color:inherit;
      width:16px;
      border:2px solid rgba(10, 10, 10, 0.2);
      height:16px;
      display:block;
      animation:btnSpin 0.8s linear infinite;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      border-top-color:#0a0a0a;
    }

    @keyframes btnSpin {
        0% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(360deg);
        }
    }

    .cVdIDT {
      color:inherit;
      width:32px;
      border:2.5px solid rgba(255, 255, 255, 0.14);
      height:32px;
      display:block;
      animation:authSpin 0.8s linear infinite;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      border-top-color:var(--color--text);
    }

    @keyframes authSpin {
        0% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(360deg);
        }
    }

    .wgJOh {
      color:var(--color--text-muted);
      border:none;
      cursor:pointer;
      display:inline-block;
      padding:8px 12px;
      font-size:14px;
      background:none;
      transition:color 0.2s ease, background 0.2s ease;
      font-family:inherit;
      font-weight:600;
      border-radius:10px;
      flex-direction:row;
    }

    .wgJOh:hover {
      color:var(--color--text);
      background:rgba(255, 255, 255, 0.06);
    }

    .wgJOh:active {
      background:rgba(255, 255, 255, 0.1);
    }

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

    .Auth\:brandItemIconSvg {
      --icon-size:17px;
    }

    .bBdjZs {
      color:var(--color--text-muted);
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }