/**
 * HeroUI v3 chrome for 公式、几何、教学.
 * Tokens and component metrics follow packages/styles in heroui-inc/heroui v3.
 * KaTeX / MathLive formula faces are not restyled.
 */

:root {
	--white: oklch(100% 0 0);
	--black: oklch(0% 0 0);
	--snow: oklch(0.9911 0 0);
	--eclipse: oklch(0.2103 0.0059 285.89);
	--spacing: 0.25rem;
	--border-width: 1px;
	--field-border-width: 0px;
	--disabled-opacity: 0.5;
	--ring-offset-width: 2px;
	--cursor-interactive: pointer;
	--cursor-disabled: not-allowed;
	--radius: 0.5rem;
	--field-radius: calc(var(--radius) * 1.5);
	--radius-xs: calc(var(--radius) * 0.25);
	--radius-sm: calc(var(--radius) * 0.5);
	--radius-md: calc(var(--radius) * 0.75);
	--radius-lg: var(--radius);
	--radius-xl: calc(var(--radius) * 1.5);
	--radius-2xl: calc(var(--radius) * 2);
	--radius-3xl: calc(var(--radius) * 3);
	--radius-4xl: calc(var(--radius) * 4);
	--accent: oklch(0.6204 0.195 253.83);
	--accent-foreground: var(--snow);
	--success: oklch(0.7329 0.1935 150.81);
	--success-foreground: var(--eclipse);
	--field-border: transparent;
	--background: oklch(0.9702 0 0);
	--foreground: var(--eclipse);
	--surface: var(--white);
	--surface-foreground: var(--foreground);
	--surface-secondary: oklch(0.9524 0.0013 286.37);
	--surface-tertiary: oklch(0.9373 0.0013 286.37);
	--overlay: var(--white);
	--overlay-foreground: var(--foreground);
	--muted: oklch(0.5517 0.0138 285.94);
	--default: oklch(94% 0.001 286.375);
	--default-foreground: var(--eclipse);
	--field-background: var(--white);
	--field-foreground: var(--eclipse);
	--field-placeholder: var(--muted);
	--warning: oklch(0.7819 0.1585 72.33);
	--warning-foreground: var(--eclipse);
	--danger: oklch(0.6532 0.2328 25.74);
	--danger-foreground: var(--snow);
	--segment: var(--white);
	--segment-foreground: var(--eclipse);
	--border: oklch(90% 0.004 286.32);
	--separator: oklch(92% 0.004 286.32);
	--focus: var(--accent);
	--link: var(--foreground);
	--backdrop: rgba(0, 0, 0, 0.5);
	--surface-hover: color-mix(in oklab, var(--surface) 92%, var(--surface-foreground) 8%);
	--default-hover: color-mix(in oklab, var(--default) 96%, var(--default-foreground) 4%);
	--accent-hover: color-mix(in oklab, var(--accent) 90%, var(--accent-foreground) 10%);
	--success-hover: color-mix(in oklab, var(--success) 90%, var(--success-foreground) 10%);
	--warning-hover: color-mix(in oklab, var(--warning) 90%, var(--warning-foreground) 10%);
	--danger-hover: color-mix(in oklab, var(--danger) 90%, var(--danger-foreground) 10%);
	--field-hover: color-mix(in oklab, var(--field-background) 90%, var(--field-foreground) 2%);
	--field-focus: var(--field-background);
	--accent-soft: color-mix(in oklab, var(--accent) 15%, transparent);
	--accent-soft-foreground: color-mix(in oklab, var(--accent) 70%, var(--foreground) 30%);
	--accent-soft-hover: color-mix(in oklab, var(--accent) 20%, transparent);
	--danger-soft: color-mix(in oklab, var(--danger) 15%, transparent);
	--danger-soft-foreground: color-mix(in oklab, var(--danger) 70%, var(--foreground) 40%);
	--danger-soft-hover: color-mix(in oklab, var(--danger) 20%, transparent);
	--success-soft: color-mix(in oklab, var(--success) 15%, transparent);
	--success-soft-foreground: color-mix(in oklab, var(--success) 80%, var(--foreground) 60%);
	--warning-soft: color-mix(in oklab, var(--warning) 15%, transparent);
	--warning-soft-foreground: color-mix(in oklab, var(--warning) 80%, var(--foreground) 70%);
	--surface-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 0 1px 0 rgba(0, 0, 0, 0.06);
	--overlay-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06), 0 -6px 12px 0 rgba(0, 0, 0, 0.03), 0 14px 28px 0 rgba(0, 0, 0, 0.08);
	--field-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 0 1px 0 rgba(0, 0, 0, 0.06);
	--ease-smooth: ease;
	--ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
	--sx-ui-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#ppq-shell,
