@property --color-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #0f172a;
}
@property --color-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #f8fafc;
}
@property --color-panel {
  syntax: "<color>";
  inherits: true;
  initial-value: #1e293b;
}
@property --color-accent {
  syntax: "<color>";
  inherits: true;
  initial-value: #06b6d4;
}
@property --color-border {
  syntax: "<color>";
  inherits: true;
  initial-value: #334155;
}
@property --color-canvas {
  syntax: "<color>";
  inherits: true;
  initial-value: #1e293b;
}
@property --color-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #6366f1;
}
@property --color-text-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: #94a3b8;
}
@property --color-panel-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: #334155;
}
@property --color-primary-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #4f46e5;
}

  :host, :root {
  --color-bg: #0f172a;
  --color-text: #f8fafc;
  --color-panel: #1e293b;
  --color-accent: #06b6d4;
  --color-border: #334155;
  --color-canvas: #1e293b;
  --color-primary: #6366f1;
  --color-text-muted: #94a3b8;
  --color-panel-subtle: #334155;
  --color-primary-hover: #4f46e5;
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --color-bg: #0f172a;
  --color-text: #f8fafc;
  --color-panel: #1e293b;
  --color-accent: #06b6d4;
  --color-border: #334155;
  --color-canvas: #1e293b;
  --color-primary: #6366f1;
  --color-text-muted: #94a3b8;
  --color-panel-subtle: #334155;
  --color-primary-hover: #4f46e5;
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --color-bg: #0f172a;
  --color-text: #f8fafc;
  --color-panel: #1e293b;
  --color-accent: #06b6d4;
  --color-border: #334155;
  --color-canvas: #1e293b;
  --color-primary: #6366f1;
  --color-text-muted: #94a3b8;
  --color-panel-subtle: #334155;
  --color-primary-hover: #4f46e5;
}
    }
  [data-nc-theme~="Dark"] {
  --color-bg: #0f172a;
  --color-text: #f8fafc;
  --color-panel: #1e293b;
  --color-accent: #06b6d4;
  --color-border: #334155;
  --color-canvas: #1e293b;
  --color-primary: #6366f1;
  --color-text-muted: #94a3b8;
  --color-panel-subtle: #334155;
  --color-primary-hover: #4f46e5;
}
[data-nc-theme~="Light"] {
  --color-bg: #0f172a;
  --color-text: #f8fafc;
  --color-panel: #1e293b;
  --color-accent: #06b6d4;
  --color-border: #334155;
  --color-canvas: #1e293b;
  --color-primary: #6366f1;
  --color-text-muted: #94a3b8;
  --color-panel-subtle: #334155;
  --color-primary-hover: #4f46e5;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-instrument-serif: 'Instrument Serif',serif;
--font-inter: 'Inter',sans-serif;

    /* 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;
    }
  }
}


    .ehNtRY {
      color:inherit;
      width:100%;
      height:100vh;
      display:flex;
      overflow:hidden;
      font-size:inherit;
      background:radial-gradient(circle at center, #1e293b 0%, #0b1120 100%);
      min-height:100vh;
      align-items:center;
      font-family:"Inter",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
    }

    .clXRBs {
      gap:4px;
      color:inherit;
      border:1px solid var(--color-border);
      display:flex;
      padding:4px;
      font-size:inherit;
      background:var(--color-bg);
      margin-top:4px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:999px;
      flex-direction:row;
    }

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

    .dluhUi {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      animation-name:animation-ormTz;
      flex-direction:row;
      animation-delay:;
      animation-duration:0.4s;
      animation-direction:;
      animation-fill-mode:;
      animation-play-state:;
      animation-iteration-count:infinite;
      animation-timing-function:linear;
    }

    @keyframes animation-ormTz {
        0% {
          stroke-dashoffset: 0;
        }

        1% {
          stroke-dashoffset: -32;
        }

        100% {
          stroke-dashoffset: 0;
        }
    }

    .dVmlnm {
      gap:8px;
      color:inherit;
      display:flex;
      padding:16px;
      z-index:10;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .fFlOtQ {
      color:inherit;
      display:block;
      font-size:inherit;
      max-width:100%;
      max-height:100%;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bvyxwA {
      color:var(--color-text-muted);
      display:inline-block;
      padding:6px 12px;
      font-size:11px;
      transition:background 0.15s ease, color 0.15s ease;
      font-family:inherit;
      font-weight:600;
      white-space:nowrap;
      border-radius:999px;
      flex-direction:row;
      text-decoration:none;
    }

    .bvyxwA.active {
      color:var(--color-text);
      background:var(--color-panel-subtle);
    }

    .bvyxwA:hover {
      color:#ffffff;
      background:var(--color-primary);
    }

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

    .btqwlB {
      color:inherit;
      display:block;
      animation:crankSpin 0.9s linear infinite;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      transform-origin:380px 420px;
    }

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

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

    .efeHYR {
      color:inherit;
      display:block;
      animation:pelicanBob 0.9s ease-in-out infinite alternate;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      transform-origin:380px 240px;
    }

    @keyframes pelicanBob {
        0% {
          transform: translateY(0px) rotate(0deg);
        }

        50% {
          transform: translateY(-4px) rotate(-1deg);
        }

        100% {
          transform: translateY(2px) rotate(1deg);
        }
    }

    .drNwmP {
      color:#f8fafc;
      margin:0px;
      display:block;
      font-size:24px;
      font-family:inherit;
      font-weight:700;
      flex-direction:row;
      letter-spacing:-0.02em;
    }

    .ftTusB {
      color:inherit;
      display:block;
      animation:wheelSpin 0.9s linear infinite;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      transform-origin:250px 420px;
    }

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

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

    .cUnPMu {
      color:inherit;
      width:100%;
      display:flex;
      font-size:inherit;
      max-width:800px;
      max-height:600px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      aspect-ratio:4 / 3;
      flex-direction:row;
      justify-content:center;
    }

    .dRFKxo {
      color:inherit;
      display:block;
      animation:wheelSpin 0.9s linear infinite;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      transform-origin:550px 420px;
    }

    .boOvqn {
      color:#94a3b8;
      margin:0px;
      display:block;
      font-size:14px;
      font-family:inherit;
      font-weight:400;
      flex-direction:row;
    }

    .ewdLUA {
      color:inherit;
      display:block;
      animation:backLegCycle 0.9s linear infinite;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      transform-origin:330px 275px;
    }

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

        25% {
          transform: rotate(5deg) scaleY(0.92);
        }

        50% {
          transform: rotate(0deg) scaleY(0.85);
        }

        75% {
          transform: rotate(-6deg) scaleY(0.96);
        }

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

    .blgPid {
      color:inherit;
      display:block;
      animation:frontLegCycle 0.9s linear infinite;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      transform-origin:340px 275px;
    }

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

        25% {
          transform: rotate(-7deg) scaleY(1.1);
        }

        50% {
          transform: rotate(0deg) scaleY(1.15);
        }

        75% {
          transform: rotate(6deg) scaleY(1.05);
        }

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