/* ショートカットキーテスト（[kb_test]）— 見た目は TOP のテスト予告のモック（kb-home.css の .kbh-quiz）を元にしている
 * クラスはすべて kbt- で始める。Cocoon の .article h2 などに勝つよう、セレクタは .kbt から書く
 * スマホを基本にし、768px 以上で余白と文字を大きくする
 */

/* ---------- Cocoon の記事らしい部分を隠す（body.kbt-page は [kb_test] があるページだけに付く） ---------- */
body.kbt-page .entry-title,
body.kbt-page .date-tags,
body.kbt-page .breadcrumb,
body.kbt-page .toc,
body.kbt-page .sns-share,
body.kbt-page .sns-follow,
body.kbt-page .author-info,
body.kbt-page .footer-meta,
body.kbt-page #comment-area,
body.kbt-page .comment-area,
body.kbt-page .comment-btn,
body.kbt-page .addtoany_share_save_container,
body.kbt-page .a2a_kit {
	display: none !important;
}

body.kbt-page #content {
	margin-top: 0;
}

body.kbt-page #main {
	padding-top: 0;
	padding-bottom: 0;
	border-top-width: 0;
	border-bottom-width: 0;
}

body.kbt-page #main .entry-content {
	margin-top: 0;
	margin-bottom: 0;
}

body.kbt-page #main .article,
body.kbt-page #main .entry-content > .kbt {
	margin-bottom: 0;
}

/* ---------- 全体 ---------- */
.kbt {
	--kbt-accent: #2A62A8;
	--kbt-accent-dark: #1E4B82;
	--kbt-key: #E8A63F;
	--kbt-key-edge: #B8812E;
	--kbt-ink: #1C2330;
	--kbt-ink-2: #3B4452;
	--kbt-ink-3: #505A68;
	--kbt-bg: #EEF1F4;
	--kbt-tag: #E4E9EE;
	--kbt-line: #D3D9E0;
	--kbt-keyline: #B9C2CD;
	--kbt-white: #FFFFFF;
	--kbt-ok: #1E7A4A;
	--kbt-ok-bg: #E6F3EC;
	--kbt-ng: #B23A3A;
	--kbt-ng-bg: #FBEAEA;
	--kbt-warn-bg: #FDF3E1;

	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 32px 0 56px;
	color: var(--kbt-ink);
	font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif;
	font-size: 16px;
	line-height: 1.7;
	/* 背景だけ画面幅いっぱいに塗る（横スクロールは発生しない） */
	border-image: conic-gradient(var(--kbt-bg) 0 0) fill 0 // 0 100vw;
}

.kbt *,
.kbt *::before,
.kbt *::after {
	box-sizing: border-box;
}

