.hakka-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:6px 0;font-size:.85rem}
.hakka-controls[hidden]{display:none!important}
.hakka-controls label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.hakka-controls [role=status]{color:var(--text-muted,#64748b)}
.hakka-dialect-dialog{position:fixed;inset:auto;margin:0;width:max-content;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;box-sizing:border-box;padding:14px;border:1px solid #8090aa;border-radius:14px;color:var(--text-color,#172038);background:var(--card-bg,#fff)}
.hakka-dialect-dialog::backdrop{background:transparent}
.hakka-dialect-dialog label{display:block;margin:9px 0}
.hakka-dialect-dialog p{font-size:.85rem;line-height:1.5}
.hakka-dialect-dialog>div{display:flex;justify-content:center;gap:12px}
#linePracticeArea .line-original.hakka-reserve{padding-top:calc(var(--ppad-v) + var(--furigana-reserve))}
.furigana-ruby[data-reading-mode=hakka],.furigana-ruby[data-reading-mode=hakka] *{pointer-events:none!important;user-select:none!important}
.furigana-ruby[data-reading-mode=hakka] .furigana-reading{pointer-events:auto!important;cursor:pointer!important}

.hakka-dialect-dialog h3{margin:0 0 12px;font-size:1rem}
.hakka-dialect-dialog label{font-size:.9rem;margin:7px 0}

.hakka-controls [role=status][hidden]{display:none}
.hakka-dialect-dialog label{overflow-wrap:anywhere}