.tokki-chapter-font-control { position: fixed; z-index: 999970; right: 22px; bottom: 22px; font-family: "Zen Maru Gothic", sans-serif; -webkit-tap-highlight-color: transparent; }
.tokki-chapter-font-control, .tokki-chapter-font-control * { -webkit-tap-highlight-color: transparent !important; }
.tokki-chapter-font-trigger { display: inline-flex; width: 48px; height: 48px; padding: 0; align-items: center; justify-content: center; border: 1px solid #B98BDD; border-radius: 50%; background: #B98BDD; color: #1A191D; font-size: 18px; cursor: pointer; box-shadow: 0 12px 30px rgba(0,0,0,.32); }
.tokki-chapter-font-trigger:hover, .tokki-chapter-font-trigger:focus { border-color: #C8A2E6; background: #C8A2E6; color: #1A191D; outline: none; }
.tokki-chapter-font-dismiss { position: fixed !important; z-index: 999968; inset: 0; width: 100vw !important; height: 100dvh !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; appearance: none; -webkit-appearance: none; }
.tokki-chapter-font-dismiss[hidden], .tokki-chapter-font-panel[hidden] { display: none !important; }
.tokki-chapter-font-panel { position: fixed; z-index: 999969; right: 22px; bottom: 82px; width: min(390px, calc(100vw - 36px)); padding: 20px; box-sizing: border-box; border: 1px solid rgba(185,139,221,.25); border-radius: 20px; background: #151417; box-shadow: 0 22px 60px rgba(0,0,0,.48); color: #D2D1D5; opacity: 0; transform: translateY(8px) scale(.98); transform-origin: bottom right; transition: opacity .2s ease, transform .2s ease; }
.tokki-chapter-font-control.is-open .tokki-chapter-font-panel { opacity: 1; transform: none; }
.tokki-chapter-font-handle { display: none; }
.tokki-chapter-font-panel header { display: flex; align-items: center; gap: 16px; }
.tokki-chapter-font-panel h2 { margin: 0 !important; color: #E6E6E7 !important; font-family: "Lora", serif !important;  line-height: 1.25 !important; }
.tokki-chapter-font-reset-row { display: flex; justify-content: flex-end; margin-top: 12px; }
.tokki-chapter-font-reset { display: inline-flex; width: 34px; height: 34px; padding: 0; align-items: center; justify-content: center; border: 1px solid #424045; border-radius: 50%; background: transparent; color: #424045; cursor: pointer; }
.tokki-chapter-font-reset:hover, .tokki-chapter-font-reset:focus { border-color: #5A585E; color: #5A585E; outline: none; }
.tokki-chapter-font-scale { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; height: 54px; margin-top: 8px; padding: 0 8px; touch-action: none; cursor: pointer; user-select: none; -webkit-user-select: none; }
.tokki-chapter-font-line { position: absolute; right: 10%; left: 10%; height: 2px; background: #424045; }
.tokki-chapter-font-point { position: relative; z-index: 1; width: 15px; min-width: 15px; height: 15px; min-height: 15px; margin: 0 auto; padding: 0; border: 0; border-radius: 50%; background: #424045; box-shadow: none; cursor: pointer; }
.tokki-chapter-font-point.is-active { background: #B98BDD; }
.tokki-chapter-font-point:hover, .tokki-chapter-font-point:focus { outline: 2px solid rgba(185,139,221,.4); outline-offset: 3px; }
@media (max-width: 768px) {
	.tokki-chapter-font-control { right: 16px; bottom: 16px; }
	.tokki-chapter-font-trigger { width: 46px; height: 46px; }
	.tokki-chapter-font-panel { right: 0; bottom: 0; left: 0; width: 100%; max-height: min(86dvh,760px); padding: 12px 20px max(24px,env(safe-area-inset-bottom)); border-right: 0; border-bottom: 0; border-left: 0; border-radius: 26px 26px 0 0; opacity: 1; transform: translateY(105%); transform-origin: bottom center; transition: transform .24s ease; }
	.tokki-chapter-font-control.is-open .tokki-chapter-font-panel { transform: translateY(0); }
	.tokki-chapter-font-panel.is-dragging { transition: none; }
	.tokki-chapter-font-handle { display: block; width: 100%; height: 28px; margin: -6px 0 4px; background: linear-gradient(#424045,#424045) center/48px 4px no-repeat; cursor: grab; touch-action: none; }
	.tokki-chapter-font-panel h2 {}
	.tokki-chapter-font-scale { height: 68px; margin-top: 4px; }
	.tokki-chapter-font-point { width: 17px; min-width: 17px; height: 17px; min-height: 17px; }
}