/* Cocoon の見出し・段落・リストの装飾を打ち消す */
html body .kbt h1,
html body .kbt h2,
html body .kbt p,
html body .kbt ol,
html body .kbt li {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

html body .kbt h1::before,
html body .kbt h1::after,
html body .kbt h2::before,
html body .kbt h2::after {
	content: none;
}

html body .kbt ol,
html body .kbt li {
	list-style: none;
}

.kbt a { color: var(--kbt-accent); }
.kbt a:hover { color: var(--kbt-accent-dark); }

.kbt a:focus-visible,
.kbt button:focus-visible,
.kbt [tabindex]:focus-visible {
	outline: 3px solid var(--kbt-key);
	outline-offset: 2px;
}

.kbt .kbt-q:focus,
.kbt .kbt-score:focus {
	outline: none;
}

.kbt .kbt-nowrap { display: inline-block; }

/* ---------- 見出し ---------- */
.kbt .kbt-hero {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

html body .kbt .kbt-title {
	font-size: 26px;
	font-weight: 900;
	line-height: 1.4;
}

html body .kbt .kbt-catch {
	font-size: 17px;
	font-weight: 700;
	color: var(--kbt-accent);
}

html body .kbt .kbt-lead {
	font-size: 14px;
	line-height: 1.9;
	color: var(--kbt-ink-2);
}

/* 見出しの下の「毎日少しずつ覚えるなら 毎日5問 →」（毎日5問が公開されているときだけ） */
html body .kbt .kbt-daily-link {
	font-size: 14px;
	font-weight: 700;
}

/* ---------- カード（選ぶ・問題・結果） ---------- */
.kbt .kbt-app {
	scroll-margin-top: 16px;
}

/* ログイン中は WordPress の管理バー（783px 以上は 32px、601〜782px は 46px で上に固定）の分も空ける。600px 以下はスクロールで消えるので足さない */
body.admin-bar .kbt .kbt-app {
	scroll-margin-top: 48px;
}

@media screen and (max-width: 782px) {
	body.admin-bar .kbt .kbt-app { scroll-margin-top: 62px; }
}

@media screen and (max-width: 600px) {
	body.admin-bar .kbt .kbt-app { scroll-margin-top: 16px; }
}

.kbt .kbt-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: 22px;
	background: var(--kbt-white);
	border-radius: 16px;
}

html body .kbt .kbt-h {
	font-size: 18px;
	font-weight: 900;
}

html body .kbt .kbt-step {
	margin-bottom: -8px;
	font-size: 13px;
	font-weight: 700;
	color: var(--kbt-ink-3);
}

.kbt .kbt-noscript {
	padding: 16px;
	background: var(--kbt-warn-bg);
	border-radius: 10px;
}

/* ソフトのタイル */
.kbt .kbt-tiles {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.kbt button {
	margin: 0;
	font-family: inherit;
	cursor: pointer;
}

.kbt .kbt-tile,
.kbt .kbt-level {
	min-height: 48px;
	padding: 10px 12px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--kbt-ink);
	text-align: left;
	background: var(--kbt-white);
	border: 2px solid var(--kbt-line);
	border-radius: 10px;
	transition: border-color 0.15s, background-color 0.15s;
}

.kbt .kbt-tile:hover,
.kbt .kbt-level:hover {
	border-color: var(--kbt-keyline);
}

.kbt .kbt-tile.is-on,
.kbt .kbt-level.is-on {
	background: #EAF1FA;
	border-color: var(--kbt-accent);
}

/* レベル */
.kbt .kbt-levels {
	display: grid;
	gap: 8px;
}

.kbt .kbt-level {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 2px 12px;
}

.kbt .kbt-level-name { font-size: 16px; }
.kbt .kbt-level-text { font-size: 13px; font-weight: 400; color: var(--kbt-ink-2); }
.kbt .kbt-level-best {
	grid-column: 2;
	justify-self: start;
	padding: 1px 8px;
	font-size: 12px;
	color: var(--kbt-ink-3);
	background: var(--kbt-tag);
	border-radius: 4px;
}

/* 答え方・Windows/Mac の切り替え */
.kbt .kbt-opts,
.kbt .kbt-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 16px;
}

.kbt .kbt-switch {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px;
	background: var(--kbt-tag);
	border-radius: 8px;
}

.kbt .kbt-switch-label {
	padding: 0 6px 0 4px;
	font-size: 12px;
	font-weight: 700;
	color: var(--kbt-ink-3);
}

.kbt .kbt-switch-btn {
	padding: 5px 10px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--kbt-ink-3);
	background: transparent;
	border: none;
	border-radius: 6px;
}

.kbt .kbt-switch-btn.is-on {
	color: var(--kbt-ink);
	background: var(--kbt-white);
	box-shadow: 0 1px 2px rgba(28, 35, 48, 0.15);
}

.kbt .kbt-switch-btn:disabled {
	cursor: not-allowed;
	opacity: 0.45;
}

.kbt .kbt-start-row {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

html body .kbt .kbt-note {
	font-size: 13px;
	color: var(--kbt-ink-3);
}

/* ボタン */
.kbt .kbt-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 52px;
	padding: 0 22px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--kbt-ink);
	text-decoration: none;
	background: var(--kbt-white);
	border: 2px solid var(--kbt-line);
	border-radius: 10px;
}

.kbt .kbt-btn--primary {
	color: var(--kbt-white);
	background: var(--kbt-ink);
	border-color: var(--kbt-ink);
}

