/* 04 — Glassmorphism · Rozmazane szklane panele */
:root {
  --bg: #1a1f3a;
  --bg-elevated: rgba(255,255,255,0.08);
  --surface: rgba(255,255,255,0.12);
  --surface-hover: rgba(255,255,255,0.18);
  --text: #f4f6ff;
  --text-muted: rgba(244,246,255,0.65);
  --border: rgba(255,255,255,0.18);
  --border-strong: rgba(255,255,255,0.32);
  --accent: #ff6ec7;
  --accent-text: #1a0a2a;
  --shadow: 0 8px 32px rgba(0,0,0,0.35);
  --shadow-lg: 0 24px 60px rgba(0,0,0,0.45);
  --font-sans: 'Inter', sans-serif;
  --font-display: 'Space Grotesk', sans-serif;
}
body {
  background:
    radial-gradient(at 20% 20%, #5b2a7e 0%, transparent 55%),
    radial-gradient(at 80% 70%, #2a4a8c 0%, transparent 55%),
    radial-gradient(at 50% 50%, #ff6ec7 0%, transparent 70%),
    #0a0e1f;
  color: var(--text);
  background-attachment: fixed;
}
.topbar { background: rgba(15,20,40,0.4); backdrop-filter: blur(20px); border-bottom: 1px solid var(--border); }
.day-card { background: rgba(255,255,255,0.08); backdrop-filter: blur(20px) saturate(140%); border: 1px solid rgba(255,255,255,0.18); }
.day-card--today { border-color: var(--accent); box-shadow: 0 0 60px rgba(255,110,199,0.25); }
.editor, .preview { background: rgba(0,0,0,0.2); color: var(--text); border-color: var(--border); }
.btn { background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); color: var(--text); border-color: var(--border); }
.btn--primary { background: linear-gradient(135deg, #ff6ec7, #7df9ff); color: #1a0a2a; border: none; }
.terminal { background: rgba(15,20,40,0.7); backdrop-filter: blur(24px); border: 1px solid rgba(255,255,255,0.2); }
.terminal__output { background: rgba(0,0,0,0.25); }
.terminal.terminal--inline {
  background: rgba(15,20,40,0.55);
  backdrop-filter: blur(24px) saturate(140%);
}
.terminal-toggle { background: linear-gradient(135deg, #ff6ec7, #7df9ff); color: #1a0a2a; border: none; }
.auth-shell { background: transparent; }
.auth-card { background: rgba(255,255,255,0.08); backdrop-filter: blur(20px); border-color: var(--border); }
.notebook-tile__link { background: rgba(255,255,255,0.08); backdrop-filter: blur(12px); }
.theme-card { background: rgba(255,255,255,0.06); backdrop-filter: blur(10px); }
.field input { background: rgba(0,0,0,0.25); color: var(--text); border-color: var(--border); }
.markdown a { color: #7df9ff; }