.ppq-quiz-interface,
.ppq-question-review-container,
.ge-overlay,
.components-modal__frame.glyphwell-classic-modal,
.glyphwell-popover {
	--ppq-primary: var(--accent);
	--ppq-primary-hover: var(--accent-hover);
	--ppq-primary-light: var(--accent-soft);
	--ppq-success: var(--success);
	--ppq-success-light: var(--success-soft);
	--ppq-success-strong: var(--success-soft-foreground);
	--ppq-error: var(--danger);
	--ppq-error-light: var(--danger-soft);
	--ppq-error-strong: var(--danger-soft-foreground);
	--ppq-bg: var(--surface);
	--ppq-bg-alt: var(--background);
	--ppq-bg-hover: var(--default);
	--ppq-text: var(--foreground);
	--ppq-text-secondary: var(--muted);
	--ppq-border: var(--border);
	--ppq-border-light: var(--separator);
	--ppq-radius-sm: var(--radius-lg);
	--ppq-radius-md: var(--radius-xl);
	--ppq-radius-lg: var(--radius-3xl);
	color: var(--foreground);
	font-family: var(--sx-ui-font);
	font-size: 16px;
	line-height: 28px;
}

#ppq-shell h1,
.ge-overlay h1 {
	font-size: 36px;
	font-weight: 600;
	letter-spacing: -0.025em;
	line-height: 40px;
}

#ppq-shell h2,
.ge-heading,
.glyphwell-classic-modal .components-modal__header-heading {
	font-size: 30px;
	font-weight: 600;
	letter-spacing: -0.025em;
	line-height: 36px;
	color: var(--foreground);
}

.ge-overlay .ge-heading,
.glyphwell-classic-modal .components-modal__header-heading {
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.025em;
}

#ppq-shell h3 {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -0.025em;
	line-height: 32px;
}

#ppq-shell p,
.ppq-quiz-interface p {
	font-size: 16px;
	line-height: 28px;
}

#ppq-shell,
.ppq-shell-main,
.sx-profile {
	background: var(--background);
}

#ppq-shell .ppq-shell-nav {
	background: var(--surface);
	border-bottom: 1px solid var(--border);
}

#ppq-shell .ppq-shell-nav-group-title,
#ppq-shell .ppq-shell-nav-item,
#ppq-shell .sx-zhihu-tab {
	color: var(--muted);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0;
	text-transform: none;
}

#ppq-shell .ppq-shell-nav-item {
	height: 32px;
	padding: 0;
	box-sizing: border-box;
}

#ppq-shell .ppq-shell-nav-item:hover,
#ppq-shell .ppq-shell-nav-item:focus,
#ppq-shell .sx-zhihu-tab:hover {
	background: transparent;
	color: var(--foreground);
	opacity: 0.7;
}

#ppq-shell .ppq-shell-nav-item.is-active,
#ppq-shell .ppq-shell-nav-item.is-active:hover,
#ppq-shell .ppq-shell-nav-item.is-active:focus,
#ppq-shell .sx-zhihu-tab.is-active,
#ppq-shell .sx-zhihu-tab[aria-selected="true"] {
	background: transparent;
	color: var(--foreground);
	font-weight: 500;
	opacity: 1;
}

#ppq-shell .ppq-shell-nav-item.is-active::after,
#ppq-shell .sx-zhihu-tab.is-active::after,
#ppq-shell .sx-zhihu-tab[aria-selected="true"]::after {
	height: 2px;
	background: var(--accent);
}

#ppq-shell .sx-class-tabs {
	display: inline-flex;
	gap: 0;
	width: max-content;
	max-width: 100%;
	padding: 0.25rem;
	background: var(--default);
	border-radius: calc(var(--radius) * 2.5);
}

#ppq-shell .sx-class-tab,
#ppq-shell .sx-class-room {
	height: 32px;
	padding: 0 16px;
	border: 0;
	border-radius: 24px;
	background: transparent;
	color: var(--muted);
	font-size: 14px;
	font-weight: 500;
	line-height: 32px;
	box-shadow: none;
}

