:root{--skin-bg:#edf7ff;--skin-side:#e4f2fc;--skin-panel:#ffffffed;--skin-line:#c9dfef;--skin-accent:#44aade;--skin-accent-dark:#258ebf;--skin-ink:#19384c;--theme-art:none;--theme-art-size:cover;--theme-art-position:center;--background:#edf7ff;--foreground:#19384c}
:root[data-base-skin=yellow]{--skin-bg:#fff8ec;--skin-side:#fff3dc;--skin-line:#f1dec0;--skin-accent:#efb33f;--skin-accent-dark:#d39a2d;--skin-ink:#5f4525}
:root[data-base-skin=pink],:root[data-base-skin=candy]{--skin-bg:#fff1f8;--skin-side:#ffeaf5;--skin-line:#f4cee3;--skin-accent:#eb7bad;--skin-accent-dark:#ce538b;--skin-ink:#633652}
:root[data-base-skin=garden],:root[data-base-skin=forest]{--skin-bg:#f1faf1;--skin-side:#e9f5e8;--skin-line:#cce4cd;--skin-accent:#77be65;--skin-accent-dark:#57a247;--skin-ink:#31533e}
:root[data-base-skin=sea]{--skin-bg:#ecf9ff;--skin-side:#e4f5ff;--skin-line:#c4e3f2;--skin-accent:#38ace3;--skin-accent-dark:#2592c7}
:root[data-base-skin=space]{--skin-bg:#f4edff;--skin-side:#eee5fc;--skin-line:#dbc8f4;--skin-accent:#bb7ecc;--skin-accent-dark:#9d61b1;--skin-ink:#4d3c6b}
:root[data-base-skin=cloud]{--skin-bg:#edfaff;--skin-side:#e7f4ff;--skin-line:#c6e6f1;--skin-accent:#40b8c6;--skin-accent-dark:#289ea9;--skin-ink:#295467}
:root[data-skin^=holiday-]{--skin-bg:#fff6f2;--skin-side:#fff0eb;--skin-line:#efd3cc;--skin-accent:#e88774;--skin-accent-dark:#cb6958;--skin-ink:#5f3e3c}
:root[data-skin=holiday-qingming],:root[data-skin=holiday-dragon],:root[data-skin=holiday-easter],:root[data-skin=holiday-christmas]{--skin-bg:#f1faf4;--skin-side:#e5f3ec;--skin-line:#c9e2d6;--skin-accent:#55b4a1;--skin-accent-dark:#3b9483;--skin-ink:#315c51}
:root[data-skin=holiday-autumn],:root[data-skin=holiday-halloween]{--skin-bg:#f5f1ff;--skin-side:#eae6f9;--skin-line:#d9d0ee;--skin-accent:#af8acf;--skin-accent-dark:#936ab8;--skin-ink:#4f4569}
body,.app-shell,.session-shell{background:var(--skin-bg)!important;color:var(--skin-ink)!important}.app-shell{isolation:isolate}.app-main{background:transparent!important;position:relative;isolation:isolate;min-height:100vh}.app-main:before,.session-shell:before{content:'';position:fixed;inset:auto 0 0 190px;height:min(44vw,430px);background-image:var(--theme-art);background-size:var(--theme-art-size);background-position:var(--theme-art-position);background-repeat:no-repeat;pointer-events:none;z-index:-1;opacity:.65;mask-image:linear-gradient(transparent,#000 35%)}.app-main:after{content:'';position:fixed;right:0;top:0;height:260px;width:52vw;z-index:-1;background-image:var(--theme-art);background-size:var(--theme-art-size);background-position:var(--theme-art-position);opacity:.22;mask-image:linear-gradient(#000,transparent);pointer-events:none}.app-sidebar{background:var(--skin-side)!important;border-color:var(--skin-line)!important}.app-sidebar>div,.app-sidebar [data-sidebar=sidebar],.app-header{background:transparent!important}.app-sidebar .brand strong,.app-navigation button,.app-main h1,.app-main h2,.app-main h3,.session-shell h1,.session-shell h2{color:var(--skin-ink)}.app-navigation button[data-active=true],.app-navigation button[aria-current=page],.app-navigation .active{border-color:var(--skin-accent)!important;background:#fff!important;color:var(--skin-accent-dark)!important}.app-main :is(.panel,.profile-card,.settings-card,.recognition-card,.finish-card,.plan-card,.recognition-preview,.recognition-summary,.learning-card,.mistake-section){border-color:var(--skin-line)!important;background:var(--skin-panel);box-shadow:0 4px 8px color-mix(in srgb,var(--skin-accent) 9%,transparent)}.session-shell .recognition-card,.session-shell .finish-card{background:var(--skin-panel)!important;border-color:var(--skin-line)!important}.app-main input,.app-main textarea,.app-main select,.club-dialog input,.club-dialog textarea,.club-dialog select{border-color:var(--skin-line)!important;color:var(--skin-ink);accent-color:var(--skin-accent)}.app-main button[class*=bg-primary],.session-shell button[class*=bg-primary],.club-dialog button[class*=bg-primary]{background:linear-gradient(color-mix(in srgb,var(--skin-accent) 85%,white),var(--skin-accent))!important;border-color:var(--skin-accent-dark)!important;box-shadow:0 4px 0 var(--skin-accent-dark)!important;color:#fff!important}.app-main button[class*=border-input],.session-shell button[class*=border-input],.club-dialog button[class*=border-input]{border-color:var(--skin-line)!important;color:var(--skin-ink)}.app-main .recognition-facts,.session-shell .recognition-facts{background:color-mix(in srgb,var(--skin-bg) 65%,white)!important}.app-main .recognition-reveal,.session-shell .recognition-reveal{background:color-mix(in srgb,var(--skin-bg) 70%,#eff9f2)!important}.session-shell{isolation:isolate}.session-shell:before{inset:auto 0 0 0;opacity:.35}.recognition-pronunciation:empty{display:none}.settings-titlebar{margin-bottom:4px}
@media(max-width:767px){.app-main:before{left:64px;height:320px}.app-main:after{height:190px;width:75vw}}