:root{font-size:var(--app-font-size,100%)}:root[data-color=pink]{--accent:#ff0084;--pink:#b80060;--accent-ink:#27101c;--accent-soft:#fff0f7;--accent-focus:#b80060}:root[data-color=blue]{--accent:#0063dc;--pink:#0063dc;--accent-ink:#fff;--accent-soft:#edf5ff;--accent-focus:#0063dc}.appearanceControls{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.appearanceControls label{color:#48424f;flex-direction:column;gap:3px;font:500 .75rem/1.4 system-ui,sans-serif;display:flex}.appearanceControls select{font:inherit;color:#292835;background:#fff;border:1px solid #b4b0ba;border-radius:8px;max-width:100%;min-height:44px;padding:6px 8px;font-size:.875rem}:root[data-color=blue] .brand img{content:url(/icon-blue.svg)}:root[data-color] :focus-visible{outline:3px solid var(--accent-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}:root[data-color=pink]{--page-background:#fff8fc}:root[data-color=blue]{--page-background:#f5f9ff}:root[data-color],:root[data-color] .worker-app{background:var(--page-background)}:root[data-color] .authStory{background:var(--accent-soft)}:root[data-color] input:focus,:root[data-color] textarea:focus,:root[data-color] select:focus{outline-color:var(--accent-focus)}