#ppq-shell .sx-class-tab.is-active,
#ppq-shell .sx-class-room.is-active {
	background: var(--segment);
	color: var(--segment-foreground);
	border-color: transparent;
	box-shadow: var(--surface-shadow);
}

#ppq-shell .ppq-shell-btn,
#ppq-shell .button,
#ppq-shell .ppq-button,
.ppq-quiz-interface .ppq-button,
.ge-overlay .button,
.ge-overlay .ge-tool,
.glyphwell-classic-modal .components-button,
.glyphwell-popover .components-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	height: 36px;
	width: fit-content;
	margin: 0;
	padding: 0 16px;
	border: 1px solid var(--border);
	border-radius: 24px;
	background: var(--surface);
	color: var(--foreground);
	box-shadow: none;
	font-family: var(--sx-ui-font);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	white-space: nowrap;
	cursor: var(--cursor-interactive);
	transition: transform 250ms var(--ease-smooth), background-color 100ms var(--ease-out);
}

#ppq-shell .ppq-shell-btn--primary,
#ppq-shell .button-primary,
#ppq-shell .ppq-button-primary,
.ppq-quiz-interface .ppq-button-primary,
.ge-overlay .button-primary,
.glyphwell-classic-modal .components-button.is-primary,
.glyphwell-popover .components-button.is-primary {
	background: var(--accent);
	border-color: transparent;
	color: var(--accent-foreground);
}

#ppq-shell .ppq-shell-btn:hover,
#ppq-shell .button:hover,
#ppq-shell .ppq-button:hover,
.ppq-quiz-interface .ppq-button:hover,
.ge-overlay .button:hover,
.ge-overlay .ge-tool:hover {
	background: var(--accent-soft);
	border-color: transparent;
	color: var(--accent-soft-foreground);
}

#ppq-shell .ppq-shell-btn--primary:hover,
#ppq-shell .button-primary:hover,
.ppq-quiz-interface .ppq-button-primary:hover,
.ge-overlay .button-primary:hover,
.glyphwell-classic-modal .components-button.is-primary:hover {
	background: var(--accent-hover);
	border-color: transparent;
	color: var(--accent-foreground);
}

#ppq-shell .ppq-shell-btn:active,
#ppq-shell .button:active,
.ge-overlay .button:active,
.glyphwell-classic-modal .components-button:active {
	transform: scale(0.97);
}

#ppq-shell .button:disabled,
.ge-overlay .button:disabled,
.ppq-quiz-interface .ppq-button:disabled {
	opacity: var(--disabled-opacity);
	cursor: var(--cursor-disabled);
}

.ge-overlay .ge-tool.is-active {
	background: var(--accent);
	border-color: transparent;
	color: var(--accent-foreground);
}

.ge-overlay .ge-cancel.button,
.ge-overlay .ge-close,
.ge-overlay .ge-io-button {
	background: transparent;
	border: 0;
	color: var(--default-foreground);
	box-shadow: none;
}

.ge-overlay .ge-cancel.button:hover,
.ge-overlay .ge-close:hover,
.ge-overlay .ge-io-button:hover,
.ge-overlay .ge-io-button:focus {
	background: var(--default);
	color: var(--default-foreground);
}

.ge-overlay .ge-remove.button,
#ppq-shell .button.is-destructive,
.glyphwell-classic-modal .is-destructive {
	background: var(--danger);
	border-color: transparent;
	color: var(--danger-foreground);
}

.ge-overlay .ge-close {
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border-radius: var(--radius-3xl);
}

#ppq-shell input[type="text"],
#ppq-shell input[type="number"],
#ppq-shell input[type="search"],
#ppq-shell input[type="email"],
#ppq-shell input[type="password"],
#ppq-shell select,
#ppq-shell textarea,
.ppq-quiz-interface input[type="text"],
.ppq-quiz-interface textarea,
.ge-overlay input[type="text"],
.ge-overlay input[type="number"],
.ge-overlay select,
.ge-overlay textarea,
.glyphwell-classic-modal textarea,
.glyphwell-popover textarea {
	width: 100%;
	border-width: var(--field-border-width);
	border-style: solid;
	border-color: var(--field-border);
	border-radius: 12px;
	background: var(--field-background);
	box-shadow: var(--field-shadow);
	color: var(--field-foreground);
	font-family: var(--sx-ui-font);
	font-size: 14px;
	line-height: 20px;
	padding: 8px 12px;
	outline: none;
}

