:root{color-scheme:dark}html{transition:background-color .28s ease,color .28s ease}body{transition:background-color .28s ease,color .28s ease}html[data-yx-brightness=low] body::after{content:'';position:fixed;inset:0;background:rgba(0,0,0,.14);pointer-events:none;z-index:9990}html[data-yx-brightness=high] body::after{content:'';position:fixed;inset:0;background:rgba(255,255,255,.07);pointer-events:none;z-index:9990}html[data-yx-theme=dark]{color-scheme:dark;--bg:#07100d;--bg-soft:#0b1712;--panel:rgba(16,35,27,.88);--panel-solid:#10231b;--panel2:#10291e;--text:#f4fff9;--muted:#a9c0b4;--line:rgba(168,255,205,.18);--accent:#6dff9f;--accent-2:#15d8a0;--accent2:#15d8a0;--accent-dark:#092e1b;--shadow:0 24px 70px rgba(0,0,0,.36)}html[data-yx-theme=light]{color-scheme:light;--bg:#eef6f1;--bg-soft:#e2efe8;--panel:rgba(255,255,255,.92);--panel-solid:#fff;--panel2:#e8f4ed;--text:#10231b;--muted:#50675b;--line:rgba(9,75,42,.16);--accent:#087d49;--accent-2:#08715a;--accent2:#08715a;--accent-dark:#d8f2e3;--shadow:0 20px 55px rgba(27,78,52,.13)}html[data-yx-theme=bright]{color-scheme:light;--bg:#fff;--bg-soft:#f7fffa;--panel:#fff;--panel-solid:#fff;--panel2:#f0fff6;--text:#071b12;--muted:#344d40;--line:rgba(0,72,38,.22);--accent:#006c3b;--accent-2:#00624d;--accent2:#00624d;--accent-dark:#dff8e9;--shadow:0 16px 45px rgba(17,72,45,.12)}html[data-yx-theme=bright] body,html[data-yx-theme=light] body{background:radial-gradient(circle at 90% 5%,rgba(22,160,100,.1),transparent 33%),var(--bg)!important;color:var(--text)!important}html[data-yx-theme=bright] .header,html[data-yx-theme=bright] .topbar,html[data-yx-theme=light] .header,html[data-yx-theme=light] .topbar{background:rgba(255,255,255,.9)!important;color:var(--text)!important}html[data-yx-theme=bright] .glass-card,html[data-yx-theme=bright] .lesson,html[data-yx-theme=bright] .login-card,html[data-yx-theme=bright] .objectives,html[data-yx-theme=bright] .sidebar,html[data-yx-theme=bright] .terminal-section,html[data-yx-theme=light] .glass-card,html[data-yx-theme=light] .lesson,html[data-yx-theme=light] .login-card,html[data-yx-theme=light] .objectives,html[data-yx-theme=light] .sidebar,html[data-yx-theme=light] .terminal-section{background:var(--panel)!important;color:var(--text)!important}html[data-yx-theme=bright] input,html[data-yx-theme=bright] select,html[data-yx-theme=bright] textarea,html[data-yx-theme=light] input,html[data-yx-theme=light] select,html[data-yx-theme=light] textarea{background:#fff!important;color:var(--text)!important;border-color:var(--line)!important}#themeToggle{display:none!important}.yx-theme-wrap{position:relative;z-index:10001;display:inline-flex;align-items:center}.yx-theme-trigger{height:40px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text);font:700 13px Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.12)}.yx-theme-trigger:hover{border-color:var(--accent);transform:translateY(-1px)}.yx-theme-panel{position:absolute;right:0;top:48px;width:290px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel-solid);color:var(--text);box-shadow:0 24px 70px rgba(0,0,0,.28);display:none;text-align:left}.yx-theme-panel.open{display:block;animation:yxPanel .18s ease-out}@keyframes yxPanel{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}.yx-theme-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px}.yx-theme-title strong{font-size:14px}.yx-theme-title small{color:var(--muted);font-size:10px}.yx-setting-label{display:block;margin:12px 0 7px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.yx-brightness-options,.yx-theme-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.yx-brightness-options{grid-template-columns:repeat(3,1fr)}.yx-brightness-options button,.yx-theme-options button{padding:9px 7px;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft);color:var(--text);font:700 11px Inter,Arial,sans-serif;cursor:pointer}.yx-brightness-options button.active,.yx-theme-options button.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.yx-theme-credit{margin:13px 0 0;padding-top:11px;border-top:1px solid var(--line);font-size:10px;line-height:1.45;color:var(--muted)}.yx-floating-settings{position:fixed;right:18px;top:18px;z-index:10000}.yx-global-footer{padding:24px 5vw;text-align:center;border-top:1px solid var(--line);background:var(--bg-soft);color:var(--muted);font:500 12px Inter,Arial,sans-serif}@media(max-width:760px){.yx-theme-trigger{width:40px;padding:0;font-size:0}.yx-theme-trigger::before{content:'⚙';font-size:18px}.yx-theme-panel{position:fixed;right:12px;left:12px;top:72px;width:auto}.yx-floating-settings{right:12px;top:12px}}@media(prefers-reduced-motion:reduce){.yx-theme-trigger,body,html{transition:none!important}.yx-theme-panel.open{animation:none}}.topbar{gap:18px;z-index:100005!important}.topbar .brand{flex:0 0 auto}.topbar .nav-links{flex:1 1 auto;justify-content:center;align-items:center;gap:clamp(10px,1.25vw,22px);flex-wrap:nowrap!important;min-width:0;white-space:nowrap}.topbar .nav-links a{font-size:clamp(.72rem,.82vw,.84rem)}.topbar .top-actions{flex:0 0 auto;align-items:center;white-space:nowrap}.topbar .welcome-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .yx-theme-wrap{flex:0 0 auto}@media (min-width:1281px){.lesson-header-links .mobile-only,.nav-links .mobile-only{display:none!important}}.yx-nav-overlay{position:fixed;inset:0;top:78px;background:rgba(3,10,7,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.yx-nav-overlay.open{opacity:1;visibility:visible;pointer-events:auto}body.mobile-nav-open{overflow:hidden!important;touch-action:none}@media (max-width:1280px){.topbar{z-index:100005!important}.topbar .menu-btn{display:inline-flex!important}.topbar .lesson-header-links,.topbar .nav-links{position:fixed!important;top:78px!important;left:0!important;right:auto!important;bottom:0!important;width:min(320px,calc(100vw - 80px))!important;max-width:340px!important;height:calc(100vh - 78px)!important;height:calc(100dvh - 78px)!important;background:rgba(7,16,13,.97)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border-right:1px solid var(--line)!important;border-bottom:none!important;border-top:1px solid var(--line)!important;border-left:none!important;box-shadow:16px 0 45px rgba(0,0,0,.75),0 0 25px rgba(109,255,159,.08)!important;z-index:100002!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:4px!important;padding:16px 12px 40px!important;margin:0!important;white-space:normal!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;transform:translateX(-100%)!important;visibility:hidden!important;pointer-events:none!important;transition:transform .28s cubic-bezier(.16, 1, .3, 1),visibility .28s cubic-bezier(.16, 1, .3, 1)!important}.topbar .lesson-header-links.open,.topbar .nav-links.open{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}.topbar .lesson-header-links a,.topbar .lesson-header-links>a,.topbar .nav-links a{display:flex!important;align-items:center!important;min-height:44px!important;padding:10px 14px!important;border-radius:10px!important;border:1px solid transparent!important;color:var(--text)!important;font-size:.92rem!important;font-weight:600!important;letter-spacing:.01em!important;text-decoration:none!important;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}.topbar .lesson-header-links a:focus-visible,.topbar .lesson-header-links a:hover,.topbar .nav-links a:focus-visible,.topbar .nav-links a:hover{background:rgba(109,255,159,.08)!important;border-color:rgba(109,255,159,.25)!important;color:var(--accent)!important;transform:translateX(4px)!important;outline:0!important}.topbar .lesson-header-links a:active,.topbar .nav-links a:active{background:rgba(109,255,159,.14)!important;transform:scale(.99)!important}.topbar .lesson-header-links [data-arena-badge],.topbar .lesson-header-links [data-xp-badge]{margin:8px 0!important;padding:6px 12px!important}.topbar .lesson-header-links .logout-btn{margin-top:10px!important;width:100%!important;text-align:center!important;justify-content:center!important}}@media (max-width:720px){.topbar{height:72px!important;padding:0 4vw!important;gap:8px!important}.yx-nav-overlay{top:72px!important}.topbar .lesson-header-links,.topbar .nav-links{top:72px!important;height:calc(100vh - 72px)!important;height:calc(100dvh - 72px)!important}.topbar .brand small{display:none!important}.topbar .welcome-name{display:none!important}.topbar .logout-btn{padding-left:10px!important;padding-right:10px!important}}@media (prefers-reduced-motion:reduce){.topbar .lesson-header-links,.topbar .nav-links,.yx-nav-overlay{transition:none!important}}