#vrcc-banner,
		#vrcc-banner * {
			box-sizing: border-box;
		}

		#vrcc-banner[hidden],
		#vrcc-settings[hidden],
		#vrcc-main-actions[hidden] {
			display: none !important;
		}

		.vrcc-banner {
			position: fixed;
			left: 16px;
			right: 16px;
			bottom: 16px;
			z-index: 2147483000;
			max-width: 1180px;
			margin: 0 auto;
			color: #ffffff;
			font-family: inherit;
		}

		.vrcc-inner {
			padding: 22px;
			background:
				linear-gradient(135deg, rgba(39, 24, 74, 0.98), rgba(23, 16, 52, 0.98));
			border: 1px solid rgba(255, 0, 161, 0.78);
			border-radius: 12px;
			box-shadow:
				0 0 0 1px rgba(0, 207, 255, 0.14),
				0 0 28px rgba(255, 0, 161, 0.22),
				0 18px 50px rgba(0, 0, 0, 0.45);
		}

		.vrcc-title {
			margin-bottom: 7px;
			font-size: 22px;
			line-height: 1.2;
			font-weight: 700;
			text-transform: uppercase;
		}

		.vrcc-description {
			font-size: 16px;
			line-height: 1.5;
		}

		.vrcc-description a,
		.vrcc-option a {
			color: #00d7ff;
			text-decoration: underline;
			text-underline-offset: 3px;
		}

		.vrcc-actions,
		.vrcc-settings-actions {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			margin-top: 18px;
		}

		.vrcc-button {
			min-height: 44px;
			padding: 10px 18px;
			color: #ffffff;
			background: rgba(255, 255, 255, 0.06);
			border: 1px solid rgba(255, 255, 255, 0.38);
			border-radius: 6px;
			font: inherit;
			font-weight: 600;
			line-height: 1.2;
			cursor: pointer;
			transition:
				transform 0.16s ease,
				border-color 0.16s ease,
				box-shadow 0.16s ease,
				background 0.16s ease;
		}

		.vrcc-button:hover,
		.vrcc-button:focus-visible {
			transform: translateY(-1px);
			border-color: #00d7ff;
			box-shadow: 0 0 16px rgba(0, 215, 255, 0.25);
			outline: none;
		}

		.vrcc-button-primary {
			background: linear-gradient(135deg, #ff00a1, #8d17e8);
			border-color: #ff00a1;
			box-shadow: 0 0 18px rgba(255, 0, 161, 0.28);
		}

		.vrcc-button-muted {
			background: transparent;
		}

		.vrcc-settings {
			margin-top: 18px;
			padding-top: 18px;
			border-top: 1px solid rgba(255, 255, 255, 0.16);
		}

		.vrcc-settings[hidden] {
			display: none !important;
		}

		.vrcc-settings-title {
			margin-bottom: 12px;
			font-size: 18px;
			font-weight: 700;
		}

		.vrcc-option {
			display: grid;
			grid-template-columns: 20px minmax(0, 1fr);
			align-items: start;
			gap: 10px;
			margin: 10px 0;
			padding: 12px;
			background: rgba(255, 255, 255, 0.045);
			border: 1px solid rgba(255, 255, 255, 0.12);
			border-radius: 8px;
			cursor: pointer;
		}

		.vrcc-option input {
			width: 18px;
			height: 18px;
			margin: 2px 0 0;
			accent-color: #00d7ff;
		}

		.vrcc-option strong,
		.vrcc-option small {
			display: block;
		}

		.vrcc-option small {
			margin-top: 3px;
			color: rgba(255, 255, 255, 0.72);
			font-size: 13px;
			line-height: 1.35;
		}

		.vrcc-option-disabled {
			opacity: 0.72;
			cursor: default;
		}

		#vrcc-footer-separator {
			margin: 0 5px;
		}

		#vrcc-footer-settings-link {
			cursor: pointer;
		}

		@media (min-width: 860px) {
			.vrcc-inner {
				display: grid;
				grid-template-columns: minmax(0, 1fr) auto;
				align-items: center;
				gap: 20px;
			}

			.vrcc-settings {
				grid-column: 1 / -1;
			}

			.vrcc-actions {
				margin-top: 0;
				justify-content: flex-end;
			}
		}

		@media (max-width: 640px) {
			.vrcc-banner {
				left: 8px;
				right: 8px;
				bottom: 8px;
				max-height: calc(100vh - 16px);
				overflow-y: auto;
			}

			.vrcc-inner {
				padding: 17px;
			}

			.vrcc-title {
				font-size: 18px;
			}

			.vrcc-description {
				font-size: 14px;
			}

			.vrcc-actions,
			.vrcc-settings-actions {
				display: grid;
				grid-template-columns: 1fr;
			}

			.vrcc-button {
				width: 100%;
			}
		}