.qz-showcase {
	min-width: 0;
	border: 1px solid #d9cbd5;
	border-radius: 27px;
	background: #fffdfa;
	box-shadow: 0 22px 44px #382b3920;
	overflow: hidden;
}

.qz-topBar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 17px 22px;
	background: linear-gradient(110deg, #31223c, #59445b);
	color: white;
}

.qz-tabs {
	display: flex;
	width: 100%;
	gap: 3px;
}

.qz-tabs button {
	display: flex;
	flex: 1;
	min-width: 0;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	border: 0;
	background: #ffffff20;
	color: #e2d5e6;
	clip-path: polygon(
		0 0,
		calc(100% - 12px) 0,
		100% 50%,
		calc(100% - 12px) 100%,
		0 100%,
		12px 50%
	);
	cursor: pointer;
	transition:
		background 150ms,
		color 150ms;
}

.qz-tabs button:first-child {
	clip-path: polygon(
		0 0,
		calc(100% - 12px) 0,
		100% 50%,
		calc(100% - 12px) 100%,
		0 100%
	);
}

.qz-tabs button[aria-selected="true"] {
	background: #fff5e9;
	color: #4d2940;
}

.qz-tabs button:focus-visible {
	box-shadow: inset 0 0 0 3px #eea36d;
}

.qz-tabs button svg {
	width: 22px;
	height: 22px;
}

.qz-showcase button:focus-visible {
	outline: 3px solid #d46848;
	outline-offset: 3px;
}

.qz-panel {
	padding: 25px 24px 27px;
	animation: qz-panel-enter 180ms ease-out both;
}

.qz-prompt {
	margin-bottom: 20px;
}

.qz-prompt h3 {
	font-size: clamp(21px, 2vw, 26px);
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: -0.025em;
	text-wrap: balance;
}

