/* Derive UI roles from approved skin colors, never from example-video HEX codes. */
html{--mc175-accent:var(--r1-link,#624087);--mc175-surface:var(--r1-solid,#f4f7f3);--mc175-ink:var(--r1-ink,#21352b);--mc175-error:#a32232;--mc175-success:#20643d}
html[data-theme=dark],html[data-b27-modern]{--mc175-error:#ff9ba5;--mc175-success:#91dbad}
html[data-b27-skin=iskra]{--mc175-error:#8d1729;--mc175-success:#205a36}
#mc170-reader-tools{--c138-accent:var(--mc175-accent)}
#mc170-reader-tools :is([data-mc168-dock],.mc169-editions,.mc170-options) button[aria-pressed=true],
#mc170-reader-tools [data-mc168-dock] button[aria-expanded=true]{color:var(--mc175-accent)!important}
#mc170-reader-tools .mc169-editions button[aria-pressed=true],#mc170-reader-tools .mc170-options button[aria-pressed=true]{border-color:var(--mc175-accent)!important;background:color-mix(in srgb,var(--mc175-accent) 12%,transparent)!important}
#mc170-reader-tools button:focus-visible{outline-color:var(--mc175-accent)!important}
/* Keep six cells over one real native input: paste/autofill continue unchanged. */
.r1-login .r1-code-cell{border-color:color-mix(in srgb,var(--r1-ink) 28%,transparent);background:var(--r1-raised);transition:border-color 140ms ease,box-shadow 140ms ease}
.r1-login .r1-code-cell.is-filled{border-color:color-mix(in srgb,var(--mc175-accent) 55%,var(--r1-line))}
.r1-login .r1-code-cell.is-active{border-color:var(--mc175-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--mc175-accent) 35%,transparent)}
.r1-login .r1-code-cell.is-active:empty::after{background:var(--mc175-accent)}
.r1-login[data-mc175-state=checking] .r1-code-input{opacity:.8}
.r1-login[data-mc175-state=checking] #r1-login-status::before{content:'';display:inline-block;width:14px;height:14px;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-right:8px;vertical-align:-2px;animation:mc175-spin .8s linear infinite}
.r1-login[data-mc175-state=error] #r1-login-status{color:var(--mc175-error)}
.r1-login .r1-code-input.is-invalid .r1-code-cell{border:1px dashed var(--mc175-error);box-shadow:none}
.mc175-login-success{position:fixed;z-index:10000;left:50%;top:calc(env(safe-area-inset-top,0px) + 18px);transform:translateX(-50%);display:flex;align-items:center;gap:9px;max-width:calc(100vw - 32px);padding:12px 18px;border:1px solid var(--r1-line);border-radius:18px;background:var(--mc175-surface);color:var(--mc175-ink);font:600 16px/1.4 var(--b27-ui-font,Montserrat),system-ui,sans-serif;box-shadow:0 6px 24px #0002;pointer-events:none}
.mc175-login-success[hidden]{display:none}
.mc175-login-success svg{width:22px;height:22px;color:var(--mc175-success)}
@keyframes mc175-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.r1-login .r1-code-cell{transition:none}.r1-login[data-mc175-state=checking] #r1-login-status::before{animation:none}}
@media(forced-colors:active){.r1-login .r1-code-cell.is-active{outline:2px solid Highlight}.mc175-login-success{border:1px solid CanvasText;background:Canvas;color:CanvasText}}