/* Placeholder stylesheet to satisfy /index.css import.
   Add app-level styles here if needed. */

body {
  margin: 0;
  padding: 0;
}

/* Glassmorphism helpers */
:root {
  --glass-light: rgba(255, 255, 255, 0.66);
  --glass-border: rgba(255, 255, 255, 0.28);
  --glass-shadow: 0 25px 80px rgba(17, 24, 39, 0.15);
  --glass-highlight: rgba(244, 63, 94, 0.08);
}

.glass-panel {
  background: linear-gradient(135deg, var(--glass-light), rgba(255, 255, 255, 0.78));
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.glass-panel-dark {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.6), rgba(30, 41, 59, 0.55));
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.glass-chip {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.8));
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 10px 30px rgba(244, 63, 94, 0.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.glass-stroke {
  border: 1px solid var(--glass-border);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .glass-panel,
  .glass-panel-dark,
  .glass-chip {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: rgba(255, 255, 255, 0.9);
  }
}