#ppq-shell input:focus,
#ppq-shell select:focus,
#ppq-shell textarea:focus,
.ppq-quiz-interface input:focus,
.ppq-quiz-interface textarea:focus,
.ge-overlay input:focus,
.ge-overlay textarea:focus,
.glyphwell-classic-modal textarea:focus {
	box-shadow: var(--field-shadow), 0 0 0 2px var(--focus);
}

#ppq-shell .ppq-shell-attempt,
#ppq-shell .sx-zhihu,
#ppq-shell .sx-class-card,
.ppq-quiz-interface .ppq-card {
	background: var(--surface);
	border: 0;
	border-radius: 24px;
	box-shadow: var(--surface-shadow);
	color: var(--foreground);
}

#ppq-shell .ppq-shell-badge {
	border-radius: var(--radius-2xl);
	background: var(--default);
	color: var(--default-foreground);
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
}

#ppq-shell .ppq-shell-badge--success {
	background: var(--success);
	color: var(--success-foreground);
}

#ppq-shell .ppq-shell-badge--error {
	background: var(--danger);
	color: var(--danger-foreground);
}

#page-header .sx-account-menu {
	background: var(--overlay);
	border: 0;
	border-radius: 24px;
	box-shadow: var(--overlay-shadow);
	color: var(--overlay-foreground);
	font-family: var(--sx-ui-font);
	font-size: 0.875rem;
	line-height: 1.45;
}

#page-header .sx-account-menu button,
#page-header .sx-account-menu a,
#page-header .sx-notice-empty {
	border-radius: var(--radius-3xl);
	color: var(--foreground);
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.25rem;
}

#page-header .sx-account-menu button:hover,
#page-header .sx-account-menu a:hover {
	background: var(--default);
	color: var(--foreground);
}

#page-header .sx-notice {
	color: var(--foreground);
}

#page-header .sx-notice-count {
	background: var(--danger);
	color: var(--danger-foreground);
	border-radius: var(--radius-4xl);
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1rem;
}

#page-header .sx-notice-all {
	color: var(--accent);
	text-align: center;
}

.ge-overlay {
	background: var(--backdrop);
	color: var(--foreground);
}

.ge-shell,
.components-modal__frame.glyphwell-classic-modal {
	background: var(--surface);
	border-radius: 24px;
	box-shadow: var(--overlay-shadow);
	color: var(--foreground);
}

.ge-header,
.components-modal__frame.glyphwell-classic-modal .components-modal__header {
	background: var(--surface);
	border-bottom: 1px solid var(--separator);
	color: var(--foreground);
}

.ge-status,
.ge-io-group + .ge-io-group {
	border-color: var(--separator);
	color: var(--muted);
}

.glyphwell-classic-modal .components-modal__content .glyphwell-popover__content .glyphwell-symbol-palette .glyphwell-symbol-tabs,
.glyphwell-popover .components-popover__content .glyphwell-popover__content .glyphwell-symbol-palette .glyphwell-symbol-tabs {
	gap: 0;
	border-bottom: 1px solid var(--border);
}

.glyphwell-classic-modal .components-modal__content .glyphwell-popover__content .glyphwell-symbol-palette .glyphwell-symbol-tabs .glyphwell-symbol-tab,
.glyphwell-popover .components-popover__content .glyphwell-popover__content .glyphwell-symbol-palette .glyphwell-symbol-tabs .glyphwell-symbol-tab {
	height: 32px;
	padding: 0 16px;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	background: transparent;
	color: var(--muted);
	font-family: var(--sx-ui-font);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}

.glyphwell-classic-modal .components-modal__content .glyphwell-popover__content .glyphwell-symbol-palette .glyphwell-symbol-tabs .glyphwell-symbol-tab[aria-selected="true"],
.glyphwell-popover .components-popover__content .glyphwell-popover__content .glyphwell-symbol-palette .glyphwell-symbol-tabs .glyphwell-symbol-tab[aria-selected="true"] {
	border-bottom-color: var(--accent);
	color: var(--foreground);
	font-weight: 500;
}

