#godsfi-ui-root{min-height:60vh}
.godsfi-input{color:#0f172a;background:#ffffff;border-color:#cbd5e1}
.godsfi-input::placeholder{color:#94a3b8}
/* Simple modal */
.godsfi-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}
.godsfi-modal{background:#fff;border-radius:.5rem;box-shadow:0 10px 25px rgba(0,0,0,.2);padding:1rem;max-width:32rem;width:100%}

/* Mobile-friendly defaults and tiny utility fallbacks (scoped to GODSfi UI) */
#godsfi-ui-root img, #godsfi-ui-root video{max-width:100%;height:auto}
#godsfi-ui-root .overflow-x-auto{overflow-x:auto}
#godsfi-ui-root .overflow-y-auto{overflow-y:auto}
#godsfi-ui-root .w-full{width:100%}
#godsfi-ui-root .max-w-full{max-width:100%}

@media (max-width: 640px){
	/* Reduce modal padding on small screens and keep it within viewport */
	.godsfi-modal{max-width:calc(100vw - 24px);padding:12px;border-radius:.5rem}
	/* A bit tighter horizontal padding for the root container when utilities are missing */
	#godsfi-ui-root{padding-left:12px;padding-right:12px}
	/* Show only one album card per row on mobile */
	.godsfi-album-grid{grid-template-columns:1fr !important;}
}