:root{--y:#FBBF24;--y2:#FCD34D;--b:#1E3A8A;--b2:#1E40AF;--s50:#F8FAFC;--s100:#F1F5F9;--s200:#E2E8F0;--s400:#94A3B8;--s500:#64748B;--s600:#475569;--s700:#334155;--s800:#1E293B;--g100:#DCFCE7;--g800:#166534;--r100:#FEE2E2;--r800:#991B1B;--yl100:#FEF3C7;--yl300:#FCD34D;--yl400:#FBBF24}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:var(--s50);color:var(--s800);line-height:1.5}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.max-w-7xl{max-width:80rem;margin-inline:auto}
.max-w-4xl{max-width:56rem;margin-inline:auto}
.max-w-3xl{max-width:48rem;margin-inline:auto}
.max-w-xl{max-width:36rem;margin-inline:auto}
.mx-auto{margin-inline:auto}
.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}
.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex{display:flex}.md\:hidden{display:none}.md\:text-6xl{font-size:3.75rem;line-height:1}}
.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-24{padding-top:6rem;padding-bottom:6rem}
.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}
.pt-4{padding-top:1rem}
.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-20{margin-top:5rem}
.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}
.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}
.bg-white{background:#fff}.bg-slate-50{background:var(--s50)}.bg-slate-100{background:var(--s100)}
.bg-yellow-100{background:var(--yl100)}.bg-yellow-300{background:var(--yl300)}.bg-yellow-400{background:var(--yl400)}
.bg-yellow-500:hover{background:#F59E0B}
.bg-blue-800:hover{background:var(--b2)}.bg-blue-900{background:var(--b)}
.bg-green-100{background:var(--g100)}.bg-red-100{background:var(--r100)}
.bg-gradient-to-b{background:linear-gradient(to bottom,var(--yl400),var(--yl300))}
.text-white{color:#fff}.text-blue-100{color:#DBEAFE}.text-blue-700{color:#1D4ED8}.text-blue-800{color:var(--b2)}.text-blue-900{color:var(--b)}
.text-yellow-100{color:#FEF3C7}.text-yellow-300{color:var(--yl300)}.text-yellow-800{color:#92400E}
.text-green-800{color:var(--g800)}.text-red-800{color:var(--r800)}
.text-slate-400{color:var(--s400)}.text-slate-500{color:var(--s500)}.text-slate-600{color:var(--s600)}.text-slate-800{color:var(--s800)}
.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}
.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}
.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}
.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}
.uppercase{text-transform:uppercase}.underline{text-decoration:underline}.decoration-white{text-decoration-color:#fff}
.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-b-xl{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}
.border{border:1px solid var(--s200)}.border-t{border-top:1px solid var(--s200)}
.border-green-300{border-color:#86EFAC}.border-red-300{border-color:#FCA5A5}
.shadow{box-shadow:0 1px 3px rgba(0,0,0,.08)}.shadow-md{box-shadow:0 4px 12px rgba(0,0,0,.10)}.shadow-lg{box-shadow:0 10px 25px rgba(0,0,0,.12)}
.overflow-hidden{overflow:hidden}.opacity-70{opacity:.7}
.hidden{display:none}.inline-block{display:inline-block}.block{display:block}.inline{display:inline}
.w-full{width:100%}.shrink-0{flex-shrink:0}
.h-40{height:10rem}.object-cover{object-fit:cover}
.divide-y>*+*{border-top:1px solid var(--s200)}
.hover\:bg-yellow-100:hover{background:var(--yl100)}.hover\:bg-slate-50:hover{background:var(--s50)}.hover\:shadow-md:hover{box-shadow:0 4px 12px rgba(0,0,0,.10)}
.transition{transition:all .15s ease}
input,select,button,textarea{padding:.75rem 1rem;border:1px solid #CBD5E1;border-radius:.5rem;outline:none;background:#fff}
input:focus,select:focus{border-color:var(--b);box-shadow:0 0 0 3px #DBEAFE}
button{cursor:pointer;border:none;background:none}
table{width:100%;border-collapse:collapse;font-size:.875rem}
thead{background:var(--s50)}th,td{text-align:left;padding:.5rem .75rem}
hr{border:none;border-top:1px solid var(--s200);margin:1rem 0}

/* FAB — pinned to viewport, immune to ancestor transforms via JS move-to-body */
  position: fixed !important;
  bottom: 24px !important;
  z-index: 2147483647 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#support-fab {
  right: 24px !important;
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  background: #1E3A8A !important;
  color: #FBBF24 !important;
  font-size: 26px !important;
  text-decoration: none !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.25) !important;
  font-weight: 700 !important;
}
  left: 24px !important;
  background: #FBBF24 !important;
  color: #1E3A8A !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}
/* Utility additions */
.h-32{height:8rem}


/* Sponsored ad image — full logo visible, white pad, no crop, no blur */
.sponsored-ad-card img,
a[href*="action=track_ad"] img {
  width: 100% !important;
  height: 140px !important;
  max-height: 140px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #ffffff !important;
  padding: 12px !important;
  display: block !important;
  box-sizing: border-box !important;
}
/* Title remove button — appears next to each title chip */
.title-remove-form { display: inline; margin: 0; padding: 0; }
.title-remove-btn {
  background: none;
  border: none;
  color: #991B1B;
  cursor: pointer;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1;
  padding: 0 4px;
  margin-left: 4px;
}
.title-remove-btn:hover { color: #7F1D1D; }