.swo-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.55);
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	box-sizing: border-box;
}
.swo-overlay * { box-sizing: border-box; }

.swo-popup {
	position: relative;
	width: 100%;
	max-width: var(--swo-popup-max-width, 360px);
	background: var(--swo-popup-bg, #ffffff);
	border-radius: var(--swo-popup-radius, 16px);
	padding: 24px;
	text-align: center;
	border: 3px solid var(--swo-popup-border, #EF9F27);
	font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.swo-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: none;
	background: #f0f0f1;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}

.swo-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--swo-badge-bg, #EF9F27);
	color: var(--swo-badge-text, #ffffff);
	padding: 4px 16px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.swo-heading { margin: 0 0 4px; font-size: 20px; color: var(--swo-heading-color, #1d2327); }
.swo-sub { color: var(--swo-text-color, #666666); font-size: 13px; margin: 0 0 20px; }

#swo-email-input {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	margin-bottom: 10px;
	font-size: 14px;
}
#swo-spin-btn {
	width: 100%;
	padding: 12px;
	border-radius: 6px;
	border: 2px solid var(--swo-popup-border, #EF9F27);
	background: var(--swo-button-bg, #E24B4A);
	color: var(--swo-button-text, #ffffff);
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
}
#swo-spin-btn:disabled { opacity: 0.6; cursor: default; }
.swo-error { color: #b32d2e; font-size: 13px; margin-top: 8px; }

.swo-wheel-box {
	position: relative;
	width: var(--swo-wheel-size, 230px);
	height: var(--swo-wheel-size, 230px);
	margin: 0 auto 20px;
}
.swo-pointer {
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -11px;
	width: 0;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-top: 22px solid var(--swo-button-bg, #E24B4A);
	z-index: 3;
}
#swo-wheel {
	display: block;
	width: 100%;
	height: 100%;
	transition: transform 4.4s cubic-bezier(0.1, 0.85, 0.15, 1);
}

.swo-result { font-size: 15px; margin-top: 4px; color: var(--swo-heading-color, #1d2327); }
.swo-result .swo-code {
	display: inline-block;
	background: #f6f7f7;
	border: 1px dashed var(--swo-popup-border, #EF9F27);
	border-radius: 6px;
	padding: 6px 14px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-top: 8px;
}