body {
      background-color: #f5f5f7;
      color: #1d1d1f;
      overflow-x: hidden;
      transition: background-color 0.3s ease, color 0.3s ease;
    }

    .aurora-bg {
      position: absolute;
      top: -20%;
      left: 50%;
      transform: translateX(-50%);
      width: 120vw;
      height: 120vh;
      background: radial-gradient(circle at center, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 247, 0) 60%);
      z-index: 0;
      pointer-events: none;
    }

    .system-window {
      background: #ffffff;
      border: 1px solid rgba(0, 0, 0, 0.08);
      box-shadow: 0 40px 100px -20px rgba(0, 0, 0, 0.15), 0 20px 40px -20px rgba(0, 0, 0, 0.1);
      border-radius: 24px;
    }

    .header-scrolled {
      background: rgba(245, 245, 247, 0.85);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

    a:focus-visible, button:focus-visible, input:focus-visible, [role="link"]:focus-visible {
      outline: 3px solid rgba(0, 113, 227, 0.35);
      outline-offset: 3px;
      border-radius: 18px;
    }

    .cursor-blink {
      display: inline-block;
      width: 2px;
      height: 1.2em;
      background-color: #0071e3;
      margin-left: 2px;
      animation: blink 1s step-end infinite;
      vertical-align: middle;
    }
    @keyframes blink { 50% { opacity: 0; } }

    .dark body { background-color: #0b0b0c; color: #f5f5f7; }

    .dark .aurora-bg {
      background: radial-gradient(circle at center, rgba(60, 60, 70, 0.55) 0%, rgba(11, 11, 12, 0) 60%);
    }

    .dark .header-scrolled {
      background: rgba(11, 11, 12, 0.72);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .dark .system-window {
      background: #0f0f12;
      border: 1px solid rgba(255, 255, 255, 0.08);
      box-shadow: 0 40px 110px -30px rgba(0, 0, 0, 0.65);
    }

    .dark .bg-white { background-color: #121216 !important; }
    .dark .bg-white\/50 { background-color: rgba(18, 18, 22, 0.55) !important; }
    .dark .bg-white\/95 { background-color: rgba(18, 18, 22, 0.92) !important; }

    .dark .text-apple-text { color: #f5f5f7 !important; }
    .dark .text-apple-gray { color: rgba(245, 245, 247, 0.62) !important; }
    .dark .border-apple-border { border-color: rgba(255,255,255,0.10) !important; }
    .dark .border-gray-100 { border-color: rgba(255,255,255,0.08) !important; }
    .dark .border-gray-200\/70 { border-color: rgba(255,255,255,0.12) !important; }
    .dark .bg-gray-50 { background-color: rgba(255,255,255,0.06) !important; }
    .dark .bg-gray-100 { background-color: rgba(255,255,255,0.08) !important; }
    .dark .shadow-sm { box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important; }

    .dropdown { background: rgba(255,255,255,0.96); border: 1px solid rgba(0,0,0,0.08); }
    .dark .dropdown { background: rgba(18,18,22,0.96); border: 1px solid rgba(255,255,255,0.10); }


/* Shared glass surface */
.glass{background:rgba(255,255,255,.72);border:1px solid rgba(210,210,215,.75);backdrop-filter:blur(18px);}
.dark .glass{background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.14);}