:root{
  --bg:#0f1724;
  --card:#ffffff;
  --muted:#666;
  --accent:#1e88e5;
  --radius:10px;
  --glass: rgba(255,255,255,0.04);
}

/* ===== Style de base (clair/friendly) ===== */
body {
  margin:0;
  font-family: Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: linear-gradient(180deg,#e9efff 0%, #fff 60%);
  color:#111;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.app {
  max-width:1100px;
  margin:28px auto;
  padding:20px;
  background: linear-gradient(180deg, rgba(255,255,255,0.85), rgba(250,250,255,0.9));
  border-radius:14px;
  box-shadow: 0 10px 40px rgba(15,23,36,0.08);
  border: 1px solid rgba(5,10,30,0.02);
}
header{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}
h1{font-size:20px;margin:0}
.top-controls{display:flex;gap:8px;align-items:center}
button, .btn {
  background:#fff;border:1px solid #e0e6f2;padding:8px 12px;border-radius:8px;
  cursor:pointer;font-weight:600;color:#0f1724;
  box-shadow: 0 3px 8px rgba(20,30,60,0.04);
}
.btn.primary{background:var(--accent);color:#fff;border:none;box-shadow: 0 6px 20px rgba(30,136,229,0.16)}
.btn.ghost{background:transparent;border:1px solid rgba(0,0,0,0.06)}
.controls-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.small{font-size:13px;color:var(--muted)}
input[type="text"], input[type="url"], textarea {
  width:100%; padding:10px;border-radius:10px;border:1px solid #e6ecff;background:#fff;
  box-sizing:border-box;font-size:14px;margin-top:8px;margin-bottom:10px;
}
textarea{min-height:84px}
.section-card{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:12px;padding:12px;margin-top:12px;border:1px solid #eef4ff}
#formArea{display:none;margin-top:12px;padding:12px;border-radius:12px;border:1px dashed #e6eefc;background:linear-gradient(180deg,#fff,#fbfdff)}
.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.thumb{
  width:64px;height:64px;border-radius:8px;overflow:hidden;border:1px solid #e9f0ff;background:#f8fbff;
  display:flex;align-items:center;justify-content:center;
}
.thumb img, .thumb video{max-width:100%;max-height:100%;display:block;object-fit:cover;}
#search{padding:10px;border-radius:10px;border:1px solid #e6ecff;width:320px}
footer { margin-top:16px; font-size:13px; color:var(--muted)}
.tiny{font-size:12px;color:#9aa0b2}
.badge{display:inline-block;padding:6px 8px;border-radius:999px;font-weight:700;font-size:12px;background:linear-gradient(90deg,#eef6ff,#dfeaff);color:#063}

/* =========================
   THEME NEON YOUPLUGS
   ========================= */
body.neon{
  background: radial-gradient(1200px 600px at 10% 10%, rgba(19,12,51,0.9), rgba(6,6,17,1) 30%), linear-gradient(180deg,#02020a,#070717);
  color:#dce9ff;
}
body.neon .app{
  background: linear-gradient(180deg, rgba(3,6,16,0.5), rgba(6,8,20,0.6));
  border: 1px solid rgba(80,200,255,0.06);
  box-shadow: 0 10px 40px rgba(3,8,30,0.6), inset 0 1px 0 rgba(255,255,255,0.02);
  backdrop-filter: blur(6px) saturate(120%);
}
body.neon h1{color:#aeeeff}
body.neon .btn{background:rgba(255,255,255,0.04);color:#9be7ff;border:1px solid rgba(255,255,255,0.04)}
body.neon .btn.primary{
  background: linear-gradient(90deg,#00e5ff,#6a23ff 60%); color: #021; border: none;
  box-shadow: 0 8px 40px rgba(0,229,255,0.08), 0 0 14px rgba(106,35,255,0.16);
}
body.neon .section-card{
  border: 1px solid rgba(12,20,40,0.6)