.hud{isolation:isolate;border:1.5px solid var(--hud-line);background:radial-gradient(105% 78% at 18% -4%, var(--hud-t2) 0%, transparent 58%), linear-gradient(155deg, var(--hud-t1) 0%, var(--hud-t3) 100%);box-shadow:inset 0 1px 0 0 #ffffffe6, 0 10px 26px -18px var(--hud-shadow);border-radius:1rem;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.hud:before{content:"";z-index:1;pointer-events:none;background-image:repeating-linear-gradient(to right, var(--hud-grid) 0 1px, transparent 1px 11px), repeating-linear-gradient(to bottom, var(--hud-grid) 0 1px, transparent 1px 11px);opacity:.75;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 58% at 50% 45%,#000 0%,#0000 100%);mask-image:radial-gradient(70% 58% at 50% 45%,#000 0%,#0000 100%)}.hud-glow{z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 50%, var(--hud-t2) 0%, transparent 68%);filter:blur(10px);border-radius:999px;width:62%;height:78%;animation:11s ease-in-out infinite hud-float;position:absolute;top:-30%;left:-16%}.hud-sweep{z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff6b 50%,#0000 100%);width:26%;height:160%;animation:7.5s cubic-bezier(.5,0,.35,1) 1.4s infinite hud-sweep;position:absolute;top:-30%;left:0;transform:translate(-160%)skew(-18deg)}.hud-bracket{z-index:4;pointer-events:none;border:1.5px solid var(--hud-ink);opacity:.28;width:16px;height:16px;position:absolute}.hud-bracket-tl{border-bottom:0;border-right:0;border-top-left-radius:6px;top:8px;left:8px}.hud-bracket-br{border-top:0;border-left:0;border-bottom-right-radius:6px;bottom:8px;right:8px}.hud-body{z-index:5;position:relative}.hud-interactive{cursor:pointer}.hud-interactive:hover{border-color:var(--hud-line-strong);box-shadow:inset 0 1px 0 0 #ffffffe6, 0 16px 30px -16px var(--hud-shadow);transform:translateY(-2px)}.hud-interactive:active{transform:translateY(0)scale(.995)}.hud-interactive:focus-visible{outline:2px solid var(--hud-ink);outline-offset:2px}.hud-title{color:var(--hud-ink);letter-spacing:-.01em;text-shadow:0 1px #fff9}.hud-ink{color:var(--hud-ink)}.hud-ink-soft{color:var(--hud-ink-soft)}.hud-num{color:var(--hud-ink);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #ffffffbf}.hud-pin{--pin-a:#fcd34d;--pin-b:#f97316;--pin-line:#ea580c;--pin-shadow:#ea580c66;flex:none;width:36px;height:36px;display:block;position:relative}.hud-pin-svg{width:36px;height:36px;filter:drop-shadow(0 3px 6px var(--pin-shadow));display:block;overflow:visible}.hud-pin-glyph{color:#fff;width:13px;height:13px;position:absolute;top:35.3%;left:50%;transform:translate(-50%,-50%)}.hud-pin-ground{fill:none;stroke:var(--pin-line);stroke-width:1.4px;transform-box:fill-box;transform-origin:50%;animation:2.8s cubic-bezier(.2,.6,.3,1) infinite hud-ground}.hud-pin-muted{--pin-a:#e5e7eb;--pin-b:#b6bcc6;--pin-line:#9ca3af;--pin-shadow:#6b728038}.hud-pin-muted .hud-pin-ground{opacity:.35;animation:none}.hud-pin-muted .hud-pin-svg{filter:none}.hud-arrow{transition:transform .25s cubic-bezier(.2,.8,.2,1);animation:2.6s ease-in-out infinite hud-nudge}.hud-interactive:hover .hud-arrow{animation:none;transform:translate(4px)}.hud-ring{filter:drop-shadow(0 2px 6px var(--hud-ring-shadow));overflow:visible}.hud-pink{--hud-a:#f472b6;--hud-b:#db2777;--hud-ink:#db2777;--hud-ink-soft:#ec4899;--hud-line:#ec48993d;--hud-line-faint:#ec489924;--hud-line-strong:#ec48998c;--hud-t1:#fffbfd;--hud-t2:#f472b61a;--hud-t3:#fdf0f6;--hud-grid:#db277708;--hud-shadow:#db2777bf;--hud-ring-shadow:#db277747;--hud-track:#ec48992b;--hud-face:#ffffff8c}.hud-indigo{--hud-a:#818cf8;--hud-b:#4f46e5;--hud-ink:#4f46e5;--hud-ink-soft:#6366f1;--hud-line:#6366f13d;--hud-line-faint:#6366f124;--hud-line-strong:#6366f18c;--hud-t1:#fbfcff;--hud-t2:#818cf821;--hud-t3:#eff1fe;--hud-grid:#4f46e508;--hud-shadow:#4f46e5bf;--hud-ring-shadow:#4f46e547;--hud-track:#6366f12b;--hud-face:#ffffff8c}.hud-emerald{--hud-a:#34d399;--hud-b:#059669;--hud-ink:#047857;--hud-ink-soft:#059669;--hud-line:#10b9813d;--hud-line-faint:#10b98124;--hud-line-strong:#10b9818c;--hud-t1:#fafefc;--hud-t2:#34d39921;--hud-t3:#e9fbf3;--hud-grid:#05966908;--hud-shadow:#059669bf;--hud-ring-shadow:#05966947;--hud-track:#10b9812b;--hud-face:#ffffff8c}.hud-sky{--hud-a:#38bdf8;--hud-b:#0284c7;--hud-ink:#0369a1;--hud-ink-soft:#0284c7;--hud-line:#0ea5e93d;--hud-line-faint:#0ea5e924;--hud-line-strong:#0ea5e98c;--hud-t1:#fafdff;--hud-t2:#38bdf821;--hud-t3:#e8f6fd;--hud-grid:#0284c708;--hud-shadow:#0284c7bf;--hud-ring-shadow:#0284c747;--hud-track:#0ea5e92b;--hud-face:#ffffff8c}.hud-gray{--hud-a:#d1d5db;--hud-b:#9ca3af;--hud-ink:#9ca3af;--hud-ink-soft:#d1d5db;--hud-line:#d1d5dbe6;--hud-line-faint:#d1d5db8c;--hud-line-strong:#9ca3afe6;--hud-t1:#fff;--hud-t2:#f3f4f6e6;--hud-t3:#fafafa;--hud-grid:#9ca3af07;--hud-shadow:#6b728059;--hud-ring-shadow:#6b728033;--hud-track:#9ca3af38;--hud-face:#fff9}@keyframes hud-float{0%,to{opacity:.55;transform:translate(0,0)scale(1)}50%{opacity:.8;transform:translate(14%,10%)scale(1.14)}}@keyframes hud-sweep{0%{transform:translate(-160%)skew(-18deg)}55%,to{transform:translate(520%)skew(-18deg)}}@keyframes hud-ground{0%{opacity:.6;transform:scale(.3)}70%,to{opacity:0;transform:scale(1.25)}}@keyframes hud-nudge{0%,70%,to{transform:translate(0)}82%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.hud,.hud-glow,.hud-sweep,.hud-pin-ground,.hud-arrow{transition:none!important;animation:none!important}.hud-sweep{opacity:0}}.lesson-panel{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1);display:grid}.lesson-panel-open{grid-template-rows:1fr}.lesson-panel-clip{min-width:0;min-height:0;overflow:hidden}.lesson-panel-free{overflow:visible}.lesson-panel-line{opacity:0;background:linear-gradient(90deg,#0000,#6366f147,#0000);height:1px;margin:0 16px 10px;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s;transform:scaleX(.2)}.lesson-panel-open .lesson-panel-line{opacity:1;transform:scaleX(1)}.lesson-chevron-box{border-radius:999px;flex:none;place-items:center;width:30px;height:30px;transition:background-color .25s,transform .25s;display:grid}.lesson-chevron-open{background:#6366f11f}.lesson-chevron{width:20px;height:20px;color:var(--dk-n-gray-400,#9ca3af);transition:transform .42s cubic-bezier(.34,1.4,.64,1),color .25s}.lesson-chevron-open .lesson-chevron{color:#6366f1;transform:rotate(180deg)}.lesson-act-in{animation:.45s cubic-bezier(.2,.9,.3,1) both lesson-act-in}@keyframes lesson-act-in{0%{opacity:0;transform:translateY(10px)scale(.94)}to{opacity:1;transform:none}}.lesson-act{cursor:pointer;border:1px solid var(--hud-line-faint);background:linear-gradient(168deg, #fff 0%, var(--hud-t1) 45%, var(--hud-t3) 100%);width:100%;height:100%;box-shadow:0 3px 10px -8px var(--hud-shadow);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,border-color .18s;display:flex;position:relative}.lesson-act:hover{border-color:var(--hud-line);box-shadow:0 8px 16px -12px var(--hud-shadow);transform:translateY(-2px)}.lesson-act:active{transform:translateY(0)scale(.97)}.lesson-act:focus-visible{outline:2px solid var(--hud-ink);outline-offset:2px}.lesson-act-done{border-color:var(--hud-line);background:linear-gradient(168deg, #fff 0%, var(--hud-t3) 55%, var(--hud-t3) 100%)}.lesson-act-chip{width:34px;height:34px;color:var(--hud-ink-soft);border:1px solid var(--hud-line-faint);background:linear-gradient(150deg, var(--sat-card,#fff) 0%, var(--hud-t2) 140%);border-radius:12px;place-items:center;display:grid}.lesson-act-label{text-align:center;color:var(--hud-ink);font-size:12px;font-weight:700;line-height:1.25}.lesson-act-dim{opacity:.45}.lesson-act-sm{border-radius:11px;gap:5px;padding:8px 6px}.lesson-act-sm .lesson-act-chip{border-radius:9px;width:26px;height:26px}.lesson-act-sm .lesson-act-label{font-size:10.5px;line-height:1.2}@media (prefers-reduced-motion:reduce){.lesson-panel,.lesson-panel-line,.lesson-chevron,.lesson-chevron-box,.lesson-act{transition:none!important}.lesson-act-in{animation:none!important}}html.dark .hud:not(.theme-light *){--hud-face:#111a2b8c}html.dark .hud-pink:not(.theme-light *){--hud-ink:#f9a8d4;--hud-ink-soft:#f472b6;--hud-t1:color-mix(in oklab, #ec4899 7%, var(--sat-card));--hud-t2:#f472b629;--hud-t3:color-mix(in oklab, #ec4899 15%, var(--sat-card));--hud-line:#ec489957;--hud-grid:#f472b60d}html.dark .hud-indigo:not(.theme-light *){--hud-ink:#a5b4fc;--hud-ink-soft:#818cf8;--hud-t1:color-mix(in oklab, #6366f1 7%, var(--sat-card));--hud-t2:#818cf82e;--hud-t3:color-mix(in oklab, #6366f1 16%, var(--sat-card));--hud-line:#6366f15c;--hud-grid:#818cf80d}html.dark .hud-emerald:not(.theme-light *){--hud-ink:#6ee7b7;--hud-ink-soft:#34d399;--hud-t1:color-mix(in oklab, #10b981 7%, var(--sat-card));--hud-t2:#34d39926;--hud-t3:color-mix(in oklab, #10b981 14%, var(--sat-card));--hud-line:#10b98157;--hud-grid:#34d3990d}html.dark .hud-sky:not(.theme-light *){--hud-ink:#7dd3fc;--hud-ink-soft:#38bdf8;--hud-t1:color-mix(in oklab, #0ea5e9 7%, var(--sat-card));--hud-t2:#38bdf826;--hud-t3:color-mix(in oklab, #0ea5e9 14%, var(--sat-card));--hud-line:#0ea5e957;--hud-grid:#38bdf80d}html.dark .hud-gray:not(.theme-light *){--hud-ink:#94a3b8;--hud-ink-soft:#64748b;--hud-t1:var(--sat-card);--hud-t2:#94a3b814;--hud-t3:#1a2537;--hud-line:#94a3b838;--hud-line-faint:#94a3b81f;--hud-grid:#94a3b80a;--hud-track:#94a3b82e}