/* Owner-provided multicolor SVG artwork; labels and typing behavior stay unchanged. */
body.typing-session {--typing-icon-review:url("../icons/typing/01-review-typing.svg?v=provided-1")}
body.typing-session {--typing-icon-restart:url("../icons/typing/02-restart.svg?v=provided-1")}
body.typing-session {--typing-icon-pause:url("../icons/typing/03-pause-resume.svg?v=provided-1")}
body.typing-session {--typing-icon-resume:url("../icons/typing/03-pause-resume.svg?v=provided-1")}
body.typing-session {--typing-icon-exit:url("../icons/typing/04-exit.svg?v=provided-1")}
body.typing-session {--typing-icon-words:url("../icons/typing/05-words-typed.svg?v=provided-1")}
body.typing-session {--typing-icon-speed:url("../icons/typing/06-wpm.svg?v=provided-1")}
body.typing-session {--typing-icon-accuracy:url("../icons/typing/07-accuracy.svg?v=provided-1")}
body.typing-session {--typing-icon-errors:url("../icons/typing/08-errors.svg?v=provided-1")}
body.typing-session {--typing-icon-time:url("../icons/typing/09-time.svg?v=provided-1")}
body.typing-session {--typing-icon-progress:url("../icons/typing/10-progress.svg?v=provided-1")}
body.typing-session {--typing-icon-close:url("../icons/typing/11-review-close.svg?v=provided-1")}
body.typing-session .workspace-controls :is(button,a)::before,body.typing-session .typing-stat-label::before,body.typing-session #typing-review-close::before{content:"";display:inline-block;flex:0 0 auto;width:22px;height:22px;background:var(--typing-icon) center/contain no-repeat;pointer-events:none}
body.typing-session .workspace-controls :is(button,a),body.typing-session #typing-review-close{display:inline-flex;align-items:center;justify-content:center;gap:7px}
body.typing-session #typing-review{--typing-icon:var(--typing-icon-review)}
body.typing-session #typing-restart{--typing-icon:var(--typing-icon-restart)}
body.typing-session #typing-pause{--typing-icon:var(--typing-icon-pause)}
body.typing-session #typing-pause[aria-pressed="true"]{--typing-icon:var(--typing-icon-resume)}
body.typing-session .typing-exit{--typing-icon:var(--typing-icon-exit)}
body.typing-session #typing-review-close{--typing-icon:var(--typing-icon-close)}
html[data-theme] body.typing-session .typing-stats .typing-stat-label{display:flex;align-items:center;justify-content:center;gap:6px}
body.typing-session .typing-icon-words{--typing-icon:var(--typing-icon-words)}
body.typing-session .typing-icon-speed{--typing-icon:var(--typing-icon-speed)}
body.typing-session .typing-icon-accuracy{--typing-icon:var(--typing-icon-accuracy)}
body.typing-session .typing-icon-errors{--typing-icon:var(--typing-icon-errors)}
body.typing-session .typing-icon-time{--typing-icon:var(--typing-icon-time)}
body.typing-session .typing-icon-progress{--typing-icon:var(--typing-icon-progress)}
@media(max-width:480px) and (orientation:portrait){html[data-theme] body.typing-session .workspace-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px}html[data-theme] body.typing-session .workspace-controls :is(button,a){width:100%;min-height:38px}}
@media(max-width:640px){body.typing-session .workspace-controls :is(button,a)::before,body.typing-session .typing-stat-label::before{width:18px;height:18px}html[data-theme] body.typing-session .typing-stats .typing-stat-label{gap:4px;font-size:12px}}
@media(orientation:landscape) and (max-height:500px){body.typing-session .workspace-controls :is(button,a)::before,body.typing-session .typing-stat-label::before{width:16px;height:16px}html[data-theme] body.typing-session .typing-stats .typing-stat-label{gap:4px}}