/* Premium theme: Midnight Ice */
  :root {
    --text: #edf8ff;
    --muted: #9db2c2;
    --dim: #60717d;
    --copper: #9bd9ff;
    --copper-soft: #d2f0ff;
    --teal: #7ce7ff;
    --moss: #7b8cff;
    --danger: #d0898d;
  }
  body { background: #02050a; }
  .app {
    background:
      radial-gradient(circle at 50% -6%, rgba(124,231,255,.28), transparent 33%),
      radial-gradient(circle at 18% 25%, rgba(123,140,255,.2), transparent 36%),
      linear-gradient(180deg,#06111b 0%,#030811 55%,#010306 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(180,230,255,.12), 0 0 120px rgba(0,30,70,.55) !important;
  }
  .app::after {
    color: rgba(155,217,255,.2) !important;
    text-shadow: 0 0 16px rgba(124,231,255,.28);
  }
  .header-title,
  .screen-title,
  .onboarding h1 {
    color: #f4fbff !important;
    text-shadow: 0 0 30px rgba(124,231,255,.28), 0 0 48px rgba(123,140,255,.16) !important;
  }
  .msg-oracle,
  .profile-card,
  .auth-status,
  .diary-entry,
  .diary-pattern,
  .forecast-card,
  .detail-card,
  .bond-card {
    background: linear-gradient(150deg,rgba(13,30,44,.82),rgba(3,8,17,.76)) !important;
    border-color: rgba(155,217,255,.18) !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter: blur(18px);
  }
  .msg-oracle { border-left-color: rgba(124,231,255,.62) !important; }
  .msg-user {
    background: linear-gradient(135deg,rgba(84,103,215,.52),rgba(8,22,38,.92)) !important;
    border-color: rgba(155,217,255,.22) !important;
  }
  .mode-btn,
  .ghost-start-btn,
  .auth-login-btn.secondary,
  .input-bar input,
  .onboarding input {
    background: rgba(255,255,255,.045) !important;
    border-color: rgba(155,217,255,.18) !important;
  }
  .mode-btn.active,
  .start-btn,
  .auth-login-btn.primary,
  .send-btn,
  .invite-btn {
    background: linear-gradient(145deg,#d2f0ff,#70b7dd 54%,#5467d7) !important;
    color: #03101a !important;
    box-shadow: 0 12px 36px rgba(124,231,255,.22), inset 0 1px 0 rgba(255,255,255,.36) !important;
  }
  .nav {
    background: rgba(2,5,10,.9) !important;
    box-shadow: 0 -18px 48px rgba(0,0,0,.55);
  }
  .star {
    background: #d2f0ff !important;
    box-shadow: 0 0 8px rgba(124,231,255,.48);
  }

  @media (max-width: 430px) {
    .add-entry-btn { right: 16px; }
  }