/* [CSS:AIBIO-THEME] owner #270 #271 (TASK-121) — halaman berbasis brand.css (Studio, halaman produk /a/) memakai gaya AiBio yang sama dengan
   room & landing (DESIGN_SYSTEM / css/mine.css): navy + cahaya lembut, kartu biru tua, aksen emas/cyan, judul Lilita One, isi Nunito,
   tombol utama oranye 3D. Dimuat SETELAH brand.css → hanya menimpa token; tata letak halaman tidak diubah. */
:root {
	--brand: #ff9a1f;
	--brand2: #ffc933;
	--bg: #0b1024;
	--panel: #121a3a;
	--card: #151d42;
	--card2: #1b2450;
	--line: #26315e;
	--line2: #34427a;
	--txt: #eef3ff;
	--mut: #b4c2e6;
	--on-brand: #1b1300;
	--good: #86e85c;
	--info: #5ef0ff;
	--brand-rgb: 63, 115, 192; /* tint kartu = biru game (kontras teks tetap tinggi) */
	--brand2-rgb: 255, 201, 51;
	--bg-rgb: 11, 16, 36;
	--panel-rgb: 18, 26, 58;
	--card-rgb: 21, 29, 66;
	--card2-rgb: 27, 36, 80;
	--line-rgb: 38, 49, 94;
	--line2-rgb: 52, 66, 122;
	--txt-rgb: 238, 243, 255;
	--mut-rgb: 180, 194, 230;
	--on-brand-rgb: 27, 19, 0;
	--good-rgb: 134, 232, 92;
	--info-rgb: 94, 240, 255;
	--font-ui: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--font-title: "Lilita One", "Arial Rounded MT Bold", "Nunito", sans-serif;
	--font-data: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--surface-card-bg: linear-gradient(160deg, rgba(38, 49, 94, .96), rgba(21, 29, 66, .98));
	--surface-btn-primary: linear-gradient(#ffc04d, #ff9a1f 55%, #f07800);
	color-scheme: dark;
}
html, body {
	background:
		radial-gradient(60% 40% at 50% 0%, rgba(94, 240, 255, .10), transparent 70%),
		radial-gradient(40% 30% at 0% 60%, rgba(167, 139, 250, .14), transparent 70%),
		radial-gradient(40% 30% at 100% 90%, rgba(255, 201, 51, .08), transparent 70%),
		#0b1024;
	background-attachment: fixed;
	color: var(--txt);
	font-family: var(--font-ui);
}
body { font-weight: 600; }
/* TASK-117 M4 kartu quest berbayar (studio-quests.js) */
.sd-quests .sd-q-h { margin: 0 0 8px; font-family: var(--font-title); font-size: 20px; }
.sd-qf { display: grid; gap: 12px; margin-top: 12px; }
.sd-qf label { display: grid; gap: 4px; font-size: 14px; color: var(--mut); }
.sd-qf input, .sd-qf select, .sd-qf textarea { min-height: 44px; padding: 8px 12px; border-radius: 12px; border: 2px solid var(--line2); background: var(--bg); color: var(--txt); font: inherit; }
.sd-qf-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.sd-qf-msg { min-height: 20px; margin: 0; color: var(--brand2); }
.sd-ql { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 8px; }
.sd-ql li { display: grid; gap: 4px; padding: 12px; border-radius: 12px; background: rgba(var(--bg-rgb), .5); }