.kbt .kbt-btn--primary:hover { background: #2E3747; }

.kbt .kbt-btn--primary:disabled {
	cursor: not-allowed;
	opacity: 0.4;
}

.kbt .kbt-btn--ghost {
	min-height: 44px;
	font-size: 14px;
	color: var(--kbt-ink-2);
	background: transparent;
}

.kbt a.kbt-btn--x {
	color: var(--kbt-white);
	background: #000000;
	border-color: #000000;
}

.kbt a.kbt-btn--x:hover { color: var(--kbt-white); background: #2B3140; }

/* 結果の「間違えた ◯問を、明日から毎日5問で復習する →」（毎日5問が公開されているときだけ） */
.kbt .kbt-btn--daily {
	color: #8A5A12;
	background: var(--kbt-warn-bg);
	border-color: var(--kbt-key);
}

.kbt .kbt-btn-key {
	padding: 1px 6px;
	font-size: 11px;
	font-weight: 700;
	color: inherit;
	border: 1px solid currentColor;
	border-radius: 4px;
	opacity: 0.7;
}

/* ---------- 問題 ---------- */
.kbt .kbt-quiz-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-size: 13px;
	font-weight: 700;
}

.kbt .kbt-quiz-title { font-size: 13px; font-weight: 700; }

/* 答え方（キー入力・4択）の小さなラベル */
.kbt .kbt-mode,
.kbt .kbt-row-tag {
	display: inline-block;
	margin-left: 8px;
	padding: 0 7px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.7;
	color: var(--kbt-ink-2);
	vertical-align: 1px;
	background: var(--kbt-tag);
	border-radius: 4px;
}

.kbt .kbt-row-tag { color: var(--kbt-ink-3); }
.kbt .kbt-result-mode { color: var(--kbt-accent); }
.kbt .kbt-quiz-count { color: var(--kbt-ink-3); white-space: nowrap; }

/* 進み具合 */
.kbt .kbt-progress {
	height: 6px;
	background: var(--kbt-tag);
	border-radius: 3px;
}

.kbt .kbt-progress span {
	display: block;
	height: 100%;
	background: var(--kbt-accent);
	border-radius: inherit;
}

html body .kbt .kbt-q {
	font-size: 19px;
	font-weight: 700;
	line-height: 1.6;
}

html body .kbt .kbt-hint {
	margin-top: -10px;
	font-size: 13px;
	color: var(--kbt-ink-3);
}

html body .kbt .kbt-why {
	padding: 6px 10px;
	font-size: 13px;
	color: var(--kbt-ink-2);
	background: var(--kbt-warn-bg);
	border-radius: 6px;
}

/* 残り時間（バーが縮む） */
.kbt .kbt-time {
	display: flex;
	align-items: center;
	gap: 10px;
}

.kbt .kbt-time-bar {
	flex: 1 1 auto;
	height: 4px;
	overflow: hidden;
	background: var(--kbt-tag);
	border-radius: 2px;
}

.kbt .kbt-time-bar span {
	display: block;
	width: 100%;
	height: 100%;
	background: var(--kbt-key);
}

.kbt .kbt-card.is-hurry .kbt-time-bar span { background: var(--kbt-ng); }

.kbt .kbt-time-num {
	flex: 0 0 auto;
	font-size: 12px;
	font-weight: 700;
	color: var(--kbt-ink-3);
	font-variant-numeric: tabular-nums;
}

.kbt .kbt-card.is-hurry .kbt-time-num { color: var(--kbt-ng); }

/* 答える場所（キーを押す・4択） */
.kbt .kbt-stage {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	padding: 20px 12px;
	border: 2px dashed var(--kbt-keyline);
	border-radius: 12px;
}

.kbt .kbt-stage--keys {
	min-height: 112px;
	justify-content: center;
}

.kbt .kbt-card.is-ok .kbt-stage { border-color: var(--kbt-ok); border-style: solid; background: var(--kbt-ok-bg); }
.kbt .kbt-card.is-ng .kbt-stage,
.kbt .kbt-card.is-timeout .kbt-stage,
.kbt .kbt-card.is-skip .kbt-stage { border-style: solid; }

.kbt .kbt-pressed { display: flex; justify-content: center; min-height: 56px; align-items: center; }
.kbt .kbt-pressed-hint { font-size: 14px; color: var(--kbt-ink-3); }

/* ちがうキー: 枠を小さく揺らす */
.kbt .kbt-card.is-shake .kbt-stage { animation: kbt-shake 0.35s; }

@keyframes kbt-shake {
	20% { transform: translateX(-6px); }
	40% { transform: translateX(6px); }
	60% { transform: translateX(-4px); }
	80% { transform: translateX(4px); }
}

/* キーキャップ（修飾キーは黄色） */
.kbt .kbt-combos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px 10px;
}