.qz-meaningPrompt {
	display: inline-flex;
	max-width: 100%;
	align-items: center;
	margin-top: 16px;
	padding: 12px 18px;
	border-radius: 14px;
	background: #eee6ed;
	color: #44314b;
	font-size: clamp(23px, 3vw, 32px);
	font-weight: 800;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.qz-pattern {
	display: inline-block;
	margin-top: 15px;
	padding: 7px 13px;
	border: 1px solid #e5c5b5;
	border-radius: 9px;
	background: #fff3e8;
	color: #975039;
	font-size: 19px;
	font-weight: 750;
}

.qz-playButton {
	display: inline-flex;
	min-height: 55px;
	align-items: center;
	gap: 12px;
	margin-top: 16px;
	padding: 10px 17px;
	border: 0;
	border-radius: 14px;
	background: #284f8d;
	color: white;
	font-size: 15px;
	font-weight: 750;
	cursor: pointer;
}

.qz-playButton:hover,
.qz-playButton[data-playing="true"] {
	background: #376fbd;
}

.qz-choices {
	display: grid;
	gap: 10px;
}

.qz-choice {
	display: flex;
	min-height: 67px;
	align-items: center;
	gap: 14px;
	padding: 12px 16px;
	border: 1.5px solid #e4dbe1;
	border-radius: 15px;
	background: white;
	color: #2e2636;
	text-align: left;
	cursor: pointer;
	transition:
		border-color 180ms ease,
		background 180ms ease,
		transform 180ms ease;
}

.qz-choice:hover:not(:disabled) {
	border-color: #b7869f;
	background: #fff9f5;
	transform: translateY(-2px);
}

.qz-choice:disabled {
	cursor: default;
}
.qz-choice[data-correct="true"] {
	border-color: #48a583;
	background: #eaf8f0;
}
.qz-choice[data-wrong="true"] {
	border-color: #d97978;
	background: #fff0ee;
}

.qz-choiceIndex {
	display: grid;
	width: 29px;
	height: 29px;
	flex: none;
	place-items: center;
	border-radius: 9px;
	background: #f1e8ee;
	color: #70576b;
	font-size: 13px;
	font-weight: 800;
}

.qz-japanese {
	min-width: 0;
	flex: 1;
	font-size: clamp(17px, 1.65vw, 20px);
	font-weight: 750;
	line-height: 1.4;
}

.qz-japaneseWords {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: end;
	gap: 0.25em 0.3em;
}

.qz-sortArea {
	display: grid;
	gap: 17px;
}

.qz-answerTray {
	display: flex;
	min-height: 105px;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	padding: 13px;
	border: 2px dashed #d6c5cf;
	border-radius: 15px;
	background: #f9f3f5;
}

.qz-wordBank {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.qz-answerTray button,
.qz-wordBank button {
	min-height: 51px;
	padding: 9px 12px;
	border: 1px solid #ddcbd4;
	border-radius: 11px;
	background: white;
	color: #2d2633;
	font-size: 16px;
	font-weight: 750;
	cursor: pointer;
}

.qz-answerTray button {
	border-color: #b393aa;
	background: #fff;
}
.qz-answerTray button:disabled,
.qz-wordBank button:disabled {
	cursor: default;
}

.qz-checkButton,
.qz-advance {
	display: inline-flex;
	min-height: 49px;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 10px 18px;
	border: 0;
	border-radius: 13px;
	background: #39263f;
	color: white;
	font-size: 15px;
	font-weight: 750;
	cursor: pointer;
}

.qz-checkButton {
	justify-self: start;
}
.qz-checkButton:disabled {
	cursor: default;
	opacity: 0.45;
}
.qz-checkButton:hover:not(:disabled),
.qz-advance:hover {
	background: #624265;
}

.qz-feedback {
	display: grid;
	gap: 8px;
	margin-top: 20px;
	padding: 18px;
	border: 1px solid #e8b7ad;
	border-radius: 17px;
	background: #fff2ee;
}

.qz-feedback[data-correct="true"] {
	border-color: #b2d8bc;
	background: #f0faef;
}

.qz-feedbackTitle {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #ae5040;
	font-size: 18px;
	font-weight: 800;
}

.qz-feedback[data-correct="true"] .qz-feedbackTitle {
	color: #2d7657;
}

.qz-answerLabel {
	margin-top: 7px;
	color: #6d5b65;
	font-size: 13px;
	font-weight: 750;
}

.qz-answerText {
	font-size: 22px;
	font-weight: 800;
	line-height: 1.5;
}
.qz-exampleJa {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
}
.qz-meaning {
	color: #4e3d4b;
	font-size: 16px;
	font-weight: 650;
	line-height: 1.5;
}
.qz-explanation {
	color: #625866;
	font-size: 15px;
	line-height: 1.65;
}

.qz-wordAudio {
	display: inline-flex;
	justify-self: start;
	align-items: center;
	gap: 7px;
	padding: 7px 11px;
	border: 1px solid #b9cadf;
	border-radius: 10px;
	background: white;
	color: #35588d;
	font-size: 13px;
	font-weight: 750;
	cursor: pointer;
}

.qz-advance {
	justify-self: start;
	margin-top: 10px;
}

@keyframes qz-panel-enter {
	from {
		opacity: 0.35;
		transform: translateY(9px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@media (max-width: 600px) {
	.qz-topBar {
		padding: 13px 14px;
	}
	.qz-tabs {
		gap: 5px;
	}
	.qz-tabs button {
		min-width: 46px;
		padding: 5px;
	}
	.qz-panel {
		padding: 20px 14px 22px;
	}
	.qz-choice {
		gap: 10px;
		padding: 11px;
	}
	.qz-choiceIndex {
		width: 26px;
		height: 26px;
	}
	.qz-japanese {
		font-size: 17px;
	}
	.qz-answerText {
		font-size: 19px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.qz-panel {
		animation: none;
	}
	.qz-choice {
		transition: none;
	}
}

.qz-showcase{color:#2e2636}.qz-showcase svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.qz-japaneseWords rt{font-size:10px;font-weight:400;color:#706375}.qz-showcase p,.qz-showcase h3{margin-top:0}.qz-wordAudio{min-height:44px}.qz-audioError{font-size:14px;color:#9f3434;padding:0 20px 16px}.qz-feedback:focus{outline:none}