.glyphwell-classic-modal .glyphwell-symbol-palette__heading,
.glyphwell-popover .glyphwell-symbol-palette__heading,
.glyphwell-classic-modal .glyphwell-matrix-section__heading,
.glyphwell-popover .glyphwell-matrix-section__heading {
	color: var(--muted);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}

.glyphwell-classic-modal .glyphwell-matrix-action-button,
.glyphwell-popover .glyphwell-matrix-action-button {
	height: 2rem;
	padding: 0 0.75rem;
	border: 1px solid var(--border);
	border-radius: 24px;
	background: var(--surface);
	color: var(--foreground);
	font-size: 0.875rem;
	font-weight: 500;
}

.glyphwell-classic-modal .glyphwell-symbol-button:hover,
.glyphwell-popover .glyphwell-symbol-button:hover,
.glyphwell-classic-modal .glyphwell-matrix-border-button:hover,
.glyphwell-popover .glyphwell-matrix-border-button:hover {
	border-color: var(--border);
	background: var(--default);
}

.glyphwell-classic-modal .glyphwell-symbol-button:focus-visible,
.glyphwell-popover .glyphwell-symbol-button:focus-visible,
#ppq-shell button:focus-visible,
.ge-overlay button:focus-visible {
	outline: 2px solid var(--focus);
	outline-offset: 2px;
}

.ge-overlay .ge-menu > .ge-tool {
	border-radius: 24px 0 0 24px;
	border-right: 0;
}

.ge-overlay .ge-menu-caret {
	width: 28px;
	border: 1px solid var(--border);
	border-radius: 0 24px 24px 0;
	background: var(--surface);
	color: var(--foreground);
}

.ge-overlay .ge-menu-list {
	top: calc(100% + 6px);
	left: 0;
	z-index: 30;
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 220px;
	padding: 6px;
	border: 0;
	border-radius: 24px;
	background: var(--overlay);
	box-shadow: var(--overlay-shadow);
}

.ge-overlay .ge-menu-list .ge-tool {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	width: 100%;
	height: 36px;
	margin: 0;
	padding: 0 10px;
	border: 0;
	border-radius: 16px;
	background: transparent;
	box-shadow: none;
	color: var(--foreground);
	font-size: 14px;
	font-weight: 500;
}

.ge-overlay .ge-menu-list .ge-tool:hover,
.ge-overlay .ge-menu-list .ge-tool:focus {
	background: var(--default);
	border-color: transparent;
	color: var(--foreground);
}

.ge-overlay .ge-menu-list .ge-tool.is-active,
.ge-overlay .ge-menu-list .ge-tool.is-active:hover {
	background: var(--accent-soft);
	color: var(--accent-soft-foreground);
}

#ppq-shell .sx-desk-form,
#ppq-shell .sx-desk-queue {
	max-width: 760px;
	padding: 20px 24px 24px;
	background: var(--surface);
	border-radius: 24px;
	box-shadow: var(--surface-shadow);
}

#ppq-shell .sx-desk-form > label,
#ppq-shell .sx-desk-rich-label,
#ppq-shell .sx-desk fieldset > legend {
	color: var(--foreground);
	font-size: 14px;
	font-weight: 500;
}

#ppq-shell .sx-desk-note,
#ppq-shell .sx-desk-empty {
	color: var(--muted);
	font-size: 14px;
	line-height: 20px;
}

#ppq-shell .sx-desk-editor {
	border: 0;
	border-radius: 12px;
	background: var(--field-background);
	box-shadow: var(--field-shadow);
	padding: 8px 12px;
	color: var(--field-foreground);
	font-size: 14px;
	line-height: 22px;
}

#ppq-shell .sx-desk-editor:focus {
	outline: none;
	box-shadow: var(--field-shadow), 0 0 0 2px var(--focus);
}

#ppq-shell .sx-desk-terms {
	max-height: 240px;
	overflow: auto;
	border: 0;
	border-radius: 12px;
	background: var(--surface-secondary);
	padding: 12px 14px;
}

#ppq-shell .sx-desk-tool,
#ppq-shell .sx-symbol-head button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 32px;
	padding: 0 12px;
	border: 1px solid var(--border);
	border-radius: 24px;
	background: var(--surface);
	color: var(--foreground);
	font-size: 14px;
	font-weight: 500;
}

