:root{--sw-header:#3B285F!important;--sw-accent:#7653B5!important;--sw-background:#F5F1FA!important;--sw-karaoke:#E8DDF7!important;--sw-border:#7653B555!important;--book-identity:#3B285F!important;--book-identity-dark:#3B285F!important;--paper-heading:#3B285F!important;--page-bg:#F5F1FA!important;--outer-page:#F5F1FA!important;--outer-bg:#F5F1FA!important;--outer:#F5F1FA!important;--activity-bg:#ffffff!important;--activity-surface:#ffffff!important;--surface:#ffffff!important;--paper:#ffffff!important;--control-bg:#E8DDF7!important;--control-surface:#E8DDF7!important;--control:#E8DDF7!important;--controls:#E8DDF7!important;--selected-bg:#E8DDF7!important;--select-bg:#E8DDF7!important;--active-bg:#E8DDF7!important;--book-identity-soft:#E8DDF7!important;--accent-orange:#7653B5!important;--orange:#7653B5!important;--accent:#7653B5!important;--selected-border:#7653B5!important;--select-border:#7653B5!important;--active-border:#7653B5!important;--focus-ring:#7653B5!important;--btn-answer-bg:#7653B5!important;--btn-show-bg:#7653B5!important;--answer-bg:#E8DDF7!important;--show-bg:#E8DDF7!important;--reveal-bg:#E8DDF7!important;--btn-answer-border:#7653B5!important;--btn-show-border:#7653B5!important;--answer-border:#7653B5!important;--show-border:#7653B5!important;--reveal-border:#7653B5!important;--btn-answer-text:#ffffff!important;--btn-show-text:#ffffff!important;--answer-text:#3B285F!important;--show-text:#3B285F!important;--reveal-text:#3B285F!important}
html[data-stepwise-theme] body{background:var(--sw-background)!important}
html[data-stepwise-theme] .activity-shell{background:#fff!important;border-top-color:var(--sw-accent)!important;box-shadow:0 6px 24px color-mix(in srgb,var(--sw-header) 10%,transparent)!important}
html[data-stepwise-theme] .theme-banner{background:var(--sw-header)!important;color:white!important}
html[data-stepwise-theme] .page-marker{color:var(--sw-header)!important;border-color:var(--sw-border)!important}
html[data-stepwise-theme] body :is(.sr-toggle,.answer-button,button.answer-btn,button.btn-answer,button.btn-item-answer,button.q-answer-btn,button.btn-inline-answer,button.btn-reveal,button.btn-row-answer,button.btn-toggle-answer,button.item-answer-btn,button[data-native-answer]){background:var(--sw-accent)!important;color:#fff!important;border-color:var(--sw-accent)!important}
html[data-stepwise-theme] body :is(.sr-toggle,.answer-button,button[data-native-answer]):hover{background:var(--sw-header)!important;color:white!important}
html[data-stepwise-theme] body button:focus-visible{outline:3px solid var(--sw-accent)!important;outline-offset:3px}
html[data-stepwise-theme] .karaoke-panel .karaoke-toggle{background:var(--sw-accent)!important;color:white!important;border-color:var(--sw-accent)!important}
html[data-stepwise-theme] .karaoke-panel .karaoke-body{background:var(--sw-background)!important;border-color:var(--sw-border)!important}
html[data-stepwise-theme] .karaoke-panel :is(.karaoke-heading,.karaoke-speaker){color:var(--sw-header)!important}
html[data-stepwise-theme] .karaoke-panel .karaoke-line.karaoke-active{background:var(--sw-karaoke)!important;border-color:var(--sw-accent)!important;color:var(--sw-header)!important}
html[data-stepwise-theme] .speed-btn{border-color:var(--sw-border)!important;color:var(--sw-header)!important}
html[data-stepwise-theme] .speed-btn:is(.active,[aria-pressed=true]){background:var(--sw-karaoke)!important;border-color:var(--sw-accent)!important}
html[data-stepwise-surface=reader] body{color:var(--sw-header)}
html[data-stepwise-surface=reader] body>header{background:var(--sw-header);color:white}
html[data-stepwise-surface=reader] header strong span{color:var(--sw-karaoke)}
html[data-stepwise-surface=reader] header nav>button{background:#ffffff20;color:white}
html[data-stepwise-surface=reader] header nav>button:hover{background:var(--sw-accent)}
html[data-stepwise-surface=reader] main>aside{background:var(--sw-header);color:white;border:0}
html[data-stepwise-surface=reader] aside .caption{color:var(--sw-karaoke)}
html[data-stepwise-surface=reader] aside :is(input,textarea,select){color:var(--sw-header);background:white;border-color:var(--sw-border)}
html[data-stepwise-surface=reader] aside .item{background:#ffffff16;color:white;border:1px solid #ffffff30}
html[data-stepwise-surface=reader] aside .item:hover{background:var(--sw-accent)}
html[data-stepwise-surface=reader] aside .item small{color:var(--sw-karaoke)}
html[data-stepwise-surface=reader] #viewport{background:var(--sw-background)}
html[data-stepwise-surface=reader] .hotspot{background:var(--sw-accent);color:white;border-color:white}
html[data-stepwise-surface=reader] .hotspot.media{background:var(--sw-header)}
html[data-stepwise-surface=reader] .modalbar{background:var(--sw-background);color:var(--sw-header)}
html[data-stepwise-surface=reader] .modalbar button{background:var(--sw-accent);color:white}
html[data-stepwise-surface=reader] a{color:var(--sw-header)}
html[data-stepwise-surface=story] header{background:var(--sw-background);border-color:var(--sw-border)}
html[data-stepwise-surface=story] header strong{background:var(--sw-header);color:white}
html[data-stepwise-surface=story] aside{background:var(--sw-background);color:var(--sw-header)}
html[data-stepwise-surface=story] :is(.question,.answer-box,select){border-color:var(--sw-border)}