:root[data-theme=elsa]{--elsa-navy:#191033;--elsa-violet:#674fde;--elsa-violet-soft:#f1edff;--elsa-blue:#385cec;--elsa-blue-soft:#edf1ff;--elsa-sky:#0b8fc4;--elsa-sky-soft:#e8f8ff;--elsa-teal:#0b8f80;--elsa-teal-soft:#e6fbf8;--elsa-green:#0b8a57;--elsa-green-soft:#e8f8f0;--elsa-orange:#b86a00;--elsa-orange-soft:#fff4e2;--elsa-lavender:#cbb9ff;--ink:var(--elsa-navy);--muted:#6b6488;--border:#e7e1f8;--surface:#fff;--soft:#f8f6ff;--radius:20px;--hue-shift:160}:root[data-theme=elsa][data-role=admin]{--primary:var(--elsa-violet);--primary-deep:#4b35b8;--primary-light:var(--elsa-violet-soft);--chart:var(--elsa-violet);--action:var(--elsa-violet);--action-hover:#7a64ea;--hue-shift:160}:root[data-theme=elsa][data-role=teacher]{--primary:var(--elsa-blue);--primary-deep:#2741b8;--primary-light:var(--elsa-blue-soft);--chart:var(--elsa-blue);--action:var(--elsa-blue);--action-hover:#4d6ff2;--hue-shift:140}:root[data-theme=elsa][data-role=student]{--primary:var(--elsa-green);--primary-deep:#076640;--primary-light:var(--elsa-green-soft);--chart:#11bd78;--action:var(--elsa-green);--action-hover:#0e9d64;--hue-shift:20}:root[data-theme=elsa][data-role=parent]{--primary:var(--elsa-orange);--primary-deep:#8a4f00;--primary-light:var(--elsa-orange-soft);--chart:#ffab2d;--action:#c87400;--action-hover:#db8000;--hue-shift:-70}:root[data-theme=elsa] body{background:var(--soft)}:where([data-theme=elsa]) .topnav{border-bottom:1px solid var(--border);background:#fff}:where([data-theme=elsa]) .brand-mark{border-radius:50%}:where([data-theme=elsa]) .topnav-links a{color:#57507a}:where([data-theme=elsa]) .topnav-links a.active{color:var(--primary)}:where([data-theme=elsa]) .user-chip,:where([data-theme=elsa]) .academy-switch{border-color:var(--border)}:where([data-theme=elsa]) .dev-chip{background:var(--elsa-orange-soft);color:var(--elsa-orange);border-radius:999px}:where([data-theme=elsa]) button,:where([data-theme=elsa]) .button{border-color:var(--border);border-radius:999px}:where([data-theme=elsa]) .button{padding-inline:18px}:where([data-theme=elsa]) button:hover,:where([data-theme=elsa]) .button:hover{background:var(--soft)}:where([data-theme=elsa]) :is(button.primary,.button.primary){background:var(--action);border-color:var(--action);color:#fff;box-shadow:none}:where([data-theme=elsa]) :is(button.primary,.button.primary):hover{background:var(--action-hover)}:where([data-theme=elsa]) :is(button.primary,.button.primary):active{box-shadow:none;transform:translateY(1px)}:where([data-theme=elsa]) .button.small,:where([data-theme=elsa]) button.small{border-radius:999px;padding-inline:12px}:where([data-theme=elsa]) .icon-btn{border-radius:50%}:where([data-theme=elsa]) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:#ddd5f3;border-radius:12px}:where([data-theme=elsa]) .tabs{gap:4px;padding-bottom:10px}:where([data-theme=elsa]) .tabs button{border-radius:999px;min-height:36px;padding:8px 16px}:where([data-theme=elsa]) .tabs button.selected{background:var(--primary-light);color:var(--primary);border-bottom:0}:where([data-theme=elsa]) :is(.panel,.stat-card,.todo-tile,.class-card,.exam-card,.welcome-banner){border-color:var(--border);border-radius:var(--radius);box-shadow:none}:where([data-theme=elsa]) :is(.class-card,.exam-card):hover{border-color:var(--elsa-lavender);box-shadow:none}:where([data-theme=elsa]) .page-heading{border-bottom-color:var(--border)}:where([data-theme=elsa]) .eyebrow{color:var(--primary)}:where([data-theme=elsa]) :is(.todo-tiles,.stat-grid)>:nth-child(4n+1){--tile:var(--elsa-violet);--tile-soft:var(--elsa-violet-soft)}:where([data-theme=elsa]) :is(.todo-tiles,.stat-grid)>:nth-child(4n+2){--tile:var(--elsa-sky);--tile-soft:var(--elsa-sky-soft)}:where([data-theme=elsa]) :is(.todo-tiles,.stat-grid)>:nth-child(4n+3){--tile:var(--elsa-teal);--tile-soft:var(--elsa-teal-soft)}:where([data-theme=elsa]) :is(.todo-tiles,.stat-grid)>:nth-child(4n+4){--tile:var(--elsa-orange);--tile-soft:var(--elsa-orange-soft)}:where([data-theme=elsa]) :is(.todo-tile.has,.stat-card){background:var(--tile-soft);border-color:color-mix(in srgb,var(--tile)18%,#fff)}:where([data-theme=elsa]) :is(.todo-tile.has,.stat-card)>span{color:var(--tile);font-weight:700}:where([data-theme=elsa]) :is(.todo-tile.has,.stat-card) strong{color:var(--elsa-navy)}:where([data-theme=elsa]) .todo-tile.urgent{background:var(--tile-soft);border-color:color-mix(in srgb,var(--tile)55%,#fff)}:where([data-theme=elsa]) .todo-tile.urgent strong{color:var(--tile)}:where([data-theme=elsa]) .todo-tile:hover{border-color:var(--tile,var(--primary))}:where([data-theme=elsa]) :is(.badge,.state-badge){border-radius:999px}:where([data-theme=elsa]) .state-badge{background:#f1eff8;border-color:#0000}:where([data-theme=elsa]) .state-badge.on{background:var(--elsa-sky-soft);color:var(--elsa-sky);border-color:#0000}:where([data-theme=elsa]) .state-badge.wait{background:var(--elsa-violet-soft);color:var(--elsa-violet);border-color:#0000}:where([data-theme=elsa]) .state-badge.review{background:var(--elsa-orange-soft);color:var(--elsa-orange);border-color:#0000}:where([data-theme=elsa]) .badge.green{background:var(--elsa-green-soft);color:var(--elsa-green)}:where([data-theme=elsa]) .badge.amber{background:var(--elsa-orange-soft);color:var(--elsa-orange)}:where([data-theme=elsa]) .card-icon{background:var(--primary-light);border-radius:50%}:where([data-theme=elsa]) .progress-track{background:#ece8f8;border-radius:999px}:where([data-theme=elsa]) .progress-track span{border-radius:999px}
:root[data-theme=khan]{--khan-ink:#21242c;--khan-ink-64:#5f6167;--khan-ink-16:#dbdcdd;--khan-ink-8:#ececed;--khan-blue:#1865f2;--khan-blue-soft:#edf3fe;--khan-navy:#0b2149;--khan-gold:#ffb100;--khan-gold-deep:#8c5d00;--khan-red:#d92916;--khan-purple:#7c4dff;--khan-green:#00a60e;--khan-green-deep:#00820b;--ink:var(--khan-ink);--muted:var(--khan-ink-64);--border:var(--khan-ink-16);--surface:#fff;--soft:#f7f8fa;--radius:8px;--hue-shift:120;--edge:transparent}:root[data-theme=khan][data-role=admin]{--primary:var(--khan-purple);--primary-deep:#5b2fd6;--primary-light:#f2edff;--chart:var(--khan-purple);--action:var(--khan-purple);--action-hover:#6a3cf0;--hue-shift:160}:root[data-theme=khan][data-role=teacher]{--primary:var(--khan-blue);--primary-deep:#1150c4;--primary-light:var(--khan-blue-soft);--chart:var(--khan-blue);--action:var(--khan-blue);--action-hover:#1a57d6;--hue-shift:140}:root[data-theme=khan][data-role=student]{--primary:var(--khan-green-deep);--primary-deep:#006608;--primary-light:#e8f6e9;--chart:var(--khan-green);--action:var(--khan-green-deep);--action-hover:#00700a;--hue-shift:0}:root[data-theme=khan][data-role=parent]{--primary:var(--khan-gold-deep);--primary-deep:#6b4700;--primary-light:#fff6e0;--chart:var(--khan-gold);--action:var(--khan-gold-deep);--action-hover:#a36d00;--hue-shift:-60}:root[data-theme=khan] body{background:var(--soft)}:where([data-theme=khan]) .topnav{border-bottom:1px solid var(--border);color:var(--ink);background:#fff}:where([data-theme=khan]) .brand{color:var(--ink)}:where([data-theme=khan]) .brand-mark{border-radius:6px}:where([data-theme=khan]) .topnav-links a{color:var(--ink);font-weight:700}:where([data-theme=khan]) .topnav-links a:hover{color:var(--primary)}:where([data-theme=khan]) .topnav-links a.active{color:var(--primary);border-bottom-width:4px;padding-top:4px}:where([data-theme=khan]) .user-chip{border-color:var(--border);border-radius:8px}:where([data-theme=khan]) .avatar{border-radius:50%}:where([data-theme=khan]) .dev-chip{color:var(--khan-gold-deep);background:#fff6e0;border-radius:4px}:where([data-theme=khan]) button,:where([data-theme=khan]) .button{border-color:#9a9ca0;border-radius:4px}:where([data-theme=khan]) button:hover,:where([data-theme=khan]) .button:hover{background:var(--primary-light)}:where([data-theme=khan]) :is(button.primary,.button.primary){background:var(--action);border-color:var(--action);color:#fff;box-shadow:none}:where([data-theme=khan]) :is(button.primary,.button.primary):hover{background:var(--action-hover)}:where([data-theme=khan]) :is(button.primary,.button.primary):active{transform:none;box-shadow:inset 0 0 0 2px #fff5}:where([data-theme=khan]) .button.small,:where([data-theme=khan]) button.small{border-radius:4px}:where([data-theme=khan]) :is(button,a):focus-visible{outline:2px solid var(--khan-blue);outline-offset:2px}:where([data-theme=khan]) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:#9a9ca0;border-radius:4px}:where([data-theme=khan]) :is(input,select,textarea):focus{border-color:var(--khan-blue);box-shadow:0 0 0 1px var(--khan-blue)}:where([data-theme=khan]) .tabs button{color:var(--ink);font-weight:700}:where([data-theme=khan]) .tabs button.selected{border-bottom:4px solid var(--primary);color:var(--primary)}:where([data-theme=khan]) :is(.panel,.stat-card,.todo-tile,.class-card,.exam-card,.welcome-banner){border-color:var(--border);border-radius:8px;box-shadow:0 2px 2px #21242c14}:where([data-theme=khan]) :is(.class-card,.exam-card):hover{border-color:var(--khan-blue);box-shadow:0 2px 2px #21242c29}:where([data-theme=khan]) .welcome-banner{background:#fff}:where([data-theme=khan]) .eyebrow{color:var(--muted);letter-spacing:1.6px}:where([data-theme=khan]) .page-heading{border-bottom-color:var(--border)}:where([data-theme=khan]) :is(.todo-tiles,.stat-grid)>:nth-child(4n+1){--tile:var(--khan-gold)}:where([data-theme=khan]) :is(.todo-tiles,.stat-grid)>:nth-child(4n+2){--tile:var(--khan-red)}:where([data-theme=khan]) :is(.todo-tiles,.stat-grid)>:nth-child(4n+3){--tile:var(--khan-purple)}:where([data-theme=khan]) :is(.todo-tiles,.stat-grid)>:nth-child(4n+4){--tile:var(--khan-green)}:where([data-theme=khan]) :is(.todo-tile,.stat-card)>span:first-child{color:var(--ink);align-items:center;gap:8px;font-weight:700;display:flex}:where([data-theme=khan]) :is(.todo-tile,.stat-card)>span:first-child:before{content:"";background:var(--tile);border-radius:50%;flex:none;width:12px;height:12px}:where([data-theme=khan]) .todo-tile.has strong{color:var(--ink)}:where([data-theme=khan]) .todo-tile.urgent{border-color:var(--khan-gold);box-shadow:0 0 0 1px var(--khan-gold);background:#fff}:where([data-theme=khan]) .todo-tile.urgent strong{color:var(--ink)}:where([data-theme=khan]) .todo-tile:hover{border-color:var(--khan-blue)}:where([data-theme=khan]) :is(.badge,.state-badge){border-radius:4px}:where([data-theme=khan]) .state-badge{background:var(--khan-ink-8);color:var(--ink);border-color:#0000}:where([data-theme=khan]) .state-badge.on{background:var(--khan-blue-soft);color:#1150c4;border-color:#0000}:where([data-theme=khan]) .state-badge.wait{color:var(--khan-gold-deep);background:#fff6e0;border-color:#0000}:where([data-theme=khan]) .state-badge.review{color:#b42312;background:#fdebe9;border-color:#0000}:where([data-theme=khan]) .badge.green{color:var(--khan-green-deep);background:#e8f6e9}:where([data-theme=khan]) .badge.amber{color:var(--khan-gold-deep);background:#fff6e0}:where([data-theme=khan]) .card-icon{background:var(--primary-light);border-radius:50%}:where([data-theme=khan]) .progress-track{background:var(--khan-ink-8);border-radius:4px}:where([data-theme=khan]) .progress-track span{border-radius:4px}
@font-face{font-family:Jua;src:url(/fonts/Jua.woff2)format("woff2");font-weight:400;font-display:swap}:root[data-theme=abceggs]{--egg-ink:#363636;--egg-sky:#1cb0e6;--egg-sky-deep:#0a7fb0;--egg-sky-soft:#e6f6fc;--egg-green:#9acc54;--egg-green-deep:#4a8410;--egg-green-soft:#f0f8e4;--egg-pink:#ef529d;--egg-pink-deep:#c42e78;--egg-pink-soft:#fdebf3;--egg-yellow:#fec72e;--egg-yellow-deep:#9a6c00;--egg-yellow-soft:#fff7dc;--egg-red:#fb0625;--egg-title:Jua,NanumSquareRound,sans-serif;--ink:var(--egg-ink);--muted:#6f6f6f;--border:#ececec;--surface:#fff;--soft:#f8f8f8;--radius:20px;--hue-shift:0;--danger:#d9001c}:root[data-theme=abceggs][data-role=admin]{--primary:var(--egg-pink-deep);--primary-deep:#9e1f5e;--primary-light:var(--egg-pink-soft);--chart:var(--egg-pink);--action:var(--egg-pink);--action-hover:#f26aab;--hue-shift:-150}:root[data-theme=abceggs][data-role=teacher]{--primary:var(--egg-sky-deep);--primary-deep:#07648b;--primary-light:var(--egg-sky-soft);--chart:var(--egg-sky);--action:var(--egg-sky);--action-hover:#38bdec;--hue-shift:100}:root[data-theme=abceggs][data-role=student]{--primary:var(--egg-green-deep);--primary-deep:#36620a;--primary-light:var(--egg-green-soft);--chart:var(--egg-green);--action:#6fae22;--action-hover:#7dbd2f;--hue-shift:-10}:root[data-theme=abceggs][data-role=parent]{--primary:var(--egg-yellow-deep);--primary-deep:#775300;--primary-light:var(--egg-yellow-soft);--chart:var(--egg-yellow);--action:#e8a800;--action-hover:#f2b600;--hue-shift:-55}:root[data-theme=abceggs] body{background:var(--soft)}:where([data-theme=abceggs]) :is(.page-heading h1,.panel-heading h2,.welcome-banner h2,.class-card h2,.exam-card h2,.stat-card strong,.todo-tile strong,.brand,.take-title,.take-where strong,.completion h2,.take-q-head strong){font-family:var(--egg-title);letter-spacing:0;font-weight:400}:where([data-theme=abceggs]) .page-heading h1{font-size:34px}:where([data-theme=abceggs]) .eyebrow{color:var(--egg-pink-deep);letter-spacing:1px}:where([data-theme=abceggs]) .topnav{border-bottom:1px solid var(--border);background:#fff}:where([data-theme=abceggs]) .topnav-links a{color:#555}:where([data-theme=abceggs]) .topnav-links a.active{color:var(--primary);border-bottom-width:3px}:where([data-theme=abceggs]) :is(.brand-mark,.card-icon){clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);box-shadow:none;border-radius:0;transform:none}:where([data-theme=abceggs]) .brand-mark{width:34px;height:32px}:where([data-theme=abceggs]) .card-icon{background:var(--primary-light);padding:14px 16px}:where([data-theme=abceggs]) .user-chip{border-color:var(--border)}:where([data-theme=abceggs]) .dev-chip{background:var(--egg-yellow-soft);color:var(--egg-yellow-deep);border-radius:999px}:where([data-theme=abceggs]) button,:where([data-theme=abceggs]) .button{border-color:#dedede;border-radius:999px}:where([data-theme=abceggs]) button:hover,:where([data-theme=abceggs]) .button:hover{background:var(--primary-light)}:where([data-theme=abceggs]) :is(button.primary,.button.primary){background:var(--action);border-color:var(--action);color:#fff;box-shadow:0 2px 0 color-mix(in srgb,var(--action)70%,#000)}:where([data-theme=abceggs]) :is(button.primary,.button.primary):hover{background:var(--action-hover)}:where([data-theme=abceggs]) .button.small,:where([data-theme=abceggs]) button.small{border-radius:999px}:where([data-theme=abceggs]) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:#dedede;border-radius:14px}:where([data-theme=abceggs]) .tabs{gap:6px;padding-bottom:10px}:where([data-theme=abceggs]) .tabs button{border-radius:999px;min-height:38px;padding:8px 16px}:where([data-theme=abceggs]) .tabs button.selected{background:var(--primary-light);color:var(--primary);border-bottom:0}:where([data-theme=abceggs]) :is(.panel,.stat-card,.todo-tile,.class-card,.exam-card,.welcome-banner){border-color:#0000;border-radius:20px;box-shadow:0 2px 5px #00000014,0 2px 10px #0000000f}:where([data-theme=abceggs]) :is(.class-card,.exam-card):hover{border-color:#0000;box-shadow:0 4px 10px #0000001f,0 6px 18px #00000014}:where([data-theme=abceggs]) .welcome-banner{background:var(--egg-yellow-soft)}:where([data-theme=abceggs]) :is(.todo-tiles,.stat-grid)>:nth-child(4n+1){--tile:var(--egg-sky);--tile-deep:var(--egg-sky-deep)}:where([data-theme=abceggs]) :is(.todo-tiles,.stat-grid)>:nth-child(4n+2){--tile:var(--egg-green);--tile-deep:var(--egg-green-deep)}:where([data-theme=abceggs]) :is(.todo-tiles,.stat-grid)>:nth-child(4n+3){--tile:var(--egg-pink);--tile-deep:var(--egg-pink-deep)}:where([data-theme=abceggs]) :is(.todo-tiles,.stat-grid)>:nth-child(4n+4){--tile:var(--egg-yellow);--tile-deep:var(--egg-yellow-deep)}:where([data-theme=abceggs]) :is(.todo-tile,.stat-card)>span:first-child{color:var(--ink);align-items:center;gap:8px;font-weight:700;display:flex}:where([data-theme=abceggs]) :is(.todo-tile,.stat-card)>span:first-child:before{content:"";background:var(--tile);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);flex:none;width:16px;height:15px}:where([data-theme=abceggs]) :is(.todo-tile.has,.stat-card) strong{color:var(--tile-deep)}:where([data-theme=abceggs]) .todo-tile.urgent{border-color:var(--tile);box-shadow:0 0 0 2px var(--tile);background:#fff}:where([data-theme=abceggs]) .todo-tile.urgent strong{color:var(--tile-deep)}:where([data-theme=abceggs]) :is(.badge,.state-badge){border-radius:999px}:where([data-theme=abceggs]) .state-badge{background:#f1f1f1;border-color:#0000}:where([data-theme=abceggs]) .state-badge.on{background:var(--egg-sky-soft);color:var(--egg-sky-deep);border-color:#0000}:where([data-theme=abceggs]) .state-badge.wait{background:var(--egg-pink-soft);color:var(--egg-pink-deep);border-color:#0000}:where([data-theme=abceggs]) .state-badge.review{background:var(--egg-yellow-soft);color:var(--egg-yellow-deep);border-color:#0000}:where([data-theme=abceggs]) .badge.green{background:var(--egg-green-soft);color:var(--egg-green-deep)}:where([data-theme=abceggs]) .badge.amber{background:var(--egg-yellow-soft);color:var(--egg-yellow-deep)}:where([data-theme=abceggs]) .progress-track{background:#eee;border-radius:999px}:where([data-theme=abceggs]) .progress-track span{border-radius:999px}:where([data-theme=abceggs]) .workspace footer{background:var(--egg-sky-soft);border-top-color:#cdeaf6}