.kbt .kbt-or { font-size: 12px; color: var(--kbt-ink-3); }

.kbt .kbt-keys {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

.kbt .kbt-key {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	margin: 0;
	padding: 0 7px;
	font-family: inherit;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
	color: var(--kbt-ink);
	background: var(--kbt-white);
	border: 1px solid var(--kbt-keyline);
	border-bottom-width: 4px;
	border-radius: 6px;
	box-shadow: none;
}

.kbt .kbt-key--mod {
	background: var(--kbt-key);
	border-color: var(--kbt-key-edge);
}

.kbt .kbt-plus { font-size: 12px; color: var(--kbt-ink-3); }

.kbt .kbt-keys--big { gap: 6px; }

.kbt .kbt-keys--big .kbt-key {
	min-width: 46px;
	height: 46px;
	padding: 0 10px;
	font-size: 16px;
	border-bottom-width: 5px;
	border-radius: 8px;
}

.kbt .kbt-keys--big .kbt-key--mod { min-width: 52px; }
.kbt .kbt-keys--big .kbt-plus { font-size: 14px; }

/* 4択 */
.kbt .kbt-choices {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 8px;
	width: 100%;
}

.kbt .kbt-choice {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	padding: 8px;
	background: var(--kbt-white);
	border: 2px solid var(--kbt-line);
	border-radius: 10px;
	transition: border-color 0.15s, background-color 0.15s;
}

.kbt .kbt-choice:hover:not(:disabled) { border-color: var(--kbt-accent); }
.kbt .kbt-choice:disabled { cursor: default; }
.kbt .kbt-choice.is-answer { background: var(--kbt-ok-bg); border-color: var(--kbt-ok); }
.kbt .kbt-choice.is-ng { background: var(--kbt-ng-bg); border-color: var(--kbt-ng); }

/* 答え */
.kbt .kbt-answer {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	text-align: center;
}

html body .kbt .kbt-result {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 16px;
	font-weight: 700;
}

html body .kbt .kbt-result--ok { color: var(--kbt-ok); }
html body .kbt .kbt-result--ng,
html body .kbt .kbt-result--timeout { color: var(--kbt-ng); }
html body .kbt .kbt-result--skip { color: var(--kbt-ink-2); }

.kbt .kbt-result-icon {
	width: 20px;
	height: 20px;
	background: currentColor;
	-webkit-mask: var(--kbt-icon) center / contain no-repeat;
	mask: var(--kbt-icon) center / contain no-repeat;
}

.kbt .kbt-result--ok .kbt-result-icon { --kbt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
.kbt .kbt-result--ng .kbt-result-icon,
.kbt .kbt-result--skip .kbt-result-icon { --kbt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E"); }
.kbt .kbt-result--timeout .kbt-result-icon { --kbt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2.5 2.5M9 2h6'/%3E%3C/svg%3E"); }

.kbt .kbt-link { font-size: 14px; font-weight: 700; }

html body .kbt .kbt-status {
	min-height: 1.6em;
	margin-top: -6px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: var(--kbt-ink-2);
}

html body .kbt .kbt-status.is-ng { color: var(--kbt-ng); }

html body .kbt .kbt-status.is-warn {
	padding: 6px 10px;
	color: var(--kbt-ink);
	background: var(--kbt-warn-bg);
	border-radius: 6px;
}

/* ---------- 結果 ---------- */
html body .kbt .kbt-score {
	font-size: 24px;
	font-weight: 900;
	line-height: 1.4;
}

.kbt .kbt-score-num {
	margin: 0 2px;
	font-size: 40px;
	color: var(--kbt-accent);
}

html body .kbt .kbt-score-msg {
	font-size: 15px;
	color: var(--kbt-ink-2);
}

.kbt .kbt-list {
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--kbt-tag);
}

html body .kbt .kbt-row {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	align-items: center;
	gap: 4px 10px;
	padding: 10px 0;
	border-bottom: 1px solid var(--kbt-tag);
}

.kbt .kbt-row-mark { font-size: 18px; font-weight: 900; text-align: center; }
.kbt .kbt-row.is-ok .kbt-row-mark { color: var(--kbt-ok); }
.kbt .kbt-row.is-ng .kbt-row-mark { color: var(--kbt-ng); }
.kbt .kbt-row-name { font-size: 14px; font-weight: 700; }
.kbt .kbt-row .kbt-combos { grid-column: 2; justify-content: flex-start; }

.kbt .kbt-result-btns {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* ---------- 誤操作への備え ---------- */
/* 続きから（選ぶ画面の上） */
.kbt .kbt-resume {
	max-width: 760px;
	margin-bottom: 16px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 16px 18px;
	background: var(--kbt-warn-bg);
	border: 2px solid var(--kbt-key);
	border-radius: 14px;
}

html body .kbt .kbt-resume-text {
	font-size: 15px;
	font-weight: 700;
}

.kbt .kbt-resume-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/* キー入力の注意（選ぶ画面の注記と、初めての1回の確認） */
html body .kbt .kbt-note--warn {
	padding-top: 12px;
	font-size: 12px;
	line-height: 1.7;
	border-top: 1px solid var(--kbt-tag);
}

.kbt .kbt-warning {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px;
	background: var(--kbt-warn-bg);
	border-radius: 12px;
}

html body .kbt .kbt-warning-head { font-size: 15px; font-weight: 700; }
html body .kbt .kbt-warning-text { font-size: 14px; line-height: 1.8; }
.kbt .kbt-warning .kbt-btn { align-self: flex-start; }

/* 一時停止中・中断の確認（問題のカードに重ねる） */
.kbt .kbt-overlay {
	position: absolute;
	inset: 0;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(238, 241, 244, 0.9);
	border-radius: inherit;
}

.kbt .kbt-overlay-box {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	max-width: 420px;
	padding: 20px;
	background: var(--kbt-white);
	border-radius: 14px;
	box-shadow: 0 12px 32px rgba(28, 35, 48, 0.2);
}

html body .kbt .kbt-overlay-head { font-size: 18px; font-weight: 900; }
html body .kbt .kbt-overlay-text { font-size: 14px; color: var(--kbt-ink-2); }

.kbt .kbt-overlay-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 4px;
}

/* ---------- 768px 以上 ---------- */
@media (min-width: 768px) {
	.kbt {
		gap: 32px;
		padding: 48px 0 80px;
	}

	html body .kbt .kbt-title { font-size: 34px; }
	html body .kbt .kbt-catch { font-size: 20px; }
	html body .kbt .kbt-lead { font-size: 16px; }

	.kbt .kbt-card {
		gap: 22px;
		max-width: 760px;
		padding: 36px;
		border-radius: 20px;
	}

	.kbt .kbt-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.kbt .kbt-levels { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.kbt .kbt-level { grid-template-columns: 1fr; align-content: start; }
	.kbt .kbt-level-best { grid-column: 1; }

	.kbt .kbt-quiz-head,
	.kbt .kbt-quiz-title { font-size: 15px; }
	.kbt .kbt-progress { height: 8px; border-radius: 4px; }
	html body .kbt .kbt-q { font-size: 22px; }

	.kbt .kbt-stage {
		gap: 18px;
		padding: 28px;
		border-radius: 14px;
	}

	.kbt .kbt-stage--keys { min-height: 136px; }

	.kbt .kbt-keys--big .kbt-key {
		min-width: 56px;
		height: 56px;
		padding: 0 14px;
		font-size: 20px;
		border-bottom-width: 6px;
		border-radius: 10px;
	}

	.kbt .kbt-keys--big .kbt-key--mod { min-width: 64px; }
	.kbt .kbt-keys--big .kbt-plus { font-size: 18px; }

	.kbt .kbt-choices { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	.kbt .kbt-start-row { flex-direction: row-reverse; align-items: center; justify-content: flex-end; gap: 16px; }
	.kbt .kbt-start-row .kbt-btn { min-width: 200px; }

	.kbt .kbt-result-btns { flex-direction: row; flex-wrap: wrap; }

	html body .kbt .kbt-row {
		grid-template-columns: 24px minmax(0, 1fr) auto;
	}

	.kbt .kbt-row .kbt-combos { grid-column: 3; justify-content: flex-end; }
}

/* 動きを減らす設定: 時間のバーを出さず、数字だけ。揺らさない */
@media (prefers-reduced-motion: reduce) {
	.kbt .kbt-time-bar { display: none; }
	.kbt * { transition: none !important; animation: none !important; }
}