/* Shared tokens. Artwork, uploaded slides and game canvases retain their pixels. */
html[data-appearance]{--student-motif:"✦";--student-pattern:radial-gradient(circle at 14% 15%,#ac9be51a 0 3px,transparent 4px),radial-gradient(circle at 80% 60%,#f0bd6d24 0 3px,transparent 4px);--ui-bg:#f4f6fb;--ui-surface:#fff;--ui-soft:#eef2fd;--ui-text:#232b40;--ui-muted:#758098;--ui-line:#e5e9f2;--ui-primary:#4969df;--ui-primary-dark:#3854bf;--ui-on-primary:#fff;--ui-accent:#c18b54;--ui-shadow:0 8px 28px #263c6a06;--ui-radius:16px;color-scheme:light;
 --bg:var(--ui-bg)!important;--paper:var(--ui-surface)!important;--white:var(--ui-surface)!important;--panel:var(--ui-surface)!important;--sidebar:var(--ui-surface)!important;--panel-hover:var(--ui-soft)!important;--ink:var(--ui-text)!important;--text:var(--ui-text)!important;--muted:var(--ui-muted)!important;--faint:var(--ui-muted)!important;--line:var(--ui-line)!important;--line-soft:var(--ui-line)!important;--green:var(--ui-primary)!important;--green-dark:var(--ui-primary-dark)!important;--accent:var(--ui-primary)!important;--on-accent:var(--ui-on-primary)!important;--mint:var(--ui-soft)!important;--input:var(--ui-surface)!important;--shadow:var(--ui-shadow)!important;--radius:var(--ui-radius)!important;
 font-family:Inter,"Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif!important;
}
html[data-appearance=jade]{--ui-bg:#f2f7f5;--ui-soft:#e6f2ed;--ui-text:#203d35;--ui-muted:#6f8780;--ui-line:#deebe5;--ui-primary:#217b67;--ui-primary-dark:#186151}
html[data-appearance=sand]{--ui-bg:#f8f5ef;--ui-soft:#f2e9dc;--ui-text:#42372d;--ui-muted:#908273;--ui-line:#e9e1d5;--ui-primary:#a66a3c;--ui-primary-dark:#89532b}
html[data-appearance=dark]{--ui-bg:#151922;--ui-surface:#1e2431;--ui-soft:#2a334b;--ui-text:#e9edf8;--ui-muted:#a1adc4;--ui-line:#333c4f;--ui-primary:#a7b8ff;--ui-primary-dark:#c1cdff;--ui-on-primary:#182340;--ui-accent:#e2b47e;--ui-shadow:0 10px 32px #00000012;color-scheme:dark}
html[data-appearance=future]{--ui-bg:#f1f2ff;--ui-soft:#e9e8fc;--ui-text:#373554;--ui-muted:#817b9a;--ui-line:#e1dff4;--ui-primary:#6967de;--ui-primary-dark:#514fc1;--ui-accent:#efb568;--student-motif:'🚀'}
html[data-appearance=delta]{--ui-bg:#182b29;--ui-surface:#233733;--ui-soft:#2e4540;--ui-text:#e7eeea;--ui-muted:#b0c1b8;--ui-line:#3e554c;--ui-primary:#a6c6b4;--ui-primary-dark:#c4dbcf;--ui-on-primary:#1a3429;--ui-accent:#dbbd72;--student-motif:'🧭';color-scheme:dark!important}
html[data-appearance=minecraft]{--ui-bg:#f0f5e9;--ui-soft:#e4edda;--ui-text:#35402b;--ui-muted:#748266;--ui-line:#d5e1c6;--ui-primary:#548743;--ui-primary-dark:#3b6730;--ui-accent:#b89157;--student-motif:'⛏️';--student-pattern:repeating-linear-gradient(0deg,transparent 0 31px,#7394560b 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,#7394560b 31px 32px)}
html[data-appearance=pvz]{--ui-bg:#f5f8e9;--ui-soft:#e8efcf;--ui-text:#384b2a;--ui-muted:#7c8a63;--ui-line:#dde6c4;--ui-primary:#567e31;--ui-primary-dark:#436326;--ui-accent:#dfb93f;--student-motif:'🌻';--student-pattern:radial-gradient(ellipse at 15% 50%,#b6ce791c 0 14px,transparent 15px),radial-gradient(circle at 85% 10%,#f1d16d18 0 16px,transparent 17px)}
html[data-appearance=nezha]{--ui-bg:#fff3ed;--ui-soft:#fbe5db;--ui-text:#503a32;--ui-muted:#9d796b;--ui-line:#efd9cc;--ui-primary:#bf503e;--ui-primary-dark:#a63e2d;--ui-accent:#de9d40;--student-motif:'🔥'}
html[data-appearance=zootopia]{--ui-bg:#eef6f8;--ui-soft:#dfeef2;--ui-text:#2d4855;--ui-muted:#708994;--ui-line:#d6e6eb;--ui-primary:#397e9b;--ui-primary-dark:#2b637b;--ui-accent:#dc9d68;--student-motif:'🦊'}
html[data-appearance=wukong]{--ui-bg:#242723;--ui-surface:#30342c;--ui-soft:#3e4436;--ui-text:#efeadc;--ui-muted:#c2bdab;--ui-line:#4b5142;--ui-primary:#d2b478;--ui-primary-dark:#ead1a0;--ui-on-primary:#36311e;--ui-accent:#c2aa6a;--student-motif:'🐒';color-scheme:dark!important}
html[data-appearance=egg]{--ui-bg:#fbf0fa;--ui-soft:#f2dff3;--ui-text:#573c60;--ui-muted:#96789f;--ui-line:#ead6ee;--ui-primary:#ac67b3;--ui-primary-dark:#905297;--ui-accent:#e5ba61;--student-motif:'🥚';--student-pattern:radial-gradient(circle at 20% 20%,#f6c45a20 0 9px,transparent 10px),radial-gradient(circle at 80% 70%,#79c6e51c 0 12px,transparent 13px)}
html[data-appearance] body{font-family:inherit;color:var(--ui-text);background:var(--ui-bg)}
html[data-appearance]{--ui-surface-soft:var(--ui-soft)!important;--ui-border:var(--ui-line)!important;--ui-border-strong:var(--ui-primary)!important;--ui-primary-strong:var(--ui-primary-dark)!important}
html[data-appearance]:not([data-appearance=dark]):not([data-appearance=delta]):not([data-appearance=wukong]){color-scheme:light!important}
html[data-appearance=dark]{color-scheme:dark!important}
html[data-appearance] :focus-visible{outline:3px solid var(--ui-primary);outline-offset:3px}
html[data-appearance] input,html[data-appearance] select,html[data-appearance] textarea{color:var(--ui-text);accent-color:var(--ui-primary)}
html[data-appearance] dialog{color:var(--ui-text);background:var(--ui-surface);border-color:var(--ui-line)}
html[data-appearance] button,html[data-appearance] input,html[data-appearance] select,html[data-appearance] textarea{font-family:inherit}
.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.theme-option{padding:12px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-surface);color:var(--ui-text);text-align:left;cursor:pointer}.theme-option.selected{border-color:var(--ui-primary);box-shadow:0 0 0 2px var(--ui-soft)}.theme-option strong,.theme-option small{display:block;margin:8px 3px 0}.theme-option small{font-size:11px;color:var(--ui-muted);margin-top:2px}.theme-sample{height:88px;display:block;background:var(--sample-bg);border-radius:8px;position:relative;overflow:hidden}.theme-sample i{position:absolute;width:23%;height:100%;background:var(--sample-accent);opacity:.18}.theme-sample b{position:absolute;left:31%;top:20%;width:58%;height:22%;background:var(--sample-accent);border-radius:4px}.theme-sample em{position:absolute;left:31%;top:53%;width:58%;height:30%;background:var(--sample-accent);opacity:.18;border-radius:4px}.theme-footnote{font-size:12px;text-align:center;color:var(--ui-muted);margin:20px 0 0}
.account-security{align-self:start}.account-security>summary{cursor:pointer;font-size:15px;font-weight:600;color:var(--ui-text)}.account-security[open]>summary{margin-bottom:14px}.assignment-quick-start{margin:16px 0;gap:12px;flex-wrap:wrap}