#ppq-shell .sx-desk-tool:hover,
#ppq-shell .sx-symbol-head button:hover {
	background: var(--accent-soft);
	border-color: transparent;
	color: var(--accent-soft-foreground);
}

#ppq-shell .sx-desk-save,
#ppq-shell .sx-desk-publish {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 36px;
	width: fit-content;
	padding: 0 16px;
	border: 0;
	border-radius: 24px;
	background: var(--accent);
	color: var(--accent-foreground);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}

#ppq-shell .sx-desk-save:hover,
#ppq-shell .sx-desk-publish:hover {
	background: var(--accent-hover);
	color: var(--accent-foreground);
}

#ppq-shell .sx-desk-row {
	padding: 14px 16px;
	border: 0;
	border-radius: 16px;
	background: var(--surface-secondary);
}

#ppq-shell .sx-desk .sx-ico {
	display: block;
	flex: 0 0 auto;
}

#ppq-shell .sx-symbol-card {
	border-radius: 24px;
	background: var(--overlay);
	box-shadow: var(--overlay-shadow);
}

body.wp-admin[class*="math-quiz"] #wpbody-content .button,
body.wp-admin[class*="math-quiz"] #wpbody-content .button-secondary {
	height: 36px;
	padding: 0 16px;
	border: 1px solid var(--border);
	border-radius: 24px;
	background: var(--surface);
	color: var(--foreground);
	box-shadow: none;
	font-size: 14px;
	font-weight: 500;
	line-height: 34px;
}

body.wp-admin[class*="math-quiz"] #wpbody-content .button-primary {
	border: 0;
	background: var(--accent);
	color: var(--accent-foreground);
}

body.wp-admin[class*="math-quiz"] #wpbody-content .button:hover,
body.wp-admin[class*="math-quiz"] #wpbody-content .button-secondary:hover {
	background: var(--accent-soft);
	border-color: transparent;
	color: var(--accent-soft-foreground);
}

body.wp-admin[class*="math-quiz"] #wpbody-content .button-primary:hover {
	background: var(--accent-hover);
	color: var(--accent-foreground);
}

body.wp-admin[class*="math-quiz"] #wpbody-content input[type="text"],
body.wp-admin[class*="math-quiz"] #wpbody-content input[type="number"],
body.wp-admin[class*="math-quiz"] #wpbody-content input[type="search"],
body.wp-admin[class*="math-quiz"] #wpbody-content input[type="url"],
body.wp-admin[class*="math-quiz"] #wpbody-content input[type="email"],
body.wp-admin[class*="math-quiz"] #wpbody-content select,
body.wp-admin[class*="math-quiz"] #wpbody-content textarea {
	border: 0;
	border-radius: 12px;
	background: var(--field-background);
	box-shadow: var(--field-shadow);
	color: var(--field-foreground);
	font-size: 14px;
	line-height: 20px;
	padding: 8px 12px;
}

body.wp-admin[class*="math-quiz"] #wpbody-content input:focus,
body.wp-admin[class*="math-quiz"] #wpbody-content select:focus,
body.wp-admin[class*="math-quiz"] #wpbody-content textarea:focus {
	border-color: transparent;
	box-shadow: var(--field-shadow), 0 0 0 2px var(--focus);
	outline: none;
}

body.wp-admin[class*="math-quiz"] #wpbody-content .postbox,
body.wp-admin[class*="math-quiz"] #wpbody-content .card {
	border: 0;
	border-radius: 24px;
	background: var(--surface);
	box-shadow: var(--surface-shadow);
}

body.wp-admin[class*="math-quiz"] #wpbody-content .ant-btn {
	height: 36px;
	border: 1px solid var(--border);
	border-radius: 24px;
	background: var(--surface);
	color: var(--foreground);
	box-shadow: none;
	font-weight: 500;
}

body.wp-admin[class*="math-quiz"] #wpbody-content .ant-btn-primary {
	border: 0;
	background: var(--accent);
	color: var(--accent-foreground);
}

body.wp-admin[class*="math-quiz"] #wpbody-content .ant-input,
body.wp-admin[class*="math-quiz"] #wpbody-content .ant-select-selector,
body.wp-admin[class*="math-quiz"] #wpbody-content .ant-input-number {
	border: 0 !important;
	border-radius: 12px !important;
	background: var(--field-background) !important;
	box-shadow: var(--field-shadow) !important;
}