:root {
      color-scheme: light;
      --nav-width: 17rem;
      --nav-rail-width: 4.875rem;
      --nav-bg: #141918;
      --nav-surface: #202725;
      --nav-hover: #29312f;
      --nav-ink: #f2f5f3;
      --nav-muted: #9fa9a4;
      --canvas: #f2f4f2;
      --surface: #ffffff;
      --surface-soft: #f7f9f7;
      --ink: #18201d;
      --muted: #68736e;
      --line: #d9dfdb;
      --line-strong: #c5cec8;
      --accent: #fab609;
      --accent-rgb: 250, 182, 9;
      --accent-deep: #7a5600;
      --accent-deep-rgb: 122, 86, 0;
      --accent-soft: #fff4cf;
      --success-deep: #0a6747;
      --success-rgb: 10, 103, 71;
      --success-soft: #dff7ec;
      --coral: #ef6a5b;
      --coral-soft: #ffebe7;
      --amber: #e4a72f;
      --amber-soft: #fff3d8;
      --sky: #4b83d3;
      --sky-soft: #e9f1fc;
      --shadow-popover: 0 18px 50px rgba(13, 23, 19, 0.18);
      --radius: 0.375rem;
      --focus-ring: 0 0 0 3px rgba(var(--accent-deep-rgb), 0.7);
    }

    * {
      box-sizing: border-box;
    }

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

    .bee-route-loading .shell {
      cursor: progress;
      pointer-events: none;
    }

    .bee-route-loading body::before {
      position: fixed;
      z-index: 4000;
      top: 0;
      right: 0;
      left: 0;
      height: 0.1875rem;
      background: linear-gradient(90deg, transparent, var(--accent), transparent);
      content: "";
      pointer-events: none;
      transform: translateX(-100%);
      animation: bee-route-loading-progress 1.1s ease-in-out infinite;
    }

    @keyframes bee-route-loading-progress {
      50% {
        transform: translateX(0);
      }

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

    @media (prefers-reduced-motion: reduce) {
      .bee-route-loading body::before {
        right: 35%;
        left: 35%;
        animation: none;
        transform: none;
      }
    }

    body {
      overflow-x: hidden;
      background: var(--canvas);
      color: var(--ink);
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-size: 0.9375rem;
      line-height: 1.45;
      letter-spacing: 0;
    }

    button,
    input {
      color: inherit;
      font: inherit;
      letter-spacing: 0;
    }

    button {
      border: 0;
    }

    button:focus-visible,
    input:focus-visible {
      outline: none;
      box-shadow: var(--focus-ring);
    }

    .icon-sprite {
      position: absolute;
      width: 0;
      height: 0;
      overflow: hidden;
    }

    .icon {
      width: 1.125rem;
      height: 1.125rem;
      flex: 0 0 auto;
      fill: none;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 1.8;
    }

    .visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      border: 0;
      white-space: nowrap;
    }