:root{--sw-header:#16324F!important;--sw-accent:#087E8B!important;--sw-background:#EEF7FA!important;--sw-karaoke:#CFF3EC!important;--sw-border:#087E8B55!important;--book-identity:#16324F!important;--book-identity-dark:#16324F!important;--paper-heading:#16324F!important;--page-bg:#EEF7FA!important;--outer-page:#EEF7FA!important;--outer-bg:#EEF7FA!important;--outer:#EEF7FA!important;--activity-bg:#ffffff!important;--activity-surface:#ffffff!important;--surface:#ffffff!important;--paper:#ffffff!important;--control-bg:#CFF3EC!important;--control-surface:#CFF3EC!important;--control:#CFF3EC!important;--controls:#CFF3EC!important;--selected-bg:#CFF3EC!important;--select-bg:#CFF3EC!important;--active-bg:#CFF3EC!important;--book-identity-soft:#CFF3EC!important;--accent-orange:#087E8B!important;--orange:#087E8B!important;--accent:#087E8B!important;--selected-border:#087E8B!important;--select-border:#087E8B!important;--active-border:#087E8B!important;--focus-ring:#087E8B!important;--btn-answer-bg:#087E8B!important;--btn-show-bg:#087E8B!important;--answer-bg:#CFF3EC!important;--show-bg:#CFF3EC!important;--reveal-bg:#CFF3EC!important;--btn-answer-border:#087E8B!important;--btn-show-border:#087E8B!important;--answer-border:#087E8B!important;--show-border:#087E8B!important;--reveal-border:#087E8B!important;--btn-answer-text:#ffffff!important;--btn-show-text:#ffffff!important;--answer-text:#16324F!important;--show-text:#16324F!important;--reveal-text:#16324F!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)}