@font-face{
				font-family: "Basic";
				src: url("basic") format("woff2");
				font-display: swap;
			}
			@font-face{
				font-family: "Default";
				src: url("default") format("woff2");
				font-display: swap;
			}
			* {
				font-family: "Default", "Basic";
				font-size: 14px;
				box-sizing: border-box;
				margin: 0;
				padding: 0;
			}
			body {
				background-color: #050913;
				padding: 20px;
				display: flex;
				align-items: center;
				flex-direction: column;
			}
			.container {
				max-width: 1280px;
				width: 100%;
				background-color: #0d111a;
				padding: 20px;
				margin-bottom: 20px;
				overflow-y: auto;
			}
			.form-group {
				display: flex;
				margin-bottom: 20px;
			}
			.input-topic {
				width: 64%;
				margin-right: 10px;
				padding: 15px;
				border: 1px solid #2a2e36;
				border-radius: 4px;
				background-color: #0d111a;
				color: #fdfdfd;
			}
			input::placeholder {
				color: #9fa5b0;
			}
			.input-code {
				width: 18%;
				margin-right: 10px;
				padding: 15px;
				border: 1px solid #2a2e36;
				border-radius: 4px;
				background-color: #0d111a;
				color: #fdfdfd;
			}
			.input-variety {
				width: 18%;
				padding: 15px;
				border: 1px solid #2a2e36;
				border-radius: 4px;
				background-color: #0d111a;
				color: #fdfdfd;
			}
			input[type=text]:focus {
				border-color: #6600ff;
				outline: none;
			}
			.keyword-group {
				display: flex;
				flex-wrap: wrap;
				gap: 10px;
			}
			.keyword-input {
				flex: 1 1 calc(20% - 10px);
				min-width: 150px;
				padding: 12px;
				border: 1px solid #2a2e36;
				border-radius: 4px;
				background-color: #0d111a;
				transition: border-color 0.3s;
				color: #fdfdfd;
			}
			.submitBtn {
				width: 100%;
				padding: 12px;
				background-color: #6600ff;
				color: #fff;
				border: none;
				border-radius: 4px;
				cursor: pointer;
				font-size: 16px;
				transition: background-color 0.3s, transform 0.3s;
				margin-top: 15px;
			}
			.submitBtn:hover {
				background-color: #5700d9;
				transform: translateY(-1px);
			}
			.response {
				width: 100%;
				padding: 20px;
				font-size: 16px;
				background-color: #2a2e36;
				margin-top: 20px;
				color: #fdfdfd;
			}
			@media (max-width: 768px) {
				.container {
					width: 100%;
					padding: 15px;
				}
				.keyword-input {
					width: calc(100% - 10px);
					margin-bottom: 10px;
					flex: 1 1 100%;
				}
			}
			span {
				font-size: 16px;
				color: #a9a7b0;
			}
			::-webkit-scrollbar {
				width: 8px;
			}
			::-webkit-scrollbar-track {
				background: #0d111a;
				border-radius: 4px;
			}
			::-webkit-scrollbar-thumb {
				background: #6600ff;
				border-radius: 4px;
			}
			::-webkit-scrollbar-thumb:hover {
				background: #5700d9;
			}
			.scrollable-element {
				scrollbar-width: thin;
				scrollbar-color: #6600ff #0d111a;
			}
			* {
				scrollbar-width: thin;
				scrollbar-color: #6600ff #0d111a;
			}