/* ── Dealoria — Styles ── */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Plus Jakarta Sans', sans-serif; overflow-x: hidden; }
input, select, textarea, button { font-family: inherit; }

/* Page transition */
.page-enter { animation: fadeUp 0.35s cubic-bezier(.22,.68,0,1) both; }
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Tweaks Panel */
#tweaks-panel {
  display: none; position: fixed; bottom: 24px; right: 24px;
  background: rgba(255,255,255,0.96); backdrop-filter: blur(24px);
  border: 1px solid rgba(0,0,0,0.1); border-radius: 18px;
  padding: 22px; width: 270px; z-index: 9999;
  box-shadow: 0 24px 64px rgba(0,0,0,0.16); font-family: 'Plus Jakarta Sans', sans-serif;
}
#tweaks-panel.visible { display: block; }
#tweaks-panel h3 {
  font-size: 11px; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; color: #aaa; margin-bottom: 18px;
}
.tweak-row { margin-bottom: 16px; }
.tweak-label { font-size: 12px; font-weight: 700; color: #333; margin-bottom: 8px; display: block; }
.tweak-options { display: flex; gap: 6px; flex-wrap: wrap; }
.tweak-btn {
  padding: 6px 13px; border-radius: 20px; font-size: 11px; font-weight: 700;
  border: 1.5px solid #e5e5e5; background: none; cursor: pointer;
  transition: all 0.15s; color: #666;
}
.tweak-btn.active { background: #111; color: #fff; border-color: #111; }
.tweak-btn:hover:not(.active) { border-color: #bbb; color: #333; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 3px; }