.confirm-dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);box-shadow:var(--shadow-3);overscroll-behavior:contain;margin:auto;padding:0;overflow-y:auto}.confirm-dialog[open]{animation:dialog-in .18s var(--ease-out) both}.confirm-dialog::backdrop{background:#10170fa6}.confirm-dialog form{flex-direction:column;gap:12px;padding:22px 20px 18px;display:flex}.confirm-dialog h2{align-items:flex-start;gap:8px;margin:0;font-size:18px;font-weight:600;line-height:1.4;display:flex}.confirm-dialog.danger h2 svg{color:var(--danger-ink);flex:none;margin-top:2px}.confirm-dialog-message{color:var(--muted);font-size:14px;line-height:1.6}.confirm-dialog-require{font-size:13px}.confirm-dialog-require input{font-size:16px}.confirm-dialog-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.confirm-dialog-actions .button{min-width:96px}.button.danger-solid{background:var(--han);border-color:var(--han);color:#fff}.button.danger-solid:hover:not(:disabled){background:var(--danger-ink);border-color:var(--danger-ink)}:root[data-theme=dark] .button.danger-solid,:root[data-theme=dark] .button.danger-solid:hover:not(:disabled){color:#2a1613}@media (max-width:480px){.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-actions .button{width:100%}}.keyboard-help-dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(520px,100vw - 32px);max-height:min(86dvh,720px);color:var(--text);box-shadow:var(--shadow-3);overscroll-behavior:contain;margin:auto;padding:0;overflow-y:auto}.keyboard-help-dialog[open]{animation:dialog-in .18s var(--ease-out) both}.keyboard-help-dialog::backdrop{background:#10170fa6}.keyboard-help-content{padding:0 20px 18px}.keyboard-help-content header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex;position:sticky;top:0}.keyboard-help-content h2{align-items:center;gap:8px;margin:0;font-size:19px;display:flex}.keyboard-help-content h3{color:var(--muted);margin:18px 0 8px;font-size:13px;font-weight:600}.keyboard-help-content dl{flex-direction:column;margin:0;display:flex}.keyboard-help-content dl>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,11em) 1fr;align-items:center;gap:14px;padding:7px 0;font-size:14px;display:grid}.keyboard-help-content dl>div:last-child{border-bottom:0}.keyboard-help-content dd{margin:0}.shortcut-keys{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;display:inline-flex}.shortcut-keys kbd,button.keyboard-help-button kbd,.settings-keyboard-note kbd{border:1px solid var(--border);background:var(--surface-soft);min-width:24px;height:24px;color:var(--text);white-space:nowrap;border-bottom-width:2px;border-radius:4px;place-items:center;padding:0 6px;font:500 12px/1 system-ui,sans-serif;display:inline-grid}.shortcut-or{margin:0 2px}.keyboard-help-button{min-height:32px;color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;display:inline-flex}.keyboard-help-button:hover{color:var(--primary)}button.keyboard-help-button kbd{min-width:20px;height:20px;padding:0 5px;font-size:11px}@media (hover:none){:is(.keyboard-help-button,.settings-keyboard-note,.keyboard-hint:has(.keyboard-help-button),.puzzle-keys:has(.keyboard-help-button)){display:none}}.icon-button.sound-blocked{color:var(--danger-ink);position:relative}.icon-button.sound-blocked:hover{background:var(--danger-soft);color:var(--danger-ink)}.sound-blocked-dot{background:var(--han);width:7px;height:7px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:9px;right:9px}[data-hold-repeat]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.settings-choice{border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.player-settings-group .settings-choice label{cursor:pointer;min-height:44px;transition:background var(--motion-fast), color var(--motion-fast);flex-direction:row;justify-content:center;align-items:center;gap:6px;margin:0;padding:0 8px;font-size:13px;display:flex;position:relative}.player-settings-group .settings-choice label>span{flex:none}.settings-choice label+label{border-left:1px solid var(--border)}.settings-choice label.chosen{background:var(--tint);color:var(--primary);font-weight:600}.settings-choice label:hover:not(.chosen){background:var(--surface-soft)}.settings-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.settings-choice label:has(input:focus-visible){box-shadow:inset 0 0 0 2px var(--primary)}.settings-note{color:var(--muted);margin:-4px 0 0;font-size:12px}.sound-preview-more>summary{min-height:44px;color:var(--muted);cursor:pointer;align-items:center;font-size:13px;display:flex}.sound-preview-more>summary:hover{color:var(--primary)}.sound-preview-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;padding-bottom:4px;display:grid}.sound-preview-grid .button{border-color:var(--border);min-height:44px;padding:8px 10px;font-size:13px}.settings-keyboard-note{margin-top:4px}.sound-preview-more>summary{gap:6px;list-style:none}.sound-preview-more>summary::-webkit-details-marker{display:none}.sound-preview-more>summary svg{transition:transform var(--motion-fast)}.sound-preview-more[open]>summary svg{transform:rotate(180deg)}@media (max-width:767px){.player-settings-dialog{max-width:100vw}}@media (max-width:999.98px){.settings-wide-only{display:none!important}}@media (max-width:767.98px),(max-width:1023.98px) and (orientation:portrait),(orientation:landscape) and (max-height:500.98px){.settings-wide-only{display:none!important}}@media (min-width:768px) and (orientation:landscape) and (min-height:501px),(min-width:1024px) and (orientation:portrait){.settings-narrow-only{display:none!important}}.settings-status{align-items:center;gap:8px;margin:0;display:flex}
.sound-set-picker{flex-direction:column;gap:8px;display:flex}.sound-set-title{font-size:14px}.sound-set-title small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.sound-set-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.player-settings-group .sound-set-grid label{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;min-height:56px;transition:background var(--motion-fast), border-color var(--motion-fast);flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;margin:0;padding:8px 22px 8px 10px;display:flex;position:relative}.player-settings-group .sound-set-grid label>span{flex:none;font-size:14px;font-weight:600}.player-settings-group .sound-set-grid label small{margin:0;line-height:1.35}.sound-set-grid label.chosen{border-color:var(--primary);background:var(--tint)}.sound-set-grid label.chosen .sound-set-name{color:var(--primary)}.sound-set-grid label.chosen:after{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:10px}.sound-set-grid label:hover:not(.chosen):not(:has(input:disabled)){background:var(--surface-soft)}.sound-set-grid input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.sound-set-grid label:has(input:focus-visible){box-shadow:0 0 0 2px var(--primary)}.sound-set-grid label:has(input:disabled){opacity:.55;cursor:default}.sound-set-grid input:disabled{cursor:default}
.speech-settings .speech-preview{border-color:var(--border);align-self:flex-start;min-height:44px;padding:8px 16px;font-size:13px}.speech-settings:disabled .settings-choice{opacity:.55}.speech-settings:disabled .settings-choice label{cursor:not-allowed}