.vlp-maintenance-notice {
  --vlp-maintenance-mint: #a0f1df;
  --vlp-maintenance-cyan: #8addf3;
  --vlp-maintenance-violet: #b8b7fc;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  isolation: isolate;
  width: min(1440px, calc(100% - 96px));
  max-width: 100%;
  min-width: 0;
  margin: 26px auto 36px;
  overflow: hidden;
  border: 1px solid #72b5c16b;
  border-radius: 24px;
  background: radial-gradient(ellipse at 84% 38%, #153e5159, transparent 48%), linear-gradient(115deg, #0e2435f7, #0b1c30f7 59%, #111b36f7);
  box-shadow: 0 22px 62px #01071359, 0 0 44px #64d3d60b, inset 0 1px #c9fff62b, inset 0 -1px #99b5ff17;
  color: #ecf7ff;
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  text-align: start;
  scroll-margin-top: 24px;
  scroll-margin-bottom: max(132px, var(--vlp-dock-clearance, 132px));
}
.vlp-maintenance-notice::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent 18%, #8ff3dfaa 40%, #d5fff4d9 50%, #9eaaffaa 60%, transparent 82%) 165% 0 / 200% 1px no-repeat;
  animation: vlp-maintenance-edge-sweep 22s linear infinite;
}
.vlp-maintenance-backdrop {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(#a7e9f307 1px, transparent 1px), linear-gradient(90deg, #a7e9f307 1px, transparent 1px), radial-gradient(circle at 86% 20%, #c4b8ff38 0 1px, transparent 1.7px), radial-gradient(circle at 68% 78%, #8fe9e644 0 1px, transparent 1.7px);
  background-size: 32px 32px, 32px 32px, 100% 100%, 100% 100%;
  -webkit-mask-image: linear-gradient(90deg, #0003, #000b 60%, #000);
  mask-image: linear-gradient(90deg, #0003, #000b 60%, #000);
}
.vlp-maintenance-edge-circuits {
  position: absolute;
  z-index: -1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
.vlp-maintenance-edge-traces { stroke: #89d8dc; stroke-width: .8; opacity: .18; }
.vlp-maintenance-edge-flow {
  stroke: #b8fff1;
  stroke-width: 1.3;
  stroke-linecap: round;
  stroke-dasharray: 6 94;
  opacity: .55;
  animation: vlp-maintenance-circuit-flow 17s linear infinite;
}
.vlp-maintenance-edge-nodes { fill: #172e41; stroke: #8ad5d8; stroke-width: 1; opacity: .45; }
.vlp-maintenance-corner {
  position: absolute;
  width: 24px;
  height: 24px;
  pointer-events: none;
  border-color: #a5f2eaa1;
  border-style: solid;
  filter: drop-shadow(0 0 5px #8adfda38);
}
.vlp-maintenance-corner-start { top: 12px; left: 12px; border-width: 1px 0 0 1px; border-top-left-radius: 8px; }
.vlp-maintenance-corner-end { right: 12px; bottom: 12px; border-width: 0 1px 1px 0; border-bottom-right-radius: 8px; }
.vlp-maintenance-body {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(220px, .8fr);
  align-items: center;
  gap: clamp(20px, 4vw, 62px);
  padding: clamp(28px, 3.7vw, 50px) clamp(24px, 4vw, 58px) 28px;
}
.vlp-maintenance-copy, .vlp-maintenance-status { min-width: 0; }
.vlp-maintenance-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #a3e9e0;
  font-size: .65rem;
  font-weight: 650;
  letter-spacing: .12em;
  line-height: 1.7;
  overflow-wrap: break-word;
}
.vlp-maintenance-signal {
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #b6f7e9;
  box-shadow: 0 0 0 4px #99f0e217, 0 0 15px #8de8de59;
}
.vlp-maintenance-title {
  margin: 17px 0 19px;
  max-width: 23ch;
  color: #f0f8ff;
  font-size: clamp(1.8rem, 3.2vw, 2.85rem);
  font-weight: 650;
  letter-spacing: -.035em;
  line-height: 1.22;
  text-wrap: balance;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.vlp-maintenance-title-accent {
  display: block;
  color: #aaf1e4;
  background: linear-gradient(100deg, #b0f8e0 2%, #99e4ee 56%, #bebcff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.vlp-maintenance-explanation {
  margin: 0;
  max-width: 66ch;
  color: #c0d2e0;
  font-size: .96rem;
  line-height: 1.85;
  text-wrap: pretty;
  word-break: normal;
  overflow-wrap: break-word;
}
.vlp-maintenance-access { margin-top: 25px; }
.vlp-maintenance-access-label {
  margin: 0 0 11px;
  color: #9ab3c5;
  font-size: .6rem;
  font-weight: 650;
  letter-spacing: .12em;
  line-height: 1.65;
}
.vlp-maintenance-access-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vlp-maintenance-access-item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  min-height: 38px;
  margin: 0;
  padding: 8px 11px;
  border: 1px solid #4b7b8b66;
  border-radius: 9px;
  background: #0c2333a6;
  color: #d1e6ed;
  font-size: .77rem;
  line-height: 1.5;
}
.vlp-maintenance-icon { display: block; flex: 0 0 18px; width: 18px; height: 18px; color: #a6e5df; }
.vlp-maintenance-access-text { min-width: 0; overflow-wrap: break-word; }
.vlp-maintenance-access-music { border-color: #858aaf61; background: #19283fa1; }
.vlp-maintenance-access-music .vlp-maintenance-icon { color: #c4c6fb; }
.vlp-maintenance-visual {
  position: relative;
  align-self: center;
  justify-self: center;
  width: min(100%, 352px);
  min-width: 0;
  pointer-events: none;
  user-select: none;
}
.vlp-maintenance-halo {
  position: absolute;
  inset: 4% 0 7%;
  border-radius: 50%;
  background: radial-gradient(ellipse, #6adec923, #6abfd30e 43%, transparent 69%);
  opacity: .85;
  animation: vlp-maintenance-halo-breathe 9s ease-in-out infinite alternate;
}
.vlp-maintenance-reactor {
  position: relative;
  width: 100%;
  aspect-ratio: 360 / 330;
  overflow: hidden;
  border-radius: 50%;
}
.vlp-maintenance-reactor-svg { display: block; width: 100%; height: 100%; overflow: visible; position: relative; }
.vlp-maintenance-constellation { stroke: #8bccde; stroke-width: 1; opacity: .34; }
.vlp-maintenance-rear-orbits { stroke: #8ba8e8; stroke-width: .7; opacity: .23; }
.vlp-maintenance-outer-circle { stroke: #8fdddd; stroke-width: .7; opacity: .25; }
.vlp-maintenance-orbit { transform-box: view-box; transform-origin: 180px 165px; }
.vlp-maintenance-orbit-outer { animation: vlp-maintenance-orbit-turn 34s linear infinite; }
.vlp-maintenance-orbit-dashes { stroke: #80bdcc; stroke-width: 2; stroke-dasharray: 1 8; opacity: .51; }
.vlp-maintenance-orbit-arc { stroke: #98eadf; stroke-width: 1.7; stroke-dasharray: 128 658; stroke-dashoffset: 56; opacity: .9; }
.vlp-maintenance-satellite { fill: #b8fff0; filter: drop-shadow(0 0 5px #91ffdf80); }
.vlp-maintenance-satellite-halo { stroke: #aaf3e9; stroke-width: .7; opacity: .5; }
.vlp-maintenance-satellite-violet { fill: #c1bdff; }
.vlp-maintenance-orbit-mid { animation: vlp-maintenance-orbit-turn 27s linear infinite reverse; }
.vlp-maintenance-mid-circle { stroke: #bcc0f8; stroke-width: .8; stroke-dasharray: 2 6; opacity: .33; }
.vlp-maintenance-mid-arcs { stroke: #bbb9fc; stroke-width: 2; stroke-linecap: round; opacity: .9; }
.vlp-maintenance-orbit-inner { animation: vlp-maintenance-orbit-turn 41s linear infinite; }
.vlp-maintenance-inner-circle { stroke: #78d5d6; stroke-width: .65; opacity: .5; }
.vlp-maintenance-inner-arcs { stroke: #83dede; stroke-width: 1.3; stroke-linecap: round; opacity: .75; }
.vlp-maintenance-core { filter: drop-shadow(0 0 20px #8ff3df24); }
.vlp-maintenance-core-halo { fill: #63b8bf09; stroke: #9decdf; stroke-width: .7; opacity: .4; }
.vlp-maintenance-core-shell { fill: #102f42; stroke: #6ca6b9; stroke-width: 1; }
.vlp-maintenance-core-bevel { stroke: #b3f4e8; stroke-width: 1.5; stroke-linecap: round; opacity: .75; }
.vlp-maintenance-core-code { stroke: #c6fff3; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 6px #8af4dc55); }
.vlp-maintenance-core-dot { fill: #8addde; opacity: .6; }
.vlp-maintenance-particles { fill: #bde8f2; opacity: .6; animation: vlp-maintenance-particle-drift 13s ease-in-out infinite alternate; }
.vlp-maintenance-scan {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(transparent, #a4e9df00 42%, #a4e9df0d 49%, #d4fff339 50%, #a4e9df08 51%, transparent 60%);
  transform: translateY(-82%);
  -webkit-mask-image: radial-gradient(ellipse, #000a, #0009 38%, transparent 69%);
  mask-image: radial-gradient(ellipse, #000a, #0009 38%, transparent 69%);
  animation: vlp-maintenance-scan-pass 12s ease-in-out infinite;
}
.vlp-maintenance-visual-foot { display: flex; align-items: center; justify-content: center; gap: 13px; width: 80%; margin: -2px auto 0; }
.vlp-maintenance-visual-line { height: 1px; flex: 1; background: linear-gradient(90deg, transparent, #6dc5cf55); }
.vlp-maintenance-visual-line:last-child { transform: rotate(180deg); }
.vlp-maintenance-visual-mark { color: #93c7d3; font: 400 .69rem/1.3 "Cascadia Code", Consolas, monospace; letter-spacing: .1em; }
.vlp-maintenance-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px 28px;
  margin: 0 clamp(24px, 4vw, 58px);
  padding: 20px 0 23px;
  border-top: 1px solid #81b5c32e;
}
.vlp-maintenance-thanks { flex: 0 1 auto; margin: 0; color: #d2e3ec; font-size: .8rem; font-weight: 550; line-height: 1.7; text-wrap: pretty; }
.vlp-maintenance-music-note { display: flex; align-items: center; gap: 10px; flex: 0 1 52%; max-width: 520px; min-width: 0; margin: 0; color: #a9c1d3; font-size: .75rem; line-height: 1.75; }
.vlp-maintenance-music-note-text { min-width: 0; text-wrap: pretty; overflow-wrap: break-word; }
.vlp-maintenance-equalizer { display: flex; align-items: center; gap: 3px; flex: 0 0 21px; width: 21px; height: 20px; }
.vlp-maintenance-equalizer-bar { display: block; width: 3px; height: 7px; border-radius: 2px; background: #9aceda; opacity: .9; }
.vlp-maintenance-equalizer-bar:nth-child(2) { height: 16px; background: #a6e6df; }
.vlp-maintenance-equalizer-bar:nth-child(3) { height: 12px; background: #b2c4ee; }
.vlp-maintenance-equalizer-bar:nth-child(4) { height: 6px; }
.vlp-maintenance-owner-note { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 14px clamp(24px, 4vw, 58px); border-top: 1px solid #918cc832; background: #33305533; color: #d2cef6; font-size: .78rem; line-height: 1.7; }
.vlp-maintenance-owner-note .vlp-maintenance-icon { color: #c6c1fa; margin-top: 2px; }
.vlp-maintenance-owner-note-text { min-width: 0; overflow-wrap: break-word; }
.vlp-maintenance-admin {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px 24px;
  min-width: 0;
  margin: 18px 0;
  padding: 22px 24px;
  border: 1px solid #638ba36b;
  border-radius: 16px;
  background: radial-gradient(ellipse at 100% 0, #34305755, transparent 70%), linear-gradient(110deg, #102b38, #101d30);
  box-shadow: inset 0 1px #d4fff61a;
  color: #e5f2fb;
}
.vlp-maintenance-admin-copy { flex: 1 1 auto; min-width: 0; }
.vlp-maintenance-admin-title { margin: 0 0 8px; color: #eaf5fc; font-size: 1.07rem; font-weight: 650; line-height: 1.45; }
.vlp-maintenance-admin-description { margin: 0; color: #b4c9d8; font-size: .85rem; line-height: 1.8; text-wrap: pretty; overflow-wrap: break-word; }
.vlp-maintenance-admin-status { display: inline-flex; align-items: center; gap: 8px; margin: 12px 0 0; color: #aef1df; font-size: .8rem; line-height: 1.6; }
.vlp-maintenance-admin-status::before { content: ""; display: block; flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px #a9f6df20; }
.vlp-maintenance-admin[data-enabled="true"] .vlp-maintenance-admin-status { color: #f1d1a2; }
.vlp-maintenance-admin-toggle {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: 0 1 280px;
  min-width: 180px;
  min-height: 48px;
  padding: 12px 16px;
  border: 1px solid #6fa9b4;
  border-radius: 11px;
  background: linear-gradient(115deg, #163b47, #233550);
  color: #d9f6f0;
  font: 600 .86rem/1.5 "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
  cursor: pointer;
  touch-action: manipulation;
  transition: background-color .2s, border-color .2s, box-shadow .2s;
}
.vlp-maintenance-admin-toggle:hover:not(:disabled) { border-color: #afeedf; background: #20414e; box-shadow: 0 0 22px #85d9d615; }
.vlp-maintenance-admin-toggle[aria-pressed="true"] { border-color: #b4f2df; background: linear-gradient(110deg, #b0efda, #90dfe6); color: #0a2a32; box-shadow: inset 0 1px #ffffff80; }
.vlp-maintenance-admin-toggle[aria-pressed="true"]:hover:not(:disabled) { border-color: #d8fff4; background: #c1f7e5; }
.vlp-maintenance-admin-toggle:focus-visible { outline: 2px solid #d1fff0; outline-offset: 4px; }
.vlp-maintenance-admin-toggle:disabled { opacity: .6; cursor: wait; }
.vlp-maintenance-admin-toggle .vlp-maintenance-icon { color: currentColor; }
.vlp-maintenance-admin-feedback { margin: 10px 0 0; color: #c3dbeb; font-size: .8rem; line-height: 1.7; overflow-wrap: break-word; }
.vlp-maintenance-admin-feedback[data-error="true"] { color: #ffc4ba; }

@keyframes vlp-maintenance-orbit-turn { to { transform: rotate(360deg); } }
@keyframes vlp-maintenance-circuit-flow { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } }
@keyframes vlp-maintenance-edge-sweep { from { background-position: 165% 0; } to { background-position: -65% 0; } }
@keyframes vlp-maintenance-halo-breathe { from { opacity: .65; transform: scale(.97); } to { opacity: .95; transform: scale(1.04); } }
@keyframes vlp-maintenance-particle-drift { from { transform: translateY(-3px); } to { transform: translateY(4px); } }
@keyframes vlp-maintenance-scan-pass { 0%, 18% { transform: translateY(-82%); opacity: 0; } 30% { opacity: .65; } 65% { opacity: .65; } 84%, 100% { transform: translateY(82%); opacity: 0; } }

@media screen and (max-width: 1100px) {
  .vlp-maintenance-body { grid-template-columns: minmax(0, 1.5fr) minmax(180px, .8fr); gap: 16px; padding: 30px 30px 25px; }
  .vlp-maintenance-title { font-size: clamp(1.8rem, 3.5vw, 2.45rem); }
  .vlp-maintenance-explanation { font-size: .9rem; }
  .vlp-maintenance-eyebrow { font-size: .59rem; letter-spacing: .075em; }
  .vlp-maintenance-access-item { padding: 7px 9px; font-size: .73rem; }
  .vlp-maintenance-footer { margin-inline: 30px; gap: 18px; }
  .vlp-maintenance-owner-note { padding-inline: 30px; }
}
@media screen and (max-width: 900px) {
  .vlp-maintenance-notice { width: calc(100% - 44px); }
  .vlp-maintenance-body { grid-template-columns: minmax(0, 1fr) 205px; padding: 28px; gap: 12px; }
  .vlp-maintenance-title { font-size: 1.95rem; }
  .vlp-maintenance-eyebrow { font-size: .57rem; }
  .vlp-maintenance-footer { align-items: flex-start; margin-inline: 28px; }
  .vlp-maintenance-thanks { flex-basis: 40%; }
  .vlp-maintenance-music-note { flex-basis: 60%; }
  .vlp-maintenance-owner-note { padding-inline: 28px; }
}
@media screen and (max-width: 700px) {
  .vlp-maintenance-notice { width: calc(100% - 36px); margin-top: 20px; margin-bottom: 28px; border-radius: 19px; }
  .vlp-maintenance-body { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 25px 24px 22px; }
  .vlp-maintenance-copy { width: 100%; }
  .vlp-maintenance-eyebrow { min-height: 20px; gap: 9px; font-size: .61rem; line-height: 1.75; letter-spacing: .055em; }
  .vlp-maintenance-title { max-width: 27ch; margin: 18px 0 16px; font-size: clamp(1.65rem, 5.9vw, 2.15rem); line-height: 1.27; letter-spacing: -.028em; text-wrap: pretty; }
  .vlp-maintenance-explanation { max-width: none; font-size: .9rem; line-height: 1.85; }
  .vlp-maintenance-access { margin-top: 21px; }
  .vlp-maintenance-access-label { font-size: .59rem; line-height: 1.65; letter-spacing: .08em; margin-bottom: 10px; }
  .vlp-maintenance-access-list { gap: 7px; }
  .vlp-maintenance-access-item { min-height: 37px; padding: 7px 10px; font-size: .75rem; gap: 7px; }
  .vlp-maintenance-visual { width: 188px; margin: 9px auto 0; }
  .vlp-maintenance-visual-foot { display: none; }
  .vlp-maintenance-footer { display: block; margin-inline: 24px; padding: 18px 0 22px; }
  .vlp-maintenance-thanks { font-size: .8rem; line-height: 1.7; }
  .vlp-maintenance-music-note { max-width: none; margin-top: 9px; font-size: .75rem; line-height: 1.75; }
  .vlp-maintenance-owner-note { padding: 14px 24px; font-size: .75rem; }
  .vlp-maintenance-edge-circuits { opacity: .65; }
  .vlp-maintenance-corner { width: 19px; height: 19px; }
  .vlp-maintenance-admin { align-items: stretch; flex-direction: column; gap: 18px; padding: 20px; }
  .vlp-maintenance-admin-toggle { flex: 0 0 auto; width: 100%; min-width: 0; }
}
@media screen and (min-width: 480px) and (max-width: 700px) {
  .vlp-maintenance-body { padding-right: 176px; min-height: 340px; }
  .vlp-maintenance-visual { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 163px; margin: 0; }
}
@media screen and (max-width: 370px) {
  .vlp-maintenance-notice { width: calc(100% - 28px); border-radius: 17px; }
  .vlp-maintenance-body { padding: 23px 18px 18px; }
  .vlp-maintenance-eyebrow { font-size: .56rem; letter-spacing: .035em; gap: 8px; }
  .vlp-maintenance-title { font-size: 1.6rem; margin-top: 16px; }
  .vlp-maintenance-explanation { font-size: .87rem; }
  .vlp-maintenance-access-item { font-size: .71rem; padding-inline: 8px; gap: 6px; }
  .vlp-maintenance-access-list { gap: 6px; }
  .vlp-maintenance-visual { width: 160px; margin-top: 8px; }
  .vlp-maintenance-footer { margin-inline: 18px; }
  .vlp-maintenance-owner-note { padding-inline: 18px; }
}
.vlp-maintenance-notice:is([data-motion="calm"], [data-motion="paused"])::before,
.vlp-maintenance-notice:is([data-motion="calm"], [data-motion="paused"]) .vlp-maintenance-edge-flow,
.vlp-maintenance-notice:is([data-motion="calm"], [data-motion="paused"]) .vlp-maintenance-orbit,
.vlp-maintenance-notice:is([data-motion="calm"], [data-motion="paused"]) .vlp-maintenance-halo,
.vlp-maintenance-notice:is([data-motion="calm"], [data-motion="paused"]) .vlp-maintenance-particles,
.vlp-maintenance-notice:is([data-motion="calm"], [data-motion="paused"]) .vlp-maintenance-scan { animation-play-state: paused; }
.vlp-maintenance-notice[data-motion="calm"] .vlp-maintenance-scan { display: none; }
@media (prefers-reduced-motion: reduce) {
  .vlp-maintenance-notice::before,
  .vlp-maintenance-edge-flow,
  .vlp-maintenance-orbit,
  .vlp-maintenance-halo,
  .vlp-maintenance-particles,
  .vlp-maintenance-scan { animation: none !important; }
  .vlp-maintenance-scan { display: none; }
  .vlp-maintenance-admin-toggle { transition: none; }
}
@media (forced-colors: active) {
  .vlp-maintenance-notice, .vlp-maintenance-admin { background: Canvas; color: CanvasText; border-color: CanvasText; box-shadow: none; }
  .vlp-maintenance-backdrop, .vlp-maintenance-edge-circuits, .vlp-maintenance-corner, .vlp-maintenance-visual, .vlp-maintenance-notice::before { display: none; }
  .vlp-maintenance-body { display: block; min-height: 0; padding-right: 24px; }
  .vlp-maintenance-title, .vlp-maintenance-title-accent, .vlp-maintenance-explanation, .vlp-maintenance-eyebrow, .vlp-maintenance-thanks, .vlp-maintenance-music-note, .vlp-maintenance-access-label, .vlp-maintenance-access-item, .vlp-maintenance-owner-note { color: CanvasText; background: none; -webkit-text-fill-color: currentColor; }
  .vlp-maintenance-access-item, .vlp-maintenance-footer, .vlp-maintenance-owner-note { border-color: CanvasText; }
  .vlp-maintenance-admin-toggle, .vlp-maintenance-admin-toggle[aria-pressed="true"] { background: ButtonFace; color: ButtonText; border-color: ButtonText; }
  .vlp-maintenance-admin-toggle:focus-visible { outline-color: Highlight; }
}
@media print {
  .vlp-maintenance-notice { width: 100%; margin: 12px 0; background: white; border: 1px solid #777; box-shadow: none; break-inside: avoid; }
  .vlp-maintenance-backdrop, .vlp-maintenance-edge-circuits, .vlp-maintenance-visual, .vlp-maintenance-corner, .vlp-maintenance-notice::before { display: none; }
  .vlp-maintenance-body { display: block; min-height: 0; padding: 20px; }
  .vlp-maintenance-title, .vlp-maintenance-title-accent, .vlp-maintenance-explanation, .vlp-maintenance-eyebrow, .vlp-maintenance-thanks, .vlp-maintenance-music-note, .vlp-maintenance-access-label, .vlp-maintenance-access-item, .vlp-maintenance-owner-note { color: #102537; background: none; -webkit-text-fill-color: currentColor; }
  .vlp-maintenance-footer { margin-inline: 20px; border-color: #a6b3b9; }
  .vlp-maintenance-admin-toggle { display: none; }
}
.vlp-maintenance-mount .vlp-maintenance-notice{width:100%;max-width:100%;margin:24px 0 34px}
.vlp-maintenance-notice p{text-align:start;word-spacing:normal}
html[data-vlp-maintenance="true"] .bot-launcher,
html[data-vlp-maintenance="true"] .bot-header,
html[data-vlp-maintenance="true"] .bot-panel,
html[data-vlp-maintenance="true"] .effects-toggle,
html[data-vlp-maintenance="true"] .mobile-menu { display: none !important; }
html[data-vlp-maintenance="true"] [data-vlp-maintenance-disabled="true"] { cursor: not-allowed !important; }
html[data-vlp-maintenance="true"] a[data-vlp-maintenance-disabled="true"] { opacity: .47; text-decoration: none; }
html[data-vlp-maintenance="true"] iframe[data-vlp-maintenance-disabled="true"] { pointer-events: none !important; }
html[data-vlp-maintenance="true"][data-vlp-maintenance-holding="true"] #main > :not(.vlp-maintenance-mount) { display: none !important; }
html[data-vlp-maintenance="true"][data-vlp-maintenance-holding="true"] .top-nav { display: none !important; }
.vlp-maintenance-mount { margin: 0; outline: none; }
.vlp-maintenance-feedback {
  margin: 12px 0 26px; padding: 16px 20px; border: 1px solid rgba(114,224,208,.32);
  border-radius: 15px; color: #d9f3f1; background: rgba(9,25,34,.96); line-height: 1.7;
  font-family: inherit;
}
.vlp-maintenance-feedback p { margin: 0 0 12px; }
.vlp-maintenance-feedback[data-error="true"] { border-color: rgba(242,190,106,.5); color: #ffe4bb; }
.vlp-maintenance-feedback button { padding: 10px 16px; border-radius: 10px; }
.vlp-maintenance-admin {
  --vlp-maintenance-accent: #76e0cd;
  display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,auto); gap: 20px 28px;
  align-items: center; position: relative; overflow: hidden; padding: 25px 28px; margin: 22px 0 28px;
  border: 1px solid rgba(118,224,205,.3); border-radius: 18px;
  background: radial-gradient(ellipse at 100% 0,rgba(71,140,190,.11),transparent 70%),linear-gradient(120deg,rgba(12,28,39,.97),rgba(11,23,33,.97));
  box-shadow: inset 0 1px 0 rgba(192,241,236,.05),0 15px 40px rgba(0,0,0,.13);
}
.vlp-maintenance-admin::before { content: ""; position: absolute; top: 0; left: 24px; right: 24px; height: 2px; background: linear-gradient(90deg,transparent,var(--vlp-maintenance-accent),transparent); opacity: .65; }
.vlp-maintenance-admin[data-enabled="true"] { --vlp-maintenance-accent: #f2be6a; border-color: rgba(242,190,106,.38); }
.vlp-maintenance-admin[data-confirmed="false"] { --vlp-maintenance-accent: #a3b7c5; }
.vlp-maintenance-admin-copy { min-width: 0; }
.vlp-maintenance-admin-eyebrow { display: flex; align-items: center; gap: 9px; color: #8fb3c4; font-size: .71rem; letter-spacing: .08em; text-transform: uppercase; }
.vlp-maintenance-admin-title { color: #e8f5f5; font-family: inherit; font-size: 1.35rem; line-height: 1.35; margin: 10px 0; }
.vlp-maintenance-admin-description { max-width: 75ch; color: #a8bdc8; font-size: .9rem; line-height: 1.7; margin: 0; text-align: start; }
.vlp-maintenance-admin-status { display: flex; align-items: center; gap: 9px; color: var(--vlp-maintenance-accent); margin: 17px 0 6px; font-size: .85rem; line-height: 1.5; }
.vlp-maintenance-admin[data-confirmed="false"] .vlp-maintenance-admin-status { color: #a3b7c5; }
.vlp-maintenance-admin-status::before { content: none; }
.vlp-maintenance-admin-status i { flex: none; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
.vlp-maintenance-admin-detail { color: #8fa9b8; font-size: .79rem; line-height: 1.65; margin: 0; text-align: start; }
.vlp-maintenance-admin-actions { display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
.vlp-maintenance-admin-actions > .vlp-maintenance-admin-toggle { flex: 0 0 auto; min-width: 0; width: 100%; }
.vlp-maintenance-admin-toggle {
  display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 13px 17px !important;
  border: 1px solid rgba(242,190,106,.46) !important; border-radius: 12px !important;
  background: rgba(88,59,20,.23) !important; color: #ffdfa8 !important;
  font: inherit; font-size: .83rem !important; font-weight: 700 !important; line-height: 1.5; text-align: center;
}
.vlp-maintenance-admin-toggle svg { flex: none; }
.vlp-maintenance-admin[data-enabled="true"] .vlp-maintenance-admin-toggle { border-color: rgba(118,224,205,.48) !important; background: rgba(33,89,78,.24) !important; color: #aeefdf !important; }
.vlp-maintenance-admin-toggle:hover:not(:disabled) { filter: brightness(1.14); }
.vlp-maintenance-admin-toggle:focus-visible,.vlp-maintenance-admin-refresh:focus-visible,.vlp-maintenance-feedback button:focus-visible { outline: 2px solid #9cdeef; outline-offset: 4px; }
.vlp-maintenance-admin-refresh { font-size: .78rem !important; color: #a9c4d1 !important; border-radius: 10px !important; min-height: 40px; }
.vlp-maintenance-admin button:disabled { cursor: wait; opacity: .58; }
.vlp-maintenance-admin-feedback { grid-column: 1 / -1; border-top: 1px solid rgba(118,224,205,.16); padding: 14px 0 0; margin: 0; color: #a6ebd6; font-size: .82rem; line-height: 1.7; }
.vlp-maintenance-admin-feedback[data-error="true"] { color: #ffdaab; }
@media (max-width: 700px) {
  .vlp-maintenance-admin { grid-template-columns: minmax(0,1fr); gap: 18px; padding: 21px 18px; margin: 18px 0 24px; }
  .vlp-maintenance-admin-title { font-size: 1.2rem; }
  .vlp-maintenance-admin-actions { width: 100%; }
  .vlp-maintenance-admin-toggle { min-height: 52px; }
  .vlp-maintenance-feedback { padding: 15px; }
}
@media screen and (max-width: 700px) {
  html[data-vlp-maintenance="true"] .music-channel:not(.music-minimized) {
    right: 12px; width: min(270px, calc(100vw - 24px));
  }
  html[data-vlp-maintenance="true"] .music-channel.music-minimized { right: 12px; width: 48px; }
}
html:not([data-vlp-owner="1"]) a[href*="/admin"],
html:not([data-vlp-owner="1"]) [data-vlp-admin-link],
html:not([data-vlp-owner="1"]) .vlp-stars-owner-link,
html:not([data-vlp-owner="1"]) .vlp-db-manager-entry {display:none!important;}
html[data-vlp-maintenance="true"] a[href*="/stars"],
html[data-vlp-maintenance="true"] [data-vlp-stars-link] {display:none!important;pointer-events:none!important;}
@media screen and (max-width:700px) {
  html.vlp-language-control body > #vlp-language-selector {
    position:absolute!important;
    top:max(12px,env(safe-area-inset-top,0px))!important;
    right:max(12px,env(safe-area-inset-right,0px))!important;
    left:auto!important;
    bottom:auto!important;
  }
  html.vlp-language-control .site-header > .header-inner {
    min-height:120px!important;
    padding-bottom:0!important;
  }
  html.vlp-language-control .site-header .header-inner .mobile-menu {
    top:72px!important;
    right:0!important;
    width:44px!important;
    height:44px!important;
    transform:none!important;
  }
  html .vlp-maintenance-mount > .vlp-maintenance-notice {
    margin-top:12px!important;
  }
}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071824;--panel:#102635;--panel2:#142e3e;--line:#294555;--ink:#f1f7fa;--muted:#a9c0ce;--accent:#76e0cd;--gold:#e9c992;--soft:#b3c9f9;--danger:#ffb5ad;--shadow:0 24px 80px #0003;--radius:20px;--track:#76e0cd;font-family:Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:140px}body{background:var(--bg);color:var(--ink);background-image:radial-gradient(at 95% 0,#1a475844,#0000 45%);margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{-ms-touch-action:manipulation;touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:var(--ink);cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button,input,select,textarea{border:1px solid var(--line);border-radius:10px}button{background:var(--panel2);min-height:44px;padding:10px 17px;font-weight:600;transition:background .18s,transform .18s,border-color .18s}button:hover{background:#1c4154;border-color:#789bad}button.primary,.primary-link{background:var(--accent);border-color:var(--accent);color:#082b31}.primary:hover,.primary-link:hover{color:#062129;background:#acf2e3}button.ghost{background:0 0}.icon-btn{min-width:44px;padding:8px 12px}.btn-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.small{font-size:.86rem}.muted{color:var(--muted)}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:700}.mono,code,pre{font-family:Consolas,Courier New,monospace}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em;line-height:1.17}h2{font-size:2rem}h3{font-size:1.25rem}p{color:var(--muted)}.shell{width:min(1420px,100% - 80px);margin:auto}.skip{background:var(--gold);color:#123;z-index:1000;padding:12px;position:absolute;top:-100px;left:10px}.skip:focus{top:10px}.site-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#071824ed;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:26px;padding:20px 0;display:flex}.site-brand{flex:1;align-items:center;gap:13px;display:flex}.brand-symbol{width:42px;height:42px;color:var(--accent);border:1px solid #557880;border-radius:13px;place-items:center;font-size:1.55rem;display:grid;transform:rotate(-6deg)}.brand-title{letter-spacing:.08em;font-size:1.16rem;font-weight:750}.brand-sub{color:var(--muted);letter-spacing:.035em;font-size:.72rem;display:block}.top-nav{align-items:center;gap:10px;display:flex}.top-nav a{border-radius:8px;padding:12px 10px;font-size:.87rem}.top-nav a:hover{background:var(--panel)}.local-badge{color:var(--accent);white-space:nowrap;align-items:center;gap:8px;font-size:.71rem;display:flex}.dot{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 12px #76e0cd66}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;padding:70px 0 56px;display:grid}.hero h1{letter-spacing:-.045em;margin:22px 0 24px;font-size:clamp(2.65rem,4.3vw,4.5rem);font-weight:600;line-height:1.08}.hero h1 em{color:var(--accent);font-style:normal}.hero p{max-width:580px;font-size:1.02rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin:30px 0 25px;display:flex}.primary-link,.secondary-link{border-radius:10px;justify-content:center;align-items:center;gap:18px;min-height:50px;padding:13px 22px;font-weight:650;display:inline-flex}.secondary-link{border:1px solid var(--line);background:#112936}.hero-note{color:var(--muted);font-size:.74rem}.hero-visual{box-shadow:var(--shadow);background:radial-gradient(at 50% 40%,#23556477,#0b233088 65%),linear-gradient(145deg,#14304255,#091b2a);border:1px solid #375865;border-radius:26px;padding:22px;position:relative;overflow:hidden}.hero-visual:before{content:"";pointer-events:none;background-image:linear-gradient(#71c6c508 1px,#0000 1px),linear-gradient(90deg,#71c6c508 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.visual-top,.visual-bottom{letter-spacing:.07em;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:.69rem;display:flex;position:relative}.visual-top strong{color:var(--ink);font-weight:500}.hero-visual svg{width:100%;display:block;position:relative;overflow:visible}.visual-bottom{border-top:1px solid #375865;padding-top:17px;font-size:.67rem}.pulse-line{stroke-dasharray:12 150;animation:9s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-480px}}.stats-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-bottom:66px;padding:27px 0;display:grid}.stat{border-right:1px solid var(--line);padding:0 30px}.stat:last-child{border:0}.stat strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.95rem;font-weight:500;line-height:1.1;display:block}.stat span{color:var(--muted);margin-top:5px;font-size:.81rem;display:block}.section-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.section-head h2{margin:10px 0 0}.section-head p{max-width:430px;margin:0;font-size:.88rem}.catalogue{scroll-margin-top:28px}.filters{border:1px solid var(--line);background:#102635b0;border-radius:16px;margin-bottom:22px;padding:18px}.filter-top{grid-template-columns:1fr 280px;gap:15px;display:grid}.searchbox{position:relative}.searchbox:before{content:"⌕";color:var(--accent);font-size:1.5rem;position:absolute;top:8px;left:15px}.searchbox input{padding-left:46px}.filter-label{color:var(--muted);align-items:center;gap:9px;font-size:.86rem;display:flex}.filter-bottom{flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:15px;display:flex}.checks{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.checks label{color:var(--muted);cursor:pointer;align-items:center;gap:8px;min-height:40px;font-size:.82rem;display:flex}.checks input{width:18px;height:18px;min-height:unset;accent-color:var(--accent);padding:0}input,select,textarea{color:var(--ink);background:#091e2b;width:100%;max-width:100%;min-height:46px;padding:11px 13px}input::placeholder,textarea::placeholder{color:#7695a6}textarea{resize:vertical;tab-size:2;font-size:.84rem;line-height:1.5}select{cursor:pointer}input[type=range]{min-height:24px;accent-color:var(--accent);padding:0}.semesters{scrollbar-width:thin;scrollbar-color:#3b6474 transparent;gap:8px;padding:1px 1px 12px;display:flex;overflow:auto}.semesters button{background:0 0;flex:none;min-width:54px;padding:9px 15px;font-size:.87rem}.semesters button.active{background:var(--accent);color:#082b31;border-color:var(--accent)}.results-summary{color:var(--muted);justify-content:space-between;margin:10px 0 20px;font-size:.79rem;display:flex}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;display:grid}.course-card{border:1px solid var(--line);background:linear-gradient(140deg,#152c3b,#0d2230);border-radius:18px;flex-direction:column;min-height:308px;padding:24px;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.course-card:before{content:"";background:var(--track);opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.course-card:hover{border-color:#588496;transform:translateY(-3px)}.card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:19px;display:flex}.card-icon{color:var(--track);background:#183645;border:1px solid #3f5c6c;border-radius:11px;place-items:center;width:38px;height:38px;font-size:1.2rem;display:grid}.card-code{letter-spacing:.03em;color:var(--muted);flex:1;margin-left:7px;font-size:.72rem}.bookmark{min-width:42px;color:var(--muted);background:0 0;border:0;padding:5px;font-size:1.25rem}.bookmark[aria-pressed=true]{color:var(--gold)}.course-card h3{margin:0 0 12px;font-size:1.17rem;font-weight:650;line-height:1.35}.app-nick{color:var(--track);margin-bottom:8px;font-size:.77rem;font-weight:600}.course-card p{margin:0 0 20px;font-size:.83rem;line-height:1.6}.card-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.card-tag{color:var(--muted);font-size:.69rem}.open-lab{border:1px solid #3d5968;border-radius:9px;align-items:center;gap:18px;min-height:42px;padding:10px 12px;font-size:.81rem;font-weight:650;display:flex}.open-lab:hover{background:var(--accent);color:#062832;border-color:var(--accent)}.catalogue-more{text-align:center;padding:28px}.empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:18px;grid-column:1/-1;padding:40px}.journey-section{padding:70px 0 45px}.journey-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.journey-card{border:1px solid var(--line);background:#102635;border-radius:16px;padding:22px}.journey-card .card-icon{margin-bottom:19px}.journey-card h3{margin-bottom:11px;font-size:1.06rem;line-height:1.45}.journey-card p{font-size:.79rem;line-height:1.6}.journey-card a{color:var(--track);padding:10px 0;font-size:.8rem;display:inline-block}.usage-banner{background:linear-gradient(100deg,#183b3c88,#142b3944);border:1px solid #416061;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;margin:25px 0 65px;padding:30px;display:grid}.usage-banner h3{margin:0 0 8px}.usage-banner p{margin:0;font-size:.87rem}.usage-symbol{color:var(--accent);font-size:2rem}.site-footer{border-top:1px solid var(--line);background:#06151f;margin-top:40px;padding:35px 0 28px}.footer-top{color:var(--muted);justify-content:space-between;gap:20px;font-size:.76rem;display:flex}.footer-brand{color:var(--ink);letter-spacing:.1em;margin-bottom:7px;font-weight:700}.credit{text-align:center;color:#c5d6df;border-top:1px solid #1f3948;margin-top:25px;padding-top:26px;font-size:.86rem;line-height:1.8}.footer-notice{color:var(--muted);margin-top:8px;font-size:.7rem}.page-top{padding:38px 0 26px}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:27px;font-size:.8rem;display:flex}.breadcrumb a{color:var(--accent);padding:5px 0}.lab-title{justify-content:space-between;align-items:flex-start;gap:25px;display:flex}.lab-title h1{max-width:950px;margin:12px 0 18px;font-size:clamp(1.7rem,2.9vw,2.8rem);line-height:1.2}.lab-subtitle{color:var(--track);margin-bottom:10px;font-size:1rem}.lab-intro{max-width:900px;margin:0;line-height:1.75}.pills{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.pill{border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:4px 9px;font-size:.72rem}.pill.accent{color:var(--track);border-color:color-mix(in srgb,var(--track) 45%,transparent)}.lab-tabs{border-bottom:1px solid var(--line);gap:6px;margin-bottom:26px;display:flex;overflow:auto}.lab-tabs button{white-space:nowrap;color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:14px 19px;font-size:.9rem}.lab-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.workbench{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;display:grid}.control-panel,.panel{background:var(--panel);border:1px solid var(--line);border-radius:17px;min-width:0;padding:23px}.control-panel h2,.panel h2{margin:0 0 9px;font-size:1.18rem}.control-panel .hint{color:var(--muted);margin-bottom:22px;font-size:.73rem}.control-field{min-width:0;margin-bottom:17px;display:block}.control-field>span{color:#c9dce6;margin-bottom:8px;font-size:.79rem;font-weight:600;display:block}.control-field small{color:var(--muted);margin-top:5px;font-size:.69rem;display:block}.num-row{gap:5px;display:flex}.num-row input{font-variant-numeric:tabular-nums;flex:1;min-width:0}.nudge{width:34px;min-width:34px;padding:3px;font-weight:400}.control-actions{grid-template-columns:1fr auto;gap:8px;margin-top:20px;display:grid}.control-panel .checks{margin-top:12px}.saving-label{color:var(--muted);min-height:20px;margin-top:12px;font-size:.7rem}.output-column{min-width:0}.bench-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.bench-toolbar .btn-row{gap:6px}.bench-toolbar button{padding:9px 12px;font-size:.74rem}.run-status{color:var(--accent);font-size:.74rem}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:20px;display:grid}.metric{border:1px solid var(--line);background:linear-gradient(140deg,#193443,#102734);border-radius:14px;min-width:0;padding:19px 20px}.metric-name{color:var(--muted);margin-bottom:9px;font-size:.75rem;display:block}.metric-value{letter-spacing:-.025em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:1.62rem;font-weight:550;line-height:1.23}.metric-value.long{font-size:1rem;line-height:1.5}.metric-unit{color:var(--muted);margin-left:6px;font-size:.8rem}.chart-panel{border:1px solid var(--line);background:#0b2230;border-radius:16px;min-width:0;margin:0 0 20px;padding:20px;overflow:hidden}.chart-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.chart-title{font-size:.88rem;font-weight:650}.chart-header button{min-height:34px;padding:5px 10px;font-size:.7rem}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-legend{color:var(--muted);flex-wrap:wrap;gap:15px;margin-top:10px;font-size:.72rem;display:flex}.legend-item{align-items:center;gap:7px;display:flex}.legend-item i{border-radius:2px;width:17px;height:3px;display:inline-block}.plot-readout{min-height:29px;color:var(--muted);font-variant-numeric:tabular-nums;padding:6px 0 0;font-size:.74rem}.svg-grid{stroke:#294554;stroke-width:1px}.svg-axis{fill:var(--muted);font-family:Segoe UI,Arial,sans-serif;font-size:11px}.svg-axis-label{fill:var(--muted);font-family:Segoe UI,Arial,sans-serif;font-size:12px}.svg-node{fill:#163949;stroke:#73b5bc;stroke-width:1.4px}.svg-node-text{fill:var(--ink);font-family:Segoe UI,Arial,sans-serif;font-size:12px}.graph-edge{stroke:#638d9f;stroke-width:1.5px;fill:none}.graph-edge.active{stroke:var(--gold);stroke-width:3px}.edge-text{fill:var(--muted);paint-order:stroke;stroke:#0b2230;stroke-width:4px;stroke-linejoin:round;font-family:Segoe UI,Arial,sans-serif;font-size:10px}.graph-wrap{max-height:580px;overflow:auto}.graph-wrap .chart-svg{min-height:190px}.table-panel{border:1px solid var(--line);background:var(--panel);border-radius:15px;margin-bottom:20px;overflow:hidden}.table-title{justify-content:space-between;align-items:center;gap:10px;padding:17px 20px;display:flex}.table-title h3{margin:0;font-size:.92rem}.table-title button{min-height:34px;padding:6px 12px;font-size:.72rem}.table-scroll{scrollbar-width:thin;max-height:560px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:.77rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:11px 14px}th{color:#c3d9e6;white-space:nowrap;z-index:1;background:#163343;font-size:.72rem;font-weight:650;position:sticky;top:0}td{color:#d5e3eb;overflow-wrap:anywhere;min-width:60px;max-width:420px}tr:nth-child(2n){background:#0c223044}.table-pager{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:12px 17px;font-size:.74rem;display:flex}.table-pager button{min-height:35px;padding:5px 12px}.model-note{border-left:3px solid var(--gold);color:#ddcfb6;background:#d8b67a0b;border-radius:0 12px 12px 0;margin:18px 0;padding:15px 18px;font-size:.82rem;line-height:1.7}.error-box{color:var(--danger);background:#572a253d;border:1px solid #b86e66;border-radius:13px;margin-bottom:20px;padding:20px}.error-box h3{margin-bottom:9px;font-size:1rem}.error-box p{color:var(--danger);margin:0}.text-output{white-space:pre-wrap;word-break:break-word;border:1px solid var(--line);background:#081d29;border-radius:14px;max-height:450px;margin:0 0 20px;padding:20px;font-size:.82rem;line-height:1.7;overflow:auto}.scope-mini{color:var(--muted);border-top:1px solid var(--line);margin-top:22px;padding-top:16px;font-size:.72rem;line-height:1.7}.scope-mini strong{color:var(--gold)}.worksheet{grid-template-columns:minmax(0,1fr) 340px;gap:24px;display:grid}.task-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:18px;padding:24px}.task-head{align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.task-number{color:var(--accent);font-size:1.4rem;font-weight:400;line-height:1}.task-head p{color:var(--ink);margin:0;font-size:.92rem;line-height:1.7}.task-card textarea{background:#0b2130;min-height:95px}.worksheet .panel{align-self:start}.source-layout{grid-template-columns:1fr 1fr;gap:22px;display:grid}.source-layout .wide{grid-column:1/-1}.source-layout p{font-size:.93rem;line-height:1.85}.formula{border:1px solid var(--line);overflow-wrap:anywhere;color:var(--accent);background:#081d29;border-radius:12px;padding:20px;font-family:Consolas,Courier New,monospace;font-size:.88rem;line-height:1.85}.scope-warning{color:var(--gold);font-size:.81rem;line-height:1.8}.details-box{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin-bottom:20px;overflow:hidden}.details-box summary{cursor:pointer;color:var(--muted);min-height:48px;padding:17px 20px;font-size:.84rem;font-weight:600}.details-content{padding:5px 20px 20px}.sweep-controls{grid-template-columns:1.5fr 1fr 1fr;align-items:end;gap:10px;display:grid}.sweep-controls label{color:var(--muted);font-size:.75rem}.sweep-controls input,.sweep-controls select{margin-top:5px}.compare-panel{background:#173a3244;border:1px solid #708174;border-radius:15px;margin-bottom:20px;padding:20px}.compare-panel h3{color:var(--gold);font-size:.9rem}.image-results{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;display:grid}.image-box{border:1px solid var(--line);background:#0b2230;border-radius:15px;padding:18px}.image-box h3{font-size:.86rem}.image-box canvas{image-rendering:pixelated;width:100%;max-width:320px;height:auto;margin:auto;display:block}.preview-box{border:1px solid var(--line);background:#0b2230;border-radius:16px;margin-bottom:20px;padding:20px}.preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.preview-toolbar h3{margin:0;font-size:.9rem}.preview-box iframe{background:#fff;border:0;border-radius:12px;width:100%;max-width:100%;height:460px;margin:auto;display:block}.preview-box .phone-preview{border:8px solid #203b4b;border-radius:30px;max-width:390px;height:540px}.preview-toolbar button{min-height:35px;padding:7px 10px;font-size:.73rem}.interactive-board{border:1px solid var(--line);touch-action:manipulation;background:linear-gradient(#0b2330,#123547);border-radius:14px;height:220px;margin:15px 0;position:relative;overflow:hidden}.fitts-target{background:var(--accent);color:#073537;border:3px solid #c7fff3;border-radius:50%;place-items:center;min-height:32px;padding:0;font-weight:700;display:grid;position:absolute}.fitts-target.inactive{color:#829aaa;cursor:default;background:#344d5b;border-color:#4d6978}.fitts-target:focus-visible{outline-offset:4px}.interaction-hint{color:var(--muted);font-size:.79rem}.drawing-tools{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.drawing-tools button{font-size:.76rem}.drawing-tools .active{border-color:var(--accent);color:var(--accent)}.drawing-svg{touch-action:manipulation;background:#0b2230;border-radius:12px;width:100%;height:auto;display:block}.drawing-svg text{fill:var(--ink);font-family:Segoe UI,Arial,sans-serif;font-size:13px}.audio-actions{border:1px solid var(--line);border-radius:13px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:17px;display:flex}.audio-actions p{margin:0;font-size:.75rem}.guide-page{max-width:1100px;margin:auto;padding:55px 0 25px}.guide-page h1{margin:15px 0 25px;font-size:2.8rem}.guide-grid{grid-template-columns:1fr 1fr;gap:22px;margin:30px 0;display:grid}.guide-page .panel h2{margin-bottom:18px}.guide-page p{line-height:1.8}.guide-page ol,.guide-page ul{color:var(--muted);padding-left:23px;font-size:.91rem;line-height:1.85}.guide-page li{padding-bottom:10px}.toast{max-width:min(700px,100% - 30px);color:var(--ink);z-index:1000;pointer-events:none;background:#173943;border:1px solid #65878b;border-radius:12px;padding:13px 22px;font-size:.85rem;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 60px #0005}.toast.error{background:#502d2d;border-color:#a5766c}.toast[hidden]{display:none}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}@keyframes reveal{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}.static-source-link{color:var(--accent);padding:10px 0;font-size:.87rem;display:inline-block}.source-ref-list a{color:var(--accent);text-underline-offset:4px;font-size:.86rem;text-decoration:underline}.text-inline{color:var(--ink)}.track-ENE{--track:#e9c992}.track-TEL{--track:#7bd4f3}.track-ELE{--track:#b4adf7}.track-INF{--track:#76e0cd}.track-GE{--track:#e9a4bf}.track-K,.track-PROJECT{--track:#b3c9f9}@media (width>=1650px){.workbench{grid-template-columns:355px 1fr}.hero{gap:95px}.hero-visual{padding:28px}.course-card{min-height:325px}}@media (width<=1180px){.shell{width:calc(100% - 48px)}.header-inner{gap:20px}.local-badge{display:none}.hero{gap:35px;padding-top:55px}.hero h1{font-size:3.1rem}.top-nav a{font-size:.8rem}.course-card{padding:21px}.workbench{grid-template-columns:295px minmax(0,1fr)}.journey-grid{grid-template-columns:repeat(2,1fr)}.source-layout{grid-template-columns:1fr}.worksheet{grid-template-columns:1fr 290px}}@media (width<=930px){.site-brand{flex:unset}.brand-sub{display:none}.brand-title{font-size:1rem}.top-nav{gap:0}.top-nav a{padding:10px 7px}.header-inner{flex-wrap:wrap;gap:13px;padding:14px 0}.top-nav{margin-left:auto}.hero{grid-template-columns:1fr 1fr;gap:24px}.hero h1{font-size:2.7rem}.hero p{font-size:.93rem}.hero-visual{padding:15px}.stats-strip{margin-bottom:45px}.stat{padding:0 17px}.stat strong{font-size:1.65rem}.stat span{font-size:.73rem}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{align-items:flex-start}.workbench{grid-template-columns:1fr}.control-panel form .fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;display:grid}.control-field.wide{grid-column:1/-1}.control-actions{grid-template-columns:1fr auto;max-width:420px}.control-panel{padding:24px}.worksheet,.guide-grid{grid-template-columns:1fr}.bench-toolbar{padding-top:2px}.source-layout .wide{grid-column:auto}}@media (width<=650px){html{scroll-padding-top:25px}.shell{width:calc(100% - 32px)}.header-inner{justify-content:space-between;gap:12px;padding:14px 0}.site-brand{gap:0}.brand-symbol{display:none}.brand-title{letter-spacing:.06em;font-size:.8rem}.brand-sub{max-width:85px;margin-top:4px;font-size:.54rem;line-height:1.5;display:block}.top-nav{border-top:1px solid var(--line);justify-content:space-between;width:100%;margin:0;padding-top:8px}.top-nav a{min-height:34px;padding:6px 10px;font-size:.76rem}.hero{grid-template-columns:1fr;gap:28px;padding:36px 0 35px}.hero h1{max-width:450px;margin:18px 0 20px;font-size:2.95rem}.hero p{margin-bottom:0;font-size:.96rem}.hero-actions{gap:8px;margin:24px 0 16px}.primary-link,.secondary-link{gap:12px;min-height:47px;padding:12px 15px;font-size:.82rem}.hero-visual{border-radius:19px;width:100%;max-width:480px;padding:18px}.hero-visual svg{max-height:255px}.visual-bottom{font-size:.6rem}.stats-strip{grid-template-columns:repeat(2,1fr);gap:25px 15px;margin-bottom:38px;padding:25px 0}.stat{border:0;padding:0 13px}.stat:nth-child(odd){padding-left:0}.stat strong{font-size:1.8rem}.stat span{font-size:.77rem}.section-head{margin-bottom:20px;display:block}.section-head h2{margin-bottom:14px;font-size:1.7rem}.section-head p{font-size:.85rem}.filter-top{grid-template-columns:1fr}.filter-top select{font-size:.9rem}.filters{padding:13px}.filter-bottom{gap:5px;margin-top:6px}.checks{gap:6px 15px}.checks label{font-size:.75rem}.semesters{gap:6px}.semesters button{min-width:47px;padding:8px 12px;font-size:.8rem}.course-grid{grid-template-columns:1fr;gap:15px}.course-card{min-height:285px;padding:22px}.course-card h3{font-size:1.24rem}.course-card p{font-size:.88rem}.card-code{font-size:.77rem}.card-tag{font-size:.72rem}.open-lab{font-size:.86rem}.journey-section{padding-top:40px}.journey-grid{grid-template-columns:1fr 1fr;gap:12px}.journey-card{padding:17px}.journey-card h3{font-size:.92rem}.journey-card p{font-size:.75rem}.usage-banner{grid-template-columns:1fr;gap:15px;margin-bottom:40px;padding:25px}.usage-symbol{display:none}.usage-banner h3{font-size:1.15rem}.usage-banner a{justify-self:start}.site-footer{padding-top:27px}.footer-top{line-height:1.8;display:block}.footer-top>div:last-child{margin-top:16px}.credit{text-align:left;margin-top:21px;padding-top:21px;font-size:.77rem}.page-top{padding:25px 0 17px}.breadcrumb{gap:8px;margin-bottom:17px;font-size:.72rem}.lab-title{gap:10px}.lab-title h1{margin:12px 0;font-size:1.7rem}.lab-title>.btn-row{flex:none}.lab-title>.btn-row .bookmark{padding:3px}.lab-subtitle{font-size:.91rem}.lab-intro{font-size:.9rem}.lab-tabs{gap:0;margin-bottom:20px}.lab-tabs button{padding:13px 12px;font-size:.77rem}.workbench{gap:20px}.control-panel{padding:19px}.control-panel form .fields-grid{grid-template-columns:1fr}.control-field.wide{grid-column:auto}.control-field>span,.control-field textarea{font-size:.85rem}.num-row input{font-size:1rem}.nudge{width:42px;min-width:42px}.metrics{gap:10px}.metric{padding:15px 13px}.metric-name{font-size:.7rem}.metric-value{font-size:1.3rem}.metric-value.long{font-size:.9rem}.metric-unit{margin-left:3px;font-size:.7rem}.bench-toolbar button{padding:9px 11px;font-size:.73rem}.chart-panel{padding:14px 12px}.chart-title{font-size:.8rem}.chart-header{gap:8px}.chart-header button{padding:5px 7px;font-size:.64rem}.chart-legend{gap:10px;font-size:.65rem}.svg-axis{font-size:12px}.svg-axis-label{font-size:13px}.chart-svg{min-height:150px}.plot-readout{font-size:.68rem}.table-title{padding:14px}.table-pager{padding:10px}.source-layout{gap:16px}.panel{padding:20px}.source-layout p{font-size:.9rem}.task-card{padding:20px}.sweep-controls{grid-template-columns:1fr 1fr}.sweep-controls label:first-child{grid-column:1/-1}.image-results{gap:10px}.image-box{padding:12px}.image-box h3{font-size:.76rem}.guide-page{padding-top:32px}.guide-page h1{font-size:2.1rem}.guide-page p{font-size:.91rem}.preview-box{padding:13px}.preview-box iframe{height:420px}.source-layout h2{font-size:1.15rem}.text-output{padding:15px;font-size:.76rem}.formula{padding:15px;font-size:.77rem}.graph-wrap .chart-svg{min-height:190px}.drawing-tools{gap:6px}.drawing-tools button{padding:8px 9px;font-size:.7rem}.details-content{padding:5px 13px 16px}.fitts-target{font-size:.9rem}}@media (width<=359px){.brand-title{font-size:.7rem}.brand-sub{font-size:.5rem}.shell{width:calc(100% - 24px)}.hero h1{font-size:2.55rem}.journey-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metric-value{font-size:1.12rem}.lab-tabs button{padding:12px 10px;font-size:.72rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#183040;--muted:#415965;--bg:#fff;--panel:#fff;--panel2:#f2f7f9;--line:#bacdd5;--accent:#14655d;--gold:#735724}body{color:var(--ink);background:#fff}.site-header{background:#fff}.top-nav,.local-badge,.hero,.filters,.semesters,.btn-row,.control-actions,.bench-toolbar,.lab-tabs,.nudge,.chart-header button,.table-title button,.table-pager,.site-footer .footer-notice,.skip,.toast,.drawing-tools,.preview-toolbar,.audio-actions,.details-box{display:none!important}.shell{width:100%}.workbench,.worksheet,.source-layout{display:block}.control-panel{break-inside:avoid;margin-bottom:20px}.metrics{grid-template-columns:repeat(2,1fr)}.metric,.chart-panel,.panel,.task-card,.table-panel{box-shadow:none;break-inside:avoid;background:#fff}.chart-panel .svg-node{fill:#e2f0f5}.svg-axis,.svg-axis-label,.edge-text{fill:#375565}.svg-node-text{fill:#183040}.edge-text{stroke:#fff}th{color:#17303d;background:#dfedf2}td{color:#183040}input,textarea,select,.text-output,.formula{color:#183040;background:#f5f9fa}.site-footer{background:#fff}.credit{color:#183040}.table-scroll,.graph-wrap,.text-output{max-height:none;overflow:visible}h1,h2,h3{break-after:avoid}a{color:inherit}.hero-visual{display:none}.page-top{padding-top:10px}.source-layout>div{margin-bottom:20px}}.control-field>label{color:#c9dce6;margin-bottom:8px;font-size:.79rem;font-weight:600;display:block}.metric-value{overflow-wrap:anywhere}.source-description{white-space:pre-line}.formula{white-space:pre-wrap;overflow-wrap:anywhere}.num-row,.num-row input{min-width:0}.preview-box iframe{background:#fff}.table-scroll td{overflow-wrap:anywhere}.card-top .card-code{min-width:0}.drawing-tools{margin-top:14px}.svg-node-text{font-size:12px}.graph-wrap{width:100%}.interactive-board{min-width:0;height:220px;position:relative}.fitts-target{border-radius:50%;position:absolute}.saving-label{font-size:.72rem}.chart-title{margin:0}#comparison:empty{display:none}.source-layout .formula{font-size:.83rem}.table-pager{justify-content:space-between;align-items:center;gap:10px;display:flex}.btn-row button{overflow-wrap:anywhere}.task-head h3{margin:0}.source-layout button{font-size:.82rem}@media (width<=650px){.control-field>label{font-size:.85rem}.top-nav a{align-items:center;min-height:44px;display:flex}.site-brand{min-width:0}.header-inner{gap:8px}.stat{min-width:0}.graph-wrap .chart-svg{width:100%}.control-panel,.fitts-target{min-width:0}}.chart-dialog{color:var(--text,#e6f1f5);background:#0c2432;border:1px solid #426472;border-radius:18px;width:min(1180px,95vw);max-height:92vh;padding:22px;overflow:auto;box-shadow:0 25px 100px #0008}.chart-dialog::backdrop{background:#03111cdd}.zoom-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.zoom-header h2{overflow-wrap:anywhere;margin:0;font-size:19px;line-height:1.4}.zoom-header button{flex-shrink:0}.zoom-content{touch-action:pan-x pan-y;border:1px solid #2e4b59;border-radius:10px;max-height:70vh;overflow:auto}.chart-dialog:not([open]){display:none}.zoom-content:focus-visible{outline:2px solid #76e0cd}.chart-header .btn-row{flex-wrap:wrap;flex-shrink:0;gap:6px}.chart-header{flex-wrap:wrap}@media (width<=600px){.chart-dialog{padding:14px}.zoom-header h2{font-size:15px}.chart-header .btn-row button{min-height:40px;padding:8px 10px}.chart-svg .svg-axis,.chart-svg .svg-axis-label{font-size:16px}.zoom-content .chart-svg .svg-axis,.zoom-content .chart-svg .svg-axis-label{font-size:12px}}.site-brand{flex-shrink:0;gap:13px;min-width:0;margin:0;text-decoration:none}.brand-wordmark{flex-direction:column;gap:2px;display:flex}.brand-title{letter-spacing:-.045em;font-size:1.38rem;font-weight:750;line-height:1.15}.brand-sub{letter-spacing:.035em;max-width:none;color:var(--muted);font-size:.78rem;line-height:1.5;display:block}.brand-symbol{width:47px;height:47px;color:var(--accent);background:linear-gradient(140deg,#163b47,#0b2330);border:1px solid #396673;border-radius:15px;place-items:center;font-size:32px;display:grid;transform:none}.header-inner{gap:28px;min-height:91px}.top-nav{margin-left:auto}.footer-brand{letter-spacing:0;text-transform:none;font-size:1.02rem}.footer-brand span{color:var(--muted);font-size:.77rem;font-weight:400}.credit{font-size:.88rem}.source-locator{border-left:3px solid var(--accent);background:#112c39;padding:16px;font-size:.83rem;line-height:1.7}.visual-top{gap:12px}.visual-top strong{letter-spacing:.06em;font-size:.65rem}@media (width<=1050px){.header-inner{gap:20px}.local-badge{display:none}.brand-title{font-size:1.22rem}.brand-sub{font-size:.72rem}}@media (width<=650px){.header-inner{align-items:center;gap:12px;min-height:0;padding:17px 0 10px}.site-brand{gap:11px}.brand-symbol{width:42px;height:42px;font-size:28px;display:grid}.brand-title{letter-spacing:-.035em;font-size:1.3rem}.brand-sub{letter-spacing:.025em;max-width:none;margin-top:0;font-size:.72rem}.top-nav{gap:0;margin-left:0;padding-top:8px}.top-nav a{padding:6px 8px}.hero .eyebrow{letter-spacing:.1em;font-size:.64rem}.visual-top strong{letter-spacing:.02em;font-size:.6rem}.credit{font-size:.82rem}.footer-brand span{margin-top:3px;display:block}.source-locator{padding:12px}}@media print{.source-locator{background:#f1f7f7;border-color:#26796e}.report-brand,.brand-title{color:#163c4a}.brand-symbol{background:0 0}.brand-sub{color:#365764}.header-inner{min-height:60px}}.source-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.source-guide-link{color:#a9f4e3;text-underline-offset:4px;align-items:center;gap:6px;font-size:.82rem;line-height:1.6;-webkit-text-decoration:underline #8bf0db70;text-decoration:underline #8bf0db70;display:inline-flex}.source-heading>.source-guide-link{background:#8bf0db0a;border:1px solid #8bf0db50;border-radius:9px;padding:9px 13px}.source-guide-link:hover{color:#d5fff3;background:#8bf0db17}.source-guide-link:focus-visible{outline-offset:4px;outline:2px solid #8bf0db}.source-locator>a{color:#a9f4e3;text-underline-offset:4px;text-decoration:underline}.curriculum-source{background:linear-gradient(115deg,#173448,#15203a);border:1px solid #8bf0db4a;border-radius:18px;grid-template-columns:minmax(240px,348px) minmax(0,1fr);align-items:center;gap:30px;margin-top:28px;padding:22px 26px;display:grid;box-shadow:0 14px 35px #0002}.curriculum-logo{background:#fff;border:1px solid #dce6ed;border-radius:10px;padding:10px 13px;line-height:0;display:block}.curriculum-logo img{object-fit:contain;width:100%;height:auto}.curriculum-source h2{color:#8bf0db;text-transform:uppercase;letter-spacing:1.3px;margin:0 0 9px;font-size:.78rem;line-height:1.5}.curriculum-source p{color:#c4d4e5;margin:0;font-size:.93rem;line-height:1.8}.curriculum-source strong{color:#f1f7ff;font-weight:550}.curriculum-source p a{color:#a9f4e3;text-underline-offset:4px;-webkit-text-decoration:underline #8bf0db75;text-decoration:underline #8bf0db75}.curriculum-source a:focus-visible{outline-offset:5px;outline:2px solid #8bf0db}.curriculum-source+.shell .hero{padding-top:42px}.site-footer .credit{color:#d1e4ec;font-size:.95rem;line-height:1.8}@media (width<=760px){.curriculum-source{grid-template-columns:1fr;gap:18px;margin-top:20px;padding:20px}.curriculum-logo{width:min(100%,348px)}.curriculum-source p{font-size:.86rem}.curriculum-source h2{font-size:.74rem}.curriculum-source+.shell .hero{padding-top:32px}}:root{--bg:#070e20;--panel:#101d34;--panel2:#172941;--line:#2c415e;--ink:#f0f5ff;--muted:#b0c2d8;--accent:#8bf0db;--gold:#f4d3a2;--soft:#b5b7ff;--radius:22px}body{background-color:var(--bg);isolation:isolate;background-image:radial-gradient(at 8% 0,#244b6b40,#0000 42%),radial-gradient(at 92% 15%,#43347725,#0000 40%)}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#9daed633 .7px,#0000 .7px);background-size:39px 39px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0008,#0000 80%);mask-image:linear-gradient(#0008,#0000 80%)}.site-header{background:#080f23ed;border-color:#52658045}.brand-symbol{background:linear-gradient(135deg,#153b48,#1e2848);border-color:#81e8dd70;box-shadow:0 0 28px #74d9c514}.brand-title{letter-spacing:-.045em}.top-nav{flex-wrap:wrap;justify-content:flex-end}.top-nav button{padding:8px 12px;font-size:.76rem}.top-nav a{position:relative}.top-nav a:after{content:"";background:var(--accent);height:1px;transition:transform .22s;position:absolute;bottom:6px;left:12px;right:12px;transform:scaleX(0)}.top-nav a:hover:after{transform:scaleX(1)}.hero h1{font-size:clamp(2.8rem,4.6vw,5rem);font-weight:650}.hero h1 em{color:#0000;background:linear-gradient(110deg,#92f3df,#abbeff);-webkit-background-clip:text;background-clip:text}.hero-visual:after{content:"";pointer-events:none;background:conic-gradient(#0000 78%,#8be8db0c,#0000 95%);animation:28s linear infinite observatory-orbit;position:absolute;inset:-35%}.hero-visual svg{z-index:1;filter:drop-shadow(0 9px 20px #0004)}.visual-top,.visual-bottom{z-index:2}.stats-strip{border:1px solid var(--line);background:linear-gradient(110deg,#17324775,#17203d80);border-radius:20px;padding:29px 0;box-shadow:0 15px 50px #0001}.stat:first-child{padding-left:30px}.stat strong{color:#e2fff9;font-size:2.2rem;font-weight:600}.section-head h2{max-width:780px}.filters{background:#101c32eb;box-shadow:0 12px 32px #0002}.course-card{min-height:330px;box-shadow:inset 0 1px #fff04,0 14px 35px #0002;background:linear-gradient(145deg,#162a42,#10192e);border-color:#31465e;padding:26px}.course-card:after{content:"";background:radial-gradient(ellipse at 90% 0,var(--track),transparent 65%);opacity:.035;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.course-card:hover:after{opacity:.09}.course-card h3{font-size:1.22rem}.course-card p{font-size:.9rem}.card-icon{background:#2139518c;border-color:#7692b34a}.card-code{font-size:.77rem}.card-bottom{border-top:1px solid #7992b320;padding-top:16px}.card-tag{font-size:.8rem}.open-lab{z-index:1;position:relative}.course-count{color:var(--track);align-items:center;gap:6px;margin:-4px 0 18px;font-size:.77rem;display:flex}.course-count i{background:currentColor;border-radius:50%;width:5px;height:5px}.journey-card{background:linear-gradient(140deg,#15283e,#101a2f);box-shadow:0 12px 30px #0002}.usage-banner{background:linear-gradient(120deg,#123244,#1e2140);border-color:#546e8d70}.primary-link,.primary{box-shadow:0 5px 25px #8bf0db16}.primary-link:hover,.primary:hover{box-shadow:0 7px 28px #8bf0db30}.route-enter{animation:.35s ease-out both lab-arrive}.lab-intro{max-width:900px}.lab-tabs{border:1px solid var(--line);background:#0a1428;border-radius:15px;margin-bottom:28px;padding:7px}.lab-tabs button.active{color:#bcfff0;background:#244153;border-color:#75ddc56b}.control-panel,.chart-panel,.panel{background:linear-gradient(145deg,#13243a,#101c30);border-color:#334961}.control-panel h2{font-size:1.45rem}.metric{background:#172e4380;border-color:#415a725e}.metric-name{color:#bdd0e4;font-size:.8rem}.metric-value{color:#f0fff9}.chart-title{font-size:1rem}.source-locator{background:#173d4655;border-color:#72d5c6}.model-note{font-size:.85rem}.scope-mini{background:#0a1527}.scope-warning{background:linear-gradient(145deg,#2c283544,#152139)}.task-card{background:#14243a;border-color:#344b64}input,select,textarea{background:#09152b;border-color:#3a506c}textarea{font-size:.88rem}.num-row input{font-variant-numeric:tabular-nums}.experiment-hub{background:radial-gradient(at 90% 0,#4b467a22,#0000 65%),linear-gradient(135deg,#13283c,#111c32);border:1px solid #53648766;border-radius:22px;margin-bottom:26px;padding:28px}.experiment-hub-head{justify-content:space-between;align-items:center;gap:22px;margin-bottom:18px;display:flex}.experiment-hub h2{margin:9px 0;font-size:1.6rem}.experiment-hub-head p{max-width:700px;margin:0;font-size:.9rem}.experiment-progress{text-align:center;flex:none;min-width:82px}.experiment-progress strong{color:var(--accent);font-size:2rem;font-weight:500;display:block}.experiment-progress strong span{color:var(--muted);margin-left:2px;font-size:1rem}.experiment-progress small{color:var(--muted);font-size:.76rem}.experiment-list>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:.9rem}.experiment-list>summary span{color:var(--muted);margin-left:12px;font-size:.78rem}.experiment-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0 22px;display:grid}.experiment-option{text-align:left;background:#0e1b30;align-items:flex-start;gap:11px;min-height:100px;padding:15px 12px;font-weight:400;line-height:1.45;display:flex}.experiment-option b{font-size:.83rem;font-weight:550;display:block}.experiment-option small{color:var(--muted);margin-top:7px;font-size:.78rem;display:block}.experiment-index{color:#93a6c4;flex:none;padding-top:3px;font:12px Consolas,monospace}.experiment-option.selected{background:linear-gradient(130deg,#19433f,#182d46);border-color:#86ead3;box-shadow:inset 0 0 0 1px #82e3cd20}.experiment-option.selected .experiment-index{color:var(--accent)}.experiment-brief{border-top:1px solid #6a87a63b;grid-template-columns:1.15fr 1fr;gap:35px;padding-top:23px;display:grid}.experiment-brief h3{margin:8px 0 10px;font-size:1.22rem}.experiment-brief p{font-size:.9rem}.experiment-brief ol{color:var(--muted);margin:0;padding-left:20px;font-size:.86rem;line-height:1.7}.experiment-brief li{padding:0 0 10px 5px}.experiment-brief b{color:#ebf6ff}.experiment-setup{color:#a3dbd1;overflow-wrap:anywhere;font-size:.78rem;line-height:1.7}.experiment-buttons{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.experiment-buttons button,.bench-jump{font-size:.8rem}.bench-jump{color:var(--accent);margin-left:auto;padding:10px}#batch-results{max-width:100%;margin-top:18px;overflow:auto}#batch-results:empty{display:none}#batch-results h3{margin-top:18px}#batch-results td{min-width:150px}.experiment-notebook{margin-top:28px;padding:26px}.notebook-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.notebook-fields label{color:#c4d9e9;font-size:.83rem}.notebook-fields textarea{min-height:120px;margin-top:10px;display:block}.completed-label{align-items:center;gap:10px;margin:20px 0 8px;font-size:.85rem;display:flex}.completed-label input{width:19px;min-height:19px;accent-color:var(--accent)}.experiment-notebook>.small{margin-bottom:0}.workbench{scroll-margin-top:30px}.source-layout .wide{background:linear-gradient(140deg,#12304255,#182338)}.footer-brand{color:#e4fff8}.site-footer{background:#080f21;border-color:#2f4561}.footer-top{padding-top:8px}@keyframes observatory-orbit{to{transform:rotate(360deg)}}@keyframes lab-arrive{0%{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.experiment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:32px}.experiment-option{min-height:86px}.header-inner{flex-wrap:wrap}.top-nav{gap:4px}.notebook-fields{gap:12px}}@media (width<=760px){.experiment-hub{padding:18px}.experiment-hub-head{align-items:flex-start;gap:12px}.experiment-hub h2{font-size:1.4rem}.experiment-brief{grid-template-columns:1fr;gap:18px}.notebook-fields{grid-template-columns:1fr}.experiment-notebook{padding:20px}.hero{padding-top:40px}.stat:first-child{padding-left:18px}.stats-strip .stat{padding:0 18px}.hero-visual{border-radius:20px}.course-card{min-height:0}.experiment-option b{font-size:.8rem}.experiment-option{gap:7px;padding:12px 10px}.experiment-progress{min-width:55px}.bench-jump{margin-left:0}.top-nav{justify-content:flex-start}.top-nav button{font-size:.72rem}.lab-tabs{overflow:auto}.lab-tabs button{white-space:nowrap}.experiment-buttons button{flex:180px}.experiment-list>summary span{margin-left:4px}.notebook-fields textarea{min-height:100px}}@media (width<=400px){.experiment-grid{grid-template-columns:1fr}.experiment-option{min-height:65px}.shell{width:calc(100% - 28px)}}html[data-effects=off] *,html[data-effects=off] :before,html[data-effects=off] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{body:before,.experiment-list,.experiment-buttons,.top-nav{display:none}.experiment-hub,.experiment-notebook,.panel,.chart-panel,.control-panel{color:#17303d;box-shadow:none;background:#fff}.experiment-brief b,.metric-value{color:#17303d}.experiment-setup{color:#176056}.notebook-fields textarea{color:#17303d;background:#fff}}.experiment-pages{border-bottom:1px solid #7894b12b;flex-wrap:wrap;align-items:center;gap:9px;margin:8px 0 14px;padding-bottom:14px;display:flex}.experiment-pages button{background:#0e1b30;border-color:#465a77;min-height:44px;padding:10px 15px;font-size:.82rem}.experiment-pages button[aria-pressed=true]{color:#c2fff1;background:#21453f;border-color:#8bf0db}.experiment-pages button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.experiment-pages>span{color:var(--muted);margin-left:auto;font-size:.77rem}.experiment-grid[hidden]{display:none}.experiment-objective{background:#8bf0db07;border-left:2px solid #8bf0db6b;margin:0 0 16px;padding:10px 13px}.experiment-guidance{overflow-wrap:anywhere;min-width:0}.experiment-guidance .experiment-objective{font-size:.85rem;line-height:1.65}.experiment-interpretation{background:#0c182b80;border:1px solid #718ca540;border-radius:10px;margin-top:8px;padding:0 13px}.experiment-interpretation summary{color:#b4eadd;cursor:pointer;min-height:44px;padding:12px 0;font-size:.82rem}.experiment-interpretation p{margin:0 0 14px;font-size:.84rem;line-height:1.75}.experiment-steps li{overflow-wrap:anywhere}@media (width<=600px){.experiment-pages{gap:8px}.experiment-pages button{flex:1;padding:10px;font-size:.77rem}.experiment-pages>span{width:100%;margin:0}.experiment-brief{gap:20px}.experiment-progress strong{font-size:1.6rem}.experiment-progress small{font-size:.7rem}}.documentation-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.documentation-layout>.panel{min-width:0;padding:28px}.doc-intro,.doc-wide{grid-column:1/-1}.documentation-layout h2{margin:12px 0;font-size:1.65rem}.documentation-layout h3{margin:0 0 18px;font-size:1.12rem}.documentation-layout p,.doc-pitfalls{font-size:.91rem;line-height:1.85}.doc-badges{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.doc-badges span{color:#b7f6e9;background:#8be4d409;border:1px solid #8be4d438;border-radius:30px;padding:6px 11px;font-size:.78rem}.doc-intro{background:radial-gradient(at 95% 0,#2a796a30,#0000 60%),linear-gradient(120deg,#162e43,#14213c)!important}.method-steps{counter-reset:step;margin:0 0 26px;padding:0;list-style:none}.method-steps li{align-items:flex-start;gap:14px;padding:0 0 18px;display:flex;position:relative}.method-steps li:before{content:"";background:#75c7bd3a;width:1px;position:absolute;top:37px;bottom:0;left:17px}.method-steps li:last-child:before{display:none}.method-number{color:#a4f4e1;background:#183744;border:1px solid #74dfcc60;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font:12px ui-monospace,monospace;display:grid}.method-steps p{margin:1px 0 0}.doc-limit{background:#d5af7010;border-left:2px solid #e1bd82;border-radius:0 8px 8px 0;padding:14px 18px}.doc-reference-case{background:linear-gradient(135deg,#1e3546,#20253f)!important}.doc-pitfalls{margin-bottom:25px;padding-left:20px}.doc-pitfalls li{margin-bottom:12px}.method-references{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.method-references a{overflow-wrap:anywhere;border:1px solid #6ba69f45;border-radius:12px;flex-direction:column;gap:7px;padding:17px;transition:border-color .2s,background .2s;display:flex}.method-references a:hover{background:#8bf0db08;border-color:#8bf0db}.method-references span{color:#a5bacd;font-size:.76rem}.method-references strong{color:#b8f5e7;font-size:.88rem;font-weight:550}.doc-technical{border-top:1px solid #5971873a;margin-top:22px;padding-top:18px}.doc-technical summary{cursor:pointer;color:#cee3ef;min-height:44px;font-size:.9rem}.documentation-layout table td{vertical-align:top;overflow-wrap:anywhere;white-space:pre-wrap;max-width:400px}.chart-inspector{background:#09182d80;border:1px solid #7993b12a;border-radius:12px;grid-template-columns:minmax(140px,.9fr) minmax(140px,1.2fr);gap:12px 20px;margin:18px 0 0;padding:17px;display:grid}.chart-inspector label{color:#bcd0e4;flex-direction:column;gap:8px;font-size:.78rem;display:flex}.chart-inspector select{min-height:38px;font-size:.82rem}.chart-inspector input[type=range]{accent-color:#8bf0db;touch-action:pan-y;width:100%;min-height:38px;padding:0}.point-readout{color:#c3ffed;overflow-wrap:anywhere;grid-column:1/-1;min-height:24px;font:12px/1.8 ui-monospace,monospace}.chart-inspector small{color:#9db5ce;grid-column:1/-1;font-size:.73rem;line-height:1.6}.classification-svg{width:100%;height:auto;max-height:560px;display:block}.documentation-layout .table-scroll{max-width:100%;overflow:auto}@media (width<=760px){.documentation-layout{grid-template-columns:1fr;gap:16px}.documentation-layout>.panel{padding:20px}.method-references,.chart-inspector{grid-template-columns:1fr}.documentation-layout h2{font-size:1.4rem}.documentation-layout table{min-width:520px}.chart-inspector small{font-size:.77rem}}@media print{.documentation-layout{display:block}.documentation-layout>.panel{color:#17303d;break-inside:avoid;background:#fff!important}.method-steps p,.doc-pitfalls,.method-references strong{color:#17303d}.method-references a{color:#07645d}.chart-inspector{display:none}}.curriculum-source{background:radial-gradient(at 0 0,#78e4d214,#0000 62%),linear-gradient(115deg,#173448,#15203a);box-shadow:inset 0 1px #d5fff51c,0 16px 40px #0003}.hero-visual{isolation:isolate}.hero-visual:after{animation-duration:48s}.hero-visual:before{content:"";pointer-events:none;z-index:2;border:1px solid #a1deee24;border-radius:14px;position:absolute;inset:16px}.hero-visual[data-visible=false]:after,html[data-lab-activity=paused] .hero-visual:after{animation-play-state:paused}.stats-strip{background:linear-gradient(110deg,#173b457a,#1b254080);border-top-color:#92d9d767}.course-card{transition:border-color .22s,background .22s,transform .22s;box-shadow:inset 0 1px #d4eeff12,0 10px 30px #0002}.course-card:focus-within{border-color:var(--track);box-shadow:inset 0 1px #d4eeff1c,0 0 0 1px #a6e1d81a}.course-card:focus-within:after{opacity:.09}.card-icon{box-shadow:inset 0 1px #cde6ff14}.card-code{font-variant-numeric:tabular-nums}.experiment-hub{box-shadow:inset 0 1px #bcdbff17,0 16px 38px #0002}.experiment-option{transition:border-color .18s,background .18s;box-shadow:inset 0 1px #bde7ff06}.experiment-option:hover,.experiment-option:focus-visible{background:#1b3044;border-color:#9cdbc796}.experiment-option.selected{border-color:#93f0d8;box-shadow:inset 3px 0 #93f0d8,inset 0 1px #c0ffee16}.experiment-index{font-size:13px}.experiment-progress{display:block}.control-panel,.chart-panel,.task-card,.doc-intro{box-shadow:inset 0 1px #d1ecff10,0 12px 30px #0002}.chart-panel{background:radial-gradient(at 100% 0,#58c5c609,#0000 55%),linear-gradient(145deg,#13243a,#101c30);border-color:#53718c64;min-width:0;position:relative}.chart-header{border-bottom:1px solid #a7cfdf1a;margin-bottom:12px;padding-bottom:12px}.chart-svg{background:linear-gradient(#09182a50,#0c192b20);border-radius:10px}.metric{border-left:2px solid #93e7d366;box-shadow:inset 0 1px #dcfff414}.metric-value{font-variant-numeric:tabular-nums;letter-spacing:-.025em}.method-number{color:#c6fff0;background:linear-gradient(140deg,#24505a,#263451);box-shadow:inset 0 1px #cbf9ef22}.doc-reference-case{background:linear-gradient(120deg,#252a483d,#142238);border-left:2px solid #b4bbff9c}.method-references a{transition:background .2s,border-color .2s}.method-references a:hover,.method-references a:focus-visible{background:#1b3d465c;border-color:#9cdecd}.chart-inspector{background:#0a17289c;border-color:#4f73876e}.point-readout{font-size:13px}.chart-playback{font-variant-numeric:tabular-nums;background:linear-gradient(110deg,#14343f9c,#15213a);border:1px solid #77cdb753;border-radius:13px;min-width:0;max-width:100%;margin:14px 0;padding:14px 15px;box-shadow:inset 0 1px #bffff01a}.playback-heading{color:#c7eee8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;display:flex}.playback-heading>span{align-items:center;gap:7px;display:flex}.playback-heading i{background:#7897a9;border-radius:50%;width:6px;height:6px}.chart-playback[data-playing=true] .playback-heading i{background:#a6f4dc;box-shadow:0 0 10px #a6f4dc60}.playback-clock{color:#e4fff6;font:13px/1.5 Consolas,monospace}.playback-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.playback-tools button{min-width:44px}.playback-tools button,.playback-tools select{white-space:nowrap;border-radius:8px;min-height:44px;padding:8px 11px;font-size:13px}.playback-tools [data-playback=play]{color:#e0fff2;background:#234b48;border-color:#9eefd274;min-width:138px}.playback-tools [data-playback=play][aria-pressed=true]{background:#31455e;border-color:#aac1ec}.playback-tools button:focus-visible,.playback-tools select:focus-visible,.playback-seek input:focus-visible{outline-offset:3px;outline:2px solid #b3ffe7}.playback-seek{flex:145px;align-items:center;min-width:100px;min-height:44px;display:flex}.playback-seek input{accent-color:#9ef0d4;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:44px;min-height:44px;margin:0;padding:0;display:block}.playback-speed select{width:auto;min-width:70px}.playback-note{color:#b4cbdc!important;margin:10px 0 0!important;font-size:13px!important;line-height:1.7!important}.playback-values{color:#d6e9f4;overflow-wrap:anywhere;flex-wrap:wrap;gap:8px 17px;padding-top:10px;font:13px/1.7 Consolas,monospace;display:flex}.playback-values[hidden]{display:none}.playback-values>span{border-left:2px solid var(--series-color);max-width:100%;padding-left:8px}[data-motion-only]{pointer-events:none}.chart-inspector small{line-height:1.7}@media (width<=600px){.chart-playback{padding:12px}.playback-heading{display:block}.playback-clock{margin-top:6px;display:block}.playback-tools{gap:7px}.playback-seek{flex-basis:100%;order:1;width:100%}.playback-tools [data-playback=play]{flex:1;min-width:0}.playback-tools button,.playback-tools select{padding:8px 10px}.chart-header{align-items:flex-start}.chart-title{line-height:1.6}}@media (hover:none){.course-card:hover{transform:none}}html[data-effects=off] .course-card:hover{transform:none}@media (prefers-reduced-motion:reduce){.course-card:hover{transform:none}}@media print{.chart-playback,[data-motion-only]{display:none}[data-plot-marks]{clip-path:none!important}.chart-panel{box-shadow:none}}.programming-lab{min-width:0}.programming-lab .workbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.programming-editor,.programming-code{tab-size:4;text-align:left;white-space:pre;overflow-wrap:normal;direction:ltr;max-width:100%;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.programming-editor{resize:vertical;color:#e5f4f8;background:#071823;width:100%;min-height:400px;padding:16px}.programming-editor.programming-scratch-json{min-height:130px}.scratch-scripts{flex-wrap:wrap;align-items:flex-start;gap:20px;margin:24px 0;display:flex}.scratch-script{flex:250px;min-width:0}.scratch-script h4{margin:0 0 16px}.scratch-block{color:#fff;overflow-wrap:anywhere;border-radius:7px;margin:3px 0;padding:12px 14px;font:600 14px/1.5 system-ui;position:relative;box-shadow:inset 0 -2px #0003}.scratch-motion{background:#305ca9}.scratch-event{background:#916405}.scratch-control{background:#99520b}.scratch-data{background:#a7460d}.scratch-looks{background:#7050a6}.scratch-sound{background:#9a398b}.scratch-pen{background:#08766d}.scratch-scripts>p{flex-basis:100%}.programming-study{text-align:start;max-width:100%}.programming-study>section,.programming-study>p{max-width:90ch}.programming-study p{text-wrap:pretty;line-height:1.85}.programming-study h4{margin-top:2rem}.programming-study pre{color:#e2f4f6;background:#071823;border:1px solid #31525f;border-radius:12px;padding:18px}.programming-study details{margin:14px 0}.programming-study summary{cursor:pointer;padding:12px;line-height:1.6}.programming-objective{color:#b6e9df;font-size:1.1rem}.programming-diagram{background:#091b27;border:1px solid #294e60;border-radius:14px;max-width:780px;margin:24px 0;padding:14px;overflow:auto}.programming-diagram svg{width:100%;min-width:500px;height:auto;display:block;max-height:none!important}.programming-diagram figcaption{color:#b4ccd4;margin-top:12px;font-size:14px;line-height:1.65}.programming-ready,.programming-files,.programming-preview{border:1px solid #31525f;border-radius:14px;min-width:0;margin-bottom:20px;padding:20px}.programming-ready p,.programming-help{line-height:1.75}.programming-preview label{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.programming-preview-scroll{max-width:100%;margin-top:16px;overflow:auto}.programming-preview iframe{background:#fff;border:0;width:100%;max-width:none;height:520px;display:block}.programming-files pre,.error-box pre{white-space:pre-wrap;overflow-wrap:anywhere}.programming-files details{margin:12px 0}.programming-files summary{cursor:pointer;padding:10px}.programming-scratch-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0;display:grid}.programming-scratch-controls h3{grid-column:1/-1}.programming-scratch-controls label{gap:6px;font-size:14px;display:grid}.programming-scratch-controls input,.programming-scratch-controls select{width:100%;min-width:0}.programming-loading{padding:24px;line-height:1.8}.programming-archive{margin-top:24px}.programming-archive summary{cursor:pointer}@media (width<=1000px){.programming-lab .workbench{grid-template-columns:minmax(0,1fr)}.programming-editor{min-height:340px}.programming-study .table-scroll{max-width:100%}}@media (width<=480px){.programming-scratch-controls{grid-template-columns:minmax(0,1fr)}.programming-code,.programming-editor{font-size:13px}.programming-diagram{padding:6px}.programming-lab .control-actions{flex-wrap:wrap}.programming-lab .control-actions button{white-space:normal}.programming-study pre{padding:12px}.programming-preview,.programming-ready{padding:14px}}.curriculum-study{border:1px solid var(--line);border-left:3px solid var(--accent);background:#0b2330;border-radius:12px;margin:26px 0 32px;padding:clamp(16px,3vw,28px)}.curriculum-study p,.curriculum-map p{text-align:start;overflow-wrap:anywhere;max-width:82ch;line-height:1.85}.curriculum-study h4{margin-top:24px}.curriculum-study details{margin:15px 0}.curriculum-study summary{padding:8px 0;line-height:1.65}.curriculum-study li,.curriculum-map li{margin:7px 0;line-height:1.7}.curriculum-topic{color:var(--accent)}.curriculum-navigation{background:var(--panel2);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:12px;margin:20px 0 30px;padding:16px;display:grid}.curriculum-navigation label{min-width:0;color:var(--muted);font-size:.85rem}.curriculum-navigation select{background:var(--panel);width:100%;min-width:0;max-width:100%;color:var(--ink);text-overflow:ellipsis;margin-top:8px;padding:12px;display:block}.curriculum-navigation button:disabled{cursor:default;opacity:.45}.curriculum-verification,.curriculum-comparison{margin-top:20px}.curriculum-map ul{columns:2;column-gap:36px}.curriculum-map li{break-inside:avoid}.curriculum-study table{font-variant-numeric:tabular-nums}.curriculum-study .table-scroll{max-width:100%;overflow-x:auto}@media (width<=640px){.curriculum-navigation{grid-template-columns:1fr 1fr;padding:12px}.curriculum-navigation label{grid-area:1/1/auto/-1}.curriculum-navigation button{padding:10px 8px;font-size:.85rem}.curriculum-map ul{columns:1}.curriculum-study{padding:16px}.curriculum-study p{line-height:1.8}}@media print{.curriculum-navigation{display:none}.curriculum-study{color:#17303d;background:#fff;border-color:#cad8dd}.curriculum-study p{color:#17303d}.curriculum-study details{break-inside:avoid}}.curriculum-formulas .math-display{max-width:100%;overflow-x:auto}.curriculum-formulas math{min-width:max-content;padding:12px 0;font-size:1.1rem}.curriculum-dependencies{border:1px solid var(--line);background:#0b2230;border-radius:12px;margin:24px 0;padding:15px;overflow-x:auto}.curriculum-dependencies svg{width:100%;min-width:680px;max-height:none;display:block}.curriculum-dependencies figcaption,.curriculum-figures figcaption{color:var(--muted);padding-top:12px;font-size:.85rem;line-height:1.7}.curriculum-figures figure{border:1px solid var(--line);border-radius:12px;margin:24px 0;padding:16px}.curriculum-analytical>p{max-width:82ch;line-height:1.85}.curriculum-analytical h4{margin-top:30px}.curriculum-analytical li{margin:8px 0;line-height:1.8}.curriculum-analytical table{font-variant-numeric:tabular-nums}.curriculum-analytical .table-scroll{max-width:100%;overflow-x:auto}:root{--accent:#76e0cd;--ink:#f1f7fa;--muted:#a9c0ce;--line:#294555;--panel:#102635;--panel2:#142e3e}body{min-width:320px}button{justify-content:center;align-items:center;gap:8px;display:inline-flex}button:disabled{cursor:not-allowed}button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}button.primary[aria-pressed=true]{color:#082b31}pre{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4}code{font-size:.88em}h1,h2,h3{overflow-wrap:break-word}a,button{transition:background .18s,border-color .18s,color .18s}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand-title{letter-spacing:.06em;font-size:1rem}.brand-title b{color:var(--accent);letter-spacing:.16em;font-size:.8rem;font-weight:500;display:block}.brand-sub{letter-spacing:.1em;margin-top:3px;font-size:.58rem}.site-header .header-inner{padding:15px 0}.site-brand{flex:initial}.top-nav{gap:10px}.top-nav a{white-space:nowrap;font-size:.8rem}.bot-header{color:var(--accent);background:#153b3d;border-color:#42716f;font-size:.8rem}.stats-nav{align-items:center;gap:6px;display:flex}.mobile-menu{display:none}.programming-visual{padding:22px 25px}.programming-visual .visual-top{font-size:.58rem}.visual-top i{margin-right:4px}.robot-scene{justify-content:center;align-items:center;height:340px;display:flex;position:relative}.orion-robot{filter:drop-shadow(0 10px 25px #0005);width:300px;height:310px}.robot-scene>.orion-robot{z-index:1;margin-bottom:25px;margin-left:100px}.orion-robot.small{flex-shrink:0;width:70px;height:72px}.robot-float{animation:6s ease-in-out infinite robot-float}.robot-eyes{transform-origin:160px 120px;animation:7s infinite blink}.orbit-ring{border:1px solid #76e0cd22;border-radius:50%;width:280px;height:280px;position:absolute;top:10px;right:0}.orbit-ring:before{content:"";border:1px dashed #76e0cd22;border-radius:50%;position:absolute;inset:20px}.float-token{color:#8ddcd4;background:#173c4cbb;border:1px solid #416373;border-radius:10px;padding:10px 13px;font-family:Consolas,monospace;position:absolute;box-shadow:0 8px 20px #00101833}.token-one{top:53px;left:45px;transform:rotate(-10deg)}.token-two{top:88px;right:5px;transform:rotate(9deg)}.token-three{bottom:57px;right:8px}.floating-code{z-index:2;background:#081b2af2;border:1px solid #365567;border-radius:13px;width:255px;padding:13px 22px 17px;position:absolute;bottom:20px;left:0;transform:rotate(-3deg);box-shadow:0 10px 30px #020e1455}.code-dots{letter-spacing:4px;color:#587686;margin-bottom:12px;font-size:7px;display:block}.floating-code code{color:#d0e1eb;font-size:.8rem;line-height:1.9}.floating-code i{color:#b4a9ed;font-style:normal}.floating-code b{color:#94dac4}.hero h1{font-size:clamp(2.6rem,4.6vw,4.7rem)}.hero{gap:65px;padding-top:58px}.hero-note{font-size:.8rem}.stat strong{font-weight:500}.catalogue-tools{align-items:center;gap:15px;margin:26px 0;display:flex}.catalogue-tools .searchbox{flex:1;max-width:580px}.catalogue-tools button{font-size:.83rem}.catalogue-tools>span{margin-left:auto}.catalogue-tools .searchbox:before{top:5px}.course-grid{gap:20px}.course-card{min-height:326px}.card-icon{width:43px;height:43px;font-size:.85rem;font-weight:700}.course-card .card-code{font-size:.7rem}.course-card h3{max-width:300px;font-size:1.15rem}.course-card p{line-height:1.7}.course-card .app-nick{font-size:.75rem}.open-lab{justify-content:space-between}.course-progress{background:#244151;border-radius:5px;height:4px;margin:16px 0;overflow:hidden}.course-progress>div{background:var(--accent);border-radius:5px;height:100%;transition:width .3s}.usage-banner>button{white-space:nowrap;font-size:.82rem}.usage-banner .orion-robot{width:88px;height:91px}.footer-links{color:var(--muted);justify-content:center;gap:22px;margin-top:18px;font-size:.7rem;display:flex}.credit{margin-bottom:0}.guide-page{min-height:60vh;padding:65px 0}.guide-page h1{font-size:clamp(2rem,4vw,3.4rem)}.guide-page .guide-grid{grid-template-columns:1fr 1fr;gap:22px;margin:30px 0;display:grid}.guide-page li{color:var(--muted);margin:12px 0}.guide-page .panel p{font-size:.91rem;line-height:1.8}.backup-panel{margin-top:30px}.backup-panel p{max-width:850px}.loading-course{text-align:center;flex-direction:column;align-items:center;gap:20px;min-height:40vh;margin:60px auto;padding:60px;display:flex}.loading-course h1{font-size:1.5rem}.alert{color:#f3d6a4;background:#473b2455;border:1px solid #b78f5b;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin:15px 0;padding:16px;display:flex}.learning-layout{grid-template-columns:255px minmax(0,1fr);align-items:start;gap:28px;display:grid}.lesson-sidebar{border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#395565 transparent;background:#0d2331;border-radius:15px;max-height:calc(100dvh - 40px);padding:18px 12px;position:sticky;top:20px;overflow:auto}.sidebar-head{align-items:center;gap:8px;padding:0 5px;font-size:.78rem;display:flex}.sidebar-head svg{color:var(--accent)}.sidebar-head span{color:var(--muted);margin-left:auto;font-size:.72rem}.lesson-sidebar .course-progress{margin:15px 5px}.lesson-sidebar nav{flex-direction:column;gap:3px;display:flex}.lesson-sidebar nav a{color:#adc2cf;border-radius:7px;align-items:flex-start;gap:12px;padding:10px 9px;font-size:.73rem;line-height:1.5;display:flex}.lesson-sidebar nav a>span:first-child{color:#6f94a4;font-variant-numeric:tabular-nums;flex:none;width:18px;padding-top:1px;font-size:.67rem}.lesson-sidebar nav a:hover{background:#183747}.lesson-sidebar nav a[aria-current]{color:#a9f5e5;background:#184443}.lesson-sidebar nav a[aria-current]>span:first-child{color:#8ee4d1}.lesson-main{min-width:0}.lab-tabs{gap:0;margin-bottom:22px}.lab-tabs button{gap:7px;padding:15px 17px;font-size:.83rem}.tab-count{background:#233f50;border-radius:6px;padding:1px 6px;font-size:.67rem;display:inline-block}.study-tab:not(.active){animation:7s ease-in-out infinite study-glow}.complete-button{white-space:nowrap;margin-top:22px;font-size:.76rem}.complete-button.checked{color:#a9f5e5;background:#1a4743;border-color:#76e0cd}.lab-title h1{font-size:clamp(1.8rem,2.9vw,2.7rem)}.lab-intro{max-width:850px;font-size:.91rem}.editor-workbench{border:1px solid var(--line);background:#091c28;border-radius:14px;min-width:0;overflow:hidden}.editor-workbench[hidden]{display:none}.editor-toolbar{border-bottom:1px solid var(--line);background:#112b3b;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;display:flex}.editor-toolbar .btn-row{gap:5px}.editor-toolbar button{min-height:36px;padding:8px 10px;font-size:.72rem}.editor-file{color:#bed3e0;white-space:nowrap;align-items:center;gap:9px;font-size:.77rem;display:flex}.editor-file .dot{width:4px;height:4px;box-shadow:none;margin-left:6px}.editor-file svg{color:var(--accent)}.editor-actions{border-top:1px solid var(--line);background:#102635;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:12px 15px;display:flex}.editor-actions button{min-height:36px;padding:8px 10px;font-size:.7rem}.editor-actions .small{font-size:.67rem}.code-host{font-variant-ligatures:none;min-height:390px;max-height:660px;overflow:auto}.cm-editor.cm-focused{outline:none}.cm-editor .cm-content{caret-color:#fff}.remote-editor{background:#0a1924;border:0;width:100%;height:600px;display:block}.scratch-editor{background:#eaf0f8;border:0;width:100%;height:640px;display:block}.remote-note{color:#acc4d2;background:#112b3b;justify-content:space-between;gap:10px;padding:10px 14px;font-size:.67rem;display:flex}.remote-note a{color:var(--accent);white-space:nowrap}.editor-note{margin:0;padding:10px 15px;font-size:.75rem}.io-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1.5fr;display:grid}.input-panel{border-right:1px solid var(--line);padding:16px}.input-panel label{color:#bacfd9;align-items:center;gap:8px;margin-bottom:12px;font-size:.76rem;display:flex}.input-panel textarea{min-height:110px;font-family:Consolas,monospace;font-size:.82rem}.input-panel small{color:var(--muted);margin-top:9px;font-size:.65rem;display:block}.output-panel{min-width:0;padding:16px}.output-head{color:#a7c7d2;justify-content:space-between;align-items:center;gap:10px;font-size:.75rem;display:flex}.output-head>span:first-child{align-items:center;gap:8px;display:flex}.output-head>span:last-child{color:#77cab8;font-size:.67rem}.output-panel pre{color:#d5ece8;max-height:320px;margin:15px 0 5px;font-size:.8rem;line-height:1.75;overflow:auto}.output-panel pre.error-output{color:#ffc0b5}.output-panel>button{font-size:.73rem}.expected-output{border-top:1px solid var(--line);color:#adc9d5;padding:16px;font-size:.77rem}.expected-output summary{cursor:pointer;min-height:28px}.expected-output pre{color:#d2e7ed;background:#102a39;border-radius:9px;padding:15px}.active-challenge{color:#a8edd5;background:#214038;border-bottom:1px solid #4c6b5a;align-items:flex-start;gap:12px;padding:17px;display:flex}.active-challenge>svg{flex:none;margin-top:2px}.active-challenge strong{font-size:.85rem}.active-challenge p{color:#c3dcce;margin:5px 0;font-size:.8rem}.active-challenge button{background:0 0;border:0;flex-shrink:0;min-height:32px;margin-left:auto;padding:4px}.web-preview{border-top:1px solid var(--line)}.web-preview>.output-head{background:#102635;padding:12px 15px}.web-preview button{min-height:32px;padding:6px 9px;font-size:.67rem}.preview-canvas{background:#061521;justify-content:center;padding:15px;display:flex;overflow:auto}.preview-empty{box-sizing:border-box;min-width:0;color:var(--muted);text-align:center;white-space:normal;overflow-wrap:anywhere;flex:100%;margin:0;padding:30px 18px;font-size:.85rem;line-height:1.7}.preview-canvas iframe{background:#fff;border:0;flex-shrink:0;height:500px;transition:width .3s}.fullscreen{z-index:60;border-radius:12px;position:fixed;inset:10px;overflow:auto;box-shadow:0 0 0 30px #071824}.fullscreen .code-host{min-height:55vh;max-height:calc(100dvh - 180px)}.fullscreen .remote-editor,.fullscreen .scratch-editor{height:calc(100dvh - 155px)}.lesson-pagination{justify-content:space-between;align-items:center;gap:10px;margin:30px 0 55px;display:flex}.lesson-pagination a{min-height:44px;padding:10px 14px;font-size:.77rem}.lesson-pagination>span{color:var(--muted);font-size:.75rem}.study-content,.notes-content{flex-direction:column;gap:20px;display:flex}.study-content .panel{padding:28px}.objectives .eyebrow{font-size:.64rem}.objectives h2{margin:12px 0 20px;font-size:1.3rem}.objectives ul{flex-direction:column;gap:13px;margin:0;padding:0;list-style:none;display:flex}.objectives li{color:#c9dce6;align-items:flex-start;gap:10px;font-size:.88rem;display:flex}.objectives li svg{color:var(--accent);flex:none;margin-top:3px}.theory h2{margin-bottom:23px;font-size:1.5rem}.theory p{max-width:78ch;margin-bottom:20px;font-size:.94rem;line-height:1.85}.theory h3{margin-top:30px;font-size:1.08rem}.theory pre,.exercise-card pre{color:#d6e5ee;background:#081c29;border:1px solid #294555;border-radius:10px;max-height:600px;padding:20px;font-size:.8rem;line-height:1.7;overflow:auto}.theory button{font-size:.8rem}.quick-quiz h3{margin-top:15px;font-size:1.1rem;line-height:1.5}.quick-quiz>div:not(.eyebrow){gap:10px;display:grid}.quick-quiz button{text-align:left;justify-content:flex-start;padding:14px;font-size:.85rem;font-weight:400}.quick-quiz button>span{color:#b4d0de;background:#274253;border-radius:5px;margin-right:4px;padding:3px 8px}.quick-quiz .correct{background:#204a3d;border-color:#78d6ac}.quick-quiz .incorrect{background:#4b302d;border-color:#bf8072}.quick-quiz p{margin:18px 0 0;font-size:.82rem}.sources h3{font-size:1.08rem}.sources a{color:var(--accent);align-items:center;gap:10px;padding:11px 0;font-size:.8rem;display:flex}.sources a svg:last-child{margin-left:auto}.exercises-content h2{font-size:1.7rem}.exercise-card{grid-template-columns:42px 1fr;gap:15px;margin-bottom:18px;padding:24px;display:grid}.exercise-number{color:var(--accent);font-family:Consolas,monospace;font-size:1.25rem}.exercise-card h3{font-size:1.1rem;line-height:1.4}.exercise-card p{font-size:.87rem;line-height:1.8}.exercise-card details{color:var(--muted);border-top:1px solid #2b4654;padding:12px 0;font-size:.8rem}.exercise-card summary{cursor:pointer;color:#bee1df}.exercise-card .btn-row{margin-top:14px}.exercise-card button{font-size:.76rem}.notebook-field{color:#c4d8e2;margin:24px 0;font-size:.87rem;display:block}.notebook-field textarea{margin-top:10px;font-size:.9rem;line-height:1.7;display:block}.notes-content h2{font-size:1.3rem}.notes-content p{font-size:.88rem}.notes-content button{font-size:.76rem}.notes-content details{border-bottom:1px solid var(--line);padding:12px;font-size:.8rem}.notes-content summary{cursor:pointer}.bot-launcher{z-index:40;background:#14363cf0;border:1px solid #4c807e;border-radius:22px;gap:5px;padding:0 19px 0 3px;position:fixed;bottom:23px;right:23px;box-shadow:0 8px 35px #0007}.bot-launcher .orion-robot{width:68px;height:73px;margin-top:-14px}.bot-launcher span{text-align:left;letter-spacing:.12em;color:#c4f8eb;font-size:.85rem}.bot-launcher small{letter-spacing:0;color:#a6c7d0;margin-top:3px;font-size:.65rem;display:block}.bot-launcher>svg:last-child{color:var(--accent);margin-left:14px}.bot-panel{z-index:70;background:#0f2939;border:1px solid #4c777a;border-radius:20px;flex-direction:column;width:370px;max-width:calc(100vw - 24px);max-height:min(700px,100dvh - 35px);display:flex;position:fixed;bottom:22px;right:22px;overflow:hidden;box-shadow:0 25px 90px #0009}.bot-panel-head{background:#173a44;border-bottom:1px solid #355966;align-items:center;gap:10px;padding:6px 15px 0;display:flex}.bot-panel-head .orion-robot{width:75px;height:78px;margin-top:-3px}.bot-panel-head strong{letter-spacing:.16em;color:#b8f8e8;font-size:1rem;display:block}.bot-panel-head span{color:#9dc7ce;align-items:center;gap:6px;margin-top:5px;font-size:.63rem;display:flex}.bot-panel-head button{background:0 0;border:0;margin-left:auto}.bot-context{color:#a9d1d5;background:#12313d;border-bottom:1px solid #294955;padding:13px 20px;font-size:.69rem}.bot-message{white-space:pre-wrap;color:#d9e8ed;overflow-wrap:anywhere;min-height:130px;max-height:330px;padding:24px 20px;font-size:.85rem;line-height:1.8;overflow:auto}.bot-actions{flex-wrap:wrap;gap:7px;padding:0 17px 16px;display:flex}.bot-actions button{color:#ace2dc;background:#1c3e4d;border-color:#3b626b;min-height:34px;padding:7px 10px;font-size:.7rem}.bot-panel form{background:#0b2130;border-top:1px solid #31505e;align-items:flex-end;gap:8px;padding:15px;display:flex}.bot-panel textarea{resize:none;min-height:62px;font-size:.75rem}.bot-panel form button{min-width:42px;height:44px;padding:10px}.toast{color:#153d39;z-index:100;text-align:center;background:#d8f6ee;border:1px solid #86c8b9;border-radius:12px;max-width:calc(100vw - 40px);padding:16px 22px;font-size:.82rem;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #0004}.empty{font-size:.9rem}.guide-page .course-grid .panel h2{margin-top:18px}.guide-page .course-grid .panel .open-lab{margin-top:22px}.fullscreen-shell{width:min(1420px,100% - 80px)}@keyframes robot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes blink{0%,42%,46%,to{transform:scaleY(1)}44%{transform:scaleY(.12)}}@keyframes study-glow{0%,to{box-shadow:inset 0 -2px #76e0cd10}50%{color:#bddfd7;box-shadow:inset 0 -2px #76e0cd55}}@media (width>=1600px){.shell{width:min(1500px,100% - 100px)}.learning-layout{grid-template-columns:270px minmax(0,1fr)}.scratch-editor{height:700px}}@media (width<=1150px){.shell{width:calc(100% - 48px)}.hero{gap:30px}.hero h1{font-size:3.4rem}.robot-scene{height:310px}.robot-scene>.orion-robot{width:260px;margin-left:55px}.floating-code{width:225px;bottom:0}.float-token.token-one{left:12px}.top-nav{gap:2px}.top-nav a{padding:10px 8px;font-size:.74rem}.course-card{padding:20px}.card-bottom{flex-wrap:wrap}.learning-layout{grid-template-columns:220px minmax(0,1fr);gap:18px}.lab-tabs button{padding:14px 10px;font-size:.76rem}.editor-file{font-size:.7rem}.editor-toolbar{flex-wrap:wrap}.editor-toolbar .btn-row{margin-left:auto}.io-grid{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line)}.input-panel textarea{min-height:80px}.usage-banner{gap:14px;padding:22px}.usage-banner>button{white-space:normal}.lesson-sidebar nav a{font-size:.7rem}}@media (width<=860px){.hero{grid-template-columns:1fr 1fr;gap:20px;padding-top:42px}.hero h1{font-size:2.7rem}.hero p{font-size:.89rem}.programming-visual{padding:16px}.programming-visual .visual-top{flex-direction:column;align-items:flex-start;gap:7px}.robot-scene{height:300px}.robot-scene>.orion-robot{width:240px;margin-left:25px}.floating-code{width:195px;padding:13px}.floating-code code{font-size:.68rem}.float-token{padding:8px;font-size:.75rem}.token-two{right:-5px}.visual-bottom{font-size:.5rem}.hero-actions .primary-link{padding:12px 16px;font-size:.8rem}.hero-actions .secondary-link{font-size:.8rem}.hero-note{font-size:.65rem}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-grid{grid-template-columns:1fr 1fr}.stats-strip{margin-bottom:45px}.stat{padding:0 20px}.stat strong{font-size:1.65rem}.stat span{font-size:.69rem}.section-head h2{font-size:1.7rem}.section-head p{max-width:300px;font-size:.8rem}.top-nav a.stats-nav{display:none}.learning-layout{grid-template-columns:1fr}.lesson-sidebar{max-height:210px;padding:14px;display:block;position:static}.lesson-sidebar nav{grid-template-columns:1fr 1fr;display:grid}.lab-tabs button{flex:1}.lab-title{gap:15px}.lab-title .complete-button{padding:9px;font-size:.67rem}.usage-banner{grid-template-columns:auto 1fr}.usage-banner>button{grid-column:2;justify-self:start}.lab-intro{font-size:.85rem}.bot-launcher{bottom:14px;right:14px}.bot-panel{bottom:12px;right:12px}}@media (width<=640px){.shell{width:calc(100% - 32px)}.header-inner{gap:8px}.brand-title{font-size:.8rem}.brand-title b{font-size:.65rem}.brand-sub{font-size:.48rem}.brand-symbol{width:36px;height:36px}.site-brand{gap:9px}.mobile-menu{display:flex}.top-nav{border-bottom:1px solid var(--line);background:#0c2230;flex-wrap:wrap;justify-content:center;padding:15px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 20px #0004}.top-nav.open{display:flex}.top-nav a{padding:12px;font-size:.8rem}.top-nav a.stats-nav{display:flex}.hero{grid-template-columns:1fr;gap:35px;padding:38px 0}.hero h1{margin:20px 0;font-size:3rem;line-height:1.08}.hero p{max-width:100%;font-size:.94rem}.hero-visual{justify-self:center;width:100%;max-width:420px}.programming-visual .visual-top{flex-direction:row;font-size:.5rem}.robot-scene{height:290px}.robot-scene>.orion-robot{width:270px;height:280px;margin-left:65px}.floating-code{width:215px;bottom:8px}.floating-code code{font-size:.75rem}.token-one{left:20px!important}.token-two{right:8px}.visual-bottom{font-size:.52rem}.stats-strip{grid-template-columns:1fr 1fr;gap:25px 0;margin-bottom:40px;padding:25px 0}.stat{padding:0 18px!important}.stat:nth-child(2){border-right:0}.stat strong{font-size:1.8rem}.stat span{font-size:.72rem}.section-head{flex-direction:column;align-items:flex-start;gap:14px}.section-head h2{font-size:1.8rem}.section-head p{max-width:100%}.catalogue-tools{flex-wrap:wrap;gap:10px}.catalogue-tools .searchbox{flex-basis:100%;max-width:none}.catalogue-tools>span{font-size:.73rem}.catalogue-tools button{font-size:.76rem}.course-grid{grid-template-columns:1fr;gap:16px}.course-card{min-height:285px;padding:23px}.card-bottom{flex-wrap:nowrap}.course-card h3{max-width:none;font-size:1.17rem}.card-tag{font-size:.68rem}.journey-section{padding-top:40px}.journey-grid{gap:12px}.journey-card{padding:18px}.journey-card h3{font-size:.94rem}.journey-card p{font-size:.76rem}.usage-banner{gap:13px;margin-bottom:40px;padding:18px}.usage-banner .orion-robot{width:62px;height:70px}.usage-banner h3{font-size:1.05rem;line-height:1.4}.usage-banner p{font-size:.78rem}.usage-banner>button{font-size:.73rem}.footer-top{flex-direction:column;font-size:.7rem}.credit{font-size:.75rem}.site-footer{padding-bottom:95px}.footer-links{gap:15px;font-size:.65rem}.guide-page{padding:35px 0}.guide-page .guide-grid{grid-template-columns:1fr}.guide-page h1{font-size:2.4rem}.page-top{padding-top:24px}.breadcrumb{gap:7px;margin-bottom:20px;font-size:.7rem}.lab-title{flex-direction:column;gap:0}.lab-title h1{margin:12px 0;font-size:1.9rem}.lab-title .eyebrow{font-size:.62rem}.complete-button{margin-top:15px}.lesson-sidebar{max-height:170px}.lesson-sidebar nav{grid-template-columns:1fr 1fr}.lesson-sidebar nav a{gap:7px;padding:8px 5px;font-size:.66rem}.learning-layout{gap:13px}.lab-tabs{margin-bottom:15px}.lab-tabs button{gap:4px;padding:13px 6px;font-size:.68rem}.lab-tabs button svg{width:14px}.tab-count{padding:1px 4px;font-size:.6rem}.editor-toolbar{gap:12px;padding:12px 10px}.editor-file{font-size:.69rem}.editor-toolbar>.btn-row{justify-content:flex-end;width:100%;margin-left:0}.editor-toolbar button{padding:7px 9px;font-size:.66rem}.editor-toolbar>.btn-row>button:first-child{margin-right:auto}.editor-actions{gap:10px;padding:12px 10px}.editor-actions .btn-row{flex-wrap:wrap;gap:5px}.editor-actions button{padding:8px;font-size:.66rem}.editor-actions>.small{font-size:.61rem}.code-host{min-height:330px}.cm-editor{font-size:12px!important}.remote-editor{height:620px}.scratch-editor{min-width:580px;height:640px}.editor-workbench:has(.scratch-editor){overflow-x:auto}.remote-note{flex-wrap:wrap;font-size:.59rem}.remote-note a{margin-left:auto}.active-challenge{padding:12px}.active-challenge p,.output-panel pre{font-size:.73rem}.input-panel{padding:14px}.expected-output{font-size:.7rem}.web-preview .output-head{flex-wrap:wrap}.web-preview button{font-size:.62rem}.preview-canvas{padding:7px}.study-content .panel{padding:21px}.theory p{font-size:.87rem;line-height:1.8}.theory h2{font-size:1.3rem}.theory pre,.exercise-card pre{padding:14px;font-size:.71rem}.objectives li{font-size:.8rem}.quick-quiz h3{font-size:.95rem}.quick-quiz button{padding:11px;font-size:.78rem}.exercise-card{grid-template-columns:27px 1fr;gap:10px;padding:18px}.exercise-number,.exercise-card h3{font-size:1rem}.exercise-card p{font-size:.8rem}.exercise-card button{font-size:.69rem}.lesson-pagination{gap:8px}.lesson-pagination a{padding:10px;font-size:.67rem}.lesson-pagination>span{font-size:.65rem}.notes-content .panel{padding:20px}.notes-content h2{font-size:1.15rem}.notes-content button{font-size:.68rem}.notebook-field{font-size:.8rem}.bot-launcher{border-radius:17px;padding-right:12px}.bot-launcher .orion-robot{width:53px;height:62px}.bot-launcher span{font-size:.74rem}.bot-launcher small{font-size:.58rem}.bot-launcher>svg:last-child{width:15px;margin-left:8px}.bot-panel{width:360px;max-height:calc(100dvh - 24px)}.bot-message{max-height:260px;padding:18px;font-size:.8rem}.toast{font-size:.74rem;bottom:90px}.fullscreen{inset:5px}.fullscreen .scratch-editor{height:calc(100dvh - 190px)}.guide-page .panel{padding:21px}.alert{flex-wrap:wrap;font-size:.78rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.robot-float{transform:none}}@media print{.site-header,.site-footer,.lesson-sidebar,.lab-tabs,.bot-panel,.bot-launcher,.editor-toolbar,.editor-actions,.lesson-pagination{display:none!important}body{color:#111;background:#fff}.shell{width:100%}.learning-layout{display:block}.panel{color:#111;background:#fff;border:1px solid #ccc}p{color:#222}}.analytics-page{max-width:1300px}.analytics-header{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:28px 0;display:flex}.analytics-header>a{letter-spacing:.05em;align-items:center;gap:12px;font-size:.85rem;display:flex}.analytics-header small{color:var(--muted);letter-spacing:.1em;margin-top:6px;font-size:.6rem;display:block}.analytics-header>div{color:var(--muted);align-items:center;gap:22px;font-size:.75rem;display:flex}.analytics-header>div>span{color:var(--accent);align-items:center;gap:6px;display:flex}.analytics-intro{padding:55px 0 28px}.analytics-intro h1{margin:17px 0 18px;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:550}.analytics-intro h1 span{color:var(--accent)}.analytics-intro p{font-size:.95rem}.analytics-toolbar{justify-content:space-between;gap:20px;margin:25px 0 15px;display:flex}.analytics-toolbar button{min-height:39px;padding:9px 14px;font-size:.77rem}.analytics-meta{color:var(--muted);justify-content:space-between;margin-bottom:22px;font-size:.71rem;display:flex}.analytics-total{background:linear-gradient(120deg,#173a42,#102635);align-items:center;gap:30px;display:flex;position:relative;padding:30px!important}.analytics-total strong{letter-spacing:-.05em;color:#d1f9ed;font-size:4.5rem;font-weight:450;line-height:1.3;display:block}.analytics-total p{margin:4px 0 0;font-size:.8rem}.analytics-total>svg{color:var(--accent);opacity:.6;margin-left:auto}.live-count{color:var(--accent);align-items:center;gap:7px;font-size:.67rem;display:flex;position:absolute;top:25px;right:25px}.analytics-metrics{grid-template-columns:repeat(4,1fr);gap:17px;margin:20px 0;display:grid}.analytics-metrics .panel{flex-direction:column;gap:14px;padding:23px;display:flex}.analytics-metrics svg{color:var(--accent)}.analytics-metrics span{color:var(--muted);font-size:.76rem}.analytics-metrics strong{font-size:2rem;font-weight:500}.analytics-chart{margin:24px 0;padding:30px!important}.analytics-chart h2{margin:0 0 8px;font-size:1.3rem}.analytics-chart p{font-size:.76rem}.analytics-chart svg{width:100%;margin-bottom:18px;display:block}.analytics-chart details{border-top:1px solid var(--line);color:var(--muted);padding-top:18px;font-size:.76rem}.analytics-chart summary{cursor:pointer}.table-scroll{margin-top:18px;overflow:auto}.table-scroll table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:.77rem}.table-scroll th{color:var(--muted);border-bottom:1px solid #3b5866;padding:12px 14px;font-weight:500}.table-scroll td{border-bottom:1px solid #223e4e;padding:13px 14px}.analytics-breakdowns{grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0;display:grid}.analytics-breakdown h3{margin-bottom:23px;font-size:1.03rem}.analytics-breakdown>div{justify-content:space-between;gap:10px;margin-bottom:16px;padding-bottom:12px;font-size:.76rem;display:flex;position:relative}.analytics-breakdown>div span{overflow-wrap:anywhere}.analytics-breakdown strong{color:#cee9ed;font-weight:500}.analytics-breakdown i{opacity:.65;background:#76e0cd;border-radius:3px;height:3px;position:absolute;bottom:0;left:0}.analytics-breakdown p{font-size:.8rem}.analytics-hours{margin:25px 0}.analytics-hours h2{font-size:1.3rem}.analytics-hours p{font-size:.76rem}.analytics-hours>div{align-items:flex-end;gap:8px;height:180px;margin:20px 0;display:flex}.analytics-hours>div>span{flex:1;align-items:flex-end;height:100%;display:flex;position:relative}.analytics-hours i{background:#76e0cd99;border-radius:4px 4px 0 0;width:100%;min-height:3px;display:block}.analytics-hours small{color:var(--muted);font-size:.63rem;position:absolute;top:calc(100% + 7px)}.analytics-explanation{margin:25px 0}.analytics-explanation h2{align-items:center;gap:10px;margin-bottom:20px;font-size:1.15rem;display:flex}.analytics-explanation p{max-width:1000px;font-size:.82rem;line-height:1.8}.analytics-footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);margin-top:30px;padding:30px 0 40px;font-size:.77rem}.analytics-loading{opacity:.6}.analytics-course-select{align-items:center;gap:20px;margin:25px 0;font-size:.85rem;display:flex}.analytics-course-select select{max-width:350px}.analytics-course-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.analytics-course-cards .panel{border-top-width:3px}.analytics-course-cards h3{font-size:1.05rem}.analytics-course-cards strong{font-size:2.5rem;font-weight:500}.analytics-course-cards p{margin:8px 0;font-size:.8rem}.analytics-course-cards small{color:var(--muted);font-size:.66rem}@media (width<=860px){.analytics-breakdowns,.analytics-metrics,.analytics-course-cards{grid-template-columns:1fr 1fr}}@media (width<=640px){.analytics-header{flex-wrap:wrap;gap:15px;padding:22px 0}.analytics-header>a{font-size:.75rem}.analytics-header>div{justify-content:space-between;width:100%;font-size:.66rem}.analytics-intro{padding:35px 0 20px}.analytics-intro h1{font-size:2.3rem}.analytics-intro p{font-size:.84rem}.analytics-toolbar{flex-wrap:wrap;gap:12px}.analytics-toolbar button{padding:9px 11px;font-size:.7rem}.analytics-toolbar>.btn-row{gap:6px}.analytics-meta{flex-wrap:wrap;gap:10px;font-size:.62rem}.analytics-total{padding:25px 20px 20px!important}.analytics-total strong{font-size:3.5rem}.analytics-total .eyebrow{font-size:.6rem}.analytics-total p{font-size:.7rem}.analytics-total>svg{flex-shrink:0;width:30px}.live-count{white-space:nowrap;align-self:flex-end;font-size:.6rem;display:none;position:static}.analytics-metrics{gap:12px}.analytics-metrics .panel{gap:12px;padding:20px}.analytics-metrics span{font-size:.67rem}.analytics-metrics strong{font-size:1.7rem}.analytics-chart{padding:20px!important}.analytics-chart h2{font-size:1.15rem}.analytics-breakdowns{grid-template-columns:1fr;gap:15px}.analytics-breakdown>div{font-size:.75rem}.analytics-hours>div{gap:4px;height:140px}.analytics-course-select{flex-wrap:wrap;gap:10px}.analytics-course-cards{gap:12px}.analytics-course-cards .panel{padding:18px}.analytics-course-cards strong{font-size:2rem}.analytics-course-cards p{font-size:.71rem}.analytics-course-cards small{font-size:.61rem}.analytics-footer{font-size:.68rem;line-height:1.8}.analytics-explanation p{font-size:.76rem}.table-scroll td,.table-scroll th{padding:10px;font-size:.7rem}}.remote-input{border-top:1px solid var(--line);background:#0e2635;grid-template-columns:1fr auto;align-items:end;gap:10px;padding:15px;display:grid}.remote-input label{color:var(--muted);grid-column:1/-1;font-size:.73rem}.remote-input textarea{min-height:70px;font-family:Consolas,monospace;font-size:.75rem}.remote-input button{min-height:38px;font-size:.68rem}@media (width<=640px){.remote-input{grid-template-columns:1fr}.remote-input button{justify-self:start}}.preview-error{min-width:0}.preview-error pre{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;max-width:100%;margin:0;font-size:.8rem;line-height:1.65}.active-challenge>div{overflow-wrap:anywhere;min-width:0}.js-mode{border-bottom:1px solid var(--line);color:var(--muted);background:#0b202c;align-items:center;gap:8px;padding:11px 15px;font-size:.7rem;display:flex}.js-mode>span{margin-right:8px}.js-mode button{min-height:30px;padding:6px 10px;font-size:.67rem}.js-markup{border-top:1px solid var(--line);color:var(--muted);padding:15px;font-size:.75rem}.js-markup summary{cursor:pointer}.js-markup textarea{margin:12px 0;font-family:Consolas,monospace}.js-markup button{font-size:.7rem}body{isolation:isolate;background-color:#071824;background-image:radial-gradient(at 0 10%,#16434d24,#0000 37%),radial-gradient(at 100% 45%,#46355b18,#0000 38%)}.site-content{z-index:1;min-height:100dvh;position:relative}.cosmic-backdrop{z-index:0;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.cosmic-nebula{background:radial-gradient(at 16% 22%,#2a95832c,#0000 40%),radial-gradient(at 88% 56%,#6d599b24,#0000 42%),radial-gradient(at 45% 100%,#15516830,#0000 45%);animation:38s ease-in-out infinite alternate cosmic-drift;position:absolute;inset:-12%}.cosmic-grid{background-image:linear-gradient(#86cbd008 1px,#0000 1px),linear-gradient(90deg,#86cbd008 1px,#0000 1px);background-size:88px 88px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#0008 30% 70%,#0000);mask-image:linear-gradient(#0000,#0008 30% 70%,#0000)}.cosmic-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.cosmic-orbit{border:1px solid #8ae2d51c;border-radius:50%;width:620px;height:620px;animation:64s linear infinite cosmic-orbit;position:absolute;top:100px;right:-150px;box-shadow:0 0 0 34px #8ae2d505,0 0 0 90px #b3c9f903}.cosmic-orbit:before{content:"";opacity:.7;background:#adf3dd;border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:50%;box-shadow:0 0 18px #90eccc88,0 0 36px #76e0cd55}.cosmic-orbit-two{border-color:#afa2e624;width:380px;height:380px;animation-duration:92s;animation-direction:reverse;inset:auto auto -210px -170px}.effects-toggle{z-index:35;color:#bce5dc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#102b35ed;border:1px solid #7acdc64a;border-radius:12px;gap:8px;min-height:44px;padding:8px 12px;font:600 11px/1.2 Segoe UI,Arial,sans-serif;display:flex;position:fixed;bottom:18px;left:18px;box-shadow:0 8px 26px #0003}.effects-toggle span{text-align:left}.effects-toggle small{color:#a3bec8;margin-top:3px;font-size:10px;font-weight:400;display:block}.effects-toggle:hover{background:#21454e;border-color:#92ead5}.effects-toggle:disabled{cursor:default;opacity:.8}.effects-toggle[aria-pressed=false]{color:#b2c7cf;border-color:#426272}.institution-banner{background:radial-gradient(at 10% 0,#397e8133,#0000 65%),linear-gradient(115deg,#112d36ed,#131c31ed 80%);border:1px solid #80dfd44a;border-radius:18px;grid-template-columns:minmax(228px,306px) minmax(0,1fr);align-items:center;gap:28px;margin:26px 0 0;padding:22px 26px;display:grid;position:relative;box-shadow:0 15px 45px #0003,inset 0 1px #c9fff018}.institution-logo{background:#fff;border:1px solid #dbe5e9;border-radius:10px;padding:8px 12px;line-height:0;display:block;box-shadow:0 6px 20px #0002}.institution-logo img{object-fit:contain;width:100%;height:auto;display:block}.institution-copy .eyebrow{letter-spacing:.13em;color:#a6eddf;font-size:.65rem}.institution-copy p{color:#dfedea;max-width:650px;margin:9px 0 0;font-size:1rem;line-height:1.65}.institution-copy p span{display:block}.licenses-page{max-width:960px}.licenses-page>.eyebrow{margin-top:35px}.licenses-page .panel{padding:30px}.licenses-page ul{margin:0;padding-left:22px}.licenses-page li{margin:18px 0;line-height:1.8}.licenses-page li a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.licenses-page .analytics-footer{margin-bottom:35px}.site-header{box-shadow:0 1px #a3ddcf12,0 12px 40px #0002}.brand-symbol{background:linear-gradient(140deg,#76e0cd16,#84e8df05);box-shadow:inset 0 1px #e7ffcc1a,0 0 24px #76e0cd0b}.top-nav a:hover,.top-nav a:focus-visible{color:#d6fff0;text-shadow:0 0 18px #76e0cd44}.hero h1 em,.guide-page h1,.page-top h1{text-shadow:0 0 36px #76e0cd12}.hero-visual{background:radial-gradient(at 75% 10%,#77e3d223,#0000 58%),linear-gradient(145deg,#143544f5,#111e32f5);border-color:#82d4d04a;box-shadow:inset 0 1px #d5fff019,0 22px 60px #0003}.orbit-ring{animation:64s linear infinite cosmic-orbit}.orbit-ring:after{content:"";background:#b0f3dd;border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;left:50%;box-shadow:0 0 18px #76e0cdaa}.float-token{animation:8s ease-in-out infinite alternate token-hover}.token-two{animation-delay:-3s}.token-three{animation-delay:-5s}.course-card,.journey-card,.panel,.lesson-sidebar{background-image:radial-gradient(at 100% 0,#6ca7c510,#0000 65%);transition:border-color .24s,box-shadow .24s,transform .24s;box-shadow:inset 0 1px #d5e5ff0c,0 12px 36px #0002}.course-card:hover,.course-card:focus-within,.journey-card:hover{border-color:#83d4c780;box-shadow:inset 0 1px #d5fff01f,0 14px 38px #0003,0 0 24px #76e0cd09}.editor-workbench{transition:border-color .3s,box-shadow .3s;box-shadow:inset 0 1px #deefff17,0 18px 50px #0003}.editor-workbench:focus-within{border-color:#6fb2af;box-shadow:0 0 0 1px #76e0cd16,0 18px 50px #0004}.usage-banner,.analytics-total{background-image:radial-gradient(at 10% 0,#65d7c51c,#0000 55%),linear-gradient(112deg,#112c35,#0d1929 65%,#191d34);border-color:#82e3d44f;box-shadow:inset 0 1px #d2fff01a,0 14px 45px #0003}.primary-link,button.primary{isolation:isolate;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff25,0 0 23px #76e0cd12}.primary-link:after,button.primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff36,#0000);width:40%;transition:left .65s;position:absolute;inset:-40% auto -40% -80%;transform:skew(-20deg)}.primary-link:hover:after,button.primary:hover:after{left:140%}.bot-launcher{box-shadow:0 8px 35px #0007,0 0 30px #76e0cd0c}.bot-panel{box-shadow:0 25px 90px #0009,0 0 0 1px #76e0cd0e}.bot-panel-head{background:linear-gradient(110deg,#173a44,#172c43)}.stats-strip{border-image:linear-gradient(90deg,#0000,#7dd9c977,#617eb155,#0000) 1}.site-footer{background:linear-gradient(#0b1c2780,#07141fe8);box-shadow:0 -1px #76e0cd0c}.hero,.catalogue>.section-head,.page-top,.guide-page>h1,.analytics-intro{animation:.5s cubic-bezier(.2,.65,.25,1) both page-arrival}@keyframes cosmic-orbit{to{transform:rotate(360deg)}}@keyframes cosmic-drift{0%{transform:translate(-1%,-1%)}to{transform:translate(2%,2%)}}@keyframes token-hover{0%{translate:0}to{translate:0 -7px}}@keyframes page-arrival{0%{opacity:.7;translate:0 6px}to{opacity:1;translate:0}}html[data-site-activity=paused] *,html[data-site-activity=paused] :before,html[data-site-activity=paused] :after{animation-play-state:paused!important}html[data-site-effects=calm] *,html[data-site-effects=calm] :before,html[data-site-effects=calm] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}html[data-site-effects=calm] .primary-link:after,html[data-site-effects=calm] button.primary:after{display:none}body:has(.fullscreen) .effects-toggle{display:none}@media (width<=700px){.institution-banner{grid-template-columns:1fr;gap:16px;margin-top:20px;padding:20px}.institution-logo{width:min(100%,318px)}.institution-copy p{font-size:.85rem}.institution-copy .eyebrow{letter-spacing:.09em;font-size:.59rem}.cosmic-orbit-one{top:150px;right:-430px}.cosmic-grid{background-size:72px 72px}.effects-toggle{padding:8px 10px;font-size:10px;bottom:12px;left:12px}.effects-toggle small{font-size:9px}.site-footer{padding-bottom:95px}}@media (hover:none){.primary-link:after,button.primary:after{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.primary-link:after,button.primary:after{display:none}}@media print{.cosmic-backdrop,.effects-toggle{display:none!important}.site-content{position:static}.institution-banner{box-shadow:none;background:#fff;border-color:#ccc}.institution-copy p,.institution-copy .eyebrow{color:#222}body{background:#fff}.panel,.course-card,.editor-workbench{box-shadow:none}}.learning-content{--learning-text:#d3e2eb;min-width:0}.learning-content p,.learning-content li{color:var(--learning-text);text-align:left}.learning-content p{max-width:78ch;font-size:1rem;line-height:1.9}.learning-content h2{font-size:1.45rem;line-height:1.45}.learning-content h3{line-height:1.55}.learning-content h4{color:#e7f4f7;margin:18px 0 9px;font-size:.95rem;line-height:1.6}.learning-content code:not(pre code){color:#b7eee4;overflow-wrap:anywhere;white-space:pre-wrap;background:#081c29;border:1px solid #2c4c5c;border-radius:5px;padding:2px 5px}.learning-content summary{cursor:pointer;color:#bcebe1;font-size:.88rem;line-height:1.65}.learning-content summary:focus-visible,.learning-content button:focus-visible,.learning-content a:focus-visible{outline-offset:4px;outline:2px solid #a7eddf}.learning-section{scroll-margin-top:22px}.learning-section:focus{outline:none}.learning-section:focus-visible{outline-offset:4px;outline:2px solid #76e0cd}.learning-loading{color:var(--muted);padding:10px 16px;font-size:.88rem}.study-waypoints{flex-wrap:wrap;gap:9px;padding:0 2px;display:flex}.study-waypoints button{background:#102b3b;border-radius:30px;padding:9px 16px;font-size:.8rem}.learning-overview{border-left:3px solid #76e0cd;padding-left:20px;color:#dff6f0!important;margin-bottom:32px!important;font-size:1.05rem!important}.prerequisites{border-top:1px solid #294555;margin-top:24px;padding-top:16px}.prerequisites h3{margin:0 0 12px;font-size:.95rem}.prerequisites ul{padding-left:22px!important;list-style:outside!important;display:block!important}.prerequisites li{font-size:.88rem;margin:8px 0!important;display:list-item!important}.concept-section{border-top:1px solid #294555;margin-top:26px;padding-top:16px}.theory .concept-section h3{align-items:baseline;gap:13px;margin-top:12px;font-size:1.15rem;display:flex}.concept-section h3>span{color:#8acbc3;letter-spacing:.06em;font-size:.72rem}.learning-code{overflow:auto;white-space:pre!important;overflow-wrap:normal!important;max-height:600px!important;font-size:.84rem!important}.code-walkthrough{counter-reset:walkthrough;margin:30px 0 15px;list-style:none;padding:0!important}.code-walkthrough>li{counter-increment:walkthrough;border-left:1px solid #345a68;padding:2px 0 20px 43px;line-height:1.8;position:relative;margin:0 0 0 14px!important}.code-walkthrough>li:before{content:counter(walkthrough);color:#c6f4e9;background:#153b44;border:1px solid #527a80;border-radius:50%;place-items:center;width:27px;height:27px;font-size:.76rem;display:grid;position:absolute;top:0;left:-14px}.code-walkthrough>li:last-child{border-left-color:#0000}.learning-content .code-focus{max-width:100%;margin-bottom:6px;line-height:1.6;display:inline-block;padding:5px 9px!important}.code-walkthrough p{margin:3px 0 0!important;font-size:.93rem!important}.learning-result{border-top:1px solid #294555;margin-top:20px;padding-top:20px}.learning-table-scroll{border:1px solid #365363;border-radius:10px;margin:18px 0;overflow:auto}.learning-table-scroll table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem;line-height:1.6}.learning-table-scroll th{color:#c8f1e7;white-space:nowrap;background:#153746;font-weight:600}.learning-table-scroll th,.learning-table-scroll td{vertical-align:top;border-bottom:1px solid #365363;padding:12px 16px}.learning-table-scroll td{color:#d7e6ed;white-space:pre-wrap;min-width:100px}.learning-table-scroll tbody tr:nth-child(2n){background:#0b202e}.learning-table-scroll tbody tr:last-child td{border-bottom:0}.learning-pitfalls article{border-top:1px solid #365363;padding:16px 0 5px}.learning-pitfalls h3{color:#f0d3a5;margin:5px 0 10px;font-size:1rem}.learning-pitfalls p{margin:0 0 16px;font-size:.94rem}.quick-quiz .learning-self-check{border-bottom:1px solid #345260;margin-bottom:22px;padding:14px 0 22px;display:block!important}.learning-self-check h3{font-size:1.05rem}.learning-self-check p{line-height:1.9;font-size:.94rem!important}.learning-sources>div:not(.eyebrow){border-top:1px solid #294555;padding:12px 0}.learning-sources a{padding:6px 0;font-size:.92rem;line-height:1.6}.learning-sources a svg{flex-shrink:0}.learning-sources p{color:#bbced9;margin:5px 0 0 28px;font-size:.86rem}.learning-diagram{background:linear-gradient(145deg,#122f3d,#0b202e);border:1px solid #3d616b;border-radius:15px;min-width:0;margin:0;padding:25px}.learning-diagram h3{margin:10px 0!important;font-size:1.14rem!important}.learning-diagram figcaption p{margin:10px 0 20px;font-size:.92rem}.diagram-canvas{text-align:center;background:#081b27;border:1px solid #294b59;border-radius:10px;min-width:0;padding:18px 10px;overflow:auto}.diagram-canvas img{width:auto;max-width:100%;height:auto;max-height:650px;margin:0 auto;display:block}.diagram-tools{flex-wrap:wrap;align-items:center;gap:22px;margin:18px 0;display:flex}.diagram-tools button,.diagram-tools a{font-size:.8rem}.diagram-tools a{color:#abdfd4;align-items:center;gap:7px;display:inline-flex}.diagram-notes{margin:12px 0;padding-left:20px;font-size:.84rem;line-height:1.8}.diagram-notes li{margin:7px 0}.diagram-reading{border-top:1px solid #345260;margin-top:16px;padding-top:14px;font-size:.8rem;line-height:1.8}.diagram-reading dl{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.diagram-reading dt{color:#e1f0f4;white-space:pre-wrap;font-weight:500}.diagram-reading dd{color:#b8ced9;white-space:pre-wrap;margin:5px 0}.diagram-reading ul{padding-left:20px}.diagram-reading li{margin:8px 0}.diagram-dialog{color:#e1f0f4;background:#0b202e;border:1px solid #5c8f97;border-radius:14px;width:calc(100vw - 32px);max-width:1450px;max-height:calc(100dvh - 32px);margin:auto;padding:0;box-shadow:0 20px 80px #0009}.diagram-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020b11db}.diagram-dialog-head{background:#102c3b;border-bottom:1px solid #345260;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex;position:sticky;top:0}.diagram-dialog-head strong{font-size:.95rem}.diagram-dialog-head button{font-size:.75rem}.diagram-dialog-body{text-align:center;max-height:calc(100dvh - 125px);padding:24px;overflow:auto}.diagram-dialog-body img{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 175px);margin:auto;display:block}.diagram-dialog-body.natural img{max-width:none;max-height:none;margin:0 auto}.learning-content .exercise-card{grid-template-columns:36px minmax(0,1fr);gap:18px;padding:28px}.exercise-body{min-width:0}.learning-content .exercise-card h3{font-size:1.18rem}.learning-content .exercise-card p{font-size:.95rem;line-height:1.9}.exercise-prompt{color:#ecf5f6!important}.exercise-analysis{background:#0b2130;border-left:3px solid #5faeaa;border-radius:0 10px 10px 0;margin:20px 0 24px;padding:15px 20px 6px}.exercise-analysis h4{color:#bce9df;margin-top:0}.exercise-analysis p{margin-bottom:14px}.learning-content .exercise-card details{padding:17px 0}.learning-content .exercise-card details[open]>summary{margin-bottom:16px}.exercise-plan ol{padding-left:22px;font-size:.94rem;line-height:1.9}.exercise-plan li{margin:12px 0;padding-left:5px}.exercise-plan .learning-diagram{margin:24px 0 6px;padding:20px}.exercise-plan .learning-diagram h3{font-size:1rem!important}.exercise-checks>article{background:#0a202e;border:1px solid #2e5262;border-radius:10px;margin:18px 0;padding:5px 20px 15px}.exercise-checks dl{margin:14px 0 0;font-size:.91rem;line-height:1.85}.exercise-checks dt{color:#8acbc3;margin-top:13px;font-size:.75rem;font-weight:600}.exercise-checks dd{color:#d3e2eb;white-space:pre-wrap;margin:4px 0 0}.check-expected{overflow-wrap:anywhere;background:#071925;border-radius:7px;padding:12px 14px}.exercise-mistake{border-left:3px solid #b89a6e;margin-top:22px;padding-left:17px}.exercise-mistake h4{color:#e1c89f}.exercise-solution>pre{overflow:auto;white-space:pre!important;overflow-wrap:normal!important;font-size:.83rem!important}.exercise-solution>pre:last-of-type{white-space:pre-wrap!important}.learning-content .exercise-card .btn-row{flex-wrap:wrap;gap:12px;margin-top:20px}.learning-content .exercise-card .btn-row button{padding:10px 16px;font-size:.8rem}.learning-content .exercise-card .diagram-dialog-head{padding:16px 20px}.learning-content .exercise-card .diagram-dialog-head button{font-size:.75rem}@media (width<=640px){.learning-content p,.learning-content .exercise-card p{font-size:.92rem;line-height:1.9}.learning-content h2{font-size:1.27rem}.learning-content .study-content .panel{padding:20px}.theory .concept-section h3{gap:10px;font-size:1.04rem}.learning-overview{padding-left:14px;font-size:.98rem!important}.learning-diagram{padding:18px 14px}.learning-diagram h3{font-size:1.04rem!important}.diagram-canvas{padding:12px 4px}.diagram-tools{gap:15px}.diagram-tools a,.diagram-tools button{font-size:.74rem}.learning-content .exercise-card{grid-template-columns:1fr;gap:6px;padding:20px 16px}.learning-content .exercise-number{font-size:.8rem}.learning-content .exercise-card h3{font-size:1.13rem}.exercise-analysis{padding:13px 14px 2px}.code-walkthrough>li{padding-left:28px}.code-walkthrough p{font-size:.9rem!important}.code-focus{font-size:.78rem!important}.learning-table-scroll td,.learning-table-scroll th{padding:10px 12px;font-size:.8rem}.exercise-checks>article{padding:4px 14px 15px}.exercise-plan .learning-diagram{padding:16px 10px}.diagram-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 16px)}.diagram-dialog-head{flex-wrap:wrap;gap:10px;padding:12px}.diagram-dialog-head>strong{max-width:85%;font-size:.83rem}.diagram-dialog-head .btn-row{justify-content:flex-end;width:100%;margin-top:0!important}.diagram-dialog-body{padding:10px}.diagram-dialog-body img{max-height:calc(100dvh - 210px)}.learning-sources p{margin-left:0}.study-waypoints{gap:7px}.study-waypoints button{padding:8px 12px;font-size:.76rem}}@media print{.study-waypoints,.diagram-tools,.diagram-dialog,.learning-content button{display:none!important}.learning-content p,.learning-content li,.learning-content h2,.learning-content h3,.learning-content h4,.learning-content td,.learning-content dd{color:#111!important}.learning-content details{display:block}.learning-content details>*{display:block!important}.learning-diagram{break-inside:avoid;background:#fff}.learning-content pre{white-space:pre-wrap!important;max-height:none!important}}.diagram-legend{color:#bcd5df;border-top:1px solid #294b59;flex-wrap:wrap;gap:12px 24px;padding:14px 0;font-size:.75rem;line-height:1.5;display:flex}.diagram-legend>span{align-items:center;gap:8px;display:inline-flex}.diagram-legend svg{fill:none;stroke:currentColor;stroke-width:1.5px;flex-shrink:0;width:35px;height:23px}.class-legend svg{width:58px}.learning-content .exercise-card .diagram-legend{font-size:.72rem}.learning-content .class-notation{color:#bcd5df;margin:8px 0 16px;font-size:.8rem;line-height:1.8}.brand-sub{text-transform:uppercase}.brand-department{letter-spacing:.015em;color:#b6cbd3;max-width:350px;margin-top:4px;font-size:10px;font-weight:400;line-height:1.45;display:block}.site-brand,.site-brand>span:last-child{min-width:0}.header-inner{gap:24px}.footer-institution{max-width:430px}.footer-institution span,.footer-institution small{display:block}.footer-institution span{margin-top:4px;line-height:1.6}.footer-institution small{color:#92aebc;margin-top:10px}.institution-copy .eyebrow{text-transform:uppercase}.institution-logo{cursor:default}.page-navigation{isolation:isolate;align-items:center;gap:10px;margin:22px 0 26px;padding:0 0 18px;display:flex;position:relative}.page-navigation:after{content:"";background:linear-gradient(90deg,#76e0cd77,#76e0cd18 65%,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.page-navigation button,.page-navigation>a{color:#d8eeea;background:#102a37db;border:1px solid #62989566;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 15px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.page-navigation button:hover,.page-navigation>a:hover{color:#f0fffa;background:#1b414c;border-color:#86e8d4}.page-navigation button:focus-visible,.page-navigation>a:focus-visible,.music-channel button:focus-visible,.music-volume input:focus-visible{outline-offset:4px;outline:2px solid #c7f7ac}.navigation-signal{color:#97d8d0;opacity:.7;align-items:center;gap:14px;margin-left:auto;font:12px/1.2 monospace;display:flex}.navigation-signal i{background:#a2eccf;border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #8df0ca}.navigation-signal b{background:linear-gradient(90deg,#7cddd5,#0000);width:48px;height:1px;animation:6s ease-in-out infinite circuit-breathe;display:block}.licenses-page>.page-navigation{margin-top:0}.analytics-page>.page-navigation{margin-top:8px}.not-found-page{padding-top:40px;padding-bottom:160px}.learning-content p,.learning-content li,.study-panel p,.study-panel li{text-align:justify;text-align-last:start;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.learning-content pre,.learning-content code,.learning-content th,.learning-content td,.learning-content figcaption{text-align:left;-webkit-hyphens:none;hyphens:none}.cosmic-nebula{background:radial-gradient(at 8% 23%,#2a95834d,#0000 40%),radial-gradient(at 96% 60%,#6d599b38,#0000 42%),radial-gradient(at 45% 100%,#15516838,#0000 45%)}.cosmic-grid{background-image:linear-gradient(#86cbd010 1px,#0000 1px),linear-gradient(90deg,#86cbd010 1px,#0000 1px)}.programming-glyphs{color:#8ce9dc;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;inset:0}.programming-glyphs span{opacity:.24;text-shadow:0 0 20px #68efcf66;letter-spacing:.12em;font-size:clamp(22px,3vw,42px);font-weight:300;animation:16s ease-in-out infinite alternate code-float;position:absolute}.programming-glyphs span:first-child{top:28%;left:1.2%}.programming-glyphs span:nth-child(2){animation-delay:-7s;top:57%;right:1.4%}.programming-glyphs span:nth-child(3){color:#b4abeb;animation-delay:-11s;top:79%;left:2%}.programming-glyphs span:nth-child(4){writing-mode:vertical-rl;font-size:17px;animation-delay:-3s;top:13%;right:3%}.site-header:after{content:"";background:linear-gradient(90deg,#0000 15%,#82e9d455 37%,#b5fff0bb 50%,#82e9d455 63%,#0000 85%) 0 0/240% 100%;height:1px;animation:14s ease-in-out infinite code-scan;display:block}.programming-visual .floating-code{box-shadow:0 12px 38px #0005,0 0 32px #7ce7d324}.floating-code code:after{content:"";vertical-align:middle;background:#b4f0d6;width:6px;height:12px;margin-left:6px;animation:2.4s step-end infinite code-cursor;display:inline-block}.lesson-sidebar,.editor-workbench{border-top-color:#78d3c58f}.bot-launcher{right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:76;gap:6px;width:180px;height:60px;padding:0 13px 0 2px}.bot-launcher>svg:last-child,.bot-launcher .orion-robot{flex-shrink:0}.bot-launcher>span{text-align:left;flex:1}.bot-panel{z-index:77;max-height:min(700px,100dvh - 148px);bottom:124px}.music-channel{right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:76;color:#d1e7e5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#142b36f5,#0d1925f5);border:1px solid #b9e98b66;border-radius:14px;width:270px;padding:10px 12px 9px;position:fixed;box-shadow:0 12px 38px #0006,inset 0 1px #dbffd51a}body:has(.bot-launcher) .music-channel{right:216px}.music-top{align-items:flex-start;gap:3px;display:flex}.music-toggle{color:#c9f4b0;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:9px;min-width:0;min-height:36px;padding:0;display:flex}.music-toggle>svg{flex-shrink:0}.music-toggle>span:first-of-type{letter-spacing:.1em;font:700 10px/1.3 Segoe UI,Arial,sans-serif}.music-toggle small{color:#a3c3ce;letter-spacing:.01em;margin-top:4px;font-size:9px;font-weight:400;line-height:1.35;display:block}.music-toggle:disabled{cursor:default;opacity:.7}.music-minimize{color:#b3cfcf;background:#d6efe408;border:0;border-radius:7px;place-items:center;width:28px;min-width:28px;height:28px;padding:0;display:grid}.music-minimize:hover{color:#f0ffed;background:#d6efe41a}.music-equalizer{align-items:flex-end;gap:2px;height:15px;margin-left:auto;padding-left:3px;display:flex!important}.music-equalizer i{background:#bfe794;border-radius:2px;width:2px;height:4px;display:block}.music-playing .music-equalizer i{animation:1.7s ease-in-out infinite alternate music-level}.music-equalizer i:nth-child(2){animation-delay:-.6s}.music-equalizer i:nth-child(3){animation-delay:-1.1s}.music-equalizer i:nth-child(4){animation-delay:-.3s}.music-volume{align-items:center;gap:10px;margin-top:8px;padding:0 2px;display:flex}.music-volume input{cursor:pointer;accent-color:#bce994;width:100%;min-width:0;height:18px}.music-volume output{text-align:right;color:#b9d8d4;flex-shrink:0;width:31px;font:10px/1 monospace}.music-retry{color:#d9efb5;margin-top:6px;font-size:11px}.music-minimized{border-radius:14px;width:48px;height:48px;padding:0}.music-mini{border-radius:inherit;color:#c5f0a4;background:0 0;border:0;place-items:center;width:100%;height:100%;padding:0;display:grid;position:relative}.music-mini i{background:#668183;border-radius:50%;width:4px;height:4px;position:absolute;bottom:7px;right:8px}.music-playing .music-mini i{background:#c5f0a4;box-shadow:0 0 7px #bce99488}.site-footer{padding-bottom:140px}.analytics-footer{padding-bottom:125px}.toast{bottom:135px}@keyframes code-float{to{opacity:.34;transform:translateY(-22px)}}@keyframes code-scan{0%,to{background-position:100% 0}50%{background-position:0 0}}@keyframes code-cursor{0%,70%{opacity:1}71%,to{opacity:0}}@keyframes circuit-breathe{50%{opacity:.35}}@keyframes music-level{0%{height:4px}to{height:15px}}@media (width<=1000px){.brand-department{max-width:300px;font-size:9px}.top-nav{gap:14px}}@media (width<=700px){.brand-department{max-width:260px;font-size:9px;line-height:1.4}.site-brand{gap:9px}.header-inner{gap:10px}.page-navigation{flex-wrap:wrap;gap:8px;margin-top:18px;margin-bottom:22px;padding-bottom:15px}.page-navigation button,.page-navigation>a{gap:7px;min-height:40px;padding:9px 11px;font-size:11px}.navigation-signal{display:none}.programming-glyphs span:first-child{font-size:24px;top:35%;left:1%}.programming-glyphs span:nth-child(2){font-size:23px;top:70%;right:0}.programming-glyphs span:nth-child(3),.programming-glyphs span:nth-child(4){display:none}.bot-launcher{right:12px;bottom:max(12px,env(safe-area-inset-bottom));border-radius:15px;width:52px;height:52px;padding:0}.bot-launcher>span,.bot-launcher>svg:last-child{display:none}.bot-launcher .orion-robot{width:50px;height:62px;margin-top:-12px}.bot-panel{max-height:calc(100dvh - 138px);bottom:114px;right:12px}.music-channel{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:min(270px,100vw - 24px)}body:has(.bot-launcher) .music-channel{width:min(270px,100vw - 88px);right:76px}.music-channel.music-minimized{width:48px}body:has(.bot-launcher) .music-channel.music-minimized{width:48px}.music-toggle{gap:7px}.music-toggle>span:first-of-type{font-size:9px}.music-toggle small{font-size:8px}.music-equalizer{display:none!important}.effects-toggle{justify-content:center;width:36px;min-height:36px;padding:8px;bottom:114px;left:12px}.effects-toggle span{display:none}.site-footer{padding-bottom:128px}.toast{bottom:156px}}@media (width<=360px){.brand-department{max-width:205px;font-size:8px}.brand-sub{font-size:8px}.brand-title{font-size:.8rem}.brand-title b{font-size:.72rem}.brand-symbol{display:none}.music-channel{padding:9px}.music-minimize{width:24px;min-width:24px}.music-toggle{gap:5px}}@media (prefers-reduced-motion:reduce){.programming-glyphs span,.site-header:after,.floating-code code:after,.navigation-signal b,.music-playing .music-equalizer i{animation:none}}@media print{.page-navigation,.music-channel,.bot-launcher,.bot-panel{display:none!important}.site-footer,.analytics-footer{padding-bottom:0}}.footer-links{flex-wrap:wrap;row-gap:12px}.suggestion-invitation{isolation:isolate;background:linear-gradient(115deg,#102a39e8,#10202fe8 64%,#22223be8);border:1px solid #345567;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:26px;margin:34px 0 58px;padding:36px;display:grid;position:relative;overflow:hidden}.suggestion-invitation:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000,#8affdc30,#0000) top/45% 1px no-repeat;animation:12s ease-in-out infinite alternate suggestion-signal;position:absolute;inset:0}.suggestion-emblem{color:#95edd5;background:#80e3c709;border:1px solid #5cd8bd42;border-radius:16px;place-items:center;gap:11px;width:78px;height:96px;display:grid;box-shadow:0 0 35px #58e9bd09}.suggestion-emblem span{letter-spacing:.16em;color:#a2bec8;font:11px ui-monospace,monospace}.suggestion-invitation h2{letter-spacing:-.03em;margin:8px 0 13px;font-size:clamp(21px,2.3vw,28px);line-height:1.3}.suggestion-invitation p{color:#b9cbd5;max-width:680px;margin:0 0 15px;line-height:1.8}.suggestion-invitation>.primary-link{white-space:nowrap}.suggestion-private{color:#a2c6c8;align-items:flex-start;gap:8px;font-size:12px;line-height:1.65;display:flex}.suggestion-private svg{flex-shrink:0;margin-top:2px}.suggestion-page{padding:32px 0 60px}.suggestion-heading{max-width:870px;margin:18px 0 34px}.suggestion-heading h1{letter-spacing:-.04em;margin:12px 0 18px;font-size:clamp(30px,4.2vw,48px);line-height:1.2}.suggestion-heading h1 span{color:#84e0c7}.suggestion-heading>p{color:#b1c4cf;max-width:720px;font-size:16px;line-height:1.85}.suggestion-layout{grid-template-columns:minmax(0,1.85fr) minmax(250px,1fr);align-items:start;gap:28px;display:grid}.suggestion-form-panel{min-width:0;padding:30px}.suggestion-form-panel fieldset{border:0;min-width:0;margin:0;padding:0}.suggestion-form-panel label,.suggestion-filters label,.suggestion-item label{color:#d5e4eb;flex-direction:column;gap:9px;min-width:0;margin-bottom:22px;font-size:13px;font-weight:600;display:flex}.suggestion-fields{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:18px;display:grid}.suggestion-form-panel input,.suggestion-form-panel select,.suggestion-form-panel textarea,.suggestion-filters select,.suggestion-item select{font:inherit;color:#e2edf0;box-sizing:border-box;outline-offset:3px;background:#091d2b;border:1px solid #365266;border-radius:9px;width:100%;min-width:0;padding:12px 13px;font-weight:400;line-height:1.55}.suggestion-form-panel input:focus-visible,.suggestion-form-panel select:focus-visible,.suggestion-form-panel textarea:focus-visible,.suggestion-filters select:focus-visible,.suggestion-item select:focus-visible{outline:2px solid #85e6cf}.suggestion-form-panel textarea{resize:vertical;min-height:185px}.suggestion-form-panel input::placeholder,.suggestion-form-panel textarea::placeholder{color:#859fae;opacity:1}.suggestion-form-panel :disabled,.suggestion-filters :disabled{opacity:.55}.suggestion-field-help{color:#9cb3c2;flex-wrap:wrap;justify-content:space-between;gap:16px;margin:-12px 0 27px;font-size:11px;line-height:1.7;display:flex}.suggestion-field-help>span:last-child{white-space:nowrap}.suggestion-submit{border-top:1px solid #294555;justify-content:space-between;align-items:center;gap:22px;padding-top:23px;display:flex}.suggestion-submit button{white-space:nowrap;min-height:44px}.suggestion-submit .suggestion-private{max-width:270px}.suggestion-honeypot{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.suggestion-aside .panel{padding:28px}.suggestion-aside svg{color:#a5e3d2}.suggestion-aside h2{margin:16px 0;font-size:21px;line-height:1.5}.suggestion-aside p{color:#aec4ce;font-size:14px;line-height:1.85}.suggestion-privacy-note{gap:13px;padding:26px 8px;display:flex}.suggestion-privacy-note>svg{flex-shrink:0;margin-top:3px}.suggestion-privacy-note strong{font-size:13px}.suggestion-privacy-note p{margin-top:8px;font-size:12px;line-height:1.8}.suggestion-success{outline-offset:6px;padding:35px 4px}.suggestion-success>svg{color:#87e2c8}.suggestion-success h2{margin:22px 0 12px;font-size:27px;line-height:1.4}.suggestion-success p{color:#bfd0d8;margin-bottom:27px;line-height:1.9}.suggestion-success .btn-row{flex-wrap:wrap}.lesson-suggestion{justify-content:flex-end;margin:0 0 15px;display:flex}.lesson-suggestion a{color:#b6d7d8;background:#0e2433;border:1px solid #345669;border-radius:8px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;display:inline-flex}.lesson-suggestion a:hover{color:#d3fff1;border-color:#84ddc6}.suggestion-owner-links{flex-wrap:wrap;gap:14px;margin:16px 0 28px;display:flex}.suggestion-filters{padding:24px}.suggestion-filter-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.suggestion-filter-actions .btn-row{flex-wrap:wrap}.suggestion-filter-actions button[aria-pressed=true]{color:#0b2630;background:#7edac5;border-color:#7edac5}.suggestion-count{background:#ffffff13;border-radius:5px;place-items:center;min-width:21px;height:21px;font-size:11px;display:inline-grid}.suggestion-list-meta{color:#a8bdcb;justify-content:space-between;gap:16px;margin:26px 0 14px;font-size:12px;display:flex}.suggestion-list{gap:18px;display:grid}.suggestion-item{min-width:0;padding:26px}.suggestion-item-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.suggestion-item time{color:#a8bdcb;font-size:11px}.suggestion-status{color:#9ae7d4;background:#173a42;border-radius:20px;padding:5px 11px;font-size:11px}.suggestion-status.status-new{color:#d1c6ff;background:#28314b}.suggestion-status.status-completed{color:#a7d9b1;background:#213f32}.suggestion-item h2{overflow-wrap:anywhere;margin:17px 0 12px;font-size:23px;line-height:1.5}.suggestion-tags{color:#9db6c5;flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.suggestion-tags span+span:before{content:"·";margin-right:8px}.suggestion-lesson-link{color:#a2ddcd;align-items:center;gap:7px;margin-top:14px;font-size:12px;line-height:1.8;display:inline-flex}.suggestion-lesson-link svg{flex-shrink:0}.suggestion-message{white-space:pre-wrap;overflow-wrap:anywhere;color:#d4e1e6;margin:12px 0;padding:20px 0;font-size:15px;line-height:1.95}.suggestion-item-bottom{border-top:1px solid #28414f;justify-content:space-between;align-items:flex-end;gap:18px;padding-top:20px;display:flex}.suggestion-item-bottom label{max-width:250px;margin:0}.suggestion-item-bottom select{min-width:170px;padding:9px 12px}.suggestion-item-bottom>span{color:#9eb6c4;padding-bottom:12px;font-size:11px}.suggestion-empty{text-align:center;color:#b3c8d0;padding:46px 28px}.suggestion-empty svg{color:#88ccb9;margin:0 auto 18px}.suggestion-empty h2{font-size:22px;line-height:1.5}.suggestion-empty p{font-size:14px;line-height:1.8}.suggestion-pagination{justify-content:space-between;align-items:center;gap:15px;margin:30px 0;font-size:13px;display:flex}@keyframes suggestion-signal{0%{background-position:0 0}to{background-position:100% 0}}@media (width<=1050px){.suggestion-invitation{grid-template-columns:auto minmax(0,1fr)}.suggestion-invitation>.primary-link{grid-column:2;justify-self:start}.suggestion-layout{grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr)}.suggestion-submit{flex-direction:column;align-items:flex-start}}@media (width<=760px){.suggestion-layout{grid-template-columns:minmax(0,1fr)}.suggestion-aside{grid-template-columns:1fr 1fr;gap:16px;display:grid}.suggestion-aside .panel{padding:20px}.suggestion-privacy-note{padding:20px 6px}.suggestion-invitation{gap:18px;padding:25px}.suggestion-emblem{width:60px;height:80px}.suggestion-form-panel{padding:24px}.suggestion-invitation .suggestion-private{font-size:11px}}@media (width<=480px){.suggestion-fields{grid-template-columns:minmax(0,1fr);gap:0}.suggestion-invitation{padding:24px;display:block}.suggestion-emblem{float:right;width:46px;height:54px;margin:0 0 10px 10px}.suggestion-emblem span{display:none}.suggestion-invitation>.primary-link{white-space:normal;margin-top:23px;display:inline-flex}.suggestion-invitation .eyebrow{font-size:9px}.suggestion-aside{display:block}.suggestion-form-panel,.suggestion-filters,.suggestion-item{padding:20px}.suggestion-item-bottom{flex-direction:column;align-items:flex-start;gap:12px}.suggestion-item h2{font-size:20px}.suggestion-pagination button{padding:9px;font-size:11px}.suggestion-filter-actions .btn-row{gap:7px}.suggestion-filter-actions button,.suggestion-owner-links .secondary-link{font-size:12px}}@media (prefers-reduced-motion:reduce){.suggestion-invitation:before{animation:none}}.advanced-course-link{border-top:1px solid var(--line);color:#b9ece0;align-items:center;gap:8px;margin:16px 0 19px;padding:11px 0;font-size:.74rem;line-height:1.5;display:flex}.advanced-course-link span{color:var(--muted);white-space:nowrap;margin-left:auto}.advanced-course-link svg{flex-shrink:0}.lesson-group-label{color:#96d6c7;letter-spacing:.06em;text-transform:uppercase;padding:20px 16px 9px;font-size:.65rem}.lesson-group-label:first-child{padding-top:6px}.practice-guide-link{color:#a5dfd2;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:.78rem;line-height:1.6;display:inline-flex}.professional-practice{max-width:1100px;margin-left:auto;margin-right:auto}.professional-practice h1{overflow-wrap:anywhere;max-width:100%}.professional-practice .practice-intro{max-width:85ch;font-size:1.08rem}.practice-course-links{flex-wrap:wrap;gap:12px;margin:28px 0 34px;display:flex}.practice-course-links a{min-height:42px;font-size:.84rem}.practice-workflow{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:24px;margin:30px 0;display:grid}.practice-workflow .diagram-canvas img{max-height:720px}.practice-workflow .panel{position:sticky;top:22px}.practice-workflow p,.practice-steps p,.practice-steps li,.practice-delivery p,.professional-practice>section>p{text-align:justify;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;line-height:1.9}.practice-workflow .panel>svg,.practice-delivery>svg{color:#8bd8c2}.practice-steps{gap:24px;margin:34px 0;display:grid}.practice-steps .panel{padding:30px;position:relative}.practice-step-number{color:#86cbbb;margin-bottom:8px;font:14px/1.5 monospace;display:block}.practice-steps h2{max-width:90%;margin-top:0}.practice-steps ol{max-width:88ch;margin:20px 0 0;padding-left:24px}.practice-steps li{color:#cadde7;margin:12px 0;padding-left:7px;font-size:.95rem}.professional-practice>section{margin:24px 0}.practice-banner{background:linear-gradient(120deg,#12303c,#102333);border:1px solid #385d61;border-radius:14px;justify-content:space-between;align-items:center;gap:25px;margin:30px 0 15px;padding:25px 28px;display:flex}.practice-banner h2{margin:8px 0;font-size:1.25rem}.practice-banner p{max-width:70ch;margin:0;font-size:.88rem;line-height:1.75}.practice-banner>a{flex-shrink:0;font-size:.8rem}.practice-banner .eyebrow{font-size:.62rem}@media (width<=760px){.practice-workflow{grid-template-columns:minmax(0,1fr)}.practice-workflow .panel{position:static}.practice-steps .panel{padding:22px}.practice-steps h2{max-width:100%}.practice-banner{padding:23px;display:block}.practice-banner>a{margin-top:18px;display:inline-flex}.professional-practice .practice-intro{font-size:.95rem}.practice-steps li{font-size:.9rem}.practice-course-links{gap:8px}.practice-course-links a{font-size:.75rem}}
.analytics-page .analytics-toolbar{flex-wrap:wrap;align-items:flex-start}
.analytics-page .analytics-toolbar>.btn-row{min-width:0;max-width:100%}
.analytics-page .analytics-reset-toggle,.analytics-page .analytics-reset-confirmation button{min-height:44px}
.analytics-page .analytics-reset-toggle{border-color:#b78f5b;color:#f3d6a4}
.analytics-page .analytics-owner-exclusion{border-left:2px solid var(--accent);padding:7px 12px;margin:0 0 24px;color:var(--muted);font-size:.8rem;line-height:1.65;text-align:start;overflow-wrap:anywhere}
.analytics-page .analytics-owner-storage{border-left-color:#b78f5b;color:#f3d6a4}
.analytics-page .analytics-reset-confirmation{margin:0 0 18px;padding:22px;border-color:#b78f5b;min-width:0}
.analytics-page .analytics-reset-confirmation h2{font-size:1.1rem;margin:0 0 10px}
.analytics-page .analytics-reset-confirmation p{line-height:1.7;text-align:start;overflow-wrap:anywhere}
.analytics-page .analytics-reset-confirmation .btn-row{justify-content:flex-end}
.analytics-page .analytics-reset-confirm{background:#473b24;color:#f3d6a4;border-color:#b78f5b}
.analytics-page .analytics-reset-status{margin:0 0 18px;padding:12px 16px;border:1px solid var(--accent);border-radius:12px;color:var(--accent);font-size:.8rem;line-height:1.7;overflow-wrap:anywhere;text-align:start}
@media (max-width:650px){.analytics-page .analytics-toolbar>.btn-row{width:100%}.analytics-page .analytics-toolbar>.btn-row:last-child>button{flex:1 1 auto;min-height:44px}.analytics-page .analytics-reset-confirmation{padding:18px}.analytics-page .analytics-reset-confirmation .btn-row>button{flex:1 1 130px}.analytics-page .analytics-owner-exclusion{font-size:.76rem}}
.vlp-stdin-assist{display:grid;gap:10px;margin:12px 0 14px;padding:14px 16px;border:1px solid rgba(62,192,185,.32);border-radius:14px;background:linear-gradient(120deg,rgba(19,71,83,.21),rgba(16,31,51,.2));color:inherit}
.vlp-stdin-assist-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}
.vlp-stdin-assist-head strong{font-size:.98rem}
.vlp-stdin-assist-status{font-size:.78rem;line-height:1.4;border:1px solid rgba(140,190,205,.32);border-radius:999px;padding:3px 10px;max-width:100%}
.vlp-stdin-assist-edit{display:grid;gap:6px}
.vlp-stdin-assist-edit label{font-size:.84rem;font-weight:600}
.vlp-stdin-assist-edit textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:52px;max-height:250px;padding:9px 11px;color:inherit;background:rgba(7,17,31,.45);border:1px solid rgba(139,188,207,.45);border-radius:9px;font:500 .94rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.vlp-stdin-assist-edit textarea:focus-visible,.vlp-stdin-assist button:focus-visible{outline:2px solid #83e8e1;outline-offset:2px}
.vlp-stdin-assist-actions{display:flex;gap:8px;flex-wrap:wrap}
.vlp-stdin-assist-actions button{font-size:.85rem;line-height:1.4;max-width:100%;white-space:normal}
.vlp-stdin-assist-actions button:disabled{opacity:.65;cursor:not-allowed}
.vlp-stdin-assist-text,.vlp-stdin-assist-warning{margin:0;line-height:1.5;font-size:.83rem}
.vlp-stdin-assist-warning{padding:8px 10px;border-left:3px solid #82b5dd;background:rgba(42,83,116,.18);border-radius:4px}
@media(max-width:700px){.vlp-stdin-assist{padding:10px 12px;margin:8px 0 10px;gap:8px}.vlp-stdin-assist-actions{flex-direction:column}.vlp-stdin-assist-actions button{width:100%}}
@media screen {
  :root {
    --bg: #060e1b;
    --panel: #0c1b2c;
    --panel2: #11283a;
    --line: #263c50;
    --ink: #edf5fc;
    --muted: #a9bbcd;
    --accent: #8cebdc;
    --gold: #e7cc9f;
    --soft: #afbeff;
    --shadow: 0 22px 70px #01071450;
    --radius: 18px;
    font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  }

  html { scrollbar-color: #36576b #060e1b; scrollbar-width: thin; }
  body {
    background: #060e1b;
    background-image: radial-gradient(ellipse at 15% 0, #0d334338, transparent 50%);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  ::selection { color: #f6ffff; background: #315b76; }
  [hidden] { display: none !important; }
  .shell { width: min(1440px, calc(100% - 96px)); }
  h1, h2, h3 { text-wrap: balance; }
  p { line-height: 1.8; }
  .eyebrow { font-size: .68rem; letter-spacing: .17em; line-height: 1.7; }
  .mono, code, pre { font-family: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace; }

  button, .primary-link, .secondary-link, .open-lab {
    transition: color .2s, background-color .2s, border-color .2s, box-shadow .2s, transform .2s;
  }
  button:not(:disabled):hover { border-color: #4f778e; }
  button:focus-visible, a:focus-visible, input:focus-visible,
  textarea:focus-visible, select:focus-visible, summary:focus-visible {
    outline: 2px solid #adf5e9;
    outline-offset: 4px;
  }
  button.primary, .primary-link {
    color: #07282f;
    background: linear-gradient(115deg, #a0f1dc, #83dfe5);
    border: 1px solid #a4f5e48a;
    box-shadow: inset 0 1px #effffb80, 0 5px 22px #57d7c313;
    font-weight: 650;
  }
  button.primary:hover, .primary-link:hover {
    color: #05262c;
    background: linear-gradient(115deg, #b6f8e7, #a2edf0);
    border-color: #c4fff0;
    box-shadow: inset 0 1px #fff9, 0 6px 28px #64e4cf2b;
  }
  .primary-link, .secondary-link { gap: 16px; border-radius: 11px; }
  .secondary-link { background: #102133; border-color: #314c61; color: #deedf6; }
  .secondary-link:hover { background: #162d41; border-color: #70b7b7; }
  .primary-link svg, .open-lab svg { transition: transform .22s ease; }
  .primary-link:hover svg, .open-lab:hover svg { transform: translateX(3px); }
  input:not([type="range"]), select, textarea {
    background-color: #091724;
    border-color: #30475d;
    border-radius: 10px;
  }
  input::placeholder, textarea::placeholder { color: #899fb3; }
  input:not([type="range"]):focus, textarea:focus, select:focus {
    border-color: #7bbdbb;
  }
  .site-header {
    background: #07101feF;
    border-bottom-color: #8bacd421;
    box-shadow: 0 8px 35px #02071330;
  }
  .site-header .header-inner { min-height: 101px; padding: 18px 0; gap: 28px; }
  .brand-symbol {
    width: 48px; height: 48px; flex-shrink: 0;
    border-radius: 14px;
    color: #a2f1e2;
    border-color: #679caa70;
    background: linear-gradient(145deg, #143241, #101e33);
    box-shadow: inset 0 1px #c7fff328, 0 0 25px #73e6d30b;
  }
  .brand-title { font-size: 1rem; letter-spacing: .095em; line-height: 1.5; }
  .brand-title b { color: #94dcdd; font-size: .67rem; letter-spacing: .24em; }
  .brand-sub { font-size: .56rem; letter-spacing: .095em; color: #bdcbd8; }
  .brand-department { color: #92a8bb; font-size: 9px; max-width: 365px; line-height: 1.5; }
  .top-nav { gap: 14px; }
  .top-nav a { font-size: .79rem; color: #c1cedc; border-radius: 9px; padding: 12px 13px; }
  .top-nav a:hover { background: #18304380; color: #f0fffb; text-shadow: none; }
  .top-nav a::after { left: 14px; right: 14px; bottom: 6px; height: 2px; border-radius: 2px; }
  .top-nav button { border-radius: 9px; background: #15363d; border-color: #65b5b346; color: #a2ece0; }
  .institution-banner {
    grid-template-columns: minmax(200px, 242px) minmax(0, 1fr);
    gap: 30px; margin-top: 25px; padding: 18px 24px;
    border-radius: 16px; border-color: #658caa45;
    background: linear-gradient(110deg, #112a3bde, #101d32de 68%, #111a2fdf);
    box-shadow: inset 0 1px #e0faff0d;
  }
  .institution-banner::after {
    content: ""; position: absolute; pointer-events: none;
    right: 22px; top: 20px; width: 28px; height: 28px;
    border-top: 1px solid #87d8d13d; border-right: 1px solid #87d8d13d;
  }
  .institution-logo { border-radius: 9px; padding: 7px 10px; box-shadow: 0 4px 18px #0002; }
  .institution-copy .eyebrow { font-size: .64rem; color: #9adfd6; letter-spacing: .14em; }
  .institution-copy p { max-width: 780px; color: #d9e5ef; font-size: .91rem; line-height: 1.75; }
  .hero { grid-template-columns: 1.04fr 1fr; gap: clamp(42px, 6vw, 88px); padding: 62px 0 54px; }
  .hero > div:first-child { min-width: 0; }
  .hero > div:first-child > .eyebrow { display: inline-flex; align-items: center; gap: 11px; }
  .hero > div:first-child > .eyebrow::before {
    content: ">>"; width: 22px; flex-shrink: 0;
    color: #8cebdc; text-shadow: 0 0 10px #8cebdc45;
    font-family: Consolas, "Liberation Mono", monospace;
    line-height: 1; letter-spacing: 0; text-align: center;
  }
  .hero h1 {
    font-size: clamp(2.6rem, 4.85vw, 4.65rem);
    font-weight: 650; letter-spacing: -.045em; line-height: 1.115;
    margin: 23px 0 25px; text-wrap: nowrap;
  }
  .hero h1 em {
    color: #b3e9ed;
    background: linear-gradient(100deg, #a1f0dd 4%, #93dce8 48%, #b6bbf6 95%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    text-shadow: none;
  }
  .hero p { max-width: 48ch; color: #afc1d1; font-size: 1rem; line-height: 1.95; }
  .hero-actions { margin: 29px 0 22px; gap: 12px; }
  .hero-actions .primary-link, .hero-actions .secondary-link { min-height: 52px; font-size: .87rem; padding: 14px 21px; }
  .hero-note { color: #8fa9ba; font-size: .72rem; line-height: 1.8; display: inline-block; }
  .hero-visual {
    min-width: 0; width: 100%; max-width: 670px; justify-self: end;
    padding: 23px; border: 1px solid #7aacc351; border-radius: 23px;
    background: radial-gradient(ellipse at 56% 38%, #184456a3, transparent 63%), linear-gradient(145deg, #11283ce8, #0c172ceF 80%);
    box-shadow: inset 0 1px #d8fffc20, inset 0 -1px #43627530, 0 24px 72px #0107146b, 0 0 55px #4684960b;
  }
  .hero-visual::before {
    background-image: linear-gradient(#96cde50a 1px, transparent 1px), linear-gradient(90deg, #96cde50a 1px, transparent 1px);
    background-size: 30px 30px;
    -webkit-mask-image: linear-gradient(transparent, #000b 20%, #000 68%, transparent);
    mask-image: linear-gradient(transparent, #000b 20%, #000 68%, transparent);
  }
  .visual-top { gap: 12px; font-size: .59rem; letter-spacing: .075em; color: #93b2c5; }
  .visual-top strong { color: #c9e2ed; font-weight: 600; }
  .visual-top > span { font-size: .6rem; letter-spacing: .025em; white-space: nowrap; }
  .visual-top .dot { width: 4px; height: 4px; vertical-align: middle; }
  .robot-scene { height: 339px; }
  .robot-scene > .orion-robot { width: 300px; height: 310px; margin-left: 72px; margin-bottom: 14px; }
  .robot-scene .orion-robot { filter: drop-shadow(0 14px 25px #010a1470) drop-shadow(0 0 15px #7af3dc16); }
  .orbit-ring { width: 264px; height: 264px; top: 29px; right: 21px; border-color: #80d9dd28; box-shadow: 0 0 45px #52a7bd09; }
  .orbit-ring::before { border-color: #9dc8ff24; inset: 18px; }
  .float-token { color: #a0dcd7; border-color: #75bdcf3b; background: #193c4d99; box-shadow: inset 0 1px #b5e3ff0f; }
  .floating-code {
    left: 0; bottom: 11px; width: 249px; padding: 12px 18px 17px;
    border-radius: 12px; border-color: #58869b7a;
    background: linear-gradient(140deg, #081521fa, #101e32f7);
    box-shadow: inset 0 1px #bfe4fa18, 0 12px 35px #02081275;
    transform: rotate(-2deg);
  }
  .code-dots { color: #53748b; font-size: .63rem; letter-spacing: .25em; margin-bottom: 10px; }
  .floating-code code { color: #d3e7f0; font-size: .75rem; line-height: 2; }
  .floating-code i { color: #bcb3f9; }
  .floating-code b { color: #97e9c7; font-weight: 500; }
  .visual-bottom { border-top-color: #58748842; padding-top: 16px; font-size: .57rem; letter-spacing: .095em; color: #91aec2; }
  .visual-bottom > span:last-child { font-family: Consolas, monospace; color: #b6c6e9; }

  .cosmic-nebula {
    background: radial-gradient(ellipse at 7% 15%, #238b952a, transparent 42%), radial-gradient(ellipse at 95% 51%, #6657a72b, transparent 44%), radial-gradient(ellipse at 37% 100%, #10506728, transparent 45%);
  }
  .cosmic-grid { opacity: .6; background-size: 100px 100px; }
  .cosmic-canvas { opacity: .67; }
  .cosmic-orbit { opacity: .5; }
  .programming-glyphs { opacity: .68; }
  body:has(.learning-layout) .cosmic-backdrop { opacity: .62; }
  body:has(.analytics-page) .cosmic-backdrop { opacity: .48; }
  .stats-strip {
    background: linear-gradient(100deg, #102838c7, #111e34c4);
    border: 1px solid #557e9d3d; border-radius: 17px;
    padding: 27px 8px; margin-bottom: 44px;
    box-shadow: inset 0 1px #bedfeb0a;
  }
  .stat { border-right-color: #62849938; padding: 0 30px; }
  .stat strong { color: #d8f0f5; font-size: 2.18rem; font-weight: 450; letter-spacing: -.04em; line-height: 1.25; }
  .stat:last-child strong { font-family: Consolas, monospace; color: #acc8e4; font-size: 1.85rem; line-height: 1.47; }
  .stat span { color: #9fb5c7; font-size: .74rem; margin-top: 7px; line-height: 1.6; }
  .practice-banner { margin: 34px 0 53px; padding: 26px 29px; border-radius: 15px; background: linear-gradient(110deg, #112737d9, #121c30dc); border-color: #3b596c; }
  .practice-banner h2 { font-size: 1.17rem; line-height: 1.5; margin-top: 7px; }
  .practice-banner p { color: #a7bbcd; font-size: .86rem; max-width: 78ch; }
  .practice-banner .eyebrow { color: #8bcac9; font-size: .6rem; letter-spacing: .12em; }
  .practice-banner .secondary-link { font-size: .78rem; }
  .catalogue { scroll-margin-top: 28px; }
  .lesson-main > [role="tabpanel"] { scroll-margin-top: 28px; }
  .lesson-main > [role="tabpanel"]:focus { outline: none; }
  .catalogue:focus, .site-header:focus { outline: none; }
  .section-head { gap: 28px; margin-bottom: 26px; }
  .section-head h2 { font-size: clamp(1.55rem, 2.4vw, 2.05rem); letter-spacing: -.03em; line-height: 1.3; }
  .section-head p { color: #9fb5c7; max-width: 43ch; font-size: .86rem; line-height: 1.8; }
  .catalogue-tools { align-items: center; gap: 12px; margin-bottom: 25px; }
  .catalogue-tools .searchbox { max-width: 570px; }
  .catalogue-tools input { min-height: 49px; background: #0c1a2cf2; box-shadow: inset 0 1px #afdff40a; font-size: .85rem; }
  .searchbox::before { color: #9bbac9; top: 8px; }
  .catalogue-tools button { background: #122638; min-height: 46px; padding: 10px 15px; border-radius: 10px; font-size: .79rem; }
  .catalogue-tools button[aria-pressed="true"] { color: #e8fff5; background: #1d4249; border-color: #75c6b67a; }
  .catalogue-tools > .muted { font-family: Consolas, monospace; font-size: .72rem; letter-spacing: .01em; }
  .course-grid { gap: 22px; }
  .course-card {
    min-height: 0; padding: 27px; border-radius: 17px;
    border-color: #324e65; overflow: hidden; isolation: isolate;
    background: radial-gradient(ellipse at 100% 0, color-mix(in srgb, var(--track) 7%, transparent), transparent 62%), linear-gradient(148deg, #122538f5, #0a182af5 80%);
    box-shadow: inset 0 1px #c3e5f211, 0 12px 35px #01071320;
  }
  .course-card::before {
    height: 1px; opacity: .85; left: 24px; right: 24px;
    background: linear-gradient(90deg, transparent, var(--track) 25%, var(--track) 70%, transparent);
    box-shadow: 0 0 12px color-mix(in srgb, var(--track) 18%, transparent);
  }
  .course-card:hover, .course-card:focus-within {
    border-color: color-mix(in srgb, var(--track) 55%, #344963);
    box-shadow: inset 0 1px #c3e5f21a, 0 14px 38px #0004;
    transform: translateY(-3px);
  }
  .card-top { gap: 12px; margin-bottom: 23px; }
  .course-card .card-icon {
    width: 49px; height: 49px; font-size: 1.05rem; border-radius: 13px;
    border-color: color-mix(in srgb, var(--track) 28%, #293d50);
    background: linear-gradient(145deg, color-mix(in srgb, var(--track) 12%, #132538), #112237);
    box-shadow: inset 0 1px color-mix(in srgb, var(--track) 15%, transparent);
  }
  .course-card .card-code { color: #a4bbce; font-size: .64rem; margin-left: 0; letter-spacing: .045em; }
  .bookmark { align-self: flex-start; color: #89a2b6; min-width: 38px; min-height: 38px; border: 1px solid transparent; border-radius: 9px; }
  .bookmark:hover { color: #dbedf5; background: #29415570; }
  .bookmark[aria-pressed="true"] { color: #edca85; }
  .course-card .app-nick { color: var(--track); font-size: 1.52rem; letter-spacing: -.03em; font-weight: 600; margin-bottom: 7px; line-height: 1.35; }
  .course-card h3 { color: #cad9e8; font-size: .91rem; font-weight: 500; line-height: 1.55; margin: 0 0 13px; text-wrap: wrap; }
  .course-card p { color: #9fb5c8; font-size: .82rem; line-height: 1.85; margin-bottom: 22px; }
  .advanced-course-link { border-top-color: #37556c55; color: #b1d6d9; font-size: .71rem; padding: 13px 0; margin: auto 0 14px; gap: 7px; }
  .advanced-course-link:hover { color: #d6fff1; }
  .advanced-course-link span { color: #8fa7bd; font-family: Consolas, monospace; font-size: .67rem; }
  .card-bottom { gap: 10px; border-top-color: #35506842; padding-top: 17px; margin-top: 0; }
  .card-tag { color: #95adbe; font-size: .67rem; line-height: 1.75; }
  .open-lab { min-height: 42px; padding: 9px 12px; gap: 17px; border-radius: 9px; font-size: .76rem; background: #1730447a; border-color: #426078; color: #e1eef4; }
  .open-lab:hover { background: #95e6d9; border-color: #afeedf; color: #092630; }
  .course-progress { height: 3px; background: #263e50; }
  .course-progress > div { box-shadow: 0 0 8px color-mix(in srgb, var(--track) 24%, transparent); }

  .journey-section { padding: 65px 0 44px; }
  .journey-section .section-head { margin-bottom: 23px; }
  .journey-grid { gap: 18px; }
  .journey-card {
    position: relative; isolation: isolate; overflow: hidden;
    border-radius: 15px; padding: 25px 23px;
    background: linear-gradient(145deg, #102436d9, #0b192bd9); border-color: #30495f;
    box-shadow: inset 0 1px #c3e5f20c;
  }
  .journey-card .card-icon { width: 39px; height: 39px; border-radius: 11px; background: #1632478f; border-color: #48778972; color: #94ded6; margin-bottom: 23px; }
  .journey-card h3 { font-size: 1.03rem; font-weight: 550; line-height: 1.45; margin-bottom: 12px; text-wrap: wrap; }
  .journey-card p { color: #a2b9ca; font-size: .81rem; line-height: 1.85; margin-bottom: 0; }
  .bot-intro, .bot-banner, .bot-callout { border-color: #426174; }
  .bot-header { background: linear-gradient(110deg, #12323cdf, #191e36df); border-color: #4e79886e; box-shadow: inset 0 1px #c5fff010; }
  .bot-header h2 { font-size: 1.18rem; line-height: 1.5; font-weight: 550; }
  .bot-header p { color: #a5bccb; }
  .suggestion-invitation { background: linear-gradient(115deg, #102d3beb, #111d31eb 68%, #1a2038eb); border-color: #42667c; border-radius: 18px; padding: 34px; margin: 34px 0 62px; }
  .suggestion-invitation h2 { font-size: clamp(1.35rem, 2vw, 1.68rem); line-height: 1.4; }
  .suggestion-invitation p { color: #adbfce; font-size: .87rem; }
  .suggestion-emblem { background: #1a435020; border-color: #80d6cb47; color: #a1dfd5; border-radius: 14px; }
  .suggestion-invitation > .primary-link { font-size: .85rem; }
  .effects-toggle { left: 18px; bottom: 20px; border-radius: 11px; border-color: #61939b7a; background: #102532ed; color: #ade0d6; box-shadow: 0 6px 22px #0003; }
  .effects-toggle span { font-size: .68rem; }
  .effects-toggle small { color: #9aafc0; }
  .bot-launcher { border-color: #75b9b578; border-radius: 17px; background: #15323bee; box-shadow: inset 0 1px #c6fff315, 0 8px 28px #0004; }
  .bot-panel { border-color: #628fa6; border-radius: 19px; background: #0d1d30f9; box-shadow: 0 20px 70px #0008; }
  .bot-panel-head { background: linear-gradient(110deg, #193648, #192b43); border-bottom-color: #3a596f; }
  .bot-message { background: #0d1c2c; border-color: #314c60; color: #d7e5ee; line-height: 1.85; }
  .bot-actions button { background: #142b3f; border-color: #3b586d; font-size: .74rem; }
  .music-channel { border-radius: 13px; border-color: #5374878f; background: #102436f5; box-shadow: 0 6px 25px #0004; }
  .music-channel small { color: #a7bdca; }
  .music-mini { color: #a8d9d4; }
  .toast { border: 1px solid #71aaad91; border-radius: 12px; background: #193a49f5; color: #e2f2f3; box-shadow: 0 12px 35px #0005; }

  .site-footer {
    background: linear-gradient(180deg, #091826a8, #060e1be8);
    border-top: 1px solid #3f5b744f; padding-top: 38px; padding-bottom: 115px;
  }
  .footer-top { padding-bottom: 29px; gap: 28px; }
  .footer-brand { color: #d9f0f3; letter-spacing: .11em; font-size: .88rem; }
  .footer-top p { color: #95adbf; line-height: 1.8; }
  .footer-institution { color: #8faabc; line-height: 1.9; }
  .credit { color: #becdd8; font-size: .79rem; line-height: 1.85; }
  .footer-links { gap: 24px; row-gap: 13px; }
  .footer-links a { color: #97afc3; font-size: .71rem; line-height: 1.7; }
  .footer-links a:hover { color: #baf3e7; text-decoration: underline; text-underline-offset: 5px; }
}

@media screen and (min-width: 1700px) {
  .hero { padding-top: 74px; padding-bottom: 66px; }
  .hero h1 { font-size: 5rem; }
  .robot-scene { height: 370px; }
}
@media screen and (max-width: 1150px) {
  .shell { width: calc(100% - 64px); }
  .site-header .header-inner { gap: 20px; }
  .top-nav { gap: 3px; }
  .top-nav a { font-size: .75rem; padding: 10px; }
  .hero { gap: 35px; padding: 50px 0 42px; }
  .hero h1 { font-size: clamp(2.4rem, 4.8vw, 3.8rem); }
  .hero p { font-size: .93rem; }
  .hero-visual { padding: 19px; }
  .visual-top > span { font-size: .53rem; }
  .robot-scene { height: 302px; }
  .robot-scene > .orion-robot { width: 266px; height: 285px; margin-left: 57px; }
  .floating-code { width: 224px; padding: 12px 15px 15px; }
  .floating-code code { font-size: .69rem; }
  .course-card { padding: 23px; }
  .course-grid { gap: 18px; }
  .card-bottom { gap: 7px; }
  .card-tag { font-size: .63rem; }
  .open-lab { gap: 10px; padding: 9px 11px; }
  .stat { padding: 0 23px; }
  .journey-card { padding: 23px 19px; }
}
@media screen and (max-width: 900px) {
  .shell { width: calc(100% - 44px); }
  .site-header .header-inner { gap: 16px; }
  .brand-department { max-width: 260px; font-size: 8.5px; }
  .hero { gap: 25px; }
  .hero h1 { font-size: clamp(2.05rem, 4.9vw, 2.75rem); }
  .hero-actions .primary-link, .hero-actions .secondary-link { font-size: .76rem; padding: 12px 15px; min-height: 46px; gap: 10px; }
  .hero > div:first-child > .eyebrow { font-size: .57rem; letter-spacing: .12em; }
  .visual-top { flex-wrap: wrap; gap: 6px; }
  .visual-bottom { font-size: .5rem; letter-spacing: .055em; gap: 7px; }
  .robot-scene { height: 280px; }
  .robot-scene > .orion-robot { width: 247px; margin-left: 40px; }
  .floating-code { width: 200px; padding: 11px 12px 13px; }
  .floating-code code { font-size: .64rem; }
  .orbit-ring { right: 0; width: 230px; height: 230px; }
  .institution-banner { grid-template-columns: 210px minmax(0, 1fr); gap: 24px; padding: 17px 20px; }
  .institution-copy p { font-size: .83rem; }
  .institution-copy .eyebrow { font-size: .55rem; }
  .stats-strip { padding: 23px 0; }
  .stat { padding: 0 18px; }
  .stat strong { font-size: 1.9rem; }
  .stat span { font-size: .66rem; }
  .stat:last-child strong { font-size: 1.6rem; }
  .course-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .course-card { padding: 25px; }
  .course-card p { font-size: .85rem; }
  .journey-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .journey-card { padding: 25px; }
  .section-head p { max-width: 34ch; font-size: .79rem; }
}
@media screen and (max-width: 700px) {
  .shell { width: calc(100% - 36px); }
  .site-header .header-inner { min-height: 88px; flex-wrap: nowrap; gap: 12px; padding: 15px 0; }
  .site-brand { min-width: 0; gap: 10px; }
  .brand-symbol { display: grid; width: 38px; height: 41px; border-radius: 11px; }
  .brand-symbol svg { width: 21px; height: 21px; }
  .brand-title { font-size: .82rem; letter-spacing: .08em; }
  .brand-title b { font-size: .56rem; letter-spacing: .2em; }
  .brand-sub { font-size: .48rem; letter-spacing: .035em; }
  .brand-department { max-width: 230px; font-size: 8px; margin-top: 3px; line-height: 1.45; }
  .mobile-menu { flex-shrink: 0; min-width: 41px; min-height: 41px; padding: 8px; border-color: #3d5b6d; background: #132a3c; border-radius: 10px; margin-left: auto; }
  .top-nav { background: #0d1d30fc; border-color: #35536a; box-shadow: 0 16px 35px #0007; padding: 14px 18px; gap: 6px; }
  .top-nav a { flex: 1 0 auto; justify-content: center; min-height: 44px; font-size: .78rem; padding: 11px 13px; }
  .top-nav button { min-height: 42px; }
  .institution-banner { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 18px; margin-top: 21px; border-radius: 14px; }
  .institution-logo { width: min(100%, 261px); }
  .institution-copy .eyebrow { font-size: .58rem; letter-spacing: .09em; }
  .institution-copy p { font-size: .82rem; margin-top: 6px; line-height: 1.75; }
  .hero { grid-template-columns: minmax(0, 1fr); padding: 35px 0 34px; gap: 32px; }
  .hero > div:first-child > .eyebrow { font-size: .59rem; letter-spacing: .12em; }
  .hero h1 { font-size: clamp(2.18rem, 9.4vw, 3.45rem); letter-spacing: -.045em; line-height: 1.16; margin: 20px 0 21px; }
  .hero p { font-size: .9rem; line-height: 1.9; max-width: 48ch; }
  .hero-actions { margin: 25px 0 19px; gap: 10px; }
  .hero-actions .primary-link, .hero-actions .secondary-link { min-height: 48px; font-size: .79rem; padding: 12px 16px; }
  .hero-note { max-width: 40ch; font-size: .69rem; }
  .hero-visual { max-width: 490px; justify-self: center; border-radius: 20px; padding: 19px; }
  .visual-top { flex-wrap: nowrap; gap: 8px; font-size: .53rem; }
  .visual-top > span { font-size: .5rem; }
  .robot-scene { height: 298px; }
  .robot-scene > .orion-robot { width: 268px; height: 286px; margin-left: 51px; margin-bottom: 10px; }
  .orbit-ring { width: 243px; height: 243px; right: 5px; top: 22px; }
  .floating-code { width: 218px; padding: 12px 15px 14px; bottom: 8px; }
  .floating-code code { font-size: .69rem; }
  .visual-bottom { font-size: .49rem; padding-top: 14px; letter-spacing: .055em; }
  .programming-glyphs span:nth-child(n+3) { display: none; }
  .cosmic-grid { background-size: 76px 76px; opacity: .44; }
  .cosmic-canvas { opacity: .55; }
  .stats-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; padding: 9px; margin-bottom: 32px; border-radius: 15px; }
  .stat { border: 0; padding: 16px; }
  .stat:nth-child(odd) { border-right: 1px solid #5c7f982a; }
  .stat:nth-child(-n+2) { border-bottom: 1px solid #5c7f982a; }
  .stat strong { font-size: 1.8rem; }
  .stat:last-child strong { font-size: 1.55rem; line-height: 1.45; }
  .stat span { font-size: .68rem; margin-top: 5px; }
  .practice-banner { padding: 23px; margin: 28px 0 39px; border-radius: 14px; }
  .practice-banner h2 { font-size: 1.16rem; line-height: 1.5; text-wrap: wrap; }
  .practice-banner p { font-size: .83rem; line-height: 1.85; }
  .practice-banner .eyebrow { font-size: .57rem; }
  .practice-banner > a { margin-top: 20px; }
  .section-head { display: block; margin-bottom: 22px; }
  .section-head h2 { font-size: 1.65rem; line-height: 1.35; margin-top: 10px; }
  .section-head p { max-width: 49ch; margin-top: 15px; font-size: .84rem; }
  .catalogue-tools { flex-wrap: wrap; gap: 11px; margin-bottom: 22px; }
  .catalogue-tools .searchbox { flex-basis: 100%; max-width: none; }
  .catalogue-tools > .muted { font-size: .69rem; margin-left: auto; }
  .catalogue-tools button { font-size: .75rem; min-height: 43px; }
  .course-grid { gap: 17px; }
  .course-card { padding: 23px; }
  .course-card .app-nick { font-size: 1.44rem; }
  .course-card h3 { font-size: .88rem; }
  .course-card p { font-size: .84rem; line-height: 1.85; }
  .card-top { margin-bottom: 20px; }
  .card-bottom { padding-top: 16px; gap: 12px; }
  .card-tag { font-size: .67rem; }
  .open-lab { min-height: 43px; font-size: .75rem; gap: 16px; }
  .advanced-course-link { font-size: .73rem; margin-bottom: 11px; }
  .journey-section { padding: 43px 0 32px; }
  .journey-grid { gap: 13px; }
  .journey-card { padding: 21px 18px; border-radius: 13px; }
  .journey-card .card-icon { margin-bottom: 20px; }
  .journey-card h3 { font-size: .98rem; }
  .journey-card p { font-size: .78rem; }
  .suggestion-invitation { padding: 24px; margin-bottom: 42px; }
  .suggestion-invitation h2 { font-size: 1.42rem; }
  .suggestion-invitation p { font-size: .86rem; }
  .suggestion-invitation > .primary-link { min-height: 47px; font-size: .81rem; }
  .effects-toggle { left: 12px; bottom: 84px; width: 36px; min-height: 36px; padding: 8px; }
  .effects-toggle span { display: none; }
  .bot-launcher { border-radius: 15px; }
  .bot-panel { bottom: 90px; max-height: calc(100dvh - 124px); }
  .music-channel { border-radius: 12px; }
  .site-footer { padding-top: 31px; padding-bottom: 125px; }
  .footer-top { display: flex; flex-direction: column; gap: 22px; align-items: flex-start; }
  .footer-brand { font-size: .8rem; letter-spacing: .08em; }
  .footer-top p { font-size: .73rem; }
  .footer-institution { font-size: .71rem; }
  .credit { font-size: .73rem; }
  .footer-links { gap: 14px; row-gap: 13px; justify-content: center; }
  .footer-links a { font-size: .68rem; }
}
@media screen and (max-width: 520px) {
  .course-grid { grid-template-columns: minmax(0, 1fr); }
  .course-card p { max-width: none; }
}
@media screen and (max-width: 700px) {
  html { scroll-padding-bottom: calc(140px + env(safe-area-inset-bottom)); }
  .effects-toggle {
    position: fixed; top: auto; left: 12px;
    bottom: max(18px, calc(env(safe-area-inset-bottom) + 6px));
    width: 40px; min-height: 40px; padding: 9px; justify-content: center;
  }
  .effects-toggle span { display: none; }
  .bot-launcher {
    position: fixed; top: auto; right: 12px;
    bottom: max(12px, env(safe-area-inset-bottom));
    width: 52px; height: 52px;
  }
  .music-channel {
    position: fixed; top: auto; right: 12px;
    bottom: max(12px, env(safe-area-inset-bottom));
    width: min(270px, calc(100vw - 80px));
  }
  body:has(.bot-launcher) .music-channel {
    right: 76px; width: min(270px, calc(100vw - 144px));
  }
  .music-channel.music-minimized,
  body:has(.bot-launcher) .music-channel.music-minimized { width: 48px; }
  .music-top { gap: 3px; }
  .music-toggle { gap: 6px; }
  .music-toggle > span:first-of-type { font-size: 8px; }
  .music-toggle small { font-size: 7.5px; }
  .music-minimize { min-width: 22px; width: 22px; padding: 2px; }
  .bot-panel { bottom: calc(126px + env(safe-area-inset-bottom)); max-height: calc(100dvh - 154px - env(safe-area-inset-bottom)); }
  .site-footer { padding-bottom: calc(146px + env(safe-area-inset-bottom)); }
  .analytics-footer { padding-bottom: calc(126px + env(safe-area-inset-bottom)); }
  .site-content :is(input, textarea, select, button, a, [contenteditable="true"]), .lab-tabs {
    scroll-margin-bottom: calc(140px + env(safe-area-inset-bottom));
  }
}
@media screen and (max-width: 370px) {
  .shell { width: calc(100% - 28px); }
  .brand-symbol { width: 32px; height: 36px; }
  .site-brand { gap: 8px; }
  .brand-title { font-size: .73rem; }
  .brand-title b { font-size: .52rem; }
  .brand-sub { font-size: .43rem; }
  .brand-department { max-width: 190px; font-size: 7.4px; }
  .mobile-menu { min-width: 36px; padding: 6px; }
  .hero h1 { font-size: clamp(1.92rem, 9.45vw, 2.19rem); }
  .hero-visual { padding: 15px; }
  .visual-top > span { font-size: .45rem; }
  .visual-top { font-size: .48rem; }
  .robot-scene { height: 280px; }
  .robot-scene > .orion-robot { width: 238px; margin-left: 35px; }
  .floating-code { width: 197px; padding: 11px 12px 13px; }
  .floating-code code { font-size: .63rem; }
  .visual-bottom { font-size: .44rem; }
  .journey-card { padding: 18px 15px; }
  .course-card { padding: 21px; }
}
@media screen and (hover: none) {
  .course-card:hover { transform: none; }
}
@media screen and (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .course-card, .primary-link, .secondary-link, button, .primary-link svg, .open-lab svg { transition: none; }
  .course-card:hover, .primary-link:hover svg, .open-lab:hover svg { transform: none; }
}
@media screen {
  html[data-site-effects="calm"] .course-card:hover,
  html[data-site-effects="calm"] .primary-link:hover svg,
  html[data-site-effects="calm"] .open-lab:hover svg { transform: none; }
}

@media screen and (max-width: 700px) {
  .mobile-menu { display: flex; }
  .top-nav {
    display: none; position: absolute; top: 100%; left: 0; right: 0;
    width: auto; margin: 0; flex-wrap: wrap; justify-content: center;
    border-bottom: 1px solid #35536a;
  }
  .top-nav.open { display: flex; }
}

@media screen {
  .bot-panel { overscroll-behavior: contain; }
  .bot-panel > .bot-panel-head,
  .bot-panel > .bot-context,
  .bot-panel > .bot-actions,
  .bot-panel > form { flex: 0 0 auto; }
  .bot-panel > .bot-message {
    flex: 0 1 auto; min-height: 0; overscroll-behavior: contain;
    scrollbar-gutter: stable; scrollbar-width: thin;
  }
}

@media screen and (max-height: 640px) {
  .bot-panel-head { gap: 8px; padding: 4px 12px; }
  .bot-panel-head .orion-robot { width: 48px; height: 48px; margin: 0; }
  .bot-panel-head strong { font-size: .88rem; }
  .bot-panel-head span { font-size: .6rem; margin-top: 3px; }
  .bot-context { padding: 8px 14px; font-size: .65rem; line-height: 1.45; }
  .bot-message { max-height: 250px; padding: 12px 14px; font-size: .78rem; line-height: 1.7; }
  .bot-actions { gap: 6px; padding: 0 12px 10px; }
  .bot-actions button { min-height: 32px; padding: 6px 9px; font-size: .67rem; }
  .bot-panel form { gap: 8px; padding: 10px; }
  .bot-panel textarea { min-height: 52px; padding: 9px 10px; }
}

@media screen and (max-height: 480px) {
  .bot-panel-head { gap: 7px; padding: 3px 10px; }
  .bot-panel-head .orion-robot { width: 38px; height: 38px; }
  .bot-panel-head strong { font-size: .8rem; }
  .bot-panel-head span { margin-top: 2px; font-size: .57rem; }
  .bot-panel-head button { min-width: 38px; min-height: 38px; padding: 8px; }
  .bot-context { padding: 4px 12px; font-size: .6rem; line-height: 1.4; }
  .bot-message { padding: 9px 12px; font-size: .75rem; line-height: 1.65; }
  .bot-actions {
    flex-wrap: nowrap; gap: 5px; padding: 2px 10px 8px;
    overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin;
  }
  .bot-actions button {
    flex: 0 0 auto; min-height: 30px; padding: 4px 7px;
    font-size: .66rem; line-height: 1.25; white-space: nowrap;
  }
  .bot-panel form { gap: 6px; padding: 7px 9px; }
  .bot-panel textarea { min-height: 44px; height: 44px; padding: 7px 9px; line-height: 1.45; }
  .bot-panel form button { min-width: 40px; min-height: 44px; height: 44px; padding: 9px; }
}

@media screen {
  .lab-title h1 { overflow-wrap: anywhere; }
}
@media screen {
  .guide-page.usage-guide {
    --usage-text: #c4d4e1;
    --usage-rule: #3e5a704f;
    min-width: 0; max-width: 1120px;
    padding: clamp(36px, 5vw, 68px) 0 72px;
    color: var(--usage-text);
  }
  .guide-page.usage-guide :is(h1, h2, h3, h4, p, li, a, th, td, summary) {
    overflow-wrap: anywhere;
  }
  .guide-page.usage-guide :is(p, ol, ul) {
    color: var(--usage-text); font-size: .96rem; line-height: 1.85;
  }
  .guide-page.usage-guide p { margin: 0 0 17px; }
  .guide-page.usage-guide :is(ol, ul) { margin: 16px 0 22px; padding-left: 25px; }
  .guide-page.usage-guide li { min-width: 0; margin: 9px 0; padding: 0; color: var(--usage-text); }
  .guide-page.usage-guide strong { color: #edf5fc; font-weight: 650; }
  .guide-page.usage-guide h3 {
    color: #e3eef7; margin: 27px 0 12px;
    font-size: 1.1rem; line-height: 1.55; letter-spacing: -.015em;
  }
  .guide-page.usage-guide :where(a:not(.primary-link):not(.secondary-link)) {
    color: #aceade; text-decoration-thickness: 1px; text-underline-offset: 4px;
  }
  .guide-page.usage-guide .usage-guide-section :is(p, li, td) > a:not(.primary-link):not(.secondary-link) {
    text-decoration-line: underline;
  }
  .guide-page.usage-guide :where(a:not(.primary-link):not(.secondary-link)):hover { color: #d0fff2; }
  .guide-page.usage-guide :is(code, kbd) {
    color: #c0eae9; background: #091925; border: 1px solid #355464;
    border-radius: 5px; padding: 2px 5px; font-size: .86em;
    white-space: pre-wrap; overflow-wrap: anywhere;
  }

  .guide-page.usage-guide .usage-guide-head {
    position: relative; display: grid;
    grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr);
    align-items: start; gap: 48px;
    padding: 0 0 43px; border-bottom: 1px solid var(--usage-rule);
  }
  .guide-page.usage-guide .usage-guide-intro { min-width: 0; padding-top: 7px; }
  .guide-page.usage-guide .usage-guide-intro > .eyebrow { color: #99dcd5; }
  .guide-page.usage-guide .usage-guide-intro h1 {
    color: #edf5fc; max-width: 15ch; margin: 18px 0 23px;
    font-size: clamp(2.1rem, 3.8vw, 3.35rem); font-weight: 600;
    line-height: 1.15; letter-spacing: -.04em; text-shadow: none;
  }
  .guide-page.usage-guide .usage-guide-intro p { max-width: 57ch; color: #b5c8d9; }
  .guide-page.usage-guide .usage-guide-intro p:last-child { margin-bottom: 0; }
  .guide-page.usage-guide .usage-guide-toc {
    position: relative; min-width: 0; padding: 25px 25px 21px;
    border: 1px solid #3d5f739c; border-radius: 15px;
    background: linear-gradient(135deg, #122d3be6, #101e32e6);
    box-shadow: inset 0 1px #c3fff015;
  }
  .guide-page.usage-guide .usage-guide-toc::before {
    content: ""; position: absolute; top: -1px; left: 24px;
    width: 56px; height: 2px; border-radius: 2px;
    background: #8cddcf; pointer-events: none;
  }
  .guide-page.usage-guide .usage-guide-toc h2 {
    margin: 0 0 15px; color: #e2eef6; font-size: .97rem;
    font-weight: 600; line-height: 1.5; letter-spacing: -.01em;
  }
  .guide-page.usage-guide .usage-guide-toc ol {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px 15px; list-style: none; counter-reset: usage-toc;
    margin: 0; padding: 0;
  }
  .guide-page.usage-guide .usage-guide-toc li { counter-increment: usage-toc; margin: 0; }
  .guide-page.usage-guide .usage-guide-toc a {
    display: grid; grid-template-columns: 22px minmax(0, 1fr);
    align-items: baseline; gap: 8px; min-height: 46px;
    padding: 10px 4px; border-radius: 6px;
    color: #c7dce6; font-size: .83rem; line-height: 1.65;
    text-decoration: none;
  }
  .guide-page.usage-guide .usage-guide-toc a::before {
    content: counter(usage-toc, decimal-leading-zero);
    color: #8cbabf; font: .67rem/1.7 Consolas, "Liberation Mono", monospace;
    letter-spacing: .035em;
  }
  .guide-page.usage-guide .usage-guide-toc a:hover {
    color: #e5fff7; background: #8acabd0c;
  }

  .guide-page.usage-guide .usage-guide-section {
    min-width: 0; padding: 39px 0 41px;
    border-bottom: 1px solid var(--usage-rule); scroll-margin-top: 28px;
  }
  .guide-page.usage-guide .usage-guide-section:last-child { border-bottom: 0; padding-bottom: 0; }
  .guide-page.usage-guide .usage-guide-section:focus { outline: none; }
  .guide-page.usage-guide .usage-guide-section:focus-visible {
    outline: 2px solid #93d6cf; outline-offset: 8px; border-radius: 5px;
  }
  .guide-page.usage-guide .usage-guide-section-head {
    display: grid; grid-template-columns: 38px minmax(0, 1fr);
    align-items: start; gap: 15px; margin-bottom: 22px;
  }
  .guide-page.usage-guide .usage-guide-section-head > span {
    display: grid; place-items: center; width: 38px; height: 35px;
    color: #a4ddd7; border: 1px solid #4a7a846e; border-radius: 8px;
    background: linear-gradient(135deg, #193746a3, #10233791);
    font: .7rem/1 Consolas, "Liberation Mono", monospace; letter-spacing: .03em;
  }
  .guide-page.usage-guide .usage-guide-section-head h2 {
    margin: 1px 0 0; max-width: 42ch; color: #e7f0f9;
    font-size: clamp(1.35rem, 2.2vw, 1.72rem); font-weight: 600;
    line-height: 1.4; letter-spacing: -.025em;
  }
  .guide-page.usage-guide .usage-guide-section > p { max-width: 82ch; }
  .guide-page.usage-guide .usage-guide-section > :is(ol, ul):not(.usage-guide-flow),
  .guide-page.usage-guide .usage-guide-details > :is(p, ol, ul) { max-width: 82ch; }
  .guide-page.usage-guide .usage-guide-grid {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px; margin: 25px 0;
  }
  .guide-page.usage-guide .usage-guide-card {
    min-width: 0; padding: 23px 25px; border: 1px solid #37546a96;
    border-radius: 13px; background: linear-gradient(135deg, #10283bc9, #0e1e31bd);
  }
  .guide-page.usage-guide .usage-guide-card h3 { margin: 0 0 12px; font-size: 1.04rem; }
  .guide-page.usage-guide .usage-guide-card :is(p, li) { font-size: .93rem; }
  .guide-page.usage-guide .usage-guide-card > :last-child { margin-bottom: 0; }

  .guide-page.usage-guide .usage-guide-flow {
    --usage-flow-ink: #b6eee5; --usage-flow-line: #78b7bf8c;
    --usage-flow-border: #568c968c; --usage-flow-fill: #183844;
    display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 24px; list-style: none; counter-reset: usage-step;
    margin: 26px 0; padding: 26px 23px 23px; min-width: 0;
    border: 1px solid #42657691; border-radius: 15px;
    background: linear-gradient(135deg, #10303c99, #111f3399);
  }
  .guide-page.usage-guide .usage-guide-step {
    position: relative; min-width: 0; margin: 0; padding: 47px 0 0;
    counter-increment: usage-step;
  }
  .guide-page.usage-guide .usage-guide-step::before {
    content: counter(usage-step, decimal-leading-zero);
    position: absolute; top: 0; left: 0; display: grid; place-items: center;
    width: 31px; height: 31px; border: 1px solid var(--usage-flow-border);
    border-radius: 8px; color: var(--usage-flow-ink); background: var(--usage-flow-fill);
    font: .69rem/1 Consolas, "Liberation Mono", monospace;
    pointer-events: none;
  }
  .guide-page.usage-guide .usage-guide-step:not(:last-child)::after {
    content: ""; position: absolute; top: 12px; left: 42px; right: 0; height: 7px;
    background: var(--usage-flow-line); pointer-events: none;
    clip-path: polygon(0 42%, calc(100% - 6px) 42%, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, calc(100% - 6px) 58%, 0 58%);
  }
  .guide-page.usage-guide .usage-guide-step > :is(strong, h3) {
    display: block; margin: 0 0 9px; color: #e1f3f5;
    font-size: .94rem; font-weight: 600; line-height: 1.55; letter-spacing: -.01em;
  }
  .guide-page.usage-guide .usage-guide-step > p {
    margin: 0; color: #b4cbd8; font-size: .875rem; line-height: 1.8;
  }
  .guide-page.usage-guide .usage-guide-flow--diagnostic {
    --usage-flow-ink: #d4d5ff; --usage-flow-line: #a5a7d78c;
    --usage-flow-border: #807daa8c; --usage-flow-fill: #232b46;
    grid-template-columns: minmax(0, 1fr); gap: 0;
    padding: 26px 27px; border-color: #66638873;
    background: linear-gradient(120deg, #20263c80, #101f3299);
  }
  .guide-page.usage-guide .usage-guide-flow--diagnostic > .usage-guide-step {
    min-height: 74px; padding: 0 0 27px 52px;
  }
  .guide-page.usage-guide .usage-guide-flow--diagnostic > .usage-guide-step:last-child {
    min-height: 31px; padding-bottom: 0;
  }
  .guide-page.usage-guide .usage-guide-flow--diagnostic > .usage-guide-step:not(:last-child)::after {
    top: 41px; bottom: 10px; left: 12px; right: auto; width: 7px; height: auto;
    clip-path: polygon(42% 0, 58% 0, 58% calc(100% - 6px), 100% calc(100% - 6px), 50% 100%, 0 calc(100% - 6px), 42% calc(100% - 6px));
  }
  .guide-page.usage-guide .usage-guide-flow--diagnostic .usage-guide-step > p { max-width: 84ch; }

  .guide-page.usage-guide .usage-guide-note {
    max-width: none; margin: 25px 0; padding: 17px 21px;
    color: #c4e2e5; border-left: 3px solid #76b6b1; border-radius: 0 10px 10px 0;
    background: #15334066; font-size: .93rem; line-height: 1.85;
  }
  .guide-page.usage-guide .usage-guide-section > .usage-guide-note { max-width: none; }
  .guide-page.usage-guide .usage-guide-note strong { color: #c0f1e8; }
  .guide-page.usage-guide .usage-guide-note p { color: inherit; font-size: inherit; }
  .guide-page.usage-guide .usage-guide-note > :last-child { margin-bottom: 0; }
  .guide-page.usage-guide .usage-guide-table-wrap {
    max-width: 100%; min-width: 0; margin: 24px 0;
    border: 1px solid #3b586a; border-radius: 12px;
    background: #0d2030c9; overflow: hidden;
  }
  .guide-page.usage-guide .usage-guide-table {
    width: 100%; border-collapse: collapse; table-layout: fixed;
    text-align: left; font-size: .91rem; line-height: 1.85;
  }
  .guide-page.usage-guide .usage-guide-table caption {
    padding: 15px 19px; color: #d9eaf3; font-weight: 600; text-align: left;
  }
  .guide-page.usage-guide .usage-guide-table :is(th, td) {
    padding: 15px 19px; border-bottom: 1px solid #3b586a8c;
    vertical-align: top; color: var(--usage-text); white-space: normal;
  }
  .guide-page.usage-guide .usage-guide-table th {
    color: #d4ecee; background: #173242bd; font-weight: 600;
  }
  .guide-page.usage-guide .usage-guide-table th:first-child { width: 33%; }
  .guide-page.usage-guide .usage-guide-table tbody tr:last-child > :is(th, td) { border-bottom: 0; }
  .guide-page.usage-guide .usage-guide-table :is(p, li) { font-size: inherit; }
  .guide-page.usage-guide .usage-guide-table td > :last-child { margin-bottom: 0; }

  .guide-page.usage-guide .usage-guide-details {
    min-width: 0; border-top: 1px solid var(--usage-rule); padding: 0;
  }
  .guide-page.usage-guide .usage-guide-details > summary {
    position: relative; min-height: 52px; padding: 16px 39px 16px 0;
    color: #c4e8e8; cursor: pointer; list-style: none;
    font-size: .97rem; font-weight: 550; line-height: 1.65;
  }
  .guide-page.usage-guide .usage-guide-details > summary::-webkit-details-marker { display: none; }
  .guide-page.usage-guide .usage-guide-details > summary::after {
    content: "+"; position: absolute; top: 50%; right: 2px;
    display: grid; place-items: center; width: 25px; height: 25px;
    border: 1px solid #52718485; border-radius: 6px; color: #a5d7d4;
    font: 1rem/1 Consolas, "Liberation Mono", monospace;
    transform: translateY(-50%); pointer-events: none;
  }
  .guide-page.usage-guide .usage-guide-details[open] > summary { color: #edf8fc; margin-bottom: 4px; }
  .guide-page.usage-guide .usage-guide-details[open] > summary::after { content: "-"; }
  .guide-page.usage-guide .usage-guide-details > :last-child:not(summary) { margin-bottom: 24px; }
  .guide-page.usage-guide .usage-guide-actions {
    display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px;
    margin: 24px 0 2px;
  }
  .guide-page.usage-guide .usage-guide-actions > :is(a, button) {
    display: inline-flex; align-items: center; min-height: 46px;
    min-width: 0; max-width: 100%; font-size: .87rem; line-height: 1.6;
    white-space: normal;
  }
  .guide-page.usage-guide .usage-guide-actions > a:not(.primary-link):not(.secondary-link) {
    padding: 9px 2px; text-decoration: underline;
  }
}

@media screen and (max-width: 1100px) {
  .guide-page.usage-guide .usage-guide-head { grid-template-columns: minmax(0, 1fr); gap: 29px; }
  .guide-page.usage-guide .usage-guide-intro h1 { max-width: none; }
  .guide-page.usage-guide .usage-guide-intro p { max-width: 78ch; }
  .guide-page.usage-guide .usage-guide-toc { padding: 23px 26px 19px; }
  .guide-page.usage-guide .usage-guide-toc ol { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px 20px; }
  .guide-page.usage-guide .usage-guide-flow { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 26px; }
  .guide-page.usage-guide .usage-guide-flow > .usage-guide-step { min-height: 74px; padding: 0 0 27px 52px; }
  .guide-page.usage-guide .usage-guide-flow > .usage-guide-step:last-child { min-height: 31px; padding-bottom: 0; }
  .guide-page.usage-guide .usage-guide-flow > .usage-guide-step:not(:last-child)::after {
    top: 41px; bottom: 10px; left: 12px; right: auto; width: 7px; height: auto;
    clip-path: polygon(42% 0, 58% 0, 58% calc(100% - 6px), 100% calc(100% - 6px), 50% 100%, 0 calc(100% - 6px), 42% calc(100% - 6px));
  }
  .guide-page.usage-guide .usage-guide-step > p { max-width: 80ch; font-size: .92rem; }
}

@media screen and (max-width: 900px) {
  .guide-page.usage-guide .usage-guide-toc ol { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px 23px; }
}

@media screen and (max-width: 700px) {
  .guide-page.usage-guide { padding-top: 35px; padding-bottom: 44px; }
  .guide-page.usage-guide :is(p, ol, ul) { font-size: .94rem; line-height: 1.85; }
  .guide-page.usage-guide .usage-guide-head { gap: 25px; padding-bottom: 30px; }
  .guide-page.usage-guide .usage-guide-intro { padding-top: 0; }
  .guide-page.usage-guide .usage-guide-intro h1 { margin: 16px 0 21px; font-size: clamp(2.08rem, 7.8vw, 2.7rem); }
  .guide-page.usage-guide .usage-guide-toc { padding: 21px 18px 16px; border-radius: 12px; }
  .guide-page.usage-guide .usage-guide-toc::before { left: 18px; }
  .guide-page.usage-guide .usage-guide-toc ol { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .guide-page.usage-guide .usage-guide-toc a { grid-template-columns: 23px minmax(0, 1fr); gap: 7px; padding: 10px 1px; font-size: .87rem; }
  .guide-page.usage-guide .usage-guide-section { padding: 31px 0 33px; }
  .guide-page.usage-guide .usage-guide-section-head { grid-template-columns: 34px minmax(0, 1fr); gap: 12px; margin-bottom: 21px; }
  .guide-page.usage-guide .usage-guide-section-head > span { width: 34px; height: 33px; font-size: .67rem; }
  .guide-page.usage-guide .usage-guide-section-head h2 { margin-top: 1px; font-size: 1.34rem; line-height: 1.45; }
  .guide-page.usage-guide .usage-guide-grid { grid-template-columns: minmax(0, 1fr); gap: 15px; margin: 21px 0; }
  .guide-page.usage-guide .usage-guide-card { padding: 20px; border-radius: 11px; }
  .guide-page.usage-guide .usage-guide-flow { padding: 22px 18px; margin: 22px 0; border-radius: 12px; }
  .guide-page.usage-guide .usage-guide-flow > .usage-guide-step { padding-left: 46px; padding-bottom: 25px; }
  .guide-page.usage-guide .usage-guide-step > :is(strong, h3) { margin-bottom: 7px; font-size: .96rem; }
  .guide-page.usage-guide .usage-guide-step > p { font-size: .91rem; }
  .guide-page.usage-guide .usage-guide-note { padding: 15px 16px; margin: 22px 0; font-size: .92rem; }
  .guide-page.usage-guide .usage-guide-table { font-size: .86rem; line-height: 1.8; }
  .guide-page.usage-guide .usage-guide-table :is(th, td) { padding: 12px; }
  .guide-page.usage-guide .usage-guide-table th:first-child { width: 34%; }
  .guide-page.usage-guide .usage-guide-details > summary { font-size: .94rem; }
  .guide-page.usage-guide .usage-guide-actions { gap: 11px 18px; margin-top: 22px; }
  .guide-page.usage-guide .usage-guide-actions > :is(a, button) { font-size: .84rem; }
}

@media screen and (max-width: 370px) {
  .guide-page.usage-guide .usage-guide-flow { padding: 20px 15px; }
  .guide-page.usage-guide .usage-guide-flow > .usage-guide-step { padding-left: 43px; }
  .guide-page.usage-guide .usage-guide-table :is(th, td) { padding: 11px 10px; }
}
@media screen {
  html[data-vlp-desktop="true"] {
    zoom: 1.1;
    --vlp-ui-scale: 1.1;
    --vlp-prose-align: justify;
  }

  :where(html[data-vlp-desktop="true"]) :is(
    .guide-page.usage-guide .usage-guide-section > p,
    .guide-page.usage-guide .usage-guide-section > :is(ol, ul):not(.usage-guide-flow) > li,
    .guide-page.usage-guide .usage-guide-details > p,
    .guide-page.usage-guide .usage-guide-details > :is(ol, ul) > li,
    .guide-page.usage-guide .usage-guide-flow--diagnostic > .usage-guide-step > p,
    .guide-page.usage-guide > .panel > p,
    .lab-title > div > .lab-intro,
    .lesson-main .learning-content p,
    .lesson-main .learning-content .exercise-plan > ol > li,
    .lesson-main .notes-content > .panel > p,
    .guide-page:has(> .backup-panel) > p,
    .guide-page > .backup-panel > p,
    .professional-practice > .practice-intro,
    .professional-practice > section > p,
    .professional-practice .practice-steps > .panel > p,
    .professional-practice .practice-steps > .panel > ol > li,
    .professional-practice > .learning-sources > div > p,
    .suggestion-page > .suggestion-heading > p,
    .suggestion-page .suggestion-form-panel > .suggestion-success > p
  ) {
    max-width: none;
    text-align: var(--vlp-prose-align);
    text-align-last: start;
    word-spacing: normal;
  }

  :where(html[data-vlp-desktop="true"]) :is(
    .guide-page.usage-guide .usage-guide-section > :is(ol, ul):not(.usage-guide-flow),
    .guide-page.usage-guide .usage-guide-details > :is(ol, ul),
    .professional-practice .practice-steps > .panel > ol,
    .suggestion-page > .suggestion-heading
  ) {
    max-width: none;
  }
}
@media screen and (max-width: 1100px) {
  :where(html[data-vlp-desktop="true"]) :is(
    .guide-page.usage-guide .usage-guide-intro > p,
    .guide-page.usage-guide .usage-guide-flow > .usage-guide-step > p
  ) {
    max-width: none;
    text-align: var(--vlp-prose-align);
    text-align-last: start;
    word-spacing: normal;
  }
}
@media screen and (max-width: 1000px) {
  html[data-vlp-desktop="true"] { --vlp-prose-align: start; }
}


@media screen {
  .remote-editor-stage {
    position: relative;
    width: 100%;
    min-width: 0;
    background: #0a1924;
  }
  .editor-workbench[data-remote-layout="stacked"] .remote-editor {
    width: 100%;
    height: clamp(360px, 56svh, 500px);
  }
  .remote-editor-stage[data-ready="false"] .remote-editor { visibility: hidden; }
  .remote-editor-loading {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    margin: 0;
    padding: 24px;
    color: var(--muted);
    font-size: .85rem;
    text-align: center;
  }
  .remote-console {
    width: 100%;
    min-width: 0;
    border-top: 1px solid var(--line);
    background: #081a26;
  }
  .remote-console .output-head {
    flex-wrap: wrap;
    gap: 8px 14px;
    min-height: 48px;
    padding: 12px 15px;
  }
  .remote-console .output-head strong {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--accent);
    font-size: .8rem;
  }
  .remote-console .output-head > span { font-size: .7rem; }
  .remote-console > pre {
    min-height: 120px;
    max-height: 320px;
    margin: 0;
    padding: 16px;
    overflow: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 1.7;
    tab-size: 4;
  }
  .remote-console > pre:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: -3px;
  }
  .remote-console .remote-input {
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
    padding: 15px;
    border-top: 1px solid var(--line);
  }
  .remote-console .remote-input textarea { width: 100%; min-width: 0; font-size: 16px; }
  .remote-console .remote-input small {
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.7;
    overflow-wrap: anywhere;
  }
}

@media screen {
  .music-channel,
  body:has(.bot-launcher) .music-channel {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  .music-channel:not(.music-minimized) { padding: 4px 10px; }
  .music-top { align-items: center; }
  .music-toggle { min-height: 30px; }
  .music-toggle small { margin-top: 2px; }
  .music-minimize { min-width: 24px; min-height: 30px; height: 30px; }
  .music-volume { gap: 8px; margin-top: 0; padding: 0; }
  .music-volume input { height: 24px; margin: 0; }
  body:has(.bot-launcher) .music-channel:not(.music-minimized) {
    width: min(270px, calc(100% - 432px));
  }
}
@media screen and (max-width: 700px) {
  .music-channel:not(.music-minimized) {
    width: min(270px, calc(100% - 128px));
  }
  body:has(.bot-launcher) .music-channel:not(.music-minimized) {
    width: min(270px, calc(100% - 152px));
  }
}
body:has(#main .usage-guide){min-width:0}
#main .guide-page.usage-guide{
  --usage-text:#c6d7e3;
  --usage-rule:#365767;
  padding-block:32px 80px;
}
#main .usage-guide :is(p,li,td){
  text-align:justify;
  text-align-last:start;
  text-justify:inter-word;
  word-spacing:normal;
  letter-spacing:normal;
  word-break:normal;
  overflow-wrap:break-word;
  -webkit-hyphens:auto;
  hyphens:auto;
  hyphenate-limit-chars:7 3 3;
}
#main .usage-guide :is(p,ol,ul){font-size:1rem;line-height:1.9}
#main .usage-guide :is(h1,h2,h3,h4,summary,caption,th),
#main .usage-guide .usage-guide-toc :is(li,a),
#main .usage-guide .usage-guide-actions :is(a,button){
  text-align:start;text-align-last:auto;word-spacing:normal;
  word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:pretty;
}
#main .usage-guide :is(code,kbd){text-align:start;-webkit-hyphens:none;hyphens:none;overflow-wrap:anywhere}
#main .usage-guide .usage-guide-head{
  display:grid;grid-template-columns:minmax(0,1fr);gap:28px;
  padding:32px;margin-bottom:32px;border:1px solid #365e70;
  border-radius:22px;
  background:radial-gradient(ellipse at 0 0,#3b9b9024,transparent 65%),linear-gradient(135deg,#102735f2,#101c30f2);
  box-shadow:inset 0 1px #b4eee51a,0 14px 40px #02091526;
}
#main .usage-guide .usage-guide-intro{padding:0;min-width:0}
#main .usage-guide .usage-guide-intro>.eyebrow{font-size:.75rem;letter-spacing:.15em;color:#9ce6d8}
#main .usage-guide .usage-guide-intro h1{max-width:none;margin:14px 0 20px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;letter-spacing:-.035em}
#main .usage-guide .usage-guide-intro p{max-width:none;font-size:1rem;line-height:1.9;color:#c6d7e3}
#main .usage-guide .usage-guide-toc{
  padding:22px 24px;border:1px solid #385b6b;border-radius:14px;
  background:#071b2980;box-shadow:none;
}
#main .usage-guide .usage-guide-toc::before{display:none}
#main .usage-guide .usage-guide-toc h2{font-size:1rem;line-height:1.5;margin:0 0 14px;color:#e6f2f6}
#main .usage-guide .usage-guide-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:0;padding:0}
#main .usage-guide .usage-guide-toc li{margin:0}
#main .usage-guide .usage-guide-toc a{
  grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;
  min-height:52px;padding:10px 12px;border:1px solid #42627166;border-radius:9px;
  font-size:.9rem;line-height:1.55;background:#16303d4d;color:#d1e7ed;
}
#main .usage-guide .usage-guide-toc a::before{font-size:.75rem;color:#a7dccc;line-height:1.6}
#main .usage-guide .usage-guide-toc a:hover{border-color:#71b6b0;background:#21434f}
#main .usage-guide .usage-guide-section{
  margin-block:22px;padding:30px 32px 32px;border:1px solid #314d60;
  border-radius:18px;background:linear-gradient(120deg,#102435b8,#0c1c2c8c);
  scroll-margin-top:24px;
}
#main .usage-guide .usage-guide-section:last-child{padding-bottom:32px;border-bottom:1px solid #314d60}
#main .usage-guide .usage-guide-section-head{
  grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:center;
  margin:0 0 25px;padding-bottom:20px;border-bottom:1px solid #385668;
}
#main .usage-guide .usage-guide-section-head>span{width:44px;height:44px;border-radius:12px;border-color:#4f7d86;font-size:.8rem;background:#1c3d49;color:#b6efdf}
#main .usage-guide .usage-guide-section-head h2{max-width:none;margin:0;font-size:clamp(1.3rem,2.1vw,1.7rem);line-height:1.4}
#main .usage-guide .usage-guide-section>p,
#main .usage-guide .usage-guide-section>:is(ol,ul):not(.usage-guide-flow),
#main .usage-guide .usage-guide-details>:is(p,ol,ul){max-width:none}
#main .usage-guide .usage-guide-section :is(ol,ul):not(.usage-guide-flow):not(.data-guide-flow){padding-inline-start:25px}
#main .usage-guide .usage-guide-section li{margin-block:12px;padding-inline-start:4px}
#main .usage-guide .usage-guide-section li::marker{color:#a0d9ce;font-weight:600;font-variant-numeric:tabular-nums}
#main .usage-guide .usage-guide-section :is(ol,ul) li>:is(ol,ul){margin-block:12px}
#main .usage-guide .usage-guide-note{
  max-width:none;padding:20px 22px;margin:24px 0;
  border-inline-start:3px solid #88d6c2;border-radius:0 12px 12px 0;
  background:#17394680;color:#c7e2e4;font-size:.96rem;line-height:1.9;
}
#main .usage-guide .usage-guide-note h3{margin:0 0 10px;font-size:1.08rem;color:#d7f3ed}
#main .usage-guide .usage-guide-note :is(p,li){font-size:.96rem;line-height:1.9}
#main .usage-guide .usage-guide-note>:last-child{margin-bottom:0}
#main .usage-guide .usage-guide-grid{gap:18px;margin:24px 0}
#main .usage-guide .usage-guide-card{padding:24px;background:#122a3a99;border:1px solid #3b5c70;border-radius:12px}
#main .usage-guide .usage-guide-card :is(p,li){font-size:.96rem;line-height:1.9}
#main .usage-guide .usage-guide-details{
  margin:14px 0;padding:0 22px;border:1px solid #385b70;border-radius:12px;background:#0b203080;
}
#main .usage-guide .usage-guide-details>summary{
  min-height:56px;padding:17px 40px 17px 0;font-size:1rem;line-height:1.65;font-weight:600;
}
#main .usage-guide .usage-guide-details>summary::after{right:0;width:28px;height:28px;border-radius:8px;background:#1b3c49;color:#b5e8dd}
#main .usage-guide .usage-guide-details[open]>summary{margin-bottom:18px;border-bottom:1px solid #315166}
#main .usage-guide .usage-guide-details>:last-child:not(summary){margin-bottom:24px}
#main .usage-guide .usage-guide-flow,
#main .usage-guide .usage-guide-flow--diagnostic{
  display:grid;grid-template-columns:minmax(0,1fr);gap:22px;
  padding:0;margin:24px 0;border:0;background:transparent;
}
#main .usage-guide .usage-guide-flow>.usage-guide-step,
#main .usage-guide .usage-guide-flow>.usage-guide-step:last-child{
  min-height:0;margin:0;padding:20px 22px 20px 72px;border:1px solid #3c6275;
  border-radius:12px;background:#112b3b;
}
#main .usage-guide .usage-guide-flow>.usage-guide-step::before{top:21px;left:20px;width:32px;height:32px;border-radius:9px;font-size:.8rem}
#main .usage-guide .usage-guide-flow>.usage-guide-step:not(:last-child)::after{
  top:calc(100% + 4px);bottom:auto;left:32px;right:auto;width:8px;height:14px;
  clip-path:polygon(38% 0,62% 0,62% 62%,100% 62%,50% 100%,0 62%,38% 62%);
}
#main .usage-guide .usage-guide-flow>.usage-guide-step>:is(strong,h3){display:block;margin:0 0 6px;font-size:1rem;text-align:start}
#main .usage-guide .usage-guide-flow>.usage-guide-step>p{max-width:none;margin:0;font-size:.96rem;line-height:1.9;text-align:justify;text-align-last:start;hyphens:auto}
#main .usage-guide .data-guide-flow{grid-template-columns:minmax(0,1fr);gap:22px;padding:0;margin:24px 0}
#main .usage-guide .data-guide-flow>li{margin:0;border-radius:12px}
#main .usage-guide .data-guide-flow>li>strong{font-size:1rem;text-align:start}
#main .usage-guide .data-guide-flow>li>span{display:block;font-size:.96rem;line-height:1.9;text-align:justify;text-align-last:start;hyphens:auto}
#main .usage-guide .data-guide-flow>li:not(:last-child)::after{top:calc(100% + 4px);bottom:auto;left:32px;right:auto;width:8px;height:14px;clip-path:polygon(38% 0,62% 0,62% 62%,100% 62%,50% 100%,0 62%,38% 62%)}
#main .usage-guide .usage-guide-table-wrap{border-color:#3b6072;border-radius:12px}
#main .usage-guide .usage-guide-table{font-size:.96rem;line-height:1.85}
#main .usage-guide .usage-guide-table caption{padding:18px 22px;background:#152f3e;color:#e2f0f3}
#main .usage-guide .usage-guide-table :is(th,td){padding:17px 20px;word-break:normal;overflow-wrap:break-word}
#main .usage-guide .usage-guide-table thead th{background:#193746}
#main .usage-guide .usage-guide-table tbody tr:nth-child(even){background:#17334255}
#main .usage-guide .usage-guide-actions{gap:12px 18px}
#main .usage-guide .usage-guide-actions>:is(a,button){min-height:48px;font-size:.92rem}
#main .usage-guide :is(a,button,summary):focus-visible{outline:2px solid #b4efda;outline-offset:4px}
@media(max-width:900px){
  #main .usage-guide .usage-guide-grid{grid-template-columns:minmax(0,1fr)}
  #main .usage-guide .usage-guide-head{padding:26px;gap:24px}
  #main .usage-guide .usage-guide-section{padding:26px}
}
@media(max-width:600px){
  #main .guide-page.usage-guide{padding-block:20px 100px}
  #main .usage-guide .usage-guide-head{padding:22px 16px;border-radius:16px;gap:22px;margin-bottom:24px}
  #main .usage-guide .usage-guide-intro h1{font-size:2.1rem;margin-block:14px 18px}
  #main .usage-guide :is(p,ol,ul){font-size:.95rem;line-height:1.85}
  #main .usage-guide .usage-guide-intro p{font-size:.95rem;line-height:1.85}
  #main .usage-guide .usage-guide-toc{padding:18px 12px}
  #main .usage-guide .usage-guide-toc ol{grid-template-columns:minmax(0,1fr);gap:8px}
  #main .usage-guide .usage-guide-toc a{padding:11px 8px;gap:7px;grid-template-columns:25px minmax(0,1fr);font-size:.875rem}
  #main .usage-guide .usage-guide-section{padding:24px 16px;margin-block:18px;border-radius:14px}
  #main .usage-guide .usage-guide-section:last-child{padding-bottom:24px}
  #main .usage-guide .usage-guide-section-head{grid-template-columns:36px minmax(0,1fr);gap:12px;margin-bottom:20px;padding-bottom:18px}
  #main .usage-guide .usage-guide-section-head>span{width:36px;height:38px;font-size:.75rem;border-radius:10px}
  #main .usage-guide .usage-guide-section-head h2{font-size:1.25rem;line-height:1.45}
  #main .usage-guide .usage-guide-section :is(ol,ul):not(.usage-guide-flow):not(.data-guide-flow){padding-inline-start:20px}
  #main .usage-guide .usage-guide-section li{padding-inline-start:1px}
  #main .usage-guide .usage-guide-note{padding:16px 13px;margin-block:20px}
  #main .usage-guide .usage-guide-note :is(p,li),
  #main .usage-guide .usage-guide-card :is(p,li){font-size:.93rem;line-height:1.85}
  #main .usage-guide .usage-guide-details{padding-inline:13px;margin-block:12px}
  #main .usage-guide .usage-guide-details>summary{font-size:.95rem;padding-inline-end:36px}
  #main .usage-guide .usage-guide-card{padding:18px 14px}
  #main .usage-guide .usage-guide-flow>.usage-guide-step,
  #main .usage-guide .usage-guide-flow>.usage-guide-step:last-child{padding:62px 16px 18px}
  #main .usage-guide .usage-guide-flow>.usage-guide-step::before{top:16px;left:16px}
  #main .usage-guide .usage-guide-flow>.usage-guide-step>p,
  #main .usage-guide .data-guide-flow>li>span{font-size:.93rem;line-height:1.85}
  #main .usage-guide .usage-guide-table{font-size:.9rem;line-height:1.8}
  #main .usage-guide .usage-guide-table :is(th,td){padding:12px 10px}
  #main .usage-guide .usage-guide-table caption{padding:14px}
  #main .usage-guide .usage-guide-table th:first-child{width:36%}
}
@media print{
  #main .usage-guide :is(p,li,td){text-align:justify;text-align-last:start;hyphens:auto}
  #main .usage-guide :is(.usage-guide-head,.usage-guide-section,.usage-guide-note,.usage-guide-card,.usage-guide-details,.usage-guide-toc){background:none;color:#111;box-shadow:none;border-color:#999}
  #main .usage-guide .usage-guide-section-head{break-after:avoid}
  #main .usage-guide .usage-guide-flow>.usage-guide-step{break-inside:avoid}
}
@media screen and (max-width:600px){
  #main .usage-guide .usage-guide-table{display:block;width:100%}
  #main .usage-guide .usage-guide-table caption{display:block;width:auto}
  #main .usage-guide .usage-guide-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  #main .usage-guide .usage-guide-table tbody{display:block}
  #main .usage-guide .usage-guide-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:17px 14px;border-bottom:1px solid #385668}
  #main .usage-guide .usage-guide-table tbody tr:last-child{border-bottom:0}
  #main .usage-guide .usage-guide-table tbody :is(th,td){display:block;width:auto;padding:0;border:0;background:transparent;font-size:.93rem;line-height:1.85}
  #main .usage-guide .usage-guide-table tbody th:first-child{width:auto;color:#ade6d8}
}
@media screen and (max-width: 700px) {
  #main .programming-visual .hero-visual {
    overflow: hidden;
  }
  #main .programming-visual .robot-scene {
    height: clamp(320px, 82vw, 372px);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow: visible;
  }
  #main .programming-visual .robot-scene > svg.orion-robot {
    position: relative;
    z-index: 2;
    width: min(82%, 274px);
    max-width: 100%;
    height: auto;
    max-height: 282px;
    flex: 0 0 auto;
    margin: 6px 0 0;
    overflow: visible;
  }
  #main .programming-visual .robot-scene > .orbit-ring {
    z-index: 0;
    width: min(82%, 266px);
    height: auto;
    aspect-ratio: 1 / 1;
    top: 10px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  #main .programming-visual .robot-scene > .floating-code {
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    bottom: 18px;
    width: min(64%, 176px);
    max-width: 176px;
    box-sizing: border-box;
    transform: translateX(-22%) rotate(-2deg);
    padding: 6px 10px 8px;
    border-radius: 10px;
    overflow: hidden;
  }
  #main .programming-visual .floating-code .code-dots {
    margin-bottom: 3px;
    font-size: .55rem;
    letter-spacing: .2em;
  }
  #main .programming-visual .floating-code code {
    font-size: .58rem;
    line-height: 1.45;
  }
  #main .programming-visual .robot-scene > .float-token { display: none; }
  .bot-launcher .orion-robot {
    width: 43px;
    height: 46px;
    margin: 0;
    flex-shrink: 0;
  }
  .bot-panel-head .orion-robot {
    width: 64px;
    height: 68px;
    margin: 0;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 370px) {
  #main .programming-visual .robot-scene {
    height: 306px;
  }
  #main .programming-visual .robot-scene > svg.orion-robot {
    width: min(84%, 238px);
    max-height: 258px;
  }
  #main .programming-visual .robot-scene > .orbit-ring {
    width: min(84%, 232px);
  }
  #main .programming-visual .robot-scene > .floating-code {
    bottom: 12px;
    width: min(63%, 164px);
    max-width: 164px;
    transform: translateX(-20%) rotate(-2deg);
    padding: 5px 9px 7px;
  }
  #main .programming-visual .floating-code code {
    font-size: .54rem;
    line-height: 1.4;
  }
}
@media screen {
  .page-top {
    padding: 34px 0 30px;
  }

  .breadcrumb {
    gap: 11px;
    margin-bottom: 25px;
    font-size: .76rem;
  }

  .breadcrumb a {
    color: #acd7d5;
  }

  .breadcrumb svg {
    color: #637d96;
  }

  .lab-title h1 {
    max-width: 980px;
    margin: 13px 0 18px;
    font-size: clamp(1.85rem, 3vw, 2.85rem);
    font-weight: 650;
    letter-spacing: -.035em;
    line-height: 1.23;
    text-wrap: balance;
  }

  .lab-title .eyebrow {
    line-height: 1.8;
  }

  .lab-intro {
    max-width: 78ch;
    color: var(--muted);
    font-size: .95rem;
    line-height: 1.8;
  }

  .complete-button {
    border-color: #395368;
    background: #102235;
    font-size: .76rem;
  }

  .complete-button.checked {
    color: #c8fff0;
    border-color: #588f87;
    background: #173d3c;
  }
  .learning-layout {
    grid-template-columns: 254px minmax(0, 1fr);
    gap: 28px;
  }

  .lesson-sidebar {
    border: 1px solid #2b4257;
    border-top-color: #537c87;
    border-radius: 17px;
    background: linear-gradient(150deg, #102336, #0a1827 72%);
    padding: 20px 11px 15px;
    box-shadow: 0 16px 40px #0000001a, inset 0 1px #d8ffff08;
    scrollbar-color: #3b5b70 transparent;
    scrollbar-gutter: stable;
  }

  .sidebar-head {
    gap: 9px;
    padding: 0 9px;
    color: #e0edf7;
    font-size: .77rem;
  }

  .sidebar-head strong {
    font-weight: 650;
  }

  .sidebar-head span {
    color: #b1c6d6;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .67rem;
    font-variant-numeric: tabular-nums;
  }

  .lesson-sidebar .course-progress {
    height: 3px;
    margin: 20px 9px 8px;
    background: #243a4d;
  }

  .lesson-sidebar nav {
    gap: 5px;
  }

  .lesson-group-label {
    grid-column: 1 / -1;
    padding: 22px 12px 9px;
    color: #91b6c3;
    font-size: .63rem;
    font-weight: 600;
    letter-spacing: .12em;
  }

  .lesson-group-label:first-child {
    padding-top: 15px;
  }

  .lesson-sidebar nav a {
    min-height: 44px;
    align-items: baseline;
    gap: 9px;
    padding: 11px 8px;
    border: 1px solid transparent;
    border-left: 2px solid transparent;
    border-radius: 9px;
    color: #b5c7d8;
    font-size: .74rem;
    line-height: 1.55;
    transition: color .18s, background .18s, border-color .18s;
  }

  .lesson-sidebar nav a > span:first-child {
    min-width: 19px;
    color: #8ba7bd;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .64rem;
  }

  .lesson-sidebar nav a:hover {
    color: #e3f3fb;
    background: #172f43;
    border-color: #2c4960;
  }

  .lesson-sidebar nav a[aria-current] {
    color: #d1fff3;
    background: linear-gradient(100deg, #1b4248, #122e3d);
    border-color: #3c6d72;
    border-left-color: var(--accent);
  }

  .lesson-sidebar nav a[aria-current] > span:first-child {
    color: var(--accent);
  }

  .lesson-sidebar nav a:focus-visible {
    outline-offset: 1px;
  }

  .lesson-suggestion {
    margin-bottom: 14px;
  }

  .lesson-suggestion a {
    padding: 9px 12px;
    color: #a5c7d0;
    border-color: #2c465c;
    background: #0d1e30;
    font-size: .7rem;
  }

  .lab-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
    margin-bottom: 24px;
    padding: 6px;
    border: 1px solid #2b4056;
    border-radius: 14px;
    background: #091627;
    overflow: visible;
    box-shadow: inset 0 1px #d3eaff08;
  }

  .lab-tabs button {
    position: relative;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    min-height: 47px;
    padding: 11px 9px;
    color: #a7bdd1;
    border: 1px solid transparent;
    border-radius: 9px;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.5;
    animation: none;
  }

  .lab-tabs button:hover {
    color: #e6f6fc;
    background: #13283c;
  }

  .lab-tabs button.active {
    color: #d1fff3;
    border-color: #3b6873;
    background: linear-gradient(115deg, #1e414c, #162e41);
    box-shadow: inset 0 1px #c8fff012, 0 2px 8px #00000020;
  }

  .lab-tabs button.active svg {
    color: var(--accent);
  }

  .lab-tabs .study-tab:not(.active) {
    animation: none;
    box-shadow: none;
  }

  .lab-tabs .tab-count {
    padding: 1px 5px;
    color: #bbd6e8;
    border: 1px solid #405c72;
    border-radius: 5px;
    background: #173045;
    font-size: .62rem;
    line-height: 1.45;
  }
  .editor-workbench {
    border: 1px solid #385368;
    border-top-color: #618b92;
    border-radius: 17px;
    background: #081523;
    box-shadow: 0 20px 60px #00000029, inset 0 1px #d6fff50d;
  }

  .editor-workbench:focus-within {
    border-color: #598f94;
    box-shadow: 0 0 0 1px #8cebdc13, 0 20px 60px #00000038;
  }

  .editor-workbench[hidden] {
    display: none !important;
  }

  .editor-workbench .js-mode {
    padding: 12px 18px;
    color: #9cb8ca;
    border-bottom-color: #283f54;
    background: #0c1c2e;
  }

  .js-mode button {
    min-height: 32px;
    padding: 6px 11px;
    border-radius: 7px;
    background: #10263a;
    font-size: .69rem;
  }

  .js-mode button[aria-pressed="true"] {
    color: #baf9eb;
    border-color: #4c8b8c;
    background: #183743;
  }

  .editor-toolbar {
    gap: 13px;
    padding: 13px 18px;
    border-bottom-color: #2a425a;
    background: linear-gradient(100deg, #142b3e, #102136);
  }

  .editor-file {
    gap: 10px;
    color: #cbdcea;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .74rem;
  }

  .editor-toolbar .btn-row {
    gap: 6px;
  }

  .editor-toolbar button,
  .editor-actions button {
    min-height: 37px;
    padding: 8px 11px;
    border-radius: 8px;
    font-size: .71rem;
  }

  .editor-toolbar button:not(.primary),
  .editor-actions button {
    color: #c5d9e9;
    border-color: #344c63;
    background: #152c41;
  }

  .editor-toolbar button:not(.primary):not(:disabled):hover,
  .editor-actions button:not(:disabled):hover {
    color: #e8fbff;
    border-color: #608496;
    background: #203e53;
  }

  .editor-toolbar .run-button {
    padding-inline: 15px;
    box-shadow: 0 3px 14px #6fe4cb15;
  }

  .editor-workbench .code-host,
  .code-host .cm-editor,
  .code-host .cm-scroller {
    background: #081421;
  }

  .code-host .cm-editor {
    min-height: inherit;
    color: #d7e3ef;
    font-size: 14px;
  }

  .code-host .cm-scroller {
    flex: 1;
  }

  .code-host .cm-scroller {
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-variant-ligatures: none;
    line-height: 1.8;
    scrollbar-color: #3b556b #0a1727;
  }

  .code-host .cm-content {
    padding: 17px 0;
    caret-color: #b9ffec;
  }

  .code-host .cm-line {
    padding-inline: 15px 22px;
  }

  .code-host .cm-gutters {
    align-self: stretch;
    color: #829bb2;
    border-right: 1px solid #21374b;
    background: #0b1b2b;
  }

  .code-host .cm-gutterElement {
    padding-inline: 12px 10px;
  }

  .code-host .cm-activeLine,
  .code-host .cm-activeLineGutter {
    background: #162d41;
  }

  .code-host .cm-activeLineGutter {
    color: #c2edec;
  }

  .code-host .cm-cursor {
    border-left-color: #b9ffec;
  }

  .code-host .cm-selectionBackground,
  .code-host .cm-focused .cm-selectionBackground {
    background: #37646980;
  }

  .code-host .cm-panels {
    color: #d0e4ed;
    border-color: #3b5a6b;
    background: #10273a;
  }

  .editor-actions {
    gap: 13px;
    padding: 13px 18px;
    border-top-color: #2a425a;
    background: #102338;
  }

  .editor-actions .small {
    color: #a4bbce;
    font-size: .67rem;
    line-height: 1.6;
  }

  .io-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr);
    border-color: #2b4258;
    background: #0b1c2d;
  }

  .input-panel,
  .output-panel {
    padding: 21px;
  }

  .input-panel {
    border-right-color: #2b4258;
    background: #0d1e30;
  }

  .input-panel label,
  .output-head {
    color: #b9d0e0;
    font-size: .76rem;
    font-weight: 500;
  }

  .input-panel label svg,
  .output-head svg {
    color: #91c8ce;
  }

  .input-panel textarea,
  .remote-input textarea,
  .js-markup textarea,
  .notebook-field textarea {
    color: #e0ecf5;
    border-color: #354f68;
    border-radius: 10px;
    background: #071426;
    box-shadow: inset 0 2px 8px #00000013;
    line-height: 1.8;
  }

  .input-panel textarea::placeholder,
  .remote-input textarea::placeholder,
  .notebook-field textarea::placeholder {
    color: #94acbf;
  }

  .input-panel small {
    color: #9ab2c5;
    font-size: .66rem;
    line-height: 1.75;
  }

  .output-panel pre {
    margin-top: 18px;
    color: #d1eae6;
    font-size: .81rem;
    line-height: 1.9;
  }

  .output-panel pre.error-output {
    color: #ffc4b9;
  }

  .output-head > span:last-child {
    color: #91d8c9;
    font-size: .67rem;
  }

  .expected-output {
    padding: 17px 21px;
    color: #b4cfdf;
    border-top-color: #2b4258;
    background: #0b1b2d;
    font-size: .76rem;
  }

  .expected-output summary {
    min-height: 30px;
    padding-block: 5px;
  }

  .expected-output pre {
    padding: 17px;
    color: #d8e9f1;
    border: 1px solid #2a445a;
    background: #081526;
    line-height: 1.85;
    overflow: auto;
  }

  .active-challenge {
    color: #c6f6e4;
    border-color: #496f69;
    background: #173a3c;
    padding: 20px;
  }

  .active-challenge p {
    color: #c0dcd8;
    line-height: 1.8;
  }

  .remote-note,
  .remote-input,
  .js-markup,
  .web-preview > .output-head {
    border-color: #2b4258;
    background: #102337;
  }

  .remote-note {
    color: #b2c8d7;
    padding: 13px 18px;
    line-height: 1.7;
  }

  .preview-canvas {
    padding: 20px;
    background: #071422;
  }

  .preview-empty {
    color: #acc2d3;
    padding: 34px 20px;
  }

  .editor-workbench.fullscreen {
    border-radius: 12px;
    box-shadow: 0 0 0 30px #060e1b;
  }

  .lesson-pagination {
    margin: 28px 0 62px;
    padding-top: 22px;
    border-top: 1px solid #294154;
  }

  .lesson-pagination > span {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .71rem;
    font-variant-numeric: tabular-nums;
  }
  .learning-content {
    --learning-text: #ccdbe8;
  }

  .study-content,
  .notes-content {
    gap: 24px;
  }

  .lesson-main .study-content .panel,
  .lesson-main .notes-content .panel {
    padding: 32px;
    border-color: #2d455c;
    border-radius: 16px;
    background: linear-gradient(145deg, #102338, #0b192a 80%);
  }

  .learning-content p,
  .learning-content li,
  .study-panel p,
  .study-panel li {
    text-align: left;
    text-align-last: auto;
    -webkit-hyphens: none;
    hyphens: none;
    overflow-wrap: break-word;
  }

  .learning-content p {
    max-width: 76ch;
    color: var(--learning-text);
    font-size: .98rem;
    line-height: 1.95;
  }

  .learning-content h2 {
    margin-bottom: 22px;
    color: #eef6fc;
    font-size: 1.5rem;
    font-weight: 650;
    letter-spacing: -.025em;
    line-height: 1.45;
  }

  .learning-content h3 {
    color: #e2edf7;
    line-height: 1.55;
  }

  .learning-content h4 {
    color: #dbeff2;
    line-height: 1.7;
  }

  .objectives .eyebrow,
  .learning-section > .eyebrow {
    color: #96d9d1;
    letter-spacing: .12em;
    line-height: 1.8;
  }

  .objectives h2 {
    margin-top: 12px;
  }

  .objectives ul {
    gap: 15px;
  }

  .objectives li {
    gap: 12px;
    color: #cfdeea;
    font-size: .89rem;
    line-height: 1.8;
  }

  .objectives li svg {
    margin-top: 5px;
  }

  .prerequisites,
  .concept-section,
  .learning-result {
    border-color: #2d465a;
  }

  .prerequisites {
    margin-top: 27px;
    padding-top: 22px;
  }

  .study-waypoints {
    gap: 8px;
    padding: 2px 0;
  }

  .study-waypoints button {
    min-height: 39px;
    padding: 9px 15px;
    color: #bcd7e2;
    border-color: #385267;
    background: #102337;
    font-size: .73rem;
  }

  .study-waypoints button:hover {
    color: #d8fff3;
    border-color: #709e9d;
    background: #1a3748;
  }

  .learning-overview {
    padding-left: 22px;
    border-left-color: #78d6c9;
    color: #dcefea !important;
    font-size: 1.02rem !important;
  }

  .concept-section {
    margin-top: 29px;
    padding-top: 22px;
  }

  .theory .concept-section h3 {
    gap: 14px;
    margin-top: 8px;
    margin-bottom: 18px;
    font-size: 1.12rem;
  }

  .concept-section h3 > span {
    color: #8accc7;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .69rem;
  }

  .learning-content code:not(pre code) {
    padding: 2px 6px;
    color: #b4eee2;
    border-color: #345567;
    border-radius: 5px;
    background: #0b2333;
  }

  .theory pre,
  .exercise-card pre,
  .learning-code {
    padding: 23px;
    color: #dae7f2;
    border-color: #345067;
    border-radius: 12px;
    background: #071524;
    line-height: 1.9;
    scrollbar-color: #446477 #091829;
  }

  .code-walkthrough {
    margin-top: 32px;
  }

  .code-walkthrough > li {
    padding: 1px 0 25px 42px;
    border-left-color: #385767;
  }

  .code-walkthrough > li::before {
    color: #bff4e8;
    border-color: #4c7b82;
    background: #153844;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .72rem;
  }

  .code-walkthrough p {
    padding-top: 4px;
  }

  .learning-table-scroll {
    margin-block: 23px;
    border-color: #3b566b;
    border-radius: 12px;
    background: #0a1929;
  }

  .learning-table-scroll th {
    color: #ceeee9;
    background: #153145;
  }

  .learning-table-scroll th,
  .learning-table-scroll td {
    padding: 15px 18px;
    border-color: #2e465c;
    line-height: 1.8;
  }

  .learning-table-scroll td {
    color: #cedee9;
  }

  .learning-table-scroll tbody tr:nth-child(even) {
    background: #102234;
  }

  .learning-table-scroll tbody tr:hover {
    background: #143044;
  }

  .learning-pitfalls article {
    padding-top: 20px;
    border-color: #3d4d5d;
  }

  .learning-pitfalls h3 {
    color: #e8cea8;
  }

  .quick-quiz .learning-self-check {
    border-color: #30495e;
    padding-block: 16px 23px;
  }

  .quick-quiz button {
    padding: 15px 17px;
    color: #d3e4f0;
    border-color: #344e65;
    border-radius: 9px;
    background: #142b3f;
    line-height: 1.65;
  }

  .quick-quiz button > span {
    min-width: 28px;
    padding: 2px 8px;
    color: #b9dcdf;
    border: 1px solid #426070;
    background: #1c3c4d;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .75rem;
  }

  .quick-quiz button.correct {
    color: #d2f7e2;
    border-color: #74b593;
    background: #1c4036;
  }

  .quick-quiz button.incorrect {
    color: #ffddd6;
    border-color: #b87c73;
    background: #482e31;
  }

  .learning-sources > div:not(.eyebrow) {
    padding-block: 17px;
    border-color: #30495e;
  }

  .learning-sources a {
    color: #a8e5d9;
    font-size: .89rem;
    text-underline-offset: 4px;
  }

  .learning-sources a:hover {
    text-decoration: underline;
  }

  .learning-sources p {
    color: #aebfcf;
    font-size: .84rem;
  }
  .learning-diagram {
    padding: 29px;
    border-color: #3d6070;
    border-radius: 16px;
    background: linear-gradient(145deg, #123044, #0c1d30);
  }

  .learning-diagram figcaption p {
    color: #bccfdb;
    font-size: .9rem;
  }

  .diagram-canvas {
    padding: 24px 15px;
    border-color: #355567;
    border-radius: 12px;
    background: #081927;
    box-shadow: inset 0 0 36px #00000013;
  }

  .diagram-tools {
    gap: 17px;
    margin-block: 20px 16px;
  }

  .diagram-tools button,
  .diagram-tools a {
    font-size: .75rem;
  }

  .diagram-legend,
  .diagram-reading {
    color: #b4cbd9;
    border-color: #355266;
  }

  .diagram-reading {
    padding-top: 18px;
  }

  .diagram-dialog {
    color: #e2f0f8;
    border-color: #527f8b;
    border-radius: 16px;
    background: #0b1b2c;
  }

  .diagram-dialog-head {
    padding: 18px 22px;
    border-color: #345368;
    background: #142d40;
  }

  .diagram-dialog-head strong {
    line-height: 1.7;
  }

  .diagram-dialog::backdrop {
    background: #030a15e6;
  }

  .learning-content .exercise-card {
    gap: 20px;
    margin-bottom: 23px;
    padding: 32px;
    border-color: #314b61;
    border-radius: 16px;
    background: linear-gradient(145deg, #102338, #0b192a 80%);
  }

  .learning-content .exercise-number {
    padding-top: 4px;
    color: #8ed6cd;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 1rem;
  }

  .learning-content .exercise-card h3 {
    margin-bottom: 17px;
    font-size: 1.18rem;
    font-weight: 650;
  }

  .learning-content .exercise-card p {
    font-size: .94rem;
    line-height: 1.95;
  }

  .exercise-analysis {
    margin-block: 22px 27px;
    padding: 19px 22px 7px;
    border-left-color: #6baba9;
    background: #102b3d;
  }

  .learning-content .exercise-card details {
    padding-block: 20px;
    border-color: #304b60;
  }

  .learning-content summary {
    color: #bbdedf;
    line-height: 1.8;
  }

  .learning-content .exercise-card .btn-row {
    gap: 10px;
  }

  .notes-content h2 {
    margin-bottom: 16px;
    font-size: 1.4rem;
  }

  .notes-content p {
    color: #b7c9d9;
    font-size: .9rem;
    line-height: 1.9;
  }

  .notebook-field {
    margin-block: 27px;
    color: #cfdfeb;
    font-size: .86rem;
    line-height: 1.7;
  }

  .notebook-field textarea {
    margin-top: 11px;
    padding: 17px;
    font-size: .89rem;
  }

  .notes-content details {
    padding: 17px 0;
    color: #b7d0df;
    border-color: #304b60;
    line-height: 1.8;
  }

  .notes-content details pre {
    max-height: 380px;
    padding: 18px;
    border-radius: 9px;
    color: #d1e4e9;
    background: #081726;
    overflow: auto;
  }
  .guide-page {
    max-width: 1140px;
    padding: 55px 0 70px;
  }

  .guide-page > h1 {
    margin: 16px 0 25px;
    font-size: clamp(2.1rem, 3.7vw, 3.3rem);
    font-weight: 650;
    letter-spacing: -.04em;
    line-height: 1.2;
  }

  .guide-page > p {
    max-width: 78ch;
    color: #b7c9da;
    line-height: 1.9;
  }

  .guide-page .guide-grid {
    gap: 24px;
    margin-block: 34px;
  }

  .guide-grid > .panel,
  .guide-page .backup-panel,
  .practice-workflow > .panel,
  .practice-steps .panel,
  .practice-delivery {
    padding: 32px;
    border-color: #30485f;
    border-radius: 17px;
    background: linear-gradient(145deg, #10253a, #0b192b);
  }

  .guide-grid .panel h2,
  .backup-panel h2,
  .practice-workflow h2,
  .practice-steps h2,
  .practice-delivery h2 {
    margin-bottom: 21px;
    font-size: 1.4rem;
    font-weight: 650;
    letter-spacing: -.025em;
    line-height: 1.45;
  }

  .guide-page .panel p,
  .guide-page .panel li {
    color: #bed0dd;
    font-size: .92rem;
    line-height: 1.9;
  }

  .guide-grid li::marker,
  .practice-steps li::marker {
    color: #91ccc9;
  }

  .guide-page .course-grid .panel {
    border-color: #314b62;
    background: linear-gradient(145deg, #13293d, #0c1c2f);
  }

  .guide-page .course-grid .panel h2 {
    margin-block: 22px 11px;
    font-size: 1.55rem;
  }

  .guide-page .course-grid .course-progress {
    height: 5px;
    margin-block: 21px;
    background: #284155;
  }

  .backup-panel {
    margin-top: 32px;
  }

  .backup-panel .btn-row {
    gap: 11px;
    margin-top: 23px;
  }

  .professional-practice .practice-intro {
    max-width: 78ch;
    font-size: 1.03rem;
    line-height: 1.9;
  }

  .practice-workflow p,
  .practice-steps p,
  .practice-steps li,
  .practice-delivery p,
  .professional-practice > section > p {
    text-align: left;
    -webkit-hyphens: none;
    hyphens: none;
    overflow-wrap: break-word;
    line-height: 1.95;
  }

  .practice-step-number {
    color: #98d8cf;
    font-size: .78rem;
    letter-spacing: .08em;
    margin-bottom: 14px;
  }

  .practice-banner {
    padding: 28px 30px;
    border-color: #3c606c;
    border-radius: 16px;
    background: linear-gradient(120deg, #153142, #102036 70%);
  }

  .practice-banner h2 {
    font-size: 1.3rem;
    line-height: 1.5;
  }

  .practice-banner p {
    color: #bdd0dc;
  }
  .suggestion-page {
    padding-top: 37px;
  }

  .suggestion-heading {
    margin-block: 16px 36px;
  }

  .suggestion-heading h1 {
    font-weight: 650;
    line-height: 1.25;
    text-wrap: balance;
  }

  .suggestion-heading h1 span {
    color: var(--accent);
  }

  .suggestion-heading > p {
    color: #b8cbdc;
    line-height: 1.95;
  }

  .suggestion-form-panel,
  .suggestion-aside .panel,
  .suggestion-filters,
  .suggestion-item,
  .suggestion-empty {
    padding: 32px;
    border-color: #324c62;
    border-radius: 17px;
    background: linear-gradient(145deg, #11263b, #0b1a2c);
  }

  .suggestion-form-panel label,
  .suggestion-filters label,
  .suggestion-item label {
    color: #d3e4ef;
    gap: 10px;
    font-size: .83rem;
    line-height: 1.65;
  }

  .suggestion-form-panel input,
  .suggestion-form-panel select,
  .suggestion-form-panel textarea,
  .suggestion-filters select,
  .suggestion-item select {
    color: #e1edf5;
    border-color: #3a566e;
    border-radius: 9px;
    background: #09192b;
    padding: 13px 14px;
  }

  .suggestion-form-panel input::placeholder,
  .suggestion-form-panel textarea::placeholder {
    color: #99aebf;
  }

  .suggestion-form-panel textarea {
    min-height: 210px;
    line-height: 1.9;
  }

  .suggestion-field-help {
    color: #a4bed0;
    line-height: 1.8;
  }

  .suggestion-submit {
    padding-top: 27px;
    border-color: #334e64;
  }

  .suggestion-aside h2 {
    font-size: 1.3rem;
    line-height: 1.5;
  }

  .suggestion-aside p {
    color: #b8cfdd;
    line-height: 1.95;
  }

  .suggestion-privacy-note {
    padding: 27px 7px;
    color: #c8dce7;
  }

  .suggestion-private {
    color: #afd0d4;
    line-height: 1.75;
  }

  .suggestion-status {
    padding: 6px 12px;
    border: 1px solid #3b5e6a;
    background: #163744;
    font-size: .69rem;
  }

  .suggestion-status.status-new {
    border-color: #5a587e;
    background: #282d48;
  }

  .suggestion-status.status-completed {
    border-color: #47765b;
    background: #1d3b34;
  }

  .suggestion-item h2 {
    margin-block: 21px 15px;
    color: #e7f1f8;
    font-size: 1.35rem;
  }

  .suggestion-message {
    padding-block: 17px 23px;
    color: #cedde7;
    line-height: 1.95;
  }

  .suggestion-item-bottom {
    border-color: #345065;
    padding-top: 23px;
  }

  .suggestion-list-meta {
    color: #b2c7d7;
  }

  .suggestion-success h2,
  .suggestion-empty h2 {
    font-weight: 650;
    letter-spacing: -.025em;
  }
  .analytics-page .lab-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .analytics-header {
    padding-block: 27px;
    border-color: #2c445a;
  }

  .analytics-intro h1 {
    font-weight: 650;
    letter-spacing: -.04em;
    line-height: 1.2;
  }

  .analytics-intro p {
    max-width: 78ch;
    color: #b8ccdc;
    line-height: 1.9;
  }

  .analytics-page .panel {
    border-color: #324d65;
    border-radius: 17px;
    background: linear-gradient(145deg, #12273d, #0b1a2d);
  }

  .analytics-page .analytics-total {
    border-color: #466b78;
    background: radial-gradient(ellipse at 100% 0, #7ee6cf0c, transparent 65%),
      linear-gradient(120deg, #183846, #10243a 75%);
    box-shadow: inset 0 1px #cffff00a, 0 15px 40px #00000020;
  }

  .analytics-total strong {
    color: #d4f8ee;
    font-variant-numeric: tabular-nums;
    font-size: clamp(3rem, 5vw, 4.5rem);
    font-weight: 500;
  }

  .analytics-total p {
    color: #b4ccda;
    line-height: 1.75;
  }

  .analytics-metrics {
    gap: 18px;
    margin-block: 23px;
  }

  .analytics-metrics .panel {
    gap: 17px;
    padding: 27px;
  }

  .analytics-metrics svg {
    color: #9edcd7;
  }

  .analytics-metrics span {
    color: #b4cadb;
    font-size: .77rem;
    line-height: 1.75;
  }

  .analytics-metrics strong,
  .analytics-course-cards strong {
    color: #e6f1fa;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.035em;
  }

  .analytics-chart h2,
  .analytics-hours h2,
  .analytics-breakdown h3,
  .analytics-explanation h2 {
    color: #e2eef7;
    font-weight: 650;
    line-height: 1.5;
  }

  .analytics-chart > p,
  .analytics-hours > p {
    color: #a9c1d3;
    line-height: 1.8;
  }

  .analytics-breakdown > div {
    margin-bottom: 18px;
    padding-bottom: 15px;
    color: #b7cede;
    font-size: .78rem;
    line-height: 1.65;
  }

  .analytics-breakdown strong {
    color: #d1e9ef;
    font-variant-numeric: tabular-nums;
  }

  .analytics-breakdown i {
    height: 3px;
    background: linear-gradient(90deg, #90dfd1, #78a3c2);
    opacity: .8;
  }

  .analytics-hours i {
    background: linear-gradient(0deg, #457a91, #96dacb);
    border-radius: 5px 5px 0 0;
  }

  .analytics-explanation p {
    max-width: 90ch;
    color: #b9ccd9;
    font-size: .85rem;
    line-height: 1.9;
  }

  .analytics-course-select select {
    border-color: #3b586f;
    background: #0b1b2e;
  }

  .analytics-course-cards .panel {
    padding: 27px;
    border-top-width: 2px;
  }

  .analytics-course-cards h3 {
    margin-bottom: 18px;
    line-height: 1.5;
  }

  .analytics-course-cards small {
    color: #aac2d2;
    line-height: 1.8;
  }
}

@media screen and (min-width: 1600px) {
  .learning-layout {
    grid-template-columns: 270px minmax(0, 1fr);
    gap: 32px;
  }
}

@media screen and (max-width: 1150px) {
  .learning-layout {
    grid-template-columns: 222px minmax(0, 1fr);
    gap: 20px;
  }

  .lesson-sidebar {
    padding-inline: 8px;
  }

  .sidebar-head {
    padding-inline: 7px;
    gap: 6px;
    font-size: .71rem;
  }

  .lesson-sidebar nav a {
    font-size: .71rem;
  }

  .lab-tabs button {
    gap: 6px;
    padding-inline: 6px;
    font-size: .74rem;
  }

  .editor-toolbar,
  .editor-actions {
    padding-inline: 14px;
  }

  .editor-toolbar button,
  .editor-actions button {
    padding-inline: 9px;
  }

  .editor-toolbar .run-button {
    padding-inline: 11px;
  }

  .lesson-main .study-content .panel,
  .lesson-main .notes-content .panel,
  .learning-content .exercise-card,
  .learning-diagram {
    padding: 27px;
  }
}

@media screen and (max-width: 900px) {
  .learning-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 21px;
  }

  .lesson-sidebar {
    position: static;
    max-height: 218px;
    padding: 17px 13px;
  }

  .lesson-sidebar nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px 8px;
  }

  .sidebar-head {
    font-size: .78rem;
  }

  .lesson-sidebar .course-progress {
    margin-top: 15px;
  }

  .lesson-group-label {
    padding-top: 16px;
  }

  .lesson-sidebar nav a {
    padding: 9px;
    font-size: .74rem;
  }

  .lab-tabs button {
    font-size: .8rem;
  }

  .suggestion-form-panel,
  .suggestion-aside .panel,
  .suggestion-filters,
  .suggestion-item {
    padding: 25px;
  }

  .analytics-metrics .panel {
    padding: 23px;
  }
}

@media screen and (max-width: 640px) {
  .page-top {
    padding: 22px 0 27px;
  }

  .breadcrumb {
    gap: 7px;
    margin-bottom: 20px;
    font-size: .68rem;
    line-height: 1.8;
  }

  .lab-title {
    gap: 0;
  }

  .lab-title h1 {
    font-size: clamp(1.72rem, 6vw, 2.1rem);
    line-height: 1.28;
  }

  .lab-title .eyebrow {
    font-size: .62rem;
    letter-spacing: .1em;
  }

  .lab-intro {
    font-size: .87rem;
    line-height: 1.85;
  }

  .lab-title .complete-button {
    min-height: 39px;
    padding: 9px 12px;
    margin-top: 17px;
    font-size: .72rem;
  }

  .learning-layout {
    gap: 17px;
  }

  .lesson-sidebar {
    max-height: 200px;
    padding: 16px 10px;
    border-radius: 14px;
  }

  .lesson-sidebar nav a {
    gap: 7px;
    min-height: 45px;
    padding: 8px 6px;
    font-size: .7rem;
  }

  .lesson-sidebar nav a > span:first-child {
    min-width: 17px;
    width: 17px;
    font-size: .62rem;
  }

  .lesson-suggestion {
    margin-block: 0 12px;
  }

  .lesson-suggestion a {
    font-size: .67rem;
  }

  .lab-tabs {
    gap: 3px;
    margin-bottom: 18px;
    padding: 5px;
    border-radius: 12px;
  }

  .lab-tabs button {
    flex-direction: column;
    gap: 6px;
    min-height: 65px;
    padding: 9px 3px;
    border-radius: 7px;
    font-size: .7rem;
    line-height: 1.45;
  }

  .lab-tabs button svg {
    width: 16px;
    height: 16px;
  }

  .lab-tabs .tab-count {
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 0 4px;
    font-size: .56rem;
  }

  .editor-workbench {
    border-radius: 13px;
  }

  .editor-workbench .js-mode {
    gap: 7px;
    padding: 11px 12px;
    font-size: .65rem;
  }

  .js-mode > span {
    margin-right: 0;
  }

  .js-mode button {
    min-height: 33px;
    padding: 6px 9px;
    font-size: .64rem;
  }

  .editor-toolbar {
    gap: 8px;
    padding: 11px;
  }

  .editor-file {
    gap: 7px;
    font-size: .68rem;
  }

  .editor-toolbar .btn-row {
    gap: 5px;
  }

  .editor-toolbar button {
    min-height: 36px;
    padding: 8px;
    font-size: .66rem;
  }

  .editor-toolbar .run-button {
    padding-inline: 10px;
  }

  .code-host .cm-editor {
    font-size: 12.5px !important;
  }

  .code-host .cm-content {
    padding-block: 14px;
  }

  .code-host .cm-line {
    padding-inline: 10px 16px;
  }

  .code-host .cm-gutterElement {
    padding-inline: 9px 7px;
  }

  .editor-actions {
    gap: 10px;
    padding: 12px;
  }

  .editor-actions .btn-row {
    flex-wrap: wrap;
    gap: 7px;
  }

  .editor-actions button {
    min-height: 37px;
    padding: 8px 10px;
    font-size: .67rem;
  }

  .editor-actions .small {
    font-size: .65rem;
  }

  .io-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .input-panel,
  .output-panel {
    padding: 19px 16px;
  }

  .input-panel {
    border-right: 0;
    border-bottom: 1px solid #2b4258;
  }

  .expected-output {
    padding: 15px 16px;
    font-size: .72rem;
  }

  .preview-canvas {
    padding: 12px;
  }

  .remote-note {
    padding: 12px;
  }

  .lesson-pagination {
    gap: 9px;
    margin-block: 23px 42px;
    padding-top: 20px;
  }

  .lesson-pagination a {
    gap: 8px;
    min-height: 43px;
    padding: 10px 12px;
    font-size: .69rem;
  }

  .lesson-pagination > span {
    white-space: nowrap;
    font-size: .65rem;
  }

  .study-content,
  .notes-content {
    gap: 18px;
  }

  .lesson-main .study-content .panel,
  .lesson-main .notes-content .panel {
    padding: 23px 20px;
    border-radius: 13px;
  }

  .learning-content p,
  .learning-content .exercise-card p {
    font-size: .91rem;
    line-height: 1.95;
  }

  .learning-content h2 {
    margin-bottom: 20px;
    font-size: 1.29rem;
  }

  .objectives li {
    gap: 10px;
    font-size: .84rem;
  }

  .study-waypoints {
    gap: 7px;
  }

  .study-waypoints button {
    min-height: 37px;
    padding: 8px 12px;
    font-size: .7rem;
  }

  .learning-overview {
    padding-left: 16px;
    font-size: .95rem !important;
  }

  .theory .concept-section h3 {
    gap: 10px;
    font-size: 1.05rem;
  }

  .theory pre,
  .exercise-card pre,
  .learning-code {
    padding: 17px 15px;
  }

  .code-walkthrough > li {
    padding-left: 29px;
  }

  .learning-table-scroll th,
  .learning-table-scroll td {
    padding: 12px 13px;
    font-size: .8rem;
  }

  .learning-diagram {
    padding: 22px 17px;
    border-radius: 13px;
  }

  .diagram-canvas {
    padding: 17px 8px;
  }

  .diagram-tools {
    gap: 12px;
  }

  .diagram-dialog-head {
    gap: 12px;
    padding: 15px;
  }

  .diagram-dialog-head strong {
    font-size: .85rem;
  }

  .learning-content .exercise-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin-bottom: 18px;
    padding: 23px 20px;
  }

  .learning-content .exercise-number {
    padding-top: 0;
    font-size: .78rem;
  }

  .learning-content .exercise-card h3 {
    font-size: 1.12rem;
  }

  .exercise-analysis {
    padding: 17px 16px 6px;
  }

  .learning-content .exercise-card .btn-row button {
    padding: 10px 12px;
    font-size: .74rem;
  }

  .notebook-field {
    font-size: .82rem;
  }

  .notebook-field textarea {
    padding: 15px;
    font-size: .86rem;
  }

  .guide-page {
    padding-block: 34px 49px;
  }

  .guide-page > h1 {
    font-size: 2.15rem;
  }

  .guide-page .guide-grid {
    gap: 19px;
    margin-block: 28px;
  }

  .guide-grid > .panel,
  .guide-page .backup-panel,
  .practice-workflow > .panel,
  .practice-steps .panel,
  .practice-delivery {
    padding: 24px 21px;
  }

  .guide-grid .panel h2,
  .backup-panel h2,
  .practice-workflow h2,
  .practice-steps h2,
  .practice-delivery h2 {
    font-size: 1.27rem;
  }

  .guide-page .panel p,
  .guide-page .panel li {
    font-size: .88rem;
  }

  .guide-page .course-grid .panel h2 {
    font-size: 1.4rem;
  }

  .professional-practice .practice-intro {
    font-size: .93rem;
  }

  .practice-banner {
    padding: 24px 21px;
  }

  .suggestion-page {
    padding-top: 26px;
  }

  .suggestion-heading > p {
    font-size: .92rem;
  }

  .suggestion-form-panel,
  .suggestion-aside .panel,
  .suggestion-filters,
  .suggestion-item,
  .suggestion-empty {
    padding: 24px 20px;
    border-radius: 14px;
  }

  .suggestion-form-panel textarea {
    min-height: 220px;
  }

  .suggestion-aside h2 {
    font-size: 1.2rem;
  }

  .suggestion-item h2 {
    font-size: 1.22rem;
  }

  .suggestion-message {
    font-size: .89rem;
  }

  .analytics-intro h1 {
    font-size: 2.3rem;
  }

  .analytics-page .lab-tabs button {
    flex-direction: row;
    min-height: 45px;
    gap: 8px;
    font-size: .75rem;
  }

  .analytics-metrics {
    gap: 12px;
  }

  .analytics-metrics .panel {
    gap: 13px;
    padding: 22px 18px;
  }

  .analytics-metrics span {
    font-size: .71rem;
  }

  .analytics-course-cards .panel {
    padding: 21px 18px;
  }

  .analytics-course-cards h3 {
    font-size: .98rem;
  }

  .analytics-explanation p {
    font-size: .8rem;
  }
}

@media screen and (max-width: 380px) {
  .lab-tabs button {
    font-size: .65rem;
  }

  .lab-tabs .tab-count {
    right: 4px;
  }

  .lesson-sidebar nav a {
    font-size: .67rem;
  }

  .lesson-pagination a {
    gap: 5px;
    padding-inline: 8px;
    font-size: .64rem;
  }

  .lesson-main .study-content .panel,
  .lesson-main .notes-content .panel,
  .learning-content .exercise-card {
    padding-inline: 17px;
  }
}
@media screen {
  :is(
    .analytics-page .analytics-intro > p,
    .analytics-page .analytics-total > div > p,
    .analytics-page .analytics-chart > p,
    .analytics-page .analytics-hours > p,
    .analytics-page .analytics-explanation > p,
    .analytics-page > .alert,
    .suggestion-page > .suggestion-heading > p,
    .suggestion-page .suggestion-aside p,
    .suggestion-page .suggestion-success > p,
    .suggestion-page .suggestion-field-help > span:first-child,
    .suggestion-page .suggestion-submit .suggestion-private,
    .suggestion-page .suggestion-form-panel form > .alert,
    .suggestion-inbox > .suggestion-heading > p,
    .suggestion-inbox .suggestion-message,
    .suggestion-inbox .suggestion-empty > p
  ) {
    --vlp-prose-align: justify;
    text-align: justify;
    text-align-last: start;
    word-spacing: normal;
    word-break: normal;
    overflow-wrap: anywhere;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  :where(html[data-vlp-desktop="true"]) :is(
    .analytics-page .analytics-intro > p,
    .analytics-page .analytics-explanation > p,
    .suggestion-inbox > .suggestion-heading,
    .suggestion-inbox > .suggestion-heading > p
  ) {
    max-width: none;
  }
}

@media screen {
  .effects-toggle,
  .bot-launcher,
  .music-channel,
  body:has(.bot-launcher) .music-channel {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 6px) !important;
  }
  .music-channel,
  body:has(.bot-launcher) .music-channel {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  .data-runtime-note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    padding: 14px 18px;
    background: linear-gradient(110deg, #153d4566, #172a450f);
    border-bottom: 1px solid #385b6666;
    color: #b7ccd6;
    font-size: .78rem;
    line-height: 1.7;
  }
  .data-runtime-note strong { color: #a5e2d5; font-weight: 600; }
  .data-runtime-note span { flex: 1 1 270px; }
  .data-runtime-note a { color: #b4d7f0; white-space: nowrap; }
  .data-files-panel { border-top: 1px solid var(--line); padding: 15px 18px; }
  .data-files-panel > summary { cursor: pointer; color: #b9d5df; font-size: .85rem; padding: 3px 0; }
  .data-files-panel > summary span { color: var(--muted); font-size: .75rem; }
  .data-files-panel p { line-height: 1.85; font-size: .82rem; margin: 12px 0; text-align: justify; text-align-last: start; }
  .data-files-panel code { overflow-wrap: anywhere; }
  .data-files-panel ul { list-style: none; padding: 0; display: grid; gap: 8px; }
  .data-files-panel li { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 9px 12px; border: 1px solid #365061; border-radius: 8px; }
  .data-files-panel li code { flex: 1; min-width: 80px; font-size: .78rem; }
  .data-files-panel li span { color: var(--muted); font-size: .72rem; }
  .data-files-panel li button { min-height: 32px; padding: 5px 9px; font-size: .7rem; }
  .data-run-stage { padding: 12px 18px; margin: 0; color: #a5e2d5; font-size: .82rem; border-top: 1px solid var(--line); }
  .data-io-grid { grid-template-columns: minmax(180px, .65fr) minmax(0, 1.35fr); }
  .data-io-grid > * { min-width: 0; }
  .data-results { padding: 20px; display: grid; gap: 20px; border-top: 1px solid var(--line); min-width: 0; }
  .data-verification { display: grid; gap: 6px; border-left: 3px solid #9da99a; padding: 11px 16px; background: #23323c66; }
  .data-verification.passed { border-color: #73cfb1; }
  .data-verification strong { font-size: .85rem; color: #d4e9ef; }
  .data-verification span { color: #a7bcc9; font-size: .78rem; line-height: 1.7; }
  .data-checks h3 { font-size: .9rem; margin: 0 0 12px; }
  .data-checks h3 span { color: #8dd7c5; font-variant-numeric: tabular-nums; margin-left: 8px; }
  .data-checks ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 7px; }
  .data-checks li { display: flex; align-items: baseline; gap: 10px; padding: 9px 12px; background: #102b3466; border: 1px solid #2f544d; border-radius: 7px; color: #cee3df; font-size: .78rem; }
  .data-checks li > span { flex: 1; overflow-wrap: anywhere; }
  .data-checks li > strong { flex-shrink: 0; font-size: .7rem; font-weight: 500; }
  .data-checks li > b { color: #8ee1c2; }
  .data-checks li.failed { background: #53302144; border-color: #8d6751; color: #ffe0cc; }
  .data-checks li.failed > b { color: #f2be99; }
  .data-table-result,
  .data-plot-result { min-width: 0; margin: 0; background: #0e2130; border: 1px solid #355267; border-radius: 12px; overflow: hidden; }
  .data-results figcaption { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 15px; padding: 14px 16px; border-bottom: 1px solid #355267; line-height: 1.6; }
  .data-results figcaption strong { font-size: .86rem; font-weight: 550; overflow-wrap: anywhere; }
  .data-results figcaption span { color: #98b7c7; font-size: .72rem; }
  .data-results figcaption a { color: #a5decf; font-size: .78rem; padding: 4px 0; }
  .data-table-scroll { overflow: auto; max-height: 430px; scrollbar-width: thin; }
  .data-table-scroll:focus-visible { outline: 2px solid #8ce1cd; outline-offset: -3px; }
  .data-table-scroll table { border-collapse: collapse; width: 100%; font-size: .78rem; font-variant-numeric: tabular-nums; text-align: left; }
  .data-table-scroll th,
  .data-table-scroll td { padding: 10px 14px; border-bottom: 1px solid #2c43535c; max-width: 350px; min-width: 80px; overflow-wrap: anywhere; vertical-align: top; }
  .data-table-scroll th { position: sticky; top: 0; color: #abdcd4; font-weight: 550; background: #14313d; }
  .data-table-scroll tr:nth-child(even) { background: #17324355; }
  .data-table-scroll tr:hover { background: #27505c55; }
  .data-table-scroll p { padding: 12px 16px; color: var(--muted); }
  .data-plot-result img { display: block; width: 100%; max-height: 650px; object-fit: contain; background: white; }
  .data-result-note { color: #a6bdcb; font-size: .75rem; line-height: 1.8; }
  .data-table-result > .data-result-note { margin: 0; padding: 12px 16px; border-top: 1px solid #355267; }
  .data-guide { padding: 22px 0; }
  .data-guide-flow { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 0 !important; list-style: none; gap: 12px; margin: 24px 0 !important; }
  .data-guide-flow li { position: relative; margin: 0 !important; padding: 15px !important; border: 1px solid #38576a; border-top: 2px solid #79c9b4; border-radius: 8px; background: #13293680; }
  .data-guide-flow strong { display: block; font-size: .88rem; margin-bottom: 8px; color: #c6eadf; }
  .data-guide-flow span { display: block; color: #abc1ce; font-size: .78rem; line-height: 1.8; }
  .data-guide-flow li + li::before { content: '›'; position: absolute; top: -3px; left: -11px; color: #78b7ad; font-size: 20px; }
  .course-card .app-nick { overflow-wrap: anywhere; }
  .course-card p { text-align: justify; text-align-last: start; hyphens: auto; }
}
@media screen and (max-width: 760px) {
  .data-io-grid { grid-template-columns: minmax(0, 1fr); }
  .data-results { padding: 15px; gap: 16px; }
  .data-files-panel { padding: 13px 15px; }
  .data-files-panel li { gap: 8px; padding: 8px; }
  .data-runtime-note { padding: 12px 15px; gap: 4px 12px; }
  .data-table-scroll { max-height: 360px; }
  .data-table-scroll th, .data-table-scroll td { padding: 9px 11px; }
  .data-guide-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .data-guide-flow li + li::before { content: none; }
}
@media screen and (max-width: 400px) {
  .data-guide-flow { grid-template-columns: minmax(0,1fr); }
  .data-checks li { flex-wrap: wrap; }
  .data-checks li > span { min-width: 140px; }
}
@media print {
  .data-files-panel, .data-run-stage { display: none; }
  .data-table-scroll { overflow: visible; max-height: none; }
  .data-table-scroll table { width: 100%; border-collapse: collapse; }
  .data-table-scroll th, .data-table-scroll td { border: 1px solid #999; padding: 5px; }
  .data-plot-result img { width: 100%; max-height: 650px; object-fit: contain; }
  .data-guide-flow { padding-left: 25px; }
}
@keyframes vlp-study-book-flash-v46 {
  0%, 70%, 100% { filter: none; }
  35% {
    filter: brightness(1.8)
      drop-shadow(0 0 3px #6fffe9)
      drop-shadow(0 0 6px #8ca7ff99);
  }
}
@media screen and (prefers-reduced-motion: no-preference) and (forced-colors: none) {
  html:not([data-site-effects="calm"]):not([data-effects="off"])
    .lab-tabs .study-tab > svg {
    animation: vlp-study-book-flash-v46 1s ease-in-out infinite;
  }
  html[data-site-activity="paused"] .lab-tabs .study-tab > svg {
    animation-play-state: paused;
  }
}
.programming-visual .robot-scene {
  isolation: isolate;
}

.programming-visual .orion-circuit-layer {
  position: absolute;
  inset: -9px -12px -8px;
  z-index: 0;
  pointer-events: none;
  user-select: none;
}

.programming-visual .orion-circuit-layer svg {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  overflow: visible;
  filter: none;
  pointer-events: none;
}

.orion-circuit-layer path,
.orion-circuit-layer circle,
.orion-circuit-layer rect {
  vector-effect: non-scaling-stroke;
}

.orion-circuit-traces {
  stroke: #71d6d0;
  stroke-width: 1;
  stroke-linecap: round;
  opacity: .22;
}

.orion-circuit-traces .orion-orbital-arc {
  stroke: #a6b6e4;
  stroke-dasharray: 3 7;
  opacity: .65;
}

.orion-circuit-terminals {
  fill: #0c1d2d;
  stroke: #80ded5;
  stroke-width: 1;
  opacity: .56;
}

.orion-circuit-ticks {
  stroke: #8bd4d7;
  stroke-width: 1;
  opacity: .34;
}

.orion-constellation {
  stroke: #98b6d4;
  stroke-width: .75;
  opacity: .35;
}

.orion-constellation circle {
  fill: #a2ddd9;
  stroke: none;
}

.orion-circuit-flow {
  stroke: #a6fff1;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-dasharray: 3 97;
  stroke-dashoffset: 100;
  opacity: 0;
  filter: drop-shadow(0 0 3px #70e5d599);
  animation: orion-circuit-transit 18s linear infinite both paused;
}

.orion-circuit-flow-two {
  stroke: #acbdf5;
  animation-duration: 22s;
  animation-delay: -11s;
}

.orion-circuit-flow-three {
  stroke-dasharray: 4 96;
  animation-duration: 20s;
  animation-delay: -5s;
}

html[data-site-effects="full"][data-site-activity="page"]
  .robot-scene[data-orion-visible="true"] .orion-circuit-flow {
  animation-play-state: running;
}

@keyframes orion-circuit-transit {
  0% { stroke-dashoffset: 100; opacity: 0; }
  8% { opacity: .8; }
  68% { opacity: .8; }
  80%, 100% { stroke-dashoffset: 0; opacity: 0; }
}

.course-card,
.journey-card {
  position: relative;
  isolation: isolate;
}

.course-card::after,
.journey-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(
    340px circle at var(--orion-pointer-x, 50%) var(--orion-pointer-y, 0%),
    #71e8d71d,
    #71e8d706 42%,
    transparent 72%
  );
  opacity: 0;
  transition: opacity .28s ease;
}

.course-card:not([data-orion-glow])::after,
.journey-card:not([data-orion-glow])::after {
  opacity: 0;
}

.course-card[data-orion-glow]::after,
.journey-card[data-orion-glow]::after {
  opacity: 1;
}

.editor-workbench:not(.fullscreen) {
  position: relative;
}
.site-content:has(.editor-workbench.fullscreen),
.editor-workbench.fullscreen {
  z-index: 80;
}

.editor-workbench::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg, transparent 32.5%, #86f1df 47.5%, #dbfff5 50%, #86f1df 52.5%, transparent 67.5%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  background-position: 155% 0;
  box-shadow: 0 1px 10px #74e7d566;
}

.editor-workbench[data-orion-pulse="a"]::after {
  animation: orion-run-sweep-a .9s cubic-bezier(.25, .45, .3, 1) both;
}

.editor-workbench[data-orion-pulse="b"]::after {
  animation: orion-run-sweep-b .9s cubic-bezier(.25, .45, .3, 1) both;
}

@keyframes orion-run-sweep-a {
  0% { background-position: 155% 0; opacity: 0; }
  14%, 70% { opacity: 1; }
  100% { background-position: -55% 0; opacity: 0; }
}

@keyframes orion-run-sweep-b {
  0% { background-position: 155% 0; opacity: 0; }
  14%, 70% { opacity: 1; }
  100% { background-position: -55% 0; opacity: 0; }
}

html[data-site-activity="paused"] .orion-circuit-flow,
html[data-site-activity="paused"] .editor-workbench::after,
.robot-scene[data-orion-visible="false"] .orion-circuit-flow {
  animation-play-state: paused;
}

html[data-site-effects="calm"] .orion-circuit-flow,
html[data-site-effects="calm"] .editor-workbench::after,
html[data-site-effects="calm"] .course-card::after,
html[data-site-effects="calm"] .journey-card::after {
  display: none;
}

@media (max-width: 700px), (pointer: coarse) {
  .orion-circuit-layer {
    opacity: .72;
  }
  .orion-circuit-flow-two,
  .orion-circuit-flow-three,
  .orion-constellation {
    display: none;
  }
  .course-card::after,
  .journey-card::after {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .orion-circuit-flow,
  .editor-workbench::after,
  .course-card::after,
  .journey-card::after {
    display: none;
    animation: none;
  }
}

@media (forced-colors: active), print {
  .orion-circuit-layer,
  .editor-workbench::after,
  .course-card::after,
  .journey-card::after {
    display: none;
  }
}
.vlp-concept-glossary > .vlp-glossary-contents {
  border-top: 0;
  padding-top: 0;
}

.vlp-glossary-contents > .vlp-glossary-trigger {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto 16px;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding-inline: 16px;
  border: 1px solid #568b91;
  border-radius: 12px;
  color: #d7fff2;
  background: linear-gradient(115deg, #183f48 0%, #142d42 72%, #18334c 100%);
  box-shadow: inset 0 1px #d6fff219, 0 5px 20px #06142333;
  list-style: none;
  cursor: pointer;
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.vlp-glossary-trigger::-webkit-details-marker { display: none; }
.vlp-glossary-trigger::marker { content: ""; }

.vlp-glossary-trigger > * { position: relative; z-index: 1; }
.vlp-glossary-label { min-width: 0; font-weight: 650; line-height: 1.55; overflow-wrap: anywhere; }

.vlp-glossary-symbol {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  color: #aaf4e2;
  border: 1px solid #7bdac449;
  border-radius: 9px;
  background: linear-gradient(145deg, #275661, #17354b);
  box-shadow: inset 0 1px #d9fff51f;
}
.vlp-glossary-symbol svg { display: block; width: 21px; height: 21px; }

.vlp-glossary-count {
  min-width: 2.4em;
  padding: 3px 8px;
  border: 1px solid #79c5b949;
  border-radius: 999px;
  color: #cef8ef;
  background: #102b3c;
  font: inherit;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.vlp-glossary-chevron {
  width: 16px;
  height: 16px;
  color: #a9e8de;
  transition: transform .2s ease;
}
.vlp-glossary-contents[open] > .vlp-glossary-trigger .vlp-glossary-chevron { transform: rotate(180deg); }
.vlp-glossary-contents[open] > .vlp-glossary-trigger {
  border-color: #82cbbd;
  box-shadow: inset 0 1px #d6fff226, 0 0 0 1px #87e3cb12;
}
.vlp-glossary-contents[open] > label { padding-top: 18px; }
.vlp-glossary-contents > .learning-result[data-concept-id] > summary strong { color: #c8ece5; }
.vlp-glossary-trigger::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 36%, #b8fff029 48%, #c1dcff1c 53%, transparent 66%);
  background-repeat: no-repeat;
  background-size: 250% 100%;
  background-position: 145% 0;
  opacity: 0;
}
.vlp-glossary-trigger::after {
  content: "";
  position: absolute;
  inset: 0 18px auto;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, #9cebd7a6, #a4baf36e, transparent);
}
:is(.hero-actions > .secondary-link, .lesson-pagination > .primary-link,
    .backup-panel > .btn-row > button.primary, .editor-toolbar .run-button,
    .vlp-stdin-assist-actions > button, .open-lab):not(:disabled):not([aria-disabled="true"]):focus-visible,
.vlp-glossary-contents > .vlp-glossary-trigger:focus-visible {
  box-shadow: inset 0 1px #d9fff22b, 0 0 0 1px #83e5d133, 0 0 20px #70d6d01c;
}
@media (hover: hover) {
  :is(.hero-actions > .secondary-link, .lesson-pagination > .primary-link,
      .backup-panel > .btn-row > button.primary, .editor-toolbar .run-button,
      .vlp-stdin-assist-actions > button, .open-lab):not(:disabled):not([aria-disabled="true"]):hover,
  .vlp-glossary-contents > .vlp-glossary-trigger:hover {
    border-color: #92ddcf;
    box-shadow: inset 0 1px #d9fff22b, 0 0 0 1px #83e5d11f, 0 0 20px #70d6d01c;
  }
}

.lesson-main .lab-tabs > button.active {
  box-shadow: inset 0 1px #d6fff224, inset 0 -2px #83d9cb45, 0 2px 8px #00000020;
}
.learning-pitfalls article { border-color: #8c785255; }
.exercise-mistake { border-left-color: #d0b17b; }
.vlp-stdin-assist.needs-input .vlp-stdin-assist-warning {
  border-left-color: #93cddd;
  background: linear-gradient(100deg, #234d653b, #1b34451a);
}
.vlp-work-recovery[role="alert"],
#main > .alert[role="alert"] {
  box-shadow: inset 0 1px #f4d6a91a, 0 0 0 1px #d6ae6512;
}
.alert.preview-error[role="alert"] { border-color: #b47f74; }
.complete-button.checked[aria-pressed="true"],
.suggestion-success[role="status"] {
  box-shadow: inset 0 1px #bbefd523, 0 0 0 1px #83bf9a16;
}

[data-vlp-cue] { --vlp-cue-rgb: 130, 224, 207; }
[data-vlp-cue="recovery"] { --vlp-cue-rgb: 221, 184, 123; }
[data-vlp-cue="input"] { --vlp-cue-rgb: 142, 197, 218; }

html[data-site-effects="full"]:not([data-effects="off"]):not([data-site-activity="paused"])
  [data-vlp-cue-state="playing"] {
  animation: vlp-guidance-glow-v41 2.4s ease-in-out 1;
}
html[data-site-effects="full"]:not([data-effects="off"]):not([data-site-activity="paused"])
  .vlp-glossary-trigger[data-vlp-cue-state="playing"]::before {
  animation: vlp-guidance-sweep-v41 2.4s cubic-bezier(.22, .52, .4, 1) 1;
}

@keyframes vlp-guidance-glow-v41 {
  0%, 100% { box-shadow: inset 0 1px rgba(var(--vlp-cue-rgb), .10), 0 0 0 1px rgba(var(--vlp-cue-rgb), 0), 0 0 22px rgba(var(--vlp-cue-rgb), 0); }
  48% { box-shadow: inset 0 1px rgba(var(--vlp-cue-rgb), .26), 0 0 0 1px rgba(var(--vlp-cue-rgb), .30), 0 0 22px rgba(var(--vlp-cue-rgb), .15); }
}
@keyframes vlp-guidance-sweep-v41 {
  0% { background-position: 145% 0; opacity: 0; }
  24% { opacity: .75; }
  72% { opacity: .75; }
  100% { background-position: -45% 0; opacity: 0; }
}

@media (max-width: 700px) {
  .vlp-glossary-contents > .vlp-glossary-trigger {
    grid-template-columns: 32px minmax(0, 1fr) auto 14px;
    gap: 8px;
    padding-inline: 10px;
  }
  .vlp-glossary-symbol { width: 32px; height: 32px; }
  .vlp-glossary-count { min-width: 2em; padding-inline: 6px; }
  .vlp-glossary-chevron { width: 14px; height: 14px; }
}

html[data-site-effects="calm"] [data-vlp-cue-state],
html[data-effects="off"] [data-vlp-cue-state],
html[data-site-activity="paused"] [data-vlp-cue-state] {
  animation: none;
}
html[data-site-effects="calm"] .vlp-glossary-trigger::before,
html[data-effects="off"] .vlp-glossary-trigger::before,
html[data-site-activity="paused"] .vlp-glossary-trigger::before { display: none; animation: none; }

@media (prefers-reduced-motion: reduce) {
  [data-vlp-cue-state="playing"] { animation: none !important; }
  .vlp-glossary-trigger::before { display: none; animation: none !important; }
  .vlp-glossary-trigger, .vlp-glossary-chevron { transition: none; }
}
@media (forced-colors: active) {
  [data-vlp-cue-state="playing"] { animation: none !important; box-shadow: none !important; }
  .vlp-glossary-trigger::before, .vlp-glossary-trigger::after { display: none; }
  .vlp-glossary-contents > .vlp-glossary-trigger,
  .vlp-glossary-symbol, .vlp-glossary-count {
    background: Canvas;
    color: CanvasText;
    border-color: ButtonText;
    box-shadow: none;
  }
  .vlp-glossary-chevron { color: ButtonText; transition: none; }
}
@media print {
  [data-vlp-cue-state="playing"] { animation: none !important; box-shadow: none !important; }
  .vlp-glossary-trigger::before, .vlp-glossary-trigger::after { display: none; }
  .vlp-glossary-contents > .vlp-glossary-trigger,
  .vlp-glossary-symbol, .vlp-glossary-count {
    background: none;
    color: #111;
    border-color: #777;
    box-shadow: none;
  }
}
.vlp-scratch-pan-v41 { display:none; }
@media screen {
  html:not([data-vlp-desktop="true"]) .vlp-scratch-mobile-v41 > .vlp-scratch-scroll > .scratch-editor {
    min-width:1152px;
  }
  html:not([data-vlp-desktop="true"]) .vlp-scratch-mobile-v41 > .vlp-scratch-pan-v41 {
    display:flex;
    flex-direction:column;
    gap:4px;
    margin:0;
    padding:0 12px 12px;
    color:#c4dce7;
    background:#122e3d;
    font-size:.85rem;
    line-height:1.7;
  }
  html:not([data-vlp-desktop="true"]) .vlp-scratch-mobile-v41 > .vlp-scratch-pan-v41 > input[type="range"] {
    -webkit-appearance:none;
    appearance:none;
    display:block;
    box-sizing:border-box;
    width:100%;
    min-width:0;
    height:44px;
    min-height:44px;
    margin:0;
    padding:0;
    border:0;
    border-radius:7px;
    color:#a8ebd6;
    background:transparent;
    accent-color:#a8ebd6;
    cursor:ew-resize;
    touch-action:pan-y;
  }
  .vlp-scratch-mobile-v41 > .vlp-scratch-pan-v41 > input[type="range"]::-webkit-slider-runnable-track {
    height:12px;
    border:1px solid #77a999;
    border-radius:7px;
    background:#254b56;
  }
  .vlp-scratch-mobile-v41 > .vlp-scratch-pan-v41 > input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance:none;
    width:44px;
    height:32px;
    margin-top:-11px;
    border:2px solid #c7ffed;
    border-radius:8px;
    background:#8edcc3;
    box-shadow:0 1px 4px #0005;
  }
  .vlp-scratch-mobile-v41 > .vlp-scratch-pan-v41 > input[type="range"]::-moz-range-track {
    height:10px;
    border:1px solid #77a999;
    border-radius:7px;
    background:#254b56;
  }
  .vlp-scratch-mobile-v41 > .vlp-scratch-pan-v41 > input[type="range"]::-moz-range-thumb {
    width:40px;
    height:28px;
    border:2px solid #c7ffed;
    border-radius:8px;
    background:#8edcc3;
  }
  .vlp-scratch-mobile-v41 > .vlp-scratch-pan-v41 > input[type="range"]:focus-visible {
    outline:2px solid #c7ffed;
    outline-offset:2px;
  }
  .vlp-scratch-mobile-v41 > .vlp-scratch-pan-v41 > input[type="range"]:disabled {
    opacity:.55;
    cursor:default;
  }
}

@media screen {
  #main {
    --vlp42-surface: #0e2133;
    --vlp42-surface-deep: #091827;
    --vlp42-edge: #385569;
    --vlp42-edge-light: #658e98;
    --vlp42-mint: #a3f2de;
    --vlp42-ice: #b6d6ef;
    --vlp42-quiet: #b6c9d8;
  }
  #main .hero {
    position: relative;
    isolation: isolate;
  }
  #main .hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .8;
    background:
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20600%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20fill%3D%22none%22%3E%3Cstyle%3E%40media%20%28prefers-reduced-motion%3A%20reduce%29%20%7B%5Bdata-orion-twinkle%5D%20%7B%20opacity%3A%201%20%21important%3B%20%7D%7D%3C%2Fstyle%3E%3Cg%20data-orion-map%3D%22icrs-j2000-v46%22%20style%3D%22opacity%3A1%3Bstroke%3Anone%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22orion-hero-en-glow-0%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c1dcff%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23c1dcff%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23c1dcff%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c1dcff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-hero-en-glow-1%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e5edff%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23e5edff%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23e5edff%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e5edff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-hero-en-glow-2%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f1f1e9%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23f1f1e9%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23f1f1e9%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f1f1e9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-hero-en-glow-3%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffba92%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23ffba92%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23ffba92%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffba92%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-hero-en-glow-4%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffd5ad%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23ffd5ad%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23ffd5ad%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffd5ad%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-hero-en-glow-5%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff0d2%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23fff0d2%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23fff0d2%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff0d2%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-hero-en-m42%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23b9b6db%22%20stop-opacity%3D%22.2%22%2F%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%239bb8d2%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238d9ec4%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20data-orion-connection%3D%22betelgeuse%3Amu-ori%22%20d%3D%22M726.178%20257.328L702.08%20226.498%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22mu-ori%3Axi-ori%22%20d%3D%22M697.359%20219.016L661.277%20146.634%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22xi-ori%3Anu-ori%22%20d%3D%22M662.98%20140.84L673.992%20135.301%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22nu-ori%3Achi1-ori%22%20d%3D%22M679.815%20129.595L730.402%2038.86%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22chi1-ori%3Achi2-ori%22%20d%3D%22M728.137%2035.124L697.332%2035.991%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22chi2-ori%3Axi-ori%22%20d%3D%22M691.613%2040.308L660.637%20138.479%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22betelgeuse%3Ameissa%22%20d%3D%22M733.79%20259.013L807.836%20221.246%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22meissa%3Abellatrix%22%20d%3D%22M814.386%20222.912L850.308%20275.309%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22betelgeuse%3Aalnitak%22%20d%3D%22M731.1%20266.025L787.021%20411.749%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22bellatrix%3Amintaka%22%20d%3D%22M851.823%20283.905L825.881%20384.639%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22alnitak%3Asaiph%22%20d%3D%22M787.688%20420.858L760.95%20540.393%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22mintaka%3Arigel%22%20d%3D%22M826.96%20393.246L894.334%20516.152%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22saiph%3Arigel%22%20d%3D%22M764.567%20544.173L891.752%20521.544%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22bellatrix%3Api3-ori%22%20d%3D%22M857.796%20278.86L996.152%20267.195%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi1-ori%3Api2-ori%22%20d%3D%22M982.021%20216.093L994.482%20230.399%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi2-ori%3Api3-ori%22%20d%3D%22M997.827%20238.137L1000.238%20262.28%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi3-ori%3Api4-ori%22%20d%3D%22M999.576%20271.228L995.948%20285.607%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi4-ori%3Api5-ori%22%20d%3D%22M993.787%20294.334L982.929%20339.035%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi5-ori%3Api6-ori%22%20d%3D%22M978.228%20345.85L967.305%20353.207%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cellipse%20data-orion-nebula%3D%22M42%22%20cx%3D%22811.281%22%20cy%3D%22475.188%22%20rx%3D%229.225%22%20ry%3D%2212.71%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-m42%29%3Bstroke%3Anone%22%2F%3E%3Cg%20data-orion-twinkle%3D%22chi2-ori%22%3E%3Ccircle%20cx%3D%22692.936%22%20cy%3D%2236.115%22%20r%3D%227.274%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-0%29%3Bfill-opacity%3A0.254%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22chi2-ori%22%20data-vmag%3D%224.63%22%20data-relative-v-flux%3D%220.015848932%22%20cx%3D%22692.936%22%20cy%3D%2236.115%22%20r%3D%221.323%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.717%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22692.936%22%20cy%3D%2236.115%22%20r%3D%220.503%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.519%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.690%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.05s%22%20begin%3D%22-5.48s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%2264-ori%22%3E%3Ccircle%20cx%3D%22694.87%22%20cy%3D%2244.593%22%20r%3D%227.035%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-0%29%3Bfill-opacity%3A0.244%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%2264-ori%22%20data-vmag%3D%225.13%22%20data-relative-v-flux%3D%220.010000000%22%20cx%3D%22694.87%22%20cy%3D%2244.593%22%20r%3D%221.279%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.695%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22694.87%22%20cy%3D%2244.593%22%20r%3D%220.486%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.503%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.714%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%228.35s%22%20begin%3D%22-5.87s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22chi1-ori%22%3E%3Ccircle%20cx%3D%22732.554%22%20cy%3D%2235%22%20r%3D%227.394%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-5%29%3Bfill-opacity%3A0.259%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22chi1-ori%22%20data-vmag%3D%224.4%22%20data-relative-v-flux%3D%220.019588447%22%20cx%3D%22732.554%22%20cy%3D%2235%22%20r%3D%221.344%22%20style%3D%22fill%3A%23fff0d2%3Bfill-opacity%3A0.728%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22732.554%22%20cy%3D%2235%22%20r%3D%220.511%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.527%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.738%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.65s%22%20begin%3D%22-6.26s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22nu-ori%22%3E%3Ccircle%20cx%3D%22677.663%22%20cy%3D%22133.455%22%20r%3D%227.395%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-0%29%3Bfill-opacity%3A0.259%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22nu-ori%22%20data-vmag%3D%224.397%22%20data-relative-v-flux%3D%220.019642646%22%20cx%3D%22677.663%22%20cy%3D%22133.455%22%20r%3D%221.345%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.728%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22677.663%22%20cy%3D%22133.455%22%20r%3D%220.511%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.527%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.702%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.95s%22%20begin%3D%22-0.65s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22xi-ori%22%3E%3Ccircle%20cx%3D%22659.309%22%20cy%3D%22142.686%22%20r%3D%227.351%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-0%29%3Bfill-opacity%3A0.257%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22xi-ori%22%20data-vmag%3D%224.48%22%20data-relative-v-flux%3D%220.018197009%22%20cx%3D%22659.309%22%20cy%3D%22142.686%22%20r%3D%221.337%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.725%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22659.309%22%20cy%3D%22142.686%22%20r%3D%220.508%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.523%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.726%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%229.25s%22%20begin%3D%22-1.04s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22mu-ori%22%3E%3Ccircle%20cx%3D%22699.343%22%20cy%3D%22222.995%22%20r%3D%227.539%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-1%29%3Bfill-opacity%3A0.265%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22mu-ori%22%20data-vmag%3D%224.136116435103%22%20data-relative-v-flux%3D%220.024977756%22%20cx%3D%22699.343%22%20cy%3D%22222.995%22%20r%3D%221.371%22%20style%3D%22fill%3A%23e5edff%3Bfill-opacity%3A0.741%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22699.343%22%20cy%3D%22222.995%22%20r%3D%220.521%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.536%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.690%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%225.55s%22%20begin%3D%22-0.98s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22meissa%22%3E%3Ccircle%20cx%3D%22811.842%22%20cy%3D%22219.203%22%20r%3D%227.825%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-0%29%3Bfill-opacity%3A0.278%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22meissa%22%20data-vmag%3D%223.66%22%20data-relative-v-flux%3D%220.038725764%22%20cx%3D%22811.842%22%20cy%3D%22219.203%22%20r%3D%221.423%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.767%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22811.842%22%20cy%3D%22219.203%22%20r%3D%220.541%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.555%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.754%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%227.85s%22%20begin%3D%22-3.67s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22betelgeuse%22%3E%3Ccircle%20cx%3D%22729.29%22%20cy%3D%22261.308%22%20r%3D%2210.874%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-3%29%3Bfill-opacity%3A0.414%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22betelgeuse%22%20data-vmag%3D%220.42%22%20data-relative-v-flux%3D%220.765596607%22%20cx%3D%22729.29%22%20cy%3D%22261.308%22%20r%3D%221.977%22%20style%3D%22fill%3A%23ffba92%3Bfill-opacity%3A0.990%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22729.29%22%20cy%3D%22261.308%22%20r%3D%220.751%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.755%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.868%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.15s%22%20begin%3D%22-6.36s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22bellatrix%22%3E%3Ccircle%20cx%3D%22853.019%22%20cy%3D%22279.263%22%20r%3D%229.454%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-0%29%3Bfill-opacity%3A0.350%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22bellatrix%22%20data-vmag%3D%221.64%22%20data-relative-v-flux%3D%220.248885732%22%20cx%3D%22853.019%22%20cy%3D%22279.263%22%20r%3D%221.719%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.915%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22853.019%22%20cy%3D%22279.263%22%20r%3D%220.653%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.661%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.832%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.45s%22%20begin%3D%22-3.50s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi1-ori%22%3E%3Ccircle%20cx%3D%22979.133%22%20cy%3D%22212.778%22%20r%3D%227.265%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-1%29%3Bfill-opacity%3A0.253%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi1-ori%22%20data-vmag%3D%224.648%22%20data-relative-v-flux%3D%220.015588345%22%20cx%3D%22979.133%22%20cy%3D%22212.778%22%20r%3D%221.321%22%20style%3D%22fill%3A%23e5edff%3Bfill-opacity%3A0.717%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22979.133%22%20cy%3D%22212.778%22%20r%3D%220.502%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.518%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.726%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%228.75s%22%20begin%3D%22-8.49s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi2-ori%22%3E%3Ccircle%20cx%3D%22997.387%22%20cy%3D%22233.735%22%20r%3D%227.421%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-1%29%3Bfill-opacity%3A0.260%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi2-ori%22%20data-vmag%3D%224.35%22%20data-relative-v-flux%3D%220.020511622%22%20cx%3D%22997.387%22%20cy%3D%22233.735%22%20r%3D%221.349%22%20style%3D%22fill%3A%23e5edff%3Bfill-opacity%3A0.730%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22997.387%22%20cy%3D%22233.735%22%20r%3D%220.513%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.528%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.690%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2211.05s%22%20begin%3D%22-2.43s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi3-ori%22%3E%3Ccircle%20cx%3D%221000.691%22%20cy%3D%22266.812%22%20r%3D%228.139%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-2%29%3Bfill-opacity%3A0.293%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi3-ori%22%20data-vmag%3D%223.19%22%20data-relative-v-flux%3D%220.059703529%22%20cx%3D%221000.691%22%20cy%3D%22266.812%22%20r%3D%221.48%22%20style%3D%22fill%3A%23f1f1e9%3Bfill-opacity%3A0.795%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%221000.691%22%20cy%3D%22266.812%22%20r%3D%220.562%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.575%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.754%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%227.35s%22%20begin%3D%22-0.47s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi4-ori%22%3E%3Ccircle%20cx%3D%22994.848%22%20cy%3D%22289.966%22%20r%3D%227.812%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-0%29%3Bfill-opacity%3A0.278%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi4-ori%22%20data-vmag%3D%223.68%22%20data-relative-v-flux%3D%220.038018940%22%20cx%3D%22994.848%22%20cy%3D%22289.966%22%20r%3D%221.42%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.766%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22994.848%22%20cy%3D%22289.966%22%20r%3D%220.54%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.554%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.778%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%229.65s%22%20begin%3D%22-5.46s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi5-ori%22%3E%3Ccircle%20cx%3D%22981.869%22%20cy%3D%22343.398%22%20r%3D%227.781%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-0%29%3Bfill-opacity%3A0.276%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi5-ori%22%20data-vmag%3D%223.73%22%20data-relative-v-flux%3D%220.036307805%22%20cx%3D%22981.869%22%20cy%3D%22343.398%22%20r%3D%221.415%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.763%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22981.869%22%20cy%3D%22343.398%22%20r%3D%220.538%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.551%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.742%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%225.95s%22%20begin%3D%22-4.35s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi6-ori%22%3E%3Ccircle%20cx%3D%22963.664%22%20cy%3D%22355.659%22%20r%3D%227.362%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-4%29%3Bfill-opacity%3A0.258%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi6-ori%22%20data-vmag%3D%224.459%22%20data-relative-v-flux%3D%220.018552396%22%20cx%3D%22963.664%22%20cy%3D%22355.659%22%20r%3D%221.339%22%20style%3D%22fill%3A%23ffd5ad%3Bfill-opacity%3A0.726%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22963.664%22%20cy%3D%22355.659%22%20r%3D%220.509%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.524%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.726%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%228.25s%22%20begin%3D%22-5.69s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22mintaka%22%3E%3Ccircle%20cx%3D%22824.718%22%20cy%3D%22389.156%22%20r%3D%228.742%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-0%29%3Bfill-opacity%3A0.319%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22mintaka%22%20data-vmag%3D%222.41%22%20data-relative-v-flux%3D%220.122461620%22%20cx%3D%22824.718%22%20cy%3D%22389.156%22%20r%3D%221.589%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.851%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22824.718%22%20cy%3D%22389.156%22%20r%3D%220.604%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.615%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.820%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.55s%22%20begin%3D%22-2.43s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22alnilam%22%3E%3Ccircle%20cx%3D%22807.42%22%20cy%3D%22404.006%22%20r%3D%229.404%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-0%29%3Bfill-opacity%3A0.349%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22alnilam%22%20data-vmag%3D%221.69%22%20data-relative-v-flux%3D%220.237684029%22%20cx%3D%22807.42%22%20cy%3D%22404.006%22%20r%3D%221.71%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.910%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22807.42%22%20cy%3D%22404.006%22%20r%3D%220.65%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.659%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.844%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.85s%22%20begin%3D%22-3.12s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22alnitak%22%3E%3Ccircle%20cx%3D%22788.73%22%20cy%3D%22416.203%22%20r%3D%229.325%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-0%29%3Bfill-opacity%3A0.346%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22alnitak%22%20data-vmag%3D%221.77%22%20data-relative-v-flux%3D%220.220800473%22%20cx%3D%22788.73%22%20cy%3D%22416.203%22%20r%3D%221.695%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.903%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22788.73%22%20cy%3D%22416.203%22%20r%3D%220.644%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.653%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.868%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%229.15s%22%20begin%3D%22-3.56s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22sigma-ori%22%3E%3Ccircle%20cx%3D%22797.007%22%20cy%3D%22427.029%22%20r%3D%227.744%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-0%29%3Bfill-opacity%3A0.275%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22sigma-ori%22%20data-vmag%3D%223.79%22%20data-relative-v-flux%3D%220.034355795%22%20cx%3D%22797.007%22%20cy%3D%22427.029%22%20r%3D%221.408%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.759%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22797.007%22%20cy%3D%22427.029%22%20r%3D%220.535%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.549%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.742%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%225.45s%22%20begin%3D%22-3.20s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%2242-ori%22%3E%3Ccircle%20cx%3D%22810.822%22%20cy%3D%22463.997%22%20r%3D%227.294%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-0%29%3Bfill-opacity%3A0.254%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%2242-ori%22%20data-vmag%3D%224.59%22%20data-relative-v-flux%3D%220.016443717%22%20cx%3D%22810.822%22%20cy%3D%22463.997%22%20r%3D%221.326%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.719%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22810.822%22%20cy%3D%22463.997%22%20r%3D%220.504%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.520%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.726%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%227.75s%22%20begin%3D%22-1.89s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22theta-ori-aggregate%22%3E%3Ccircle%20cx%3D%22811.281%22%20cy%3D%22473.138%22%20r%3D%226.562%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-0%29%3Bfill-opacity%3A0.222%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22theta-ori-aggregate%22%20data-vmag%3D%22%22%20data-relative-v-flux%3D%22%22%20cx%3D%22811.281%22%20cy%3D%22473.138%22%20r%3D%221.193%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.652%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22811.281%22%20cy%3D%22473.138%22%20r%3D%220.453%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.472%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.730%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.05s%22%20begin%3D%22-1.43s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22hatysa%22%3E%3Ccircle%20cx%3D%22810.629%22%20cy%3D%22481.776%22%20r%3D%228.45%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-0%29%3Bfill-opacity%3A0.306%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22hatysa%22%20data-vmag%3D%222.77%22%20data-relative-v-flux%3D%220.087902252%22%20cx%3D%22810.629%22%20cy%3D%22481.776%22%20r%3D%221.536%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.824%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22810.629%22%20cy%3D%22481.776%22%20r%3D%220.584%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.596%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.754%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.35s%22%20begin%3D%22-3.77s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22rigel%22%3E%3Ccircle%20cx%3D%22896.798%22%20cy%3D%22520.646%22%20r%3D%2211.275%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-0%29%3Bfill-opacity%3A0.432%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22rigel%22%20data-vmag%3D%220.13%22%20data-relative-v-flux%3D%221.000000000%22%20cx%3D%22896.798%22%20cy%3D%22520.646%22%20r%3D%222.05%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.990%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22896.798%22%20cy%3D%22520.646%22%20r%3D%220.779%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.781%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.868%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%228.65s%22%20begin%3D%22-0.66s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22saiph%22%3E%3Ccircle%20cx%3D%22759.919%22%20cy%3D%22545%22%20r%3D%229.05%22%20style%3D%22fill%3Aurl%28%23orion-hero-en-glow-0%29%3Bfill-opacity%3A0.332%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22saiph%22%20data-vmag%3D%222.06%22%20data-relative-v-flux%3D%220.169044093%22%20cx%3D%22759.919%22%20cy%3D%22545%22%20r%3D%221.645%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.879%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22759.919%22%20cy%3D%22545%22%20r%3D%220.625%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.635%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.832%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.95s%22%20begin%3D%22-10.25s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Ctext%20data-orion-label%3D%22betelgeuse-name%22%20x%3D%22720.89%22%20y%3D%22279.308%22%20text-anchor%3D%22end%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3EBetelgeuse%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22alpha%22%20x%3D%22737.93%22%20y%3D%22266.828%22%20text-anchor%3D%22start%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3E%CE%B1%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22gamma%22%20x%3D%22856.139%22%20y%3D%22268.463%22%20text-anchor%3D%22start%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3E%CE%B3%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22delta%22%20x%3D%22817.518%22%20y%3D%22378.356%22%20text-anchor%3D%22end%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3E%CE%B4%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22epsilon%22%20x%3D%22800.7%22%20y%3D%22398.486%22%20text-anchor%3D%22end%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3E%CE%B5%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22zeta%22%20x%3D%22779.13%22%20y%3D%22420.403%22%20text-anchor%3D%22end%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3E%CE%B6%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22messier42%22%20x%3D%22823.881%22%20y%3D%22479.738%22%20text-anchor%3D%22start%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3EM42%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22iota%22%20x%3D%22802.469%22%20y%3D%22494.976%22%20text-anchor%3D%22end%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3E%CE%B9%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22beta%22%20x%3D%22900.158%22%20y%3D%22510.086%22%20text-anchor%3D%22start%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3E%CE%B2%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22rigel-name%22%20x%3D%22899.678%22%20y%3D%22540.446%22%20text-anchor%3D%22start%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3ERigel%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / 156% 156% no-repeat,
      radial-gradient(ellipse at 82% 45%, #558cb414, transparent 61%),
      radial-gradient(ellipse at 15% 76%, #67d8c409, transparent 51%);
  }
  #main .hero > div:first-child > .eyebrow {
    color: #9be8dd;
  }
  #main .hero h1 {
    color: #edf6fb;
    text-shadow: 0 3px 25px #020b1538;
  }
  #main .hero h1 em {
    color: #a3f2de;
    text-shadow: none;
  }
  @supports (background-clip: text) or (-webkit-background-clip: text) {
    #main .hero h1 em {
      background-image: linear-gradient(108deg, #a3f2de 4%, #9bdceb 50%, #b9c1f2 96%);
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
    }
  }
  #main .hero-note {
    color: #abc3d2;
  }
  #main .hero-visual {
    border-color: #628f9b;
    background:
      radial-gradient(ellipse at 48% 32%, #397a8233, transparent 57%),
      radial-gradient(ellipse at 98% 0%, #7b9dde20, transparent 45%),
      linear-gradient(145deg, #193b4a 0%, #10283a 40%, #0b192b 100%);
    box-shadow: inset 0 1px #d7fff42b, inset 0 -1px #06111d80,
      0 24px 65px #02091245, 0 0 46px #6cd6c70a;
  }
  #main .hero-visual .visual-top {
    color: #bfd9e8;
  }
  #main .hero-visual .visual-bottom {
    border-color: #426275;
    color: #b2cbd9;
  }
  #main .course-card {
    border-color: #3a536b;
    background: linear-gradient(152deg, #192f46 0%, #102236 48%, #0d1b2e 100%);
    box-shadow: inset 0 1px #deefff17, inset 0 -1px #030d1766,
      0 13px 32px #020b152e;
  }
  #main .course-card::before {
    background: linear-gradient(90deg, var(--track, #8ce6d2), var(--track, #8ce6d2) 54%, transparent);
    opacity: .95;
  }
  #main .course-card .card-icon {
    background-color: #122c40;
    box-shadow: inset 0 0 0 1px #94c8dc26, 0 5px 16px #03111d33;
  }
  #main .course-card .card-code {
    color: #acc4d3;
  }
  #main .course-card .app-nick {
    color: var(--track, #a3f2de);
  }
  #main .course-card h3 {
    color: #e0eaf3;
  }
  #main .course-card p {
    color: #bbccd9;
  }
  #main .course-card .card-bottom {
    border-color: #334d62;
  }
  #main .journey-card {
    border-color: #3a5569;
    background: radial-gradient(ellipse at 100% 0, #82b3cd0c, transparent 66%),
      linear-gradient(145deg, #152e41, #0d1e30);
    box-shadow: inset 0 1px #cce6f514, 0 10px 28px #020b1524;
  }
  #main .journey-card h3 {
    color: #e1eef6;
  }
  #main .panel {
    border-color: #365167;
    background: radial-gradient(ellipse at 100% 0, #7eafc809, transparent 48%),
      linear-gradient(156deg, #12283b 0%, #0e2133 45%, #0c1e30 100%);
    box-shadow: inset 0 1px #d7ecf511, 0 12px 34px #020c1626;
  }
  #main .learning-content .panel {
    background: linear-gradient(154deg, #132b3f 0%, #102538 36%, #0e2133 100%);
    border-color: #405e71;
    box-shadow: inset 0 1px #d9f6ff14, 0 15px 42px #020b152c;
  }
  #main .learning-content :is(.prerequisites, .concept-section, .learning-result) {
    border-color: #3c5669;
  }
  #main .learning-content .concept-section h3 {
    color: #e0f0f5;
  }
  #main .learning-content .concept-section h3 > span {
    color: #a1dbd6;
  }
  #main .learning-overview {
    border-left-color: #9ae9d7;
    background: linear-gradient(90deg, #85dac309, transparent 76%);
  }
  #main .vlp-plain-language-guide {
    border-color: #497480;
    background: linear-gradient(105deg, #7ac9c206, transparent 72%);
  }
  #main .code-walkthrough > li {
    border-left-color: #4a6b7d;
  }
  #main .code-walkthrough > li:last-child {
    border-left-color: transparent;
  }
  #main .code-walkthrough > li::before {
    color: #d4fff2;
    border-color: #679eaa;
    background: linear-gradient(145deg, #245060, #163346);
    box-shadow: 0 0 0 4px #72c6be08;
  }
  #main .vlp-concept-glossary {
    border-color: #416072;
  }
  #main .vlp-glossary-contents > .vlp-glossary-trigger {
    border-color: #639caa;
    background: radial-gradient(ellipse at 0 0, #83e2ce16, transparent 58%),
      linear-gradient(112deg, #1b414c, #142f44 68%, #19334c);
    box-shadow: inset 0 1px #dafff025, 0 4px 17px #020c1524;
  }
  #main .learning-result[data-concept-id][open] {
    border-color: #5d8d98;
    background: linear-gradient(90deg, #85c6d008, transparent 88%);
  }
  #main .learning-diagram {
    border-color: #4b6b80;
    box-shadow: 0 8px 24px #020b1524;
  }
  #main .learning-pitfalls article {
    border-color: #836e54;
    background: linear-gradient(112deg, #b2946510, #b2946503 82%);
  }
  #main .exercise-mistake {
    border-left-color: #ccb181;
  }
  #main .learning-self-check {
    border-color: #55768e;
    background: linear-gradient(116deg, #719ecf0d, transparent 82%);
  }
  #main .editor-workbench {
    border-color: #486b81;
    border-top-color: #81bdbd;
    background-color: #081624;
  }
  #main .editor-workbench:not(.fullscreen) {
    box-shadow: inset 0 1px #defff320, 0 20px 52px #01091542;
  }
  #main .editor-toolbar {
    border-bottom-color: #406177;
    background: radial-gradient(ellipse at 0 0, #9bd9d411, transparent 56%),
      linear-gradient(104deg, #1a384b, #142b40 65%, #14283c);
    box-shadow: inset 0 1px #d6fff010;
  }
  #main .editor-toolbar :is(.editor-file, .editor-fullscreen-toggle) {
    border-color: #496b80;
  }
  #main .editor-actions {
    background-color: #102539;
    border-color: #37566c;
  }
  #main .input-panel {
    background: linear-gradient(135deg, #10283a, #0c1e30);
    border-color: #345269;
  }
  #main .output-panel {
    background: linear-gradient(140deg, #102737, #0b1c2c 76%);
    border-color: #395c6b;
  }
  #main .editor-workbench:focus-within {
    border-color: #80b9bd;
  }
  #main .editor-workbench:not(.fullscreen):focus-within {
    box-shadow: inset 0 1px #d9fff426, 0 0 0 1px #8ae2d11f,
      0 20px 52px #01091542;
  }
  #main .lesson-sidebar {
    border-color: #3e5d73;
    border-top-color: #709eaa;
    background: linear-gradient(155deg, #142d40, #0a1b2c 76%);
    box-shadow: inset 0 1px #d7f1fb14, 0 14px 34px #020b1529;
  }
  #main .lesson-sidebar nav a[aria-current] {
    color: #d7fff3;
    border-color: #5a9099;
    border-left-color: #a0efda;
    background: linear-gradient(100deg, #24505a, #173648);
    box-shadow: inset 0 1px #d6fff414;
  }
  #main .lesson-main .lab-tabs {
    background: linear-gradient(120deg, #0a1b2b, #102437);
    border-color: #3c5b72;
    box-shadow: inset 0 1px #d5edfa12, 0 5px 18px #020b151b;
  }
  #main .lesson-main .lab-tabs > button.active {
    color: #ddfff5;
    background: linear-gradient(114deg, #285363, #1b3b52);
    border-color: #64949f;
    box-shadow: inset 0 1px #d6fff229, inset 0 -2px #8be3d150,
      0 3px 10px #020b1529;
  }
  #main :is(.hero-actions, .lesson-pagination, .editor-toolbar, .course-card, .guide-page)
    :is(.primary-link, button.primary) {
    color: #08252c;
    background: linear-gradient(111deg, #a6f0db, #88dce6);
    border-color: #afe9df;
    box-shadow: inset 0 1px #f1fffa45, 0 5px 19px #5bd6bd13;
  }
  #main :is(.hero-actions, .lesson-pagination) > .secondary-link {
    border-color: #527586;
    background: linear-gradient(120deg, #173246, #11293b);
    color: #d9edf6;
  }
  #main .course-card .open-lab {
    border-color: #527689;
  }
  #main .vlp-concept-glossary input[type="search"],
  #main .notes-content textarea {
    border-color: #53788d;
    background-color: #091c2c;
  }
  #main :is(.course-card, .journey-card, .learning-content, .editor-workbench,
      .lesson-sidebar, .lab-tabs, .notes-content)
    :is(a, button, input, textarea, select, summary):focus-visible {
    box-shadow: 0 0 0 1px #b3efdf24, 0 0 18px #7ad9cf12;
  }

  @media (hover: hover) and (pointer: fine) {
    #main :is(.course-card, .journey-card):hover,
    #main :is(.course-card, .journey-card):focus-within {
      border-color: #7baab6;
      box-shadow: inset 0 1px #d9fff326, 0 16px 40px #020b1540,
        0 0 0 1px #8fe1d30c;
    }
    #main .course-card .open-lab:hover {
      border-color: #90c2c9;
    }
    #main :is(.editor-toolbar, .editor-actions) button:not(.primary):not(:disabled):hover {
      border-color: #759dac;
      background-color: #23475c;
      color: #eefaff;
    }
    #main :is(.hero-actions, .lesson-pagination, .editor-toolbar, .course-card, .guide-page)
      :is(.primary-link, button.primary):not(:disabled):not([aria-disabled="true"]):hover {
      border-color: #d3fff0;
      background: linear-gradient(111deg, #b6f7e4, #9be6ec);
      box-shadow: inset 0 1px #ffffff55, 0 5px 22px #6ee0c41c;
    }
    #main .lesson-sidebar nav a:not([aria-current]):hover {
      border-color: #436477;
      background-color: #1a364b;
    }
  }
  html[data-site-effects="full"]:not([data-effects="off"]):not([data-site-activity="paused"])
    #main :is(.course-card, .journey-card, .editor-toolbar button, .editor-actions button,
      .hero-actions > a, .lesson-pagination > a) {
    transition-property: border-color, background-color, box-shadow, color;
    transition-duration: .2s;
    transition-timing-function: ease;
  }
  html[data-site-effects="calm"] #main .hero::before,
  html[data-effects="off"] #main .hero::before {
    opacity: .42;
  }
  html[data-site-effects="calm"] #main :is(.course-card, .journey-card, .editor-toolbar button,
      .editor-actions button, .hero-actions > a, .lesson-pagination > a),
  html[data-effects="off"] #main :is(.course-card, .journey-card, .editor-toolbar button,
      .editor-actions button, .hero-actions > a, .lesson-pagination > a),
  html[data-site-activity="paused"] #main :is(.course-card, .journey-card, .editor-toolbar button,
      .editor-actions button, .hero-actions > a, .lesson-pagination > a) {
    transition: none;
  }
  @media (prefers-reduced-motion: reduce) {
    #main .hero::before { opacity: .42; }
    #main :is(.course-card, .journey-card, .editor-toolbar button, .editor-actions button,
      .hero-actions > a, .lesson-pagination > a) { transition: none; }
  }
  @media (forced-colors: active) {
    #main .hero::before { display: none; }
    #main .hero h1,
    #main .hero h1 em {
      color: CanvasText;
      background: none;
      -webkit-text-fill-color: CanvasText;
      text-shadow: none;
    }
    #main :is(.hero-visual, .course-card, .journey-card, .panel, .editor-workbench,
      .editor-toolbar, .editor-actions, .input-panel, .output-panel, .lesson-sidebar,
      .lab-tabs, .vlp-glossary-trigger, .learning-diagram) {
      background: Canvas !important;
      border-color: ButtonText !important;
      box-shadow: none !important;
    }
    #main :is(.course-card, .journey-card, .editor-toolbar button, .editor-actions button,
      .hero-actions > a, .lesson-pagination > a) { transition: none; }
  }
}
@media screen {
  #main .hero-visual.programming-visual {
    background:
      radial-gradient(ellipse at 63% 32%, #73d7d21d, transparent 49%),
      radial-gradient(ellipse at 100% 0, #929be51a, transparent 48%),
      linear-gradient(148deg, #173a4a 0%, #10283a 48%, #09182a 100%);
    border-color: #719ca8;
    box-shadow: inset 0 1px #dbfff136, inset 0 -1px #06101b99,
      0 24px 65px #02091245, 0 0 52px #6cc5d00b;
  }
  #main .programming-visual .robot-scene::before,
  #main .programming-visual .robot-scene::after {
    content: "";
    position: absolute;
    pointer-events: none;
    user-select: none;
    z-index: 0;
  }
  #main .programming-visual .robot-scene::before {
    left: 24%;
    right: 4%;
    bottom: 7%;
    height: 17%;
    border: 1px solid #8ce5d736;
    border-radius: 50%;
    background:
      radial-gradient(ellipse, transparent 46%, #8de6d526 47%, transparent 49%),
      radial-gradient(ellipse, #81dace13 0%, #75b5df09 44%, transparent 73%);
    box-shadow: inset 0 0 22px #7cddcd0b, 0 0 26px #80d8cd0c;
    transform: rotate(-8deg);
  }
  #main .programming-visual .robot-scene::after {
    inset: 3% 0 14%;
    border-radius: 50%;
    background:
      radial-gradient(circle at 64% 12%, #d1fff066 0 1px, transparent 1.8px),
      radial-gradient(circle at 91% 39%, #c0d5fa55 0 1px, transparent 1.6px),
      radial-gradient(circle at 26% 26%, #b7eae64a 0 1px, transparent 1.6px),
      radial-gradient(ellipse at 67% 44%, #7fcacb09 0%, transparent 65%);
  }
  #main .programming-visual .orbit-ring {
    border-color: #9bded441;
    box-shadow: inset 0 0 22px #92c9ed08;
  }
  #main .programming-visual .orbit-ring::before {
    border-color: #87bfdb30;
  }
  #main .programming-visual .orion-circuit-traces {
    stroke: #9bded7;
    opacity: .28;
  }
  #main .programming-visual .orion-circuit-terminals {
    fill: #112738;
    stroke: #b0ece2;
    opacity: .65;
  }
  #main .programming-visual .orion-circuit-ticks {
    stroke: #a8cddd;
    opacity: .43;
  }
  #main .programming-visual .float-token {
    border-color: #6ba2b087;
    background: linear-gradient(145deg, #214454f2, #112e40f2);
    box-shadow: inset 0 1px #dcfff32b, 0 8px 20px #010c1b38;
    color: #bcf6e8;
  }
  #main .programming-visual .floating-code {
    border-color: #729ca285;
    background: linear-gradient(145deg, #122c40fa, #0a1e30fa);
    box-shadow: inset 0 1px #d8f6ee20, 0 12px 28px #020b1545;
  }
  #main .programming-visual .visual-top strong {
    color: #e0f6f4;
  }
  #main .programming-visual .visual-bottom {
    border-top-color: #6994a160;
    color: #c4dce6;
  }
  @media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
    html[data-site-effects="full"]:not([data-effects="off"]):not([data-site-activity="paused"])
      #main .hero-visual.programming-visual[data-orion-glow] {
      background:
        radial-gradient(ellipse at var(--orion-pointer-x, 63%) var(--orion-pointer-y, 32%), #c3fff014 0%, #89c6ea07 30%, transparent 58%),
        radial-gradient(ellipse at 63% 32%, #73d7d21d, transparent 49%),
        radial-gradient(ellipse at 100% 0, #929be51a, transparent 48%),
        linear-gradient(148deg, #173a4a 0%, #10283a 48%, #09182a 100%);
    }
  }
  #main .page-top {
    position: relative;
  }
  #main .page-top::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, var(--vlp43-course, #8edecf), #3b5a702e 64%, transparent);
    opacity: .56;
  }
  #main .page-top .lab-title > div > .eyebrow,
  #main .page-top .breadcrumb > span:last-child {
    color: var(--vlp43-course, #a3e7db);
  }
  #main .learning-layout .lesson-sidebar {
    border-top-color: var(--vlp43-course, #8edecf);
  }
  #main .learning-layout .sidebar-head > svg,
  #main .learning-layout .lesson-sidebar nav a[aria-current] > span:first-child {
    color: var(--vlp43-course, #a3e7db);
  }
  #main .learning-layout .lesson-sidebar nav a[aria-current] {
    color: #e3eff6;
    box-shadow: inset 2px 0 var(--vlp43-course, #8edecf), inset 0 1px #d6fff414;
  }
  #main .learning-layout .course-progress {
    background-color: #071825;
    box-shadow: inset 0 0 0 1px #91b8cb14;
  }
  #main .learning-layout .course-progress > div {
    background: var(--vlp43-course, #8edecf);
    box-shadow: 0 0 10px #8edbd11a;
  }
  #main .learning-layout .lesson-main .lab-tabs > button.active {
    color: #eaf7fb;
    box-shadow: inset 0 1px #e1fbff20,
      inset 0 -2px var(--vlp43-course, #8edecf), 0 3px 10px #020b1529;
  }
  #main .learning-layout .editor-workbench {
    border-top-color: var(--vlp43-course, #8edecf);
  }
  #main .learning-layout .learning-diagram {
    border-top-color: var(--vlp43-course, #8edecf);
  }
  @supports (background: color-mix(in srgb, #fff 10%, #000)) {
    #main .page-top {
      background: radial-gradient(ellipse at 100% 45%,
        color-mix(in srgb, var(--vlp43-course, #8edecf) 5%, transparent), transparent 60%);
    }
    #main .learning-layout .lesson-sidebar nav a[aria-current] {
      background: linear-gradient(102deg,
        color-mix(in srgb, var(--vlp43-course, #8edecf) 16%, #0d2235),
        color-mix(in srgb, var(--vlp43-course, #8edecf) 6%, #102437));
      border-color: color-mix(in srgb, var(--vlp43-course, #8edecf) 45%, #28485b);
    }
    #main .learning-layout .lesson-main .lab-tabs > button.active {
      background: linear-gradient(114deg,
        color-mix(in srgb, var(--vlp43-course, #8edecf) 17%, #132b40),
        color-mix(in srgb, var(--vlp43-course, #8edecf) 7%, #11273b));
      border-color: color-mix(in srgb, var(--vlp43-course, #8edecf) 48%, #35586a);
    }
  }
  #main .learning-diagram {
    background: linear-gradient(150deg, #152e42, #0e2134 68%);
    box-shadow: inset 0 1px #e0f5ff16, 0 12px 30px #020b1524;
  }
  #main .learning-diagram .diagram-canvas {
    border-color: #4b6b80;
    box-shadow: inset 0 1px #b1cddd0d, inset 0 0 18px #020a1633;
  }
  #main .learning-diagram .diagram-tools :is(button, a) {
    color: #d9f5f1;
    border-color: #557b8b;
    background: linear-gradient(138deg, #1c3c4e, #142d42);
    box-shadow: inset 0 1px #d8fff014, 0 3px 8px #020b1526;
  }
  #main .learning-diagram .diagram-legend > span {
    border-color: #3f6175;
    color: #d4e7f2;
    background: #0d2032;
    box-shadow: inset 0 1px #d7f4ff0a;
  }
  #main .learning-diagram .diagram-reading {
    border-top-color: #4e7183;
  }
  #main .learning-diagram .diagram-reading[open] {
    border-top-color: #8dbec1;
  }
  #main .learning-diagram .diagram-reading dl > div {
    background: linear-gradient(145deg, #10283c, #0c2032);
    border-color: #3d5c71;
  }
  #main .learning-diagram .diagram-reading dt {
    color: #e1f4f6;
  }
  #main .learning-diagram .diagram-reading dd {
    color: #bdd1e0;
  }
  #main .quick-quiz > div > button:not(.correct):not(.incorrect) {
    color: #dcebf4;
    border-color: #4b6d83;
    background: linear-gradient(120deg, #163348, #10263b);
    box-shadow: inset 0 1px #d9efff12;
  }
  #main .quick-quiz > div > button:not(.correct):not(.incorrect) > span {
    color: #c8e7e5;
    background: #1f4254;
  }
  #main .quick-quiz button.correct {
    border-color: #92d8b5;
    box-shadow: inset 0 1px #c5f6dd1c;
  }
  #main .quick-quiz button.incorrect {
    border-color: #d3998d;
    box-shadow: inset 0 1px #ffe5d90f;
  }

  @media (hover: hover) and (pointer: fine) {
    #main .learning-diagram .diagram-tools :is(button, a):not(:disabled):not([aria-disabled="true"]):hover {
      border-color: #94d3ca;
      background: linear-gradient(138deg, #234b5b, #193a4d);
      color: #edfffa;
    }
    #main .quick-quiz > div > button:not(.correct):not(.incorrect):not(:disabled):hover {
      border-color: #96bdcb;
      background: linear-gradient(120deg, #1e4054, #183348);
    }
  }
  #main .learning-diagram .diagram-tools :is(button, a):focus-visible,
  #main .quick-quiz button:focus-visible {
    box-shadow: 0 0 0 1px #c0f3e633, 0 0 18px #81cfc914;
  }
  html[data-site-effects="calm"] #main .hero-visual.programming-visual,
  html[data-effects="off"] #main .hero-visual.programming-visual,
  html[data-site-activity="paused"] #main .hero-visual.programming-visual {
    background:
      radial-gradient(ellipse at 63% 32%, #73d7d21d, transparent 49%),
      radial-gradient(ellipse at 100% 0, #929be51a, transparent 48%),
      linear-gradient(148deg, #173a4a 0%, #10283a 48%, #09182a 100%);
  }
  @media (prefers-reduced-motion: reduce) {
    #main .hero-visual.programming-visual[data-orion-glow] {
      background:
        radial-gradient(ellipse at 63% 32%, #73d7d21d, transparent 49%),
        radial-gradient(ellipse at 100% 0, #929be51a, transparent 48%),
        linear-gradient(148deg, #173a4a 0%, #10283a 48%, #09182a 100%);
    }
  }
  @media (forced-colors: active) {
    #main .programming-visual .robot-scene::before,
    #main .programming-visual .robot-scene::after,
    #main .page-top::after { display: none; }
    #main .hero-visual.programming-visual,
    #main .hero-visual.programming-visual[data-orion-glow],
    #main .page-top,
    #main .learning-diagram,
    #main .learning-diagram .diagram-canvas,
    #main .learning-diagram .diagram-tools :is(button, a),
    #main .learning-diagram .diagram-legend > span,
    #main .learning-diagram .diagram-reading dl > div,
    #main .quick-quiz button,
    #main .quick-quiz button > span,
    #main .learning-layout .lesson-sidebar nav a[aria-current],
    #main .learning-layout .lesson-main .lab-tabs > button.active {
      background: Canvas !important;
      border-color: ButtonText !important;
      color: CanvasText !important;
      box-shadow: none !important;
    }
    #main .page-top .lab-title > div > .eyebrow,
    #main .page-top .breadcrumb > span:last-child,
    #main .learning-layout .sidebar-head > svg,
    #main .learning-layout .lesson-sidebar nav a[aria-current] > span:first-child,
    #main .learning-diagram .diagram-reading :is(dt, dd) {
      color: CanvasText;
    }
    #main .learning-layout .course-progress > div { background: Highlight; box-shadow: none; }
  }
}
@media screen {
  #main .vlp-lesson-finder-v43 {
    margin: 0 0 24px;
    padding: 20px;
    border: 1px solid #496b7b;
    border-radius: 16px;
    background: linear-gradient(140deg, #133143, #0c2032 72%);
    box-shadow: inset 0 1px #c5fff316, 0 12px 30px #020d192e;
  }
  #main .vlp-finder-head-v43 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
  }
  #main .vlp-finder-head-v43 > strong {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #d6f7ed;
  }
  #main .vlp-finder-head-v43 button,
  #main .vlp-sidebar-empty-v43 button { min-height: 44px; }
  #main .vlp-finder-count-v43 {
    margin: 4px 0 14px;
    color: #a9c7d7;
  }
  #main .vlp-finder-results-v43 {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #main .vlp-finder-results-v43 li { min-width: 0; }
  #main .vlp-finder-results-v43 a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    height: 100%;
    padding: 12px;
    border: 1px solid #36546a;
    border-left: 2px solid var(--vlp-finder-course,#9ae9d7);
    border-radius: 10px;
    box-sizing: border-box;
    color: #e4eff5;
    background: #091c2b90;
    text-decoration: none;
  }
  #main .vlp-finder-number-v43 {
    flex: 0 0 auto;
    min-width: 2ch;
    color: var(--vlp-finder-course,#9ae9d7);
    font-variant-numeric: tabular-nums;
  }
  #main .vlp-finder-copy-v43 { display: grid; gap: 3px; min-width: 0; }
  #main .vlp-finder-copy-v43 > small { color: #aec7d7; }
  #main .vlp-finder-copy-v43 > span { overflow-wrap: anywhere; }
  #main .vlp-finder-limit-v43,
  #main .vlp-finder-empty-v43 { margin: 14px 0 0; color: #b6ccda; }
  #main .vlp-sidebar-search-v43 {
    padding: 12px 0 14px;
    display: grid;
    gap: 7px;
    border-bottom: 1px solid #38586d;
  }
  #main .vlp-sidebar-search-v43 label { color: #d2eade; }
  #main .vlp-sidebar-search-v43 input {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    border-color: #507186;
    background: #091b2c;
    color: #e3eff6;
  }
  #main .vlp-sidebar-search-v43 input::placeholder { color: #a3bacb; opacity: 1; }
  #main .vlp-sidebar-search-v43 small { color: #acc3d2; }
  #main .vlp-sidebar-empty-v43 { padding: 8px 0; color: #b6cbd9; }
  #main .vlp-sidebar-empty-v43 p { margin: 0 0 10px; }
  #main .vlp-finder-results-v43 a:focus-visible {
    outline: 2px solid #a9f5df;
    outline-offset: 3px;
    border-color: #87bdc4;
  }
  @media (hover:hover) and (pointer:fine) {
    #main .vlp-finder-results-v43 a:hover {
      border-color: #7ba5b5;
      background: #193b4d;
    }
  }
  @media (max-width: 900px) {
    #main .vlp-finder-results-v43 { grid-template-columns: minmax(0,1fr); }
    #main .vlp-lesson-finder-v43 { padding: 16px; }
  }
  @media (forced-colors:active) {
    #main .vlp-lesson-finder-v43,
    #main .vlp-finder-results-v43 a,
    #main .vlp-sidebar-search-v43 input {
      color: CanvasText;
      background: Canvas;
      border-color: ButtonText;
      box-shadow: none;
    }
    #main .vlp-finder-results-v43 a:focus-visible { outline-color: Highlight; }
  }
}
@media screen {
  .vlp-orion-v31 > .vlp-orion-latest-v43 {
    flex: 0 0 auto;
    align-self: center;
    margin: 0 12px 8px;
    border-color: #6497a1;
    color: #d5fff1;
    background: linear-gradient(110deg, #234956, #193747);
    box-shadow: inset 0 1px #cbfff21a;
  }
  .vlp-orion-v31 .vlp-orion-log:focus-visible {
    outline: 2px solid #a5e8d9;
    outline-offset: -3px;
  }
  @media (forced-colors: active) {
    .vlp-orion-v31 > .vlp-orion-latest-v43 {
      border-color: ButtonText;
      color: ButtonText;
      background: ButtonFace;
      box-shadow: none;
    }
    .vlp-orion-v31 .vlp-orion-log:focus-visible {
      outline-color: Highlight;
    }
  }
}
@media screen {
  #main .vlp-music-guide-v43 {
    margin: 1.3rem 0;
    padding: clamp(1rem, 2vw, 1.4rem);
    border: 1px solid #6688977a;
    border-radius: 16px;
    background: linear-gradient(130deg, #183544, #122839);
    box-shadow: inset 0 1px #c7f1ea17;
    min-width: 0;
  }
  #main .vlp-music-guide-heading-v43 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem 1rem;
  }
  #main .vlp-music-guide-heading-v43 h4 {
    margin: 0;
    color: #d5f8ec;
    font: inherit;
    font-weight: 650;
  }
  #main .vlp-music-guide-heading-v43 > span {
    color: #bdd5e2;
    font-variant-numeric: tabular-nums;
  }
  #main .vlp-music-guide-v43 > p { margin: .7rem 0 1rem; }
  #main .vlp-music-guide-controls-v43 {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: .75rem;
  }
  #main .vlp-music-guide-controls-v43 label {
    display: grid;
    gap: .4rem;
    flex: 1 1 16rem;
    min-width: 0;
    color: #d0e3ed;
  }
  #main .vlp-music-guide-controls-v43 select,
  #main .vlp-music-guide-controls-v43 button {
    min-height: 44px;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #7394a5;
    border-radius: 9px;
    padding: .65rem .85rem;
    color: #e3eff8;
    background: #102435;
    font: inherit;
  }
  #main .vlp-music-guide-controls-v43 select { width: 100%; color-scheme: dark; }
  #main .vlp-music-guide-controls-v43 button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    color: #d1f9e9;
    border-color: #81bdb1;
    background: #20483f;
    cursor: pointer;
    text-align: center;
    white-space: normal;
  }
  #main .vlp-music-guide-controls-v43 button svg { flex-shrink: 0; }
  #main .vlp-music-guide-controls-v43 button:not(:disabled):hover { background: #29574d; }
  #main .vlp-music-guide-controls-v43 :is(select, button):focus-visible {
    outline: 2px solid #b1ebde;
    outline-offset: 3px;
  }
  #main .vlp-music-guide-controls-v43 :disabled { opacity: .7; cursor: default; }
  #main .vlp-music-guide-v43 .vlp-music-guide-status-v43 {
    margin: .85rem 0 0;
    color: #bdd5e2;
    text-align: start;
    hyphens: none;
  }
  @media (max-width: 480px) {
    #main .vlp-music-guide-controls-v43 button { width: 100%; }
  }
  @media (forced-colors: active) {
    #main .vlp-music-guide-v43 {
      background: Canvas;
      border-color: CanvasText;
      box-shadow: none;
    }
    #main .vlp-music-guide-v43 :is(h4,p,span,label) { color: CanvasText; }
    #main .vlp-music-guide-controls-v43 :is(select,button) {
      color: ButtonText;
      background: ButtonFace;
      border-color: ButtonText;
      forced-color-adjust: auto;
    }
    #main .vlp-music-guide-controls-v43 :is(select,button):focus-visible { outline-color: Highlight; }
  }
}
.orion-name-el{display:none}
html:lang(el) .orion-name-en{display:none}
html:lang(el) .orion-name-el{display:inline}
html:lang(el) #main .hero::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20600%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20fill%3D%22none%22%3E%3Cstyle%3E%40media%20%28prefers-reduced-motion%3A%20reduce%29%20%7B%5Bdata-orion-twinkle%5D%20%7B%20opacity%3A%201%20%21important%3B%20%7D%7D%3C%2Fstyle%3E%3Cg%20data-orion-map%3D%22icrs-j2000-v46%22%20style%3D%22opacity%3A1%3Bstroke%3Anone%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22orion-hero-el-glow-0%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c1dcff%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23c1dcff%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23c1dcff%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c1dcff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-hero-el-glow-1%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e5edff%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23e5edff%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23e5edff%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e5edff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-hero-el-glow-2%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f1f1e9%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23f1f1e9%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23f1f1e9%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f1f1e9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-hero-el-glow-3%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffba92%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23ffba92%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23ffba92%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffba92%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-hero-el-glow-4%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffd5ad%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23ffd5ad%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23ffd5ad%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffd5ad%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-hero-el-glow-5%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff0d2%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23fff0d2%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23fff0d2%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff0d2%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-hero-el-m42%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23b9b6db%22%20stop-opacity%3D%22.2%22%2F%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%239bb8d2%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238d9ec4%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20data-orion-connection%3D%22betelgeuse%3Amu-ori%22%20d%3D%22M726.178%20257.328L702.08%20226.498%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22mu-ori%3Axi-ori%22%20d%3D%22M697.359%20219.016L661.277%20146.634%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22xi-ori%3Anu-ori%22%20d%3D%22M662.98%20140.84L673.992%20135.301%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22nu-ori%3Achi1-ori%22%20d%3D%22M679.815%20129.595L730.402%2038.86%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22chi1-ori%3Achi2-ori%22%20d%3D%22M728.137%2035.124L697.332%2035.991%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22chi2-ori%3Axi-ori%22%20d%3D%22M691.613%2040.308L660.637%20138.479%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22betelgeuse%3Ameissa%22%20d%3D%22M733.79%20259.013L807.836%20221.246%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22meissa%3Abellatrix%22%20d%3D%22M814.386%20222.912L850.308%20275.309%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22betelgeuse%3Aalnitak%22%20d%3D%22M731.1%20266.025L787.021%20411.749%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22bellatrix%3Amintaka%22%20d%3D%22M851.823%20283.905L825.881%20384.639%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22alnitak%3Asaiph%22%20d%3D%22M787.688%20420.858L760.95%20540.393%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22mintaka%3Arigel%22%20d%3D%22M826.96%20393.246L894.334%20516.152%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22saiph%3Arigel%22%20d%3D%22M764.567%20544.173L891.752%20521.544%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22bellatrix%3Api3-ori%22%20d%3D%22M857.796%20278.86L996.152%20267.195%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi1-ori%3Api2-ori%22%20d%3D%22M982.021%20216.093L994.482%20230.399%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi2-ori%3Api3-ori%22%20d%3D%22M997.827%20238.137L1000.238%20262.28%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi3-ori%3Api4-ori%22%20d%3D%22M999.576%20271.228L995.948%20285.607%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi4-ori%3Api5-ori%22%20d%3D%22M993.787%20294.334L982.929%20339.035%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi5-ori%3Api6-ori%22%20d%3D%22M978.228%20345.85L967.305%20353.207%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cellipse%20data-orion-nebula%3D%22M42%22%20cx%3D%22811.281%22%20cy%3D%22475.188%22%20rx%3D%229.225%22%20ry%3D%2212.71%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-m42%29%3Bstroke%3Anone%22%2F%3E%3Cg%20data-orion-twinkle%3D%22chi2-ori%22%3E%3Ccircle%20cx%3D%22692.936%22%20cy%3D%2236.115%22%20r%3D%227.274%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-0%29%3Bfill-opacity%3A0.254%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22chi2-ori%22%20data-vmag%3D%224.63%22%20data-relative-v-flux%3D%220.015848932%22%20cx%3D%22692.936%22%20cy%3D%2236.115%22%20r%3D%221.323%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.717%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22692.936%22%20cy%3D%2236.115%22%20r%3D%220.503%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.519%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.690%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.05s%22%20begin%3D%22-5.48s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%2264-ori%22%3E%3Ccircle%20cx%3D%22694.87%22%20cy%3D%2244.593%22%20r%3D%227.035%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-0%29%3Bfill-opacity%3A0.244%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%2264-ori%22%20data-vmag%3D%225.13%22%20data-relative-v-flux%3D%220.010000000%22%20cx%3D%22694.87%22%20cy%3D%2244.593%22%20r%3D%221.279%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.695%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22694.87%22%20cy%3D%2244.593%22%20r%3D%220.486%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.503%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.714%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%228.35s%22%20begin%3D%22-5.87s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22chi1-ori%22%3E%3Ccircle%20cx%3D%22732.554%22%20cy%3D%2235%22%20r%3D%227.394%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-5%29%3Bfill-opacity%3A0.259%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22chi1-ori%22%20data-vmag%3D%224.4%22%20data-relative-v-flux%3D%220.019588447%22%20cx%3D%22732.554%22%20cy%3D%2235%22%20r%3D%221.344%22%20style%3D%22fill%3A%23fff0d2%3Bfill-opacity%3A0.728%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22732.554%22%20cy%3D%2235%22%20r%3D%220.511%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.527%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.738%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.65s%22%20begin%3D%22-6.26s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22nu-ori%22%3E%3Ccircle%20cx%3D%22677.663%22%20cy%3D%22133.455%22%20r%3D%227.395%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-0%29%3Bfill-opacity%3A0.259%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22nu-ori%22%20data-vmag%3D%224.397%22%20data-relative-v-flux%3D%220.019642646%22%20cx%3D%22677.663%22%20cy%3D%22133.455%22%20r%3D%221.345%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.728%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22677.663%22%20cy%3D%22133.455%22%20r%3D%220.511%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.527%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.702%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.95s%22%20begin%3D%22-0.65s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22xi-ori%22%3E%3Ccircle%20cx%3D%22659.309%22%20cy%3D%22142.686%22%20r%3D%227.351%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-0%29%3Bfill-opacity%3A0.257%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22xi-ori%22%20data-vmag%3D%224.48%22%20data-relative-v-flux%3D%220.018197009%22%20cx%3D%22659.309%22%20cy%3D%22142.686%22%20r%3D%221.337%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.725%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22659.309%22%20cy%3D%22142.686%22%20r%3D%220.508%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.523%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.726%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%229.25s%22%20begin%3D%22-1.04s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22mu-ori%22%3E%3Ccircle%20cx%3D%22699.343%22%20cy%3D%22222.995%22%20r%3D%227.539%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-1%29%3Bfill-opacity%3A0.265%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22mu-ori%22%20data-vmag%3D%224.136116435103%22%20data-relative-v-flux%3D%220.024977756%22%20cx%3D%22699.343%22%20cy%3D%22222.995%22%20r%3D%221.371%22%20style%3D%22fill%3A%23e5edff%3Bfill-opacity%3A0.741%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22699.343%22%20cy%3D%22222.995%22%20r%3D%220.521%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.536%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.690%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%225.55s%22%20begin%3D%22-0.98s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22meissa%22%3E%3Ccircle%20cx%3D%22811.842%22%20cy%3D%22219.203%22%20r%3D%227.825%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-0%29%3Bfill-opacity%3A0.278%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22meissa%22%20data-vmag%3D%223.66%22%20data-relative-v-flux%3D%220.038725764%22%20cx%3D%22811.842%22%20cy%3D%22219.203%22%20r%3D%221.423%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.767%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22811.842%22%20cy%3D%22219.203%22%20r%3D%220.541%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.555%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.754%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%227.85s%22%20begin%3D%22-3.67s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22betelgeuse%22%3E%3Ccircle%20cx%3D%22729.29%22%20cy%3D%22261.308%22%20r%3D%2210.874%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-3%29%3Bfill-opacity%3A0.414%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22betelgeuse%22%20data-vmag%3D%220.42%22%20data-relative-v-flux%3D%220.765596607%22%20cx%3D%22729.29%22%20cy%3D%22261.308%22%20r%3D%221.977%22%20style%3D%22fill%3A%23ffba92%3Bfill-opacity%3A0.990%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22729.29%22%20cy%3D%22261.308%22%20r%3D%220.751%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.755%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.868%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.15s%22%20begin%3D%22-6.36s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22bellatrix%22%3E%3Ccircle%20cx%3D%22853.019%22%20cy%3D%22279.263%22%20r%3D%229.454%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-0%29%3Bfill-opacity%3A0.350%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22bellatrix%22%20data-vmag%3D%221.64%22%20data-relative-v-flux%3D%220.248885732%22%20cx%3D%22853.019%22%20cy%3D%22279.263%22%20r%3D%221.719%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.915%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22853.019%22%20cy%3D%22279.263%22%20r%3D%220.653%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.661%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.832%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.45s%22%20begin%3D%22-3.50s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi1-ori%22%3E%3Ccircle%20cx%3D%22979.133%22%20cy%3D%22212.778%22%20r%3D%227.265%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-1%29%3Bfill-opacity%3A0.253%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi1-ori%22%20data-vmag%3D%224.648%22%20data-relative-v-flux%3D%220.015588345%22%20cx%3D%22979.133%22%20cy%3D%22212.778%22%20r%3D%221.321%22%20style%3D%22fill%3A%23e5edff%3Bfill-opacity%3A0.717%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22979.133%22%20cy%3D%22212.778%22%20r%3D%220.502%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.518%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.726%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%228.75s%22%20begin%3D%22-8.49s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi2-ori%22%3E%3Ccircle%20cx%3D%22997.387%22%20cy%3D%22233.735%22%20r%3D%227.421%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-1%29%3Bfill-opacity%3A0.260%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi2-ori%22%20data-vmag%3D%224.35%22%20data-relative-v-flux%3D%220.020511622%22%20cx%3D%22997.387%22%20cy%3D%22233.735%22%20r%3D%221.349%22%20style%3D%22fill%3A%23e5edff%3Bfill-opacity%3A0.730%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22997.387%22%20cy%3D%22233.735%22%20r%3D%220.513%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.528%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.690%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2211.05s%22%20begin%3D%22-2.43s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi3-ori%22%3E%3Ccircle%20cx%3D%221000.691%22%20cy%3D%22266.812%22%20r%3D%228.139%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-2%29%3Bfill-opacity%3A0.293%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi3-ori%22%20data-vmag%3D%223.19%22%20data-relative-v-flux%3D%220.059703529%22%20cx%3D%221000.691%22%20cy%3D%22266.812%22%20r%3D%221.48%22%20style%3D%22fill%3A%23f1f1e9%3Bfill-opacity%3A0.795%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%221000.691%22%20cy%3D%22266.812%22%20r%3D%220.562%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.575%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.754%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%227.35s%22%20begin%3D%22-0.47s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi4-ori%22%3E%3Ccircle%20cx%3D%22994.848%22%20cy%3D%22289.966%22%20r%3D%227.812%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-0%29%3Bfill-opacity%3A0.278%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi4-ori%22%20data-vmag%3D%223.68%22%20data-relative-v-flux%3D%220.038018940%22%20cx%3D%22994.848%22%20cy%3D%22289.966%22%20r%3D%221.42%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.766%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22994.848%22%20cy%3D%22289.966%22%20r%3D%220.54%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.554%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.778%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%229.65s%22%20begin%3D%22-5.46s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi5-ori%22%3E%3Ccircle%20cx%3D%22981.869%22%20cy%3D%22343.398%22%20r%3D%227.781%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-0%29%3Bfill-opacity%3A0.276%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi5-ori%22%20data-vmag%3D%223.73%22%20data-relative-v-flux%3D%220.036307805%22%20cx%3D%22981.869%22%20cy%3D%22343.398%22%20r%3D%221.415%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.763%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22981.869%22%20cy%3D%22343.398%22%20r%3D%220.538%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.551%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.742%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%225.95s%22%20begin%3D%22-4.35s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi6-ori%22%3E%3Ccircle%20cx%3D%22963.664%22%20cy%3D%22355.659%22%20r%3D%227.362%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-4%29%3Bfill-opacity%3A0.258%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi6-ori%22%20data-vmag%3D%224.459%22%20data-relative-v-flux%3D%220.018552396%22%20cx%3D%22963.664%22%20cy%3D%22355.659%22%20r%3D%221.339%22%20style%3D%22fill%3A%23ffd5ad%3Bfill-opacity%3A0.726%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22963.664%22%20cy%3D%22355.659%22%20r%3D%220.509%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.524%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.726%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%228.25s%22%20begin%3D%22-5.69s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22mintaka%22%3E%3Ccircle%20cx%3D%22824.718%22%20cy%3D%22389.156%22%20r%3D%228.742%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-0%29%3Bfill-opacity%3A0.319%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22mintaka%22%20data-vmag%3D%222.41%22%20data-relative-v-flux%3D%220.122461620%22%20cx%3D%22824.718%22%20cy%3D%22389.156%22%20r%3D%221.589%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.851%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22824.718%22%20cy%3D%22389.156%22%20r%3D%220.604%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.615%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.820%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.55s%22%20begin%3D%22-2.43s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22alnilam%22%3E%3Ccircle%20cx%3D%22807.42%22%20cy%3D%22404.006%22%20r%3D%229.404%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-0%29%3Bfill-opacity%3A0.349%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22alnilam%22%20data-vmag%3D%221.69%22%20data-relative-v-flux%3D%220.237684029%22%20cx%3D%22807.42%22%20cy%3D%22404.006%22%20r%3D%221.71%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.910%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22807.42%22%20cy%3D%22404.006%22%20r%3D%220.65%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.659%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.844%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.85s%22%20begin%3D%22-3.12s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22alnitak%22%3E%3Ccircle%20cx%3D%22788.73%22%20cy%3D%22416.203%22%20r%3D%229.325%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-0%29%3Bfill-opacity%3A0.346%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22alnitak%22%20data-vmag%3D%221.77%22%20data-relative-v-flux%3D%220.220800473%22%20cx%3D%22788.73%22%20cy%3D%22416.203%22%20r%3D%221.695%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.903%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22788.73%22%20cy%3D%22416.203%22%20r%3D%220.644%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.653%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.868%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%229.15s%22%20begin%3D%22-3.56s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22sigma-ori%22%3E%3Ccircle%20cx%3D%22797.007%22%20cy%3D%22427.029%22%20r%3D%227.744%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-0%29%3Bfill-opacity%3A0.275%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22sigma-ori%22%20data-vmag%3D%223.79%22%20data-relative-v-flux%3D%220.034355795%22%20cx%3D%22797.007%22%20cy%3D%22427.029%22%20r%3D%221.408%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.759%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22797.007%22%20cy%3D%22427.029%22%20r%3D%220.535%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.549%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.742%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%225.45s%22%20begin%3D%22-3.20s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%2242-ori%22%3E%3Ccircle%20cx%3D%22810.822%22%20cy%3D%22463.997%22%20r%3D%227.294%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-0%29%3Bfill-opacity%3A0.254%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%2242-ori%22%20data-vmag%3D%224.59%22%20data-relative-v-flux%3D%220.016443717%22%20cx%3D%22810.822%22%20cy%3D%22463.997%22%20r%3D%221.326%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.719%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22810.822%22%20cy%3D%22463.997%22%20r%3D%220.504%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.520%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.726%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%227.75s%22%20begin%3D%22-1.89s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22theta-ori-aggregate%22%3E%3Ccircle%20cx%3D%22811.281%22%20cy%3D%22473.138%22%20r%3D%226.562%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-0%29%3Bfill-opacity%3A0.222%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22theta-ori-aggregate%22%20data-vmag%3D%22%22%20data-relative-v-flux%3D%22%22%20cx%3D%22811.281%22%20cy%3D%22473.138%22%20r%3D%221.193%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.652%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22811.281%22%20cy%3D%22473.138%22%20r%3D%220.453%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.472%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.730%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.05s%22%20begin%3D%22-1.43s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22hatysa%22%3E%3Ccircle%20cx%3D%22810.629%22%20cy%3D%22481.776%22%20r%3D%228.45%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-0%29%3Bfill-opacity%3A0.306%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22hatysa%22%20data-vmag%3D%222.77%22%20data-relative-v-flux%3D%220.087902252%22%20cx%3D%22810.629%22%20cy%3D%22481.776%22%20r%3D%221.536%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.824%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22810.629%22%20cy%3D%22481.776%22%20r%3D%220.584%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.596%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.754%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.35s%22%20begin%3D%22-3.77s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22rigel%22%3E%3Ccircle%20cx%3D%22896.798%22%20cy%3D%22520.646%22%20r%3D%2211.275%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-0%29%3Bfill-opacity%3A0.432%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22rigel%22%20data-vmag%3D%220.13%22%20data-relative-v-flux%3D%221.000000000%22%20cx%3D%22896.798%22%20cy%3D%22520.646%22%20r%3D%222.05%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.990%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22896.798%22%20cy%3D%22520.646%22%20r%3D%220.779%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.781%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.868%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%228.65s%22%20begin%3D%22-0.66s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22saiph%22%3E%3Ccircle%20cx%3D%22759.919%22%20cy%3D%22545%22%20r%3D%229.05%22%20style%3D%22fill%3Aurl%28%23orion-hero-el-glow-0%29%3Bfill-opacity%3A0.332%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22saiph%22%20data-vmag%3D%222.06%22%20data-relative-v-flux%3D%220.169044093%22%20cx%3D%22759.919%22%20cy%3D%22545%22%20r%3D%221.645%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.879%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22759.919%22%20cy%3D%22545%22%20r%3D%220.625%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.635%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.832%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.95s%22%20begin%3D%22-10.25s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Ctext%20data-orion-label%3D%22betelgeuse-name%22%20x%3D%22720.89%22%20y%3D%22279.308%22%20text-anchor%3D%22end%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3E%CE%9C%CF%80%CE%B5%CF%84%CE%B5%CE%BB%CE%B3%CE%BA%CE%AD%CE%B6%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22alpha%22%20x%3D%22737.93%22%20y%3D%22266.828%22%20text-anchor%3D%22start%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3E%CE%B1%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22gamma%22%20x%3D%22856.139%22%20y%3D%22268.463%22%20text-anchor%3D%22start%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3E%CE%B3%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22delta%22%20x%3D%22817.518%22%20y%3D%22378.356%22%20text-anchor%3D%22end%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3E%CE%B4%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22epsilon%22%20x%3D%22800.7%22%20y%3D%22398.486%22%20text-anchor%3D%22end%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3E%CE%B5%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22zeta%22%20x%3D%22779.13%22%20y%3D%22420.403%22%20text-anchor%3D%22end%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3E%CE%B6%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22messier42%22%20x%3D%22823.881%22%20y%3D%22479.738%22%20text-anchor%3D%22start%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3EM42%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22iota%22%20x%3D%22802.469%22%20y%3D%22494.976%22%20text-anchor%3D%22end%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3E%CE%B9%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22beta%22%20x%3D%22900.158%22%20y%3D%22510.086%22%20text-anchor%3D%22start%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3E%CE%B2%3C%2Ftext%3E%3Ctext%20data-orion-label%3D%22rigel-name%22%20x%3D%22899.678%22%20y%3D%22540.446%22%20text-anchor%3D%22start%22%20style%3D%22fill%3A%23c5d2e3%3Bfill-opacity%3A.86%3Bstroke%3Anone%3Bfont-family%3AInter%2CSegoe%20UI%2CDejaVu%20Sans%2Csans-serif%3Bfont-size%3A7.692px%3Bfont-weight%3A400%3Bletter-spacing%3A0%22%3E%CE%A1%CE%AF%CE%B3%CE%BA%CE%B5%CE%BB%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E"),radial-gradient(ellipse at 82% 45%,#558cb414,transparent 61%),radial-gradient(ellipse at 15% 76%,#67d8c409,transparent 51%)}
.vlp-background-stars-v48 {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  contain: strict;
  pointer-events: none !important;
  user-select: none;
  background: transparent !important;
  border: 0;
  visibility: hidden;
}

.vlp-background-stars-v48[data-active="true"] {
  visibility: visible;
}

.vlp-background-star-v48 {
  position: absolute;
  display: block;
  width: var(--vlp-star-size, 1.4px);
  height: var(--vlp-star-size, 1.4px);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none !important;
  background: var(--vlp-star-color, #d5e4ed);
  opacity: var(--vlp-star-low, .23);
  box-shadow: 0 0 4px #c5e5ff66, 0 0 8px #d5e9ef24;
  animation: vlp-background-twinkle-v48 var(--vlp-star-duration, 9s)
    ease-in-out var(--vlp-star-delay, 0s) infinite both paused;
}

html[data-site-effects="full"][data-site-activity="page"]:not([data-effects="off"])
  .vlp-background-stars-v48[data-active="true"] > .vlp-background-star-v48 {
  animation-play-state: running;
}

@keyframes vlp-background-twinkle-v48 {
  0%, 100% { opacity: var(--vlp-star-low, .23); }
  50% { opacity: var(--vlp-star-high, .49); }
}
html[data-vlp-sparse-stars-v48="ready"] .cosmic-canvas {
  display: none !important;
}
html:not([data-site-effects="full"]) .vlp-background-stars-v48,
html[data-effects="off"] .vlp-background-stars-v48,
html:not([data-site-activity="page"]) .vlp-background-stars-v48,
.vlp-background-stars-v48[hidden] {
  display: none !important;
}

html[data-site-effects="calm"] .vlp-background-star-v48,
html[data-effects="off"] .vlp-background-star-v48,
html[data-site-activity="paused"] .vlp-background-star-v48 {
  animation: none !important;
}

@media (prefers-reduced-motion: reduce), (forced-colors: active), print {
  .vlp-background-stars-v48 { display: none !important; }
  .vlp-background-star-v48 { animation: none !important; }
}
@media screen {
  #main > .hero > .vlp-home-constellation-v48 {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20390%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20fill%3D%22none%22%3E%3Cstyle%3E%40media%20%28prefers-reduced-motion%3A%20reduce%29%20%7B%5Bdata-orion-twinkle%5D%20%7B%20opacity%3A%201%20%21important%3B%20%7D%7D%3C%2Fstyle%3E%3Cg%20data-orion-map%3D%22icrs-j2000-v46%22%20style%3D%22opacity%3A1%3Bstroke%3Anone%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22orion-home-v48-en-glow-0%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c1dcff%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23c1dcff%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23c1dcff%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c1dcff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-home-v48-en-glow-1%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e5edff%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23e5edff%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23e5edff%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e5edff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-home-v48-en-glow-2%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f1f1e9%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23f1f1e9%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23f1f1e9%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f1f1e9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-home-v48-en-glow-3%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffba92%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23ffba92%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23ffba92%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffba92%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-home-v48-en-glow-4%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffd5ad%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23ffd5ad%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23ffd5ad%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffd5ad%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-home-v48-en-glow-5%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff0d2%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23fff0d2%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23fff0d2%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff0d2%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-home-v48-en-m42%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23b9b6db%22%20stop-opacity%3D%22.2%22%2F%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%239bb8d2%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238d9ec4%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20data-orion-connection%3D%22betelgeuse%3Amu-ori%22%20d%3D%22M87.724%20171.483L74.361%20154.387%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22mu-ori%3Axi-ori%22%20d%3D%22M70.561%20148.365L49.584%20106.284%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22xi-ori%3Anu-ori%22%20d%3D%22M50.215%20101.992L56.86%2098.65%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22nu-ori%3Achi1-ori%22%20d%3D%22M60.808%2094.429L90.466%2041.232%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22chi1-ori%3Achi2-ori%22%20d%3D%22M88.643%2038.225L71.83%2038.698%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22chi2-ori%3Axi-ori%22%20d%3D%22M67.226%2042.173L49.068%2099.72%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22betelgeuse%3Ameissa%22%20d%3D%22M93.851%20172.839L136.818%20150.924%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22meissa%3Abellatrix%22%20d%3D%22M142.09%20152.265L162.708%20182.338%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22betelgeuse%3Aalnitak%22%20d%3D%22M91.685%20178.483L124.721%20264.57%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22bellatrix%3Amintaka%22%20d%3D%22M163.928%20189.257L148.749%20248.198%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22alnitak%3Asaiph%22%20d%3D%22M125.258%20271.902L109.541%20342.167%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22mintaka%3Arigel%22%20d%3D%22M149.617%20255.126L189.325%20327.561%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22saiph%3Arigel%22%20d%3D%22M112.452%20345.209L187.246%20331.901%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22bellatrix%3Api3-ori%22%20d%3D%22M168.735%20185.197L250.347%20178.316%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi1-ori%3Api2-ori%22%20d%3D%22M243.195%20147.931L249.804%20155.519%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi2-ori%3Api3-ori%22%20d%3D%22M252.36%20161.591L253.636%20174.36%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi3-ori%3Api4-ori%22%20d%3D%22M253.295%20180.802L251.179%20189.185%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi4-ori%3Api5-ori%22%20d%3D%22M249.62%20195.495L243.495%20220.71%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi5-ori%3Api6-ori%22%20d%3D%22M240.445%20225.701L233.854%20230.141%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cellipse%20data-orion-nebula%3D%22M42%22%20cx%3D%22139.705%22%20cy%3D%22304.161%22%20rx%3D%227.425%22%20ry%3D%2210.23%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-m42%29%3Bstroke%3Anone%22%2F%3E%3Cg%20data-orion-twinkle%3D%22chi2-ori%22%3E%3Ccircle%20cx%3D%2268.291%22%20cy%3D%2238.798%22%20r%3D%225.465%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-0%29%3Bfill-opacity%3A0.356%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22chi2-ori%22%20data-vmag%3D%224.63%22%20data-relative-v-flux%3D%220.015848932%22%20cx%3D%2268.291%22%20cy%3D%2238.798%22%20r%3D%220.886667%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.717%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%2268.291%22%20cy%3D%2238.798%22%20r%3D%220.3375%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.519%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.690%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.05s%22%20begin%3D%22-5.48s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%2264-ori%22%3E%3Ccircle%20cx%3D%2269.459%22%20cy%3D%2243.914%22%20r%3D%225.28417%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-0%29%3Bfill-opacity%3A0.341%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%2264-ori%22%20data-vmag%3D%225.13%22%20data-relative-v-flux%3D%220.010000000%22%20cx%3D%2269.459%22%20cy%3D%2243.914%22%20r%3D%220.8575%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.695%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%2269.459%22%20cy%3D%2243.914%22%20r%3D%220.325833%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.503%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.714%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%228.35s%22%20begin%3D%22-5.87s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22chi1-ori%22%3E%3Ccircle%20cx%3D%2292.198%22%20cy%3D%2238.125%22%20r%3D%225.55417%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-5%29%3Bfill-opacity%3A0.362%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22chi1-ori%22%20data-vmag%3D%224.4%22%20data-relative-v-flux%3D%220.019588447%22%20cx%3D%2292.198%22%20cy%3D%2238.125%22%20r%3D%220.901667%22%20style%3D%22fill%3A%23fff0d2%3Bfill-opacity%3A0.728%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%2292.198%22%20cy%3D%2238.125%22%20r%3D%220.3425%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.527%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.738%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.65s%22%20begin%3D%22-6.26s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22nu-ori%22%3E%3Ccircle%20cx%3D%2259.075%22%20cy%3D%2297.536%22%20r%3D%225.555%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-0%29%3Bfill-opacity%3A0.362%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22nu-ori%22%20data-vmag%3D%224.397%22%20data-relative-v-flux%3D%220.019642646%22%20cx%3D%2259.075%22%20cy%3D%2297.536%22%20r%3D%220.901667%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.728%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%2259.075%22%20cy%3D%2297.536%22%20r%3D%220.3425%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.527%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.702%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.95s%22%20begin%3D%22-0.65s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22xi-ori%22%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%22103.106%22%20r%3D%225.5225%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-0%29%3Bfill-opacity%3A0.360%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22xi-ori%22%20data-vmag%3D%224.48%22%20data-relative-v-flux%3D%220.018197009%22%20cx%3D%2248%22%20cy%3D%22103.106%22%20r%3D%220.896667%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.725%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%22103.106%22%20r%3D%220.340833%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.523%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.726%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%229.25s%22%20begin%3D%22-1.04s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22mu-ori%22%3E%3Ccircle%20cx%3D%2272.157%22%20cy%3D%22151.567%22%20r%3D%225.66333%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-1%29%3Bfill-opacity%3A0.371%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22mu-ori%22%20data-vmag%3D%224.136116435103%22%20data-relative-v-flux%3D%220.024977756%22%20cx%3D%2272.157%22%20cy%3D%22151.567%22%20r%3D%220.919167%22%20style%3D%22fill%3A%23e5edff%3Bfill-opacity%3A0.741%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%2272.157%22%20cy%3D%22151.567%22%20r%3D%220.349167%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.536%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.690%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%225.55s%22%20begin%3D%22-0.98s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22meissa%22%3E%3Ccircle%20cx%3D%22140.043%22%20cy%3D%22149.279%22%20r%3D%225.87833%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-0%29%3Bfill-opacity%3A0.390%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22meissa%22%20data-vmag%3D%223.66%22%20data-relative-v-flux%3D%220.038725764%22%20cx%3D%22140.043%22%20cy%3D%22149.279%22%20r%3D%220.954167%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.767%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22140.043%22%20cy%3D%22149.279%22%20r%3D%220.3625%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.555%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.754%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%227.85s%22%20begin%3D%22-3.67s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22betelgeuse%22%3E%3Ccircle%20cx%3D%2290.228%22%20cy%3D%22174.686%22%20r%3D%228.16917%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-3%29%3Bfill-opacity%3A0.580%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22betelgeuse%22%20data-vmag%3D%220.42%22%20data-relative-v-flux%3D%220.765596607%22%20cx%3D%2290.228%22%20cy%3D%22174.686%22%20r%3D%221.32583%22%20style%3D%22fill%3A%23ffba92%3Bfill-opacity%3A0.990%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%2290.228%22%20cy%3D%22174.686%22%20r%3D%220.504167%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.755%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.868%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.15s%22%20begin%3D%22-6.36s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22bellatrix%22%3E%3Ccircle%20cx%3D%22164.89%22%20cy%3D%22185.521%22%20r%3D%227.10167%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-0%29%3Bfill-opacity%3A0.491%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22bellatrix%22%20data-vmag%3D%221.64%22%20data-relative-v-flux%3D%220.248885732%22%20cx%3D%22164.89%22%20cy%3D%22185.521%22%20r%3D%221.1525%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.915%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22164.89%22%20cy%3D%22185.521%22%20r%3D%220.438333%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.661%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.832%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.45s%22%20begin%3D%22-3.50s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi1-ori%22%3E%3Ccircle%20cx%3D%22240.992%22%20cy%3D%22145.402%22%20r%3D%225.4575%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-1%29%3Bfill-opacity%3A0.354%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi1-ori%22%20data-vmag%3D%224.648%22%20data-relative-v-flux%3D%220.015588345%22%20cx%3D%22240.992%22%20cy%3D%22145.402%22%20r%3D%220.885833%22%20style%3D%22fill%3A%23e5edff%3Bfill-opacity%3A0.717%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22240.992%22%20cy%3D%22145.402%22%20r%3D%220.336667%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.518%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.726%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%228.75s%22%20begin%3D%22-8.49s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi2-ori%22%3E%3Ccircle%20cx%3D%22252.007%22%20cy%3D%22158.048%22%20r%3D%225.575%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-1%29%3Bfill-opacity%3A0.365%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi2-ori%22%20data-vmag%3D%224.35%22%20data-relative-v-flux%3D%220.020511622%22%20cx%3D%22252.007%22%20cy%3D%22158.048%22%20r%3D%220.905%22%20style%3D%22fill%3A%23e5edff%3Bfill-opacity%3A0.730%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22252.007%22%20cy%3D%22158.048%22%20r%3D%220.344167%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.528%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.690%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2211.05s%22%20begin%3D%22-2.43s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi3-ori%22%3E%3Ccircle%20cx%3D%22254%22%20cy%3D%22178.008%22%20r%3D%226.11417%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-2%29%3Bfill-opacity%3A0.410%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi3-ori%22%20data-vmag%3D%223.19%22%20data-relative-v-flux%3D%220.059703529%22%20cx%3D%22254%22%20cy%3D%22178.008%22%20r%3D%220.9925%22%20style%3D%22fill%3A%23f1f1e9%3Bfill-opacity%3A0.795%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22254%22%20cy%3D%22178.008%22%20r%3D%220.3775%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.575%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.754%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%227.35s%22%20begin%3D%22-0.47s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi4-ori%22%3E%3Ccircle%20cx%3D%22250.474%22%20cy%3D%22191.979%22%20r%3D%225.86917%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-0%29%3Bfill-opacity%3A0.390%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi4-ori%22%20data-vmag%3D%223.68%22%20data-relative-v-flux%3D%220.038018940%22%20cx%3D%22250.474%22%20cy%3D%22191.979%22%20r%3D%220.9525%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.766%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22250.474%22%20cy%3D%22191.979%22%20r%3D%220.361667%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.554%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.778%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%229.65s%22%20begin%3D%22-5.46s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi5-ori%22%3E%3Ccircle%20cx%3D%22242.642%22%20cy%3D%22224.222%22%20r%3D%225.84583%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-0%29%3Bfill-opacity%3A0.386%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi5-ori%22%20data-vmag%3D%223.73%22%20data-relative-v-flux%3D%220.036307805%22%20cx%3D%22242.642%22%20cy%3D%22224.222%22%20r%3D%220.949167%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.763%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22242.642%22%20cy%3D%22224.222%22%20r%3D%220.360833%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.551%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.742%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%225.95s%22%20begin%3D%22-4.35s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi6-ori%22%3E%3Ccircle%20cx%3D%22231.657%22%20cy%3D%22231.621%22%20r%3D%225.53083%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-4%29%3Bfill-opacity%3A0.361%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi6-ori%22%20data-vmag%3D%224.459%22%20data-relative-v-flux%3D%220.018552396%22%20cx%3D%22231.657%22%20cy%3D%22231.621%22%20r%3D%220.8975%22%20style%3D%22fill%3A%23ffd5ad%3Bfill-opacity%3A0.726%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22231.657%22%20cy%3D%22231.621%22%20r%3D%220.340833%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.524%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.726%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%228.25s%22%20begin%3D%22-5.69s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22mintaka%22%3E%3Ccircle%20cx%3D%22147.813%22%20cy%3D%22251.834%22%20r%3D%226.56667%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-0%29%3Bfill-opacity%3A0.446%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22mintaka%22%20data-vmag%3D%222.41%22%20data-relative-v-flux%3D%220.122461620%22%20cx%3D%22147.813%22%20cy%3D%22251.834%22%20r%3D%221.06583%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.851%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22147.813%22%20cy%3D%22251.834%22%20r%3D%220.405%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.615%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.820%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.55s%22%20begin%3D%22-2.43s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22alnilam%22%3E%3Ccircle%20cx%3D%22137.375%22%20cy%3D%22260.795%22%20r%3D%227.06417%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-0%29%3Bfill-opacity%3A0.488%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22alnilam%22%20data-vmag%3D%221.69%22%20data-relative-v-flux%3D%220.237684029%22%20cx%3D%22137.375%22%20cy%3D%22260.795%22%20r%3D%221.14667%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.910%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22137.375%22%20cy%3D%22260.795%22%20r%3D%220.435833%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.659%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.844%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.85s%22%20begin%3D%22-3.12s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22alnitak%22%3E%3Ccircle%20cx%3D%22126.096%22%20cy%3D%22268.155%22%20r%3D%227.005%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-0%29%3Bfill-opacity%3A0.484%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22alnitak%22%20data-vmag%3D%221.77%22%20data-relative-v-flux%3D%220.220800473%22%20cx%3D%22126.096%22%20cy%3D%22268.155%22%20r%3D%221.1375%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.903%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22126.096%22%20cy%3D%22268.155%22%20r%3D%220.4325%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.653%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.868%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%229.15s%22%20begin%3D%22-3.56s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22sigma-ori%22%3E%3Ccircle%20cx%3D%22131.091%22%20cy%3D%22274.688%22%20r%3D%225.8175%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-0%29%3Bfill-opacity%3A0.385%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22sigma-ori%22%20data-vmag%3D%223.79%22%20data-relative-v-flux%3D%220.034355795%22%20cx%3D%22131.091%22%20cy%3D%22274.688%22%20r%3D%220.944167%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.759%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22131.091%22%20cy%3D%22274.688%22%20r%3D%220.359167%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.549%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.742%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%225.45s%22%20begin%3D%22-3.20s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%2242-ori%22%3E%3Ccircle%20cx%3D%22139.428%22%20cy%3D%22296.995%22%20r%3D%225.48%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-0%29%3Bfill-opacity%3A0.356%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%2242-ori%22%20data-vmag%3D%224.59%22%20data-relative-v-flux%3D%220.016443717%22%20cx%3D%22139.428%22%20cy%3D%22296.995%22%20r%3D%220.889167%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.719%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22139.428%22%20cy%3D%22296.995%22%20r%3D%220.338333%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.520%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.726%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%227.75s%22%20begin%3D%22-1.89s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22theta-ori-aggregate%22%3E%3Ccircle%20cx%3D%22139.705%22%20cy%3D%22302.511%22%20r%3D%224.93%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-0%29%3Bfill-opacity%3A0.311%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22theta-ori-aggregate%22%20data-vmag%3D%22%22%20data-relative-v-flux%3D%22%22%20cx%3D%22139.705%22%20cy%3D%22302.511%22%20r%3D%220.8%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.652%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22139.705%22%20cy%3D%22302.511%22%20r%3D%220.304167%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.472%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.730%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.05s%22%20begin%3D%22-1.43s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22hatysa%22%3E%3Ccircle%20cx%3D%22139.311%22%20cy%3D%22307.723%22%20r%3D%226.3475%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-0%29%3Bfill-opacity%3A0.428%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22hatysa%22%20data-vmag%3D%222.77%22%20data-relative-v-flux%3D%220.087902252%22%20cx%3D%22139.311%22%20cy%3D%22307.723%22%20r%3D%221.03083%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.824%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22139.311%22%20cy%3D%22307.723%22%20r%3D%220.391667%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.596%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.754%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.35s%22%20begin%3D%22-3.77s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22rigel%22%3E%3Ccircle%20cx%3D%22191.308%22%20cy%3D%22331.179%22%20r%3D%228.47%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-0%29%3Bfill-opacity%3A0.605%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22rigel%22%20data-vmag%3D%220.13%22%20data-relative-v-flux%3D%221.000000000%22%20cx%3D%22191.308%22%20cy%3D%22331.179%22%20r%3D%221.375%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.990%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22191.308%22%20cy%3D%22331.179%22%20r%3D%220.5225%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.781%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.868%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%228.65s%22%20begin%3D%22-0.66s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22saiph%22%3E%3Ccircle%20cx%3D%22108.711%22%20cy%3D%22345.875%22%20r%3D%226.79833%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-en-glow-0%29%3Bfill-opacity%3A0.466%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22saiph%22%20data-vmag%3D%222.06%22%20data-relative-v-flux%3D%220.169044093%22%20cx%3D%22108.711%22%20cy%3D%22345.875%22%20r%3D%221.10333%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.879%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22108.711%22%20cy%3D%22345.875%22%20r%3D%220.419167%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.635%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.832%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.95s%22%20begin%3D%22-10.25s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
  html:lang(el) #main > .hero > .vlp-home-constellation-v48 {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20390%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20fill%3D%22none%22%3E%3Cstyle%3E%40media%20%28prefers-reduced-motion%3A%20reduce%29%20%7B%5Bdata-orion-twinkle%5D%20%7B%20opacity%3A%201%20%21important%3B%20%7D%7D%3C%2Fstyle%3E%3Cg%20data-orion-map%3D%22icrs-j2000-v46%22%20style%3D%22opacity%3A1%3Bstroke%3Anone%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22orion-home-v48-el-glow-0%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c1dcff%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23c1dcff%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23c1dcff%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c1dcff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-home-v48-el-glow-1%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e5edff%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23e5edff%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23e5edff%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e5edff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-home-v48-el-glow-2%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f1f1e9%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23f1f1e9%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23f1f1e9%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f1f1e9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-home-v48-el-glow-3%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffba92%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23ffba92%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23ffba92%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffba92%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-home-v48-el-glow-4%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffd5ad%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23ffd5ad%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23ffd5ad%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffd5ad%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-home-v48-el-glow-5%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff0d2%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23fff0d2%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23fff0d2%22%20stop-opacity%3D%22.12%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff0d2%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22orion-home-v48-el-m42%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23b9b6db%22%20stop-opacity%3D%22.2%22%2F%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%239bb8d2%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238d9ec4%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20data-orion-connection%3D%22betelgeuse%3Amu-ori%22%20d%3D%22M87.724%20171.483L74.361%20154.387%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22mu-ori%3Axi-ori%22%20d%3D%22M70.561%20148.365L49.584%20106.284%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22xi-ori%3Anu-ori%22%20d%3D%22M50.215%20101.992L56.86%2098.65%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22nu-ori%3Achi1-ori%22%20d%3D%22M60.808%2094.429L90.466%2041.232%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22chi1-ori%3Achi2-ori%22%20d%3D%22M88.643%2038.225L71.83%2038.698%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22chi2-ori%3Axi-ori%22%20d%3D%22M67.226%2042.173L49.068%2099.72%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22betelgeuse%3Ameissa%22%20d%3D%22M93.851%20172.839L136.818%20150.924%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22meissa%3Abellatrix%22%20d%3D%22M142.09%20152.265L162.708%20182.338%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22betelgeuse%3Aalnitak%22%20d%3D%22M91.685%20178.483L124.721%20264.57%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22bellatrix%3Amintaka%22%20d%3D%22M163.928%20189.257L148.749%20248.198%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22alnitak%3Asaiph%22%20d%3D%22M125.258%20271.902L109.541%20342.167%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22mintaka%3Arigel%22%20d%3D%22M149.617%20255.126L189.325%20327.561%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22saiph%3Arigel%22%20d%3D%22M112.452%20345.209L187.246%20331.901%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22bellatrix%3Api3-ori%22%20d%3D%22M168.735%20185.197L250.347%20178.316%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi1-ori%3Api2-ori%22%20d%3D%22M243.195%20147.931L249.804%20155.519%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi2-ori%3Api3-ori%22%20d%3D%22M252.36%20161.591L253.636%20174.36%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi3-ori%3Api4-ori%22%20d%3D%22M253.295%20180.802L251.179%20189.185%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi4-ori%3Api5-ori%22%20d%3D%22M249.62%20195.495L243.495%20220.71%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cpath%20data-orion-connection%3D%22pi5-ori%3Api6-ori%22%20d%3D%22M240.445%20225.701L233.854%20230.141%22%20style%3D%22fill%3Anone%3Bstroke%3A%238ea9cc%3Bstroke-width%3A.65%3Bstroke-opacity%3A.48%3Bstroke-linecap%3Around%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3Cellipse%20data-orion-nebula%3D%22M42%22%20cx%3D%22139.705%22%20cy%3D%22304.161%22%20rx%3D%227.425%22%20ry%3D%2210.23%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-m42%29%3Bstroke%3Anone%22%2F%3E%3Cg%20data-orion-twinkle%3D%22chi2-ori%22%3E%3Ccircle%20cx%3D%2268.291%22%20cy%3D%2238.798%22%20r%3D%225.465%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-0%29%3Bfill-opacity%3A0.356%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22chi2-ori%22%20data-vmag%3D%224.63%22%20data-relative-v-flux%3D%220.015848932%22%20cx%3D%2268.291%22%20cy%3D%2238.798%22%20r%3D%220.886667%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.717%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%2268.291%22%20cy%3D%2238.798%22%20r%3D%220.3375%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.519%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.690%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.05s%22%20begin%3D%22-5.48s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%2264-ori%22%3E%3Ccircle%20cx%3D%2269.459%22%20cy%3D%2243.914%22%20r%3D%225.28417%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-0%29%3Bfill-opacity%3A0.341%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%2264-ori%22%20data-vmag%3D%225.13%22%20data-relative-v-flux%3D%220.010000000%22%20cx%3D%2269.459%22%20cy%3D%2243.914%22%20r%3D%220.8575%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.695%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%2269.459%22%20cy%3D%2243.914%22%20r%3D%220.325833%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.503%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.714%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%228.35s%22%20begin%3D%22-5.87s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22chi1-ori%22%3E%3Ccircle%20cx%3D%2292.198%22%20cy%3D%2238.125%22%20r%3D%225.55417%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-5%29%3Bfill-opacity%3A0.362%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22chi1-ori%22%20data-vmag%3D%224.4%22%20data-relative-v-flux%3D%220.019588447%22%20cx%3D%2292.198%22%20cy%3D%2238.125%22%20r%3D%220.901667%22%20style%3D%22fill%3A%23fff0d2%3Bfill-opacity%3A0.728%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%2292.198%22%20cy%3D%2238.125%22%20r%3D%220.3425%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.527%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.738%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.65s%22%20begin%3D%22-6.26s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22nu-ori%22%3E%3Ccircle%20cx%3D%2259.075%22%20cy%3D%2297.536%22%20r%3D%225.555%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-0%29%3Bfill-opacity%3A0.362%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22nu-ori%22%20data-vmag%3D%224.397%22%20data-relative-v-flux%3D%220.019642646%22%20cx%3D%2259.075%22%20cy%3D%2297.536%22%20r%3D%220.901667%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.728%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%2259.075%22%20cy%3D%2297.536%22%20r%3D%220.3425%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.527%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.702%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.95s%22%20begin%3D%22-0.65s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22xi-ori%22%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%22103.106%22%20r%3D%225.5225%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-0%29%3Bfill-opacity%3A0.360%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22xi-ori%22%20data-vmag%3D%224.48%22%20data-relative-v-flux%3D%220.018197009%22%20cx%3D%2248%22%20cy%3D%22103.106%22%20r%3D%220.896667%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.725%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%22103.106%22%20r%3D%220.340833%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.523%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.726%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%229.25s%22%20begin%3D%22-1.04s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22mu-ori%22%3E%3Ccircle%20cx%3D%2272.157%22%20cy%3D%22151.567%22%20r%3D%225.66333%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-1%29%3Bfill-opacity%3A0.371%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22mu-ori%22%20data-vmag%3D%224.136116435103%22%20data-relative-v-flux%3D%220.024977756%22%20cx%3D%2272.157%22%20cy%3D%22151.567%22%20r%3D%220.919167%22%20style%3D%22fill%3A%23e5edff%3Bfill-opacity%3A0.741%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%2272.157%22%20cy%3D%22151.567%22%20r%3D%220.349167%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.536%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.690%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%225.55s%22%20begin%3D%22-0.98s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22meissa%22%3E%3Ccircle%20cx%3D%22140.043%22%20cy%3D%22149.279%22%20r%3D%225.87833%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-0%29%3Bfill-opacity%3A0.390%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22meissa%22%20data-vmag%3D%223.66%22%20data-relative-v-flux%3D%220.038725764%22%20cx%3D%22140.043%22%20cy%3D%22149.279%22%20r%3D%220.954167%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.767%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22140.043%22%20cy%3D%22149.279%22%20r%3D%220.3625%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.555%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.754%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%227.85s%22%20begin%3D%22-3.67s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22betelgeuse%22%3E%3Ccircle%20cx%3D%2290.228%22%20cy%3D%22174.686%22%20r%3D%228.16917%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-3%29%3Bfill-opacity%3A0.580%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22betelgeuse%22%20data-vmag%3D%220.42%22%20data-relative-v-flux%3D%220.765596607%22%20cx%3D%2290.228%22%20cy%3D%22174.686%22%20r%3D%221.32583%22%20style%3D%22fill%3A%23ffba92%3Bfill-opacity%3A0.990%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%2290.228%22%20cy%3D%22174.686%22%20r%3D%220.504167%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.755%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.868%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.15s%22%20begin%3D%22-6.36s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22bellatrix%22%3E%3Ccircle%20cx%3D%22164.89%22%20cy%3D%22185.521%22%20r%3D%227.10167%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-0%29%3Bfill-opacity%3A0.491%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22bellatrix%22%20data-vmag%3D%221.64%22%20data-relative-v-flux%3D%220.248885732%22%20cx%3D%22164.89%22%20cy%3D%22185.521%22%20r%3D%221.1525%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.915%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22164.89%22%20cy%3D%22185.521%22%20r%3D%220.438333%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.661%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.832%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.45s%22%20begin%3D%22-3.50s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi1-ori%22%3E%3Ccircle%20cx%3D%22240.992%22%20cy%3D%22145.402%22%20r%3D%225.4575%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-1%29%3Bfill-opacity%3A0.354%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi1-ori%22%20data-vmag%3D%224.648%22%20data-relative-v-flux%3D%220.015588345%22%20cx%3D%22240.992%22%20cy%3D%22145.402%22%20r%3D%220.885833%22%20style%3D%22fill%3A%23e5edff%3Bfill-opacity%3A0.717%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22240.992%22%20cy%3D%22145.402%22%20r%3D%220.336667%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.518%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.726%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%228.75s%22%20begin%3D%22-8.49s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi2-ori%22%3E%3Ccircle%20cx%3D%22252.007%22%20cy%3D%22158.048%22%20r%3D%225.575%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-1%29%3Bfill-opacity%3A0.365%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi2-ori%22%20data-vmag%3D%224.35%22%20data-relative-v-flux%3D%220.020511622%22%20cx%3D%22252.007%22%20cy%3D%22158.048%22%20r%3D%220.905%22%20style%3D%22fill%3A%23e5edff%3Bfill-opacity%3A0.730%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22252.007%22%20cy%3D%22158.048%22%20r%3D%220.344167%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.528%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.690%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2211.05s%22%20begin%3D%22-2.43s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi3-ori%22%3E%3Ccircle%20cx%3D%22254%22%20cy%3D%22178.008%22%20r%3D%226.11417%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-2%29%3Bfill-opacity%3A0.410%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi3-ori%22%20data-vmag%3D%223.19%22%20data-relative-v-flux%3D%220.059703529%22%20cx%3D%22254%22%20cy%3D%22178.008%22%20r%3D%220.9925%22%20style%3D%22fill%3A%23f1f1e9%3Bfill-opacity%3A0.795%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22254%22%20cy%3D%22178.008%22%20r%3D%220.3775%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.575%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.754%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%227.35s%22%20begin%3D%22-0.47s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi4-ori%22%3E%3Ccircle%20cx%3D%22250.474%22%20cy%3D%22191.979%22%20r%3D%225.86917%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-0%29%3Bfill-opacity%3A0.390%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi4-ori%22%20data-vmag%3D%223.68%22%20data-relative-v-flux%3D%220.038018940%22%20cx%3D%22250.474%22%20cy%3D%22191.979%22%20r%3D%220.9525%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.766%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22250.474%22%20cy%3D%22191.979%22%20r%3D%220.361667%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.554%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.778%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%229.65s%22%20begin%3D%22-5.46s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi5-ori%22%3E%3Ccircle%20cx%3D%22242.642%22%20cy%3D%22224.222%22%20r%3D%225.84583%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-0%29%3Bfill-opacity%3A0.386%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi5-ori%22%20data-vmag%3D%223.73%22%20data-relative-v-flux%3D%220.036307805%22%20cx%3D%22242.642%22%20cy%3D%22224.222%22%20r%3D%220.949167%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.763%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22242.642%22%20cy%3D%22224.222%22%20r%3D%220.360833%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.551%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.742%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%225.95s%22%20begin%3D%22-4.35s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22pi6-ori%22%3E%3Ccircle%20cx%3D%22231.657%22%20cy%3D%22231.621%22%20r%3D%225.53083%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-4%29%3Bfill-opacity%3A0.361%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22pi6-ori%22%20data-vmag%3D%224.459%22%20data-relative-v-flux%3D%220.018552396%22%20cx%3D%22231.657%22%20cy%3D%22231.621%22%20r%3D%220.8975%22%20style%3D%22fill%3A%23ffd5ad%3Bfill-opacity%3A0.726%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22231.657%22%20cy%3D%22231.621%22%20r%3D%220.340833%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.524%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.726%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%228.25s%22%20begin%3D%22-5.69s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22mintaka%22%3E%3Ccircle%20cx%3D%22147.813%22%20cy%3D%22251.834%22%20r%3D%226.56667%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-0%29%3Bfill-opacity%3A0.446%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22mintaka%22%20data-vmag%3D%222.41%22%20data-relative-v-flux%3D%220.122461620%22%20cx%3D%22147.813%22%20cy%3D%22251.834%22%20r%3D%221.06583%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.851%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22147.813%22%20cy%3D%22251.834%22%20r%3D%220.405%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.615%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.820%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.55s%22%20begin%3D%22-2.43s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22alnilam%22%3E%3Ccircle%20cx%3D%22137.375%22%20cy%3D%22260.795%22%20r%3D%227.06417%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-0%29%3Bfill-opacity%3A0.488%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22alnilam%22%20data-vmag%3D%221.69%22%20data-relative-v-flux%3D%220.237684029%22%20cx%3D%22137.375%22%20cy%3D%22260.795%22%20r%3D%221.14667%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.910%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22137.375%22%20cy%3D%22260.795%22%20r%3D%220.435833%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.659%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.844%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.85s%22%20begin%3D%22-3.12s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22alnitak%22%3E%3Ccircle%20cx%3D%22126.096%22%20cy%3D%22268.155%22%20r%3D%227.005%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-0%29%3Bfill-opacity%3A0.484%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22alnitak%22%20data-vmag%3D%221.77%22%20data-relative-v-flux%3D%220.220800473%22%20cx%3D%22126.096%22%20cy%3D%22268.155%22%20r%3D%221.1375%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.903%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22126.096%22%20cy%3D%22268.155%22%20r%3D%220.4325%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.653%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.868%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%229.15s%22%20begin%3D%22-3.56s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22sigma-ori%22%3E%3Ccircle%20cx%3D%22131.091%22%20cy%3D%22274.688%22%20r%3D%225.8175%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-0%29%3Bfill-opacity%3A0.385%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22sigma-ori%22%20data-vmag%3D%223.79%22%20data-relative-v-flux%3D%220.034355795%22%20cx%3D%22131.091%22%20cy%3D%22274.688%22%20r%3D%220.944167%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.759%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22131.091%22%20cy%3D%22274.688%22%20r%3D%220.359167%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.549%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.742%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%225.45s%22%20begin%3D%22-3.20s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%2242-ori%22%3E%3Ccircle%20cx%3D%22139.428%22%20cy%3D%22296.995%22%20r%3D%225.48%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-0%29%3Bfill-opacity%3A0.356%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%2242-ori%22%20data-vmag%3D%224.59%22%20data-relative-v-flux%3D%220.016443717%22%20cx%3D%22139.428%22%20cy%3D%22296.995%22%20r%3D%220.889167%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.719%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22139.428%22%20cy%3D%22296.995%22%20r%3D%220.338333%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.520%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.726%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%227.75s%22%20begin%3D%22-1.89s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22theta-ori-aggregate%22%3E%3Ccircle%20cx%3D%22139.705%22%20cy%3D%22302.511%22%20r%3D%224.93%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-0%29%3Bfill-opacity%3A0.311%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22theta-ori-aggregate%22%20data-vmag%3D%22%22%20data-relative-v-flux%3D%22%22%20cx%3D%22139.705%22%20cy%3D%22302.511%22%20r%3D%220.8%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.652%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22139.705%22%20cy%3D%22302.511%22%20r%3D%220.304167%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.472%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.730%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.05s%22%20begin%3D%22-1.43s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22hatysa%22%3E%3Ccircle%20cx%3D%22139.311%22%20cy%3D%22307.723%22%20r%3D%226.3475%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-0%29%3Bfill-opacity%3A0.428%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22hatysa%22%20data-vmag%3D%222.77%22%20data-relative-v-flux%3D%220.087902252%22%20cx%3D%22139.311%22%20cy%3D%22307.723%22%20r%3D%221.03083%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.824%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22139.311%22%20cy%3D%22307.723%22%20r%3D%220.391667%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.596%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.754%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%226.35s%22%20begin%3D%22-3.77s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22rigel%22%3E%3Ccircle%20cx%3D%22191.308%22%20cy%3D%22331.179%22%20r%3D%228.47%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-0%29%3Bfill-opacity%3A0.605%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22rigel%22%20data-vmag%3D%220.13%22%20data-relative-v-flux%3D%221.000000000%22%20cx%3D%22191.308%22%20cy%3D%22331.179%22%20r%3D%221.375%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.990%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22191.308%22%20cy%3D%22331.179%22%20r%3D%220.5225%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.781%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.868%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%228.65s%22%20begin%3D%22-0.66s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Cg%20data-orion-twinkle%3D%22saiph%22%3E%3Ccircle%20cx%3D%22108.711%22%20cy%3D%22345.875%22%20r%3D%226.79833%22%20style%3D%22fill%3Aurl%28%23orion-home-v48-el-glow-0%29%3Bfill-opacity%3A0.466%3Bstroke%3Anone%22%2F%3E%3Ccircle%20data-star%3D%22saiph%22%20data-vmag%3D%222.06%22%20data-relative-v-flux%3D%220.169044093%22%20cx%3D%22108.711%22%20cy%3D%22345.875%22%20r%3D%221.10333%22%20style%3D%22fill%3A%23c1dcff%3Bfill-opacity%3A0.879%3Bstroke%3Anone%22%2F%3E%3Ccircle%20cx%3D%22108.711%22%20cy%3D%22345.875%22%20r%3D%220.419167%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.635%3Bstroke%3Anone%22%2F%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220.930%3B1.000%3B0.890%3B0.980%3B0.832%3B0.960%3B1.000%3B0.880%3B0.930%22%20keyTimes%3D%220%3B.085%3B.19%3B.36%3B.51%3B.64%3B.76%3B.90%3B1%22%20dur%3D%2210.95s%22%20begin%3D%22-10.25s%22%20calcMode%3D%22linear%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
}
@media screen {
  #main > .hero {
    grid-template-areas: "copy constellation companion";
    grid-template-columns:
      minmax(0, 1fr) clamp(300px, 24vw, 384px) minmax(0, 1.08fr);
    column-gap: clamp(18px, 1.7vw, 28px);
    row-gap: 38px;
  }

  #main > .hero > div:first-child {
    grid-area: copy;
    min-width: 0;
  }

  #main > .hero::before { content: none; display: none; }

  #main > .hero > .vlp-home-constellation-v48 {
    grid-area: constellation;
    position: relative;
    inset: auto;
    z-index: 0;
    display: block;
    align-self: center;
    justify-self: center;
    width: min(100%, 384px);
    height: auto;
    min-width: 0;
    aspect-ratio: 10 / 13;
    margin: 0;
    opacity: 1;
    pointer-events: none;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  #main > .hero > .hero-visual.programming-visual {
    grid-area: companion;
    min-width: 0;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    position: relative;
    isolation: isolate;
    overflow: hidden;
  }

  #main > .hero > .programming-visual > .robot-scene {
    position: relative;
    min-width: 0;
  }

  #main > .hero > .programming-visual .orion-circuit-layer [data-vlp-robot-stars="v48"] {
    display: inline;
  }

  #main > .hero .vlp-home-orion-labels-v48 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
    fill: #c5d2e3;
    fill-opacity: .86;
    stroke: none;
    font-family: Inter, "Segoe UI", "DejaVu Sans", sans-serif;
    font-size: clamp(9.2px, .7696vw, 11.5px);
    font-weight: 400;
    letter-spacing: 0;
  }

  #main > .hero .vlp-home-orion-labels-v48 text { font-size: inherit; }
}

@media screen and (min-width: 1280px) {
  #main > .hero > div:first-child > h1 {
    font-size: clamp(2.35rem, 3.1vw, 3.85rem);
  }
}

@media screen and (min-width: 701px) and (max-width: 1279px) {
  #main > .hero {
    grid-template-areas: "copy constellation" "companion companion";
    grid-template-columns: minmax(0, 1fr) clamp(288px, 36vw, 384px);
    column-gap: 24px;
    row-gap: 32px;
  }

  #main > .hero > .hero-visual.programming-visual {
    max-width: 640px;
    justify-self: center;
  }

}

@media screen and (max-width: 700px) {
  #main > .hero {
    grid-template-areas: "copy" "constellation" "companion";
    grid-template-columns: minmax(0, 1fr);
    row-gap: 26px;
  }

  #main > .hero > .vlp-home-constellation-v48 {
    width: min(86vw, 360px);
    max-width: 100%;
  }

  #main > .hero .vlp-home-orion-labels-v48 {
    font-size: min(3.18vw, 11.5px);
  }

  #main > .hero > .hero-visual.programming-visual {
    max-width: 480px;
    justify-self: center;
  }
  #main > .hero > .programming-visual > .robot-scene > .orion-circuit-layer {
    position: absolute;
    inset: 0;
    overflow: hidden;
    contain: paint;
  }

  #main > .hero > .programming-visual > .robot-scene > .orion-circuit-layer > svg {
    overflow: hidden;
  }
}
@media screen {
  html[data-site-effects="calm"] #main > .hero > .vlp-home-constellation-v48,
  html[data-effects="off"] #main > .hero > .vlp-home-constellation-v48 { opacity: .72; }
}

@media screen and (prefers-reduced-motion: reduce) {
  #main > .hero > .vlp-home-constellation-v48 { opacity: .72; }
}

@media screen and (forced-colors: active) {
  #main > .hero > .vlp-home-constellation-v48 { display: none; }
  #main > .hero {
    grid-template-areas: "copy companion";
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

@media screen and (forced-colors: active) and (max-width: 1279px) {
  #main > .hero {
    grid-template-areas: "copy" "companion";
    grid-template-columns: minmax(0, 1fr);
  }
}
@media screen {
  .vlp-background-star-v48 {
    box-shadow: 0 0 5px #d4ebff8a, 0 0 10px #d7edf740;
  }

  #main > .hero > .vlp-home-constellation-v48 {
    width: min(100%, 460px);
    overflow: visible;
  }

  #main > .hero > .vlp-home-constellation-v48::before,
  #main > .hero > .vlp-home-constellation-v48::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    mix-blend-mode: screen;
  }

  #main > .hero > .vlp-home-constellation-v48::before {
    opacity: .92;
    background-image:
      radial-gradient(circle at 17% 19%, rgba(231, 241, 255, .98) 0, rgba(231, 241, 255, .98) .6%, rgba(231, 241, 255, .44) 1.25%, rgba(231, 241, 255, 0) 2.6%),
      radial-gradient(circle at 28% 31%, rgba(210, 229, 255, .95) 0, rgba(210, 229, 255, .95) .5%, rgba(210, 229, 255, .38) 1.05%, rgba(210, 229, 255, 0) 2.3%),
      radial-gradient(circle at 58% 28%, rgba(255, 239, 210, .95) 0, rgba(255, 239, 210, .95) .52%, rgba(255, 239, 210, .40) 1.08%, rgba(255, 239, 210, 0) 2.35%),
      radial-gradient(circle at 78% 36%, rgba(215, 232, 255, .94) 0, rgba(215, 232, 255, .94) .48%, rgba(215, 232, 255, .36) 1.02%, rgba(215, 232, 255, 0) 2.2%),
      radial-gradient(circle at 75% 54%, rgba(205, 226, 255, .92) 0, rgba(205, 226, 255, .92) .46%, rgba(205, 226, 255, .34) .98%, rgba(205, 226, 255, 0) 2.15%),
      radial-gradient(circle at 50% 70%, rgba(219, 236, 255, .96) 0, rgba(219, 236, 255, .96) .58%, rgba(219, 236, 255, .40) 1.18%, rgba(219, 236, 255, 0) 2.45%),
      radial-gradient(circle at 33% 78%, rgba(216, 234, 255, .95) 0, rgba(216, 234, 255, .95) .54%, rgba(216, 234, 255, .38) 1.12%, rgba(216, 234, 255, 0) 2.35%);
    animation: vlp-orion-extra-stars-v481 8.8s ease-in-out infinite alternate;
  }

  #main > .hero > .vlp-home-constellation-v48::after {
    opacity: .74;
    background-image:
      radial-gradient(circle at 23% 24%, rgba(255, 255, 255, .92) 0, rgba(255,255,255,.92) .28%, rgba(255,255,255,.24) .72%, rgba(255,255,255,0) 1.6%),
      radial-gradient(circle at 47% 18%, rgba(225, 240, 255, .88) 0, rgba(225, 240, 255, .88) .26%, rgba(225, 240, 255, .22) .66%, rgba(225, 240, 255, 0) 1.45%),
      radial-gradient(circle at 68% 33%, rgba(255, 248, 232, .90) 0, rgba(255, 248, 232, .90) .24%, rgba(255, 248, 232, .22) .62%, rgba(255, 248, 232, 0) 1.4%),
      radial-gradient(circle at 83% 48%, rgba(226, 240, 255, .86) 0, rgba(226, 240, 255, .86) .24%, rgba(226, 240, 255, .18) .62%, rgba(226, 240, 255, 0) 1.4%),
      radial-gradient(circle at 41% 61%, rgba(216, 234, 255, .88) 0, rgba(216, 234, 255, .88) .26%, rgba(216, 234, 255, .20) .68%, rgba(216, 234, 255, 0) 1.46%),
      radial-gradient(circle at 55% 82%, rgba(255,255,255,.84) 0, rgba(255,255,255,.84) .22%, rgba(255,255,255,.16) .58%, rgba(255,255,255,0) 1.3%);
    animation: vlp-orion-extra-stars-v481 6.9s ease-in-out -1.7s infinite alternate;
  }
}

@keyframes vlp-orion-extra-stars-v481 {
  0%, 100% { opacity: .70; transform: translateY(0); }
  50% { opacity: .98; transform: translateY(-1px); }
}

@media screen and (min-width: 701px) and (max-width: 1279px) {
  #main > .hero {
    grid-template-columns: minmax(0, 1fr) clamp(336px, 43vw, 430px);
  }

  #main > .hero > .vlp-home-constellation-v48 {
    width: min(100%, 430px);
  }
}

@media screen and (max-width: 700px) {
  #main > .hero > .vlp-home-constellation-v48 {
    width: min(92vw, 432px);
    max-width: 100%;
  }

  #main > .hero .vlp-home-orion-labels-v48 {
    font-size: min(2.72vw, 11.5px);
  }
}
@media screen {
  #main > .hero > .vlp-home-constellation-v48::before,
  #main > .hero > .vlp-home-constellation-v48::after {
    content: none;
    display: none;
    animation: none;
  }
}
@media screen and (max-width: 700px) {
  #main > .hero {
    grid-template-areas: "copy" "companion";
    grid-template-columns: minmax(0, 1fr);
  }
  #main > .hero > .vlp-home-constellation-v48 {
    display: none !important;
  }
}
@media screen and (min-width: 1280px) {
  #main > .hero {
    grid-template-columns: minmax(0, 1fr) clamp(360px, 28.8vw, 460.8px) minmax(0, 1.12fr);
    column-gap: clamp(14px, 1.6vw, 26px);
  }
  #main > .hero > .vlp-home-constellation-v48 {
    width: min(100%, 460.8px);
  }
}
@media screen and (min-width: 940px) and (max-width: 1279px) {
  #main > .hero {
    grid-template-columns: minmax(0, 1fr) clamp(403.2px, 51.6vw, 516px);
    column-gap: 24px;
  }
  #main > .hero > .vlp-home-constellation-v48 {
    width: min(100%, 516px);
  }
}
@media screen and (min-width: 701px) and (max-width: 939px) {
  #main > .hero {
    grid-template-areas: "copy" "constellation" "companion";
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
  }
  #main > .hero > .vlp-home-constellation-v48 {
    width: min(100%, clamp(403.2px, 51.6vw, 516px));
    justify-self: center;
  }
  #main > .hero > .hero-visual.programming-visual {
    max-width: 640px;
    justify-self: center;
  }
}
@media screen and (max-width: 700px) {
  #main > .hero > .vlp-home-constellation-v48 {display: none !important;}
}
@media screen {
  .vlp-background-star-v48 {
    box-shadow: 0 0 5px #d6ecff9c, 0 0 11px #d3eaff49;
  }
}
@media screen and (forced-colors: active) and (min-width: 1280px) {
  #main > .hero {
    grid-template-areas: "copy companion";
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  }
}
.vlp-stars-page,
.vlp-stars-dialog,
.vlp-stars-lesson,
.vlp-stars-admin {
  --star-gold: #f2d48a;
  --star-muted: #a9bbcd;
  --star-line: #b1cbdd24;
  --star-ink: #eef5fc;
  color: var(--star-ink);
}
.vlp-star-icon { display: inline-block; width: 24px; height: 24px; flex: 0 0 auto; vertical-align: middle; }
.vlp-stars-page { isolation: isolate; padding-bottom: 26px; }
.vlp-stars-page a,
.vlp-stars-page button,
.vlp-stars-dialog button,
.vlp-stars-dialog input,
.vlp-stars-dialog select { touch-action: manipulation; }
.vlp-stars-page :focus-visible,
.vlp-stars-dialog :focus-visible,
.vlp-stars-lesson :focus-visible,
.vlp-stars-admin :focus-visible { outline: 2px solid #fff0bb; outline-offset: 4px; }
.vlp-stars-kicker { color: #e4c77e; font-size: .66rem; font-weight: 750; letter-spacing: .16em; line-height: 1.8; }
.vlp-stars-header { position: relative; border-bottom: 1px solid var(--star-line); background: #07101feF; }
.vlp-stars-header > .shell { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.vlp-stars-brand { display: flex; align-items: center; gap: 13px; letter-spacing: .07em; font-size: .88rem; font-weight: 750; }
.vlp-stars-brand > span:first-child { display: grid; place-items: center; width: 45px; height: 45px; border: 1px solid #a6e6dc55; border-radius: 13px; color: #a4f1e4; font-size: 1.16rem; }
.vlp-stars-brand b { display: block; color: #91d9d1; letter-spacing: .13em; font-size: .76rem; }
.vlp-stars-header nav { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 19px; font-size: .82rem; }
.vlp-stars-header nav > a { padding: 10px 0; }
.vlp-stars-header nav button { max-width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-color: #bdcde538; background: #112236; font-size: .82rem; }
.vlp-stars-main { padding-top: 1px; }
.vlp-stars-hero { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(240px, .8fr); gap: clamp(24px, 6vw, 100px); align-items: center; min-height: 480px; padding: 62px 0 68px; }
.vlp-stars-hero-copy { position: relative; z-index: 1; }
.vlp-stars-hero h1 { font-size: clamp(2.5rem, 5.5vw, 5.1rem); line-height: 1.06; letter-spacing: -.055em; margin: 19px 0 25px; font-weight: 760; }
.vlp-stars-hero h1 span { color: #f2d899; }
.vlp-stars-lead { max-width: 650px; font-size: 1rem; line-height: 1.9; margin-bottom: 29px; color: #afc2d3; }
.vlp-stars-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; }
.vlp-stars-actions > a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; }
.vlp-stars-link { color: #c6dddF; font-size: .88rem; gap: 12px; text-underline-offset: 5px; }
.vlp-stars-link:hover { color: #fff0c6; text-decoration: underline; }
button.vlp-stars-primary,
a.vlp-stars-primary {
  background: linear-gradient(115deg, #f6e3ac, #e7bf70);
  color: #2b2415; border: 1px solid #ffe8ae; border-radius: 10px;
  font-weight: 750; padding: 12px 21px; min-height: 46px;
  box-shadow: inset 0 1px #fff9, 0 7px 30px #c89a3515;
}
button.vlp-stars-primary:hover,
a.vlp-stars-primary:hover { color: #251c0b; border-color: #fff5cf; background: linear-gradient(115deg, #fff0c8, #f2cf8c); box-shadow: 0 8px 35px #d0a64e28; }
.vlp-stars-primary:disabled { opacity: .58; }
.vlp-stars-button-link { display: inline-flex; align-items: center; justify-content: center; }
.vlp-stars-hero-art { position: relative; width: 100%; aspect-ratio: 1; max-width: 390px; justify-self: center; display: grid; place-items: center; pointer-events: none; }
.vlp-stars-hero-halo { position: absolute; inset: 17%; border-radius: 50%; background: radial-gradient(circle, #edbd5520, #7b7bc00b 55%, transparent 73%); filter: blur(13px); }
.vlp-stars-hero-star { width: 42%; height: 42%; transform: rotate(-9deg); filter: drop-shadow(0 0 12px #ffc96324) drop-shadow(0 20px 25px #010718aa); }
.vlp-stars-orbit { position: absolute; border: 1px solid #a5bac92a; border-radius: 50%; }
.vlp-stars-orbit.orbit-a { inset: 8%; transform: rotate(-28deg) scaleY(.52); border-color: #e6ca7d40; }
.vlp-stars-orbit.orbit-b { inset: 8%; transform: rotate(48deg) scaleY(.68); border-color: #a9d8da28; }
.vlp-stars-orbit.orbit-c { inset: 14%; border-style: dashed; border-color: #a9b8d71b; transform: rotate(20deg); }
.vlp-stars-hero-spark { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #f8e9bd; box-shadow: 0 0 11px #f8d57499; }
.vlp-stars-hero-spark.spark-a { top: 28%; right: 17%; }
.vlp-stars-hero-spark.spark-b { top: 57%; left: 10%; width: 3px; height: 3px; }
.vlp-stars-hero-spark.spark-c { bottom: 17%; right: 26%; width: 2px; height: 2px; background: #c3e8f1; }
.vlp-stars-orbit-caption { position: absolute; bottom: 4%; letter-spacing: .2em; font-family: Consolas, monospace; font-size: .58rem; color: #8799aa; }
.vlp-stars-personal { padding: 28px; background: linear-gradient(120deg, #12283a, #0c1c2e 70%); border: 1px solid #e4c98732; border-radius: 19px; margin-bottom: 66px; }
.vlp-stars-personal-head { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.vlp-stars-personal h2 { font-size: 1.6rem; margin: 8px 0 10px; overflow-wrap: anywhere; }
.vlp-stars-personal p { margin: 0; font-size: .86rem; }
.vlp-stars-personal-total { display: grid; grid-template-columns: 43px 1fr; gap: 1px 13px; flex: 0 0 auto; align-items: center; }
.vlp-stars-personal-total > svg { width: 43px; height: 43px; grid-row: 1 / 3; }
.vlp-stars-personal-total > strong { font-size: 2.2rem; color: #f7e0a3; line-height: 1.15; font-variant-numeric: tabular-nums; }
.vlp-stars-personal-total > span { font-size: .7rem; color: #b7c7d3; }
.vlp-stars-course-totals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--star-line); }
.vlp-stars-course-totals a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 15px; border: 1px solid #aabed21a; background: #07152280; border-radius: 9px; font-size: .77rem; }
.vlp-stars-course-totals a:hover { border-color: var(--star-course); }
.vlp-stars-course-totals a > span { color: var(--star-course); }
.vlp-stars-course-totals strong { color: #f3db9f; white-space: nowrap; font-variant-numeric: tabular-nums; }
.vlp-stars-rankings { scroll-margin-top: 36px; }
.vlp-stars-ranking-head { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 25px; }
.vlp-stars-ranking-head h2 { margin: 8px 0 0; font-size: clamp(1.7rem, 3vw, 2.4rem); }
.vlp-stars-refresh { background: #102235; border-color: #bed4e82b; font-size: .8rem; white-space: nowrap; }
.vlp-stars-filters { display: flex; align-items: center; gap: 16px; padding: 20px 22px; border: 1px solid var(--star-line); background: #0d1e30; border-radius: 15px; }
.vlp-stars-filters label { color: #bfd0de; font-size: .82rem; }
.vlp-stars-filters select { background: #071624; border: 1px solid #a7c0d045; border-radius: 8px; padding: 11px 38px 11px 13px; color: #edf5fc; min-width: 220px; min-height: 44px; font-size: .83rem; }
.vlp-stars-filter-note { margin-left: auto; font-size: .7rem; color: #91adbc; }
.vlp-stars-filter-note::before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #8ed8be; margin-right: 8px; }
.vlp-stars-course-pills { display: flex; flex-wrap: wrap; gap: 7px; margin: 16px 0 24px; }
.vlp-stars-course-pills button { font-size: .71rem; font-weight: 550; padding: 7px 12px; min-height: 37px; border: 1px solid #a8c2d01a; border-radius: 8px; background: #091824; color: #a3b6c7; }
.vlp-stars-course-pills button[aria-pressed="true"] { color: var(--star-course); border-color: var(--star-course); background: #182b3a; }
.vlp-stars-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 24px; margin: 0 1px 21px; }
.vlp-stars-summary p { margin: 0; display: inline-flex; gap: 7px; align-items: center; color: #91aabc; font-size: .77rem; }
.vlp-stars-summary strong { color: #dfebf5; font-weight: 700; }
.vlp-stars-summary svg { width: 17px; height: 17px; }
.vlp-stars-summary .vlp-stars-summary-scope { margin-left: auto; color: #d8c087; }
.vlp-stars-podium { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
.vlp-stars-podium-card { position: relative; overflow: hidden; background: linear-gradient(145deg, #14273a, #0b1a2b 70%); padding: 25px 20px 23px; border: 1px solid #9cafc232; border-radius: 15px; text-align: center; }
.vlp-stars-podium-card.podium-1 { background: radial-gradient(ellipse at 50% 0, #6c542323, transparent 70%), linear-gradient(145deg, #182a3b, #0b1b2c); border-color: #cba55462; }
.vlp-stars-podium-card::after { content: ''; position: absolute; height: 1px; width: 45%; top: 0; left: 27.5%; background: linear-gradient(90deg, transparent, #d9dce27a, transparent); }
.vlp-stars-podium-card.podium-1::after { background: linear-gradient(90deg, transparent, #f8d583d6, transparent); }
.vlp-stars-podium-rank { position: absolute; top: 17px; left: 18px; font-family: Consolas, monospace; font-size: .75rem; color: #b4c4d0; }
.podium-1 .vlp-stars-podium-rank { color: #e7c97e; }
.vlp-stars-podium-star { display: grid; place-items: center; width: 66px; height: 66px; border: 1px solid #e8c87c24; border-radius: 50%; background: #d8b56808; margin: 0 auto 17px; }
.vlp-stars-podium-star svg { width: 37px; height: 37px; filter: drop-shadow(0 0 10px #e0b5502a); }
.vlp-stars-podium-card h3 { font-size: 1.03rem; line-height: 1.45; margin: 0 auto 9px; overflow-wrap: anywhere; max-width: 100%; }
.vlp-stars-podium-score { color: #f1d795; margin: 0 0 5px; font-size: 1.35rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.vlp-stars-podium-score span { font-size: .7rem; color: #b1bfca; font-weight: 400; }
.vlp-stars-podium-label { font-size: .66rem; color: #819bac; letter-spacing: .04em; }
.vlp-stars-table-wrap { overflow-x: auto; border: 1px solid var(--star-line); border-radius: 14px; background: #0a1a2b; }
.vlp-stars-table { width: 100%; border-collapse: collapse; font-size: .86rem; }
.vlp-stars-table thead { background: #122638; }
.vlp-stars-table th,
.vlp-stars-table td { padding: 17px 22px; text-align: left; border-bottom: 1px solid #b8cce011; }
.vlp-stars-table thead th { font-weight: 600; color: #a1b9c9; font-size: .68rem; letter-spacing: .05em; }
.vlp-stars-table tbody tr:last-child > * { border-bottom: 0; }
.vlp-stars-table tbody tr:hover { background: #14283b70; }
.vlp-stars-table tbody tr.is-me { background: #d4b5650b; }
.vlp-stars-table tbody th { font-weight: 550; overflow-wrap: anywhere; }
.vlp-stars-rank-cell { color: #99aebf; width: 90px; font-family: Consolas, monospace; font-size: .8rem; }
.vlp-stars-avatar { display: inline-grid; place-items: center; width: 33px; height: 33px; border-radius: 10px; border: 1px solid #a9c9df28; color: #a6d3d5; background: #173045; font-size: .73rem; margin-right: 13px; vertical-align: middle; }
.vlp-stars-name { vertical-align: middle; }
.vlp-stars-you { margin-left: 9px; color: #e5cb8b; font-size: .65rem; border: 1px solid #d2ad6140; padding: 2px 6px; border-radius: 5px; white-space: nowrap; }
.vlp-stars-table td.vlp-stars-score-cell,
.vlp-stars-table thead th:last-child { text-align: right; }
.vlp-stars-score-cell { white-space: nowrap; width: 160px; }
.vlp-stars-score-cell strong { color: #eed394; font-size: .94rem; font-variant-numeric: tabular-nums; }
.vlp-stars-score-cell svg { width: 19px; height: 19px; margin-right: 9px; }
.vlp-stars-pagination { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 20px; }
.vlp-stars-pagination button { font-size: .77rem; }
.vlp-stars-pagination span { font-size: .73rem; color: #a2b6c6; }
.vlp-stars-fine { color: #a0b3c4; font-size: .77rem; line-height: 1.8; }
.vlp-stars-ranking-footnote { margin-top: 17px; max-width: 900px; }
.vlp-stars-empty { padding: 48px 28px; text-align: center; border: 1px solid var(--star-line); background: radial-gradient(ellipse at 50% 0, #283a4c40, transparent 65%), #0a1a2a; border-radius: 17px; }
.vlp-stars-empty-orbit { display: grid; place-items: center; margin: 0 auto 22px; width: 92px; height: 92px; border-radius: 50%; border: 1px dashed #c1ae764f; background: #d9b35b06; }
.vlp-stars-empty-orbit svg { width: 41px; height: 41px; opacity: .72; }
.vlp-stars-empty h3 { font-size: 1.3rem; margin-bottom: 15px; }
.vlp-stars-empty p { max-width: 600px; margin: 0 auto 25px; font-size: .87rem; }
.vlp-stars-loading { display: flex; align-items: center; justify-content: center; gap: 14px; padding: 72px 20px; min-height: 220px; border: 1px solid var(--star-line); border-radius: 16px; background: #0b1c2d; color: #b1c2d0; font-size: .85rem; }
.vlp-stars-loading > span { width: 16px; height: 16px; border: 1px solid #c6b1704a; border-top-color: #efce85; border-radius: 50%; animation: vlp-stars-spin 1.5s linear infinite; }
.vlp-stars-message { padding: 12px 15px; background: #9ae4d90a; border: 1px solid #8adbc12e; border-radius: 9px; font-size: .82rem; line-height: 1.75; color: #bce1d6; margin: 16px 0; }
.vlp-stars-message.is-error { background: #ce88720d; border-color: #e4a18d35; color: #edc0b2; }
.vlp-stars-error-panel { padding: 25px; background: #101f30; border: 1px solid var(--star-line); border-radius: 15px; }
.vlp-stars-error-panel > .vlp-stars-message { margin-top: 0; }
.vlp-stars-how { margin: 65px 0 30px; padding-top: 42px; border-top: 1px solid var(--star-line); }
.vlp-stars-how > h2 { font-size: 1.5rem; margin-bottom: 25px; }
.vlp-stars-how-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.vlp-stars-how article { padding-right: 15px; }
.vlp-stars-how h3 { font-size: .97rem; margin: 13px 0 9px; }
.vlp-stars-how p { font-size: .81rem; line-height: 1.9; margin: 0; color: #9bb1c2; }
.vlp-stars-step { font-family: Consolas, monospace; color: #d1b774; font-size: .75rem; }
.vlp-stars-owner-link { margin-top: 35px; font-size: .8rem; }
.vlp-stars-owner-link a { color: #cbb984; }
.vlp-stars-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px; padding-top: 30px; margin-top: 50px; border-top: 1px solid var(--star-line); color: #8da5b8; font-size: .72rem; }
.vlp-stars-lesson { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 17px 20px; margin: 0 0 19px; border-radius: 13px; border: 1px solid #dac17d32; background: linear-gradient(110deg, #d4b46c08, #0b20323d 48%, #111f345e); }
.vlp-stars-lesson-symbol { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #cfb56c2a; border-radius: 12px; background: #d1a5480a; }
.vlp-stars-lesson-symbol svg { width: 27px; height: 27px; opacity: .65; }
.vlp-stars-lesson.has-star .vlp-stars-lesson-symbol svg { opacity: 1; filter: drop-shadow(0 0 7px #edc5622f); }
.vlp-stars-lesson h3 { font-size: .87rem; margin: 0 0 5px; line-height: 1.4; color: #e8d9b8; }
.vlp-stars-lesson p { font-size: .74rem; margin: 0; line-height: 1.7; color: #a2b7c7; }
.vlp-stars-lesson-actions { display: flex; align-items: center; gap: 13px; }
.vlp-stars-lesson-actions button { font-size: .73rem; padding: 9px 13px; min-height: 42px; }
.vlp-stars-lesson-actions a { font-size: .69rem; color: #b5c7d3; white-space: nowrap; }
.vlp-stars-lesson > .vlp-stars-message { grid-column: 1 / -1; margin: 0; }
button.vlp-stars-earned { border-color: #d8b86b50; color: #efd69c; background: #ddbd6710; }
.vlp-stars-dialog { width: min(620px, calc(100vw - 28px)); max-height: min(90dvh, 900px); padding: 0; border: 1px solid #b3c9dd55; border-radius: 19px; background: #0b1a2a; color: #edf5fc; box-shadow: 0 24px 110px #0009; overflow: auto; overscroll-behavior: contain; }
.vlp-stars-dialog.vlp-stars-assessment { width: min(800px, calc(100vw - 28px)); }
.vlp-stars-dialog::backdrop { background: #020813cf; backdrop-filter: blur(7px); }
.vlp-stars-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 25px; border-bottom: 1px solid var(--star-line); background: #102235; position: sticky; top: 0; z-index: 2; }
.vlp-stars-dialog-head h2 { margin: 0; font-size: 1.1rem; line-height: 1.4; }
.vlp-stars-close { flex: 0 0 auto; font-size: 1.4rem; padding: 0; width: 40px; height: 40px; min-height: 40px; background: #102033; border: 1px solid #d2dfe628; line-height: 1; }
.vlp-stars-dialog-body { padding: 25px; }
.vlp-stars-dialog-body > p,
.vlp-stars-dialog-body > form > p { font-size: .88rem; line-height: 1.85; }
.vlp-stars-dialog p { color: #afc0ce; }
.vlp-stars-dialog .vlp-stars-fine { font-size: .75rem; color: #91a9bc; }
.vlp-stars-field { display: grid; gap: 8px; margin: 23px 0 10px; font-size: .82rem; color: #d5e0ea; }
.vlp-stars-field > input { width: 100%; min-height: 47px; color: #e8f2fa; padding: 11px 13px; background: #071421; border: 1px solid #7994ac66; border-radius: 9px; }
.vlp-stars-field input::placeholder { color: #718ca2; }
.vlp-stars-secret { font-family: Consolas, monospace; font-size: .82rem; }
.vlp-stars-checkbox { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid #9fbace33; border-radius: 11px; margin: 22px 0 10px; background: #102438; cursor: pointer; }
.vlp-stars-checkbox input { width: 19px; height: 19px; margin: 3px 0 0; accent-color: #e1c480; flex: 0 0 auto; }
.vlp-stars-checkbox strong { display: block; font-size: .84rem; line-height: 1.6; }
.vlp-stars-checkbox small { display: block; margin-top: 5px; color: #9fb6c8; font-size: .74rem; line-height: 1.75; }
.vlp-stars-dialog .vlp-stars-actions { margin-top: 25px; }
.vlp-stars-dialog .vlp-stars-actions button { font-size: .82rem; }
.vlp-stars-profile-emblem { display: grid; place-items: center; width: 66px; height: 66px; margin: 0 0 19px; border: 1px solid #c5a85a3d; border-radius: 17px; background: #cfad5508; }
.vlp-stars-profile-emblem svg { width: 39px; height: 39px; }
.vlp-stars-account-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; border-top: 1px solid var(--star-line); margin-top: 25px; padding-top: 18px; }
.vlp-stars-account-actions button { border: 0; background: transparent; color: #91b8c9; padding: 6px 0; min-height: 40px; font-size: .74rem; font-weight: 400; }
.vlp-stars-account-actions .vlp-stars-text-danger { color: #d6a29c; margin-left: auto; }
.vlp-stars-assessment-heading { border-bottom: 1px solid var(--star-line); padding-bottom: 17px; margin-bottom: 23px; }
.vlp-stars-assessment-heading p { margin: 7px 0 0; color: #d4e1ec; font-size: .88rem; }
.vlp-stars-assessment-intro h3 { font-size: 1.2rem; }
.vlp-stars-assessment-intro p { font-size: .87rem; }
.vlp-stars-open-book { padding-left: 13px; border-left: 2px solid #8dc8bc80; color: #b9ddd3 !important; }
.vlp-stars-question { border: 1px solid #94b1c73b; border-radius: 11px; padding: 20px 17px 16px; margin: 27px 0; min-width: 0; background: #0d2032; }
.vlp-stars-question legend { padding: 0 8px; color: #e5eef6; line-height: 1.75; font-size: .9rem; white-space: pre-wrap; max-width: 100%; overflow-wrap: anywhere; font-weight: 600; }
.vlp-stars-question-number { color: #dec385; font-family: Consolas, monospace; font-size: .75rem; margin-right: 8px; }
.vlp-stars-question-code { background: #06111d; border: 1px solid #a5bbd123; border-radius: 8px; padding: 13px; margin: 0 0 16px; color: #c7e0ea; overflow: auto; max-height: 250px; font-size: .77rem; line-height: 1.7; }
.vlp-stars-question-context { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .8rem; }
.vlp-stars-option { display: flex; align-items: flex-start; gap: 10px; padding: 13px 12px; margin: 8px 0; border: 1px solid #a0b8c729; border-radius: 8px; background: #071623; cursor: pointer; font-size: .82rem; line-height: 1.65; color: #afc5d5; }
.vlp-stars-option:hover { border-color: #b3c9d865; }
.vlp-stars-option.is-selected { border-color: #e0c3848c; background: #c8a14b0e; color: #f0e4c7; }
.vlp-stars-option input { margin: 4px 0 0; accent-color: #e1c27f; flex: 0 0 auto; width: 16px; height: 16px; }
.vlp-stars-option-letter { font-family: Consolas, monospace; color: #89a0b5; font-size: .73rem; line-height: 1.85; }
.vlp-stars-option > span:last-child { white-space: pre-wrap; overflow-wrap: anywhere; min-width: 0; }
.vlp-stars-submit-bar { display: flex; align-items: center; justify-content: space-between; gap: 15px; position: sticky; bottom: -25px; margin: 24px -25px -25px; padding: 17px 25px; border-top: 1px solid var(--star-line); background: #0d1f31f5; backdrop-filter: blur(12px); }
.vlp-stars-submit-bar > span { color: #a6bccc; font-size: .75rem; white-space: nowrap; }
.vlp-stars-submit-bar > button { font-size: .79rem; }
.vlp-stars-question-form + .vlp-stars-message { position: relative; z-index: 3; margin-top: 38px; }
.vlp-stars-retry h3 { font-size: 1.3rem; }
.vlp-stars-retry p { font-size: .87rem; }
.vlp-stars-success { text-align: center; padding: 6px 5px 10px; }
.vlp-stars-success h3 { font-size: clamp(1.35rem, 3vw, 1.8rem); line-height: 1.35; margin: 13px 0; }
.vlp-stars-success > p { font-size: .88rem; }
.vlp-stars-success > .vlp-stars-fine { max-width: 500px; margin: 0 auto; }
.vlp-stars-success .vlp-stars-actions { justify-content: center; }
.vlp-stars-award-art { position: relative; width: 200px; height: 200px; display: grid; place-items: center; margin: 0 auto 8px; pointer-events: none; }
.vlp-stars-award-art::before { content: ''; position: absolute; inset: 20%; background: radial-gradient(circle, #efc9692a, #ac8ddd0b 62%, transparent 74%); filter: blur(14px); border-radius: 50%; }
.vlp-stars-award-star { width: 95px; height: 95px; filter: drop-shadow(0 0 17px #f6ce7245); }
.vlp-stars-award-ring { position: absolute; inset: 20%; border-radius: 50%; border: 1px solid #f2cb798a; opacity: 0; }
.vlp-stars-award-orbit { position: absolute; inset: 13%; border: 1px solid #dfbf6d52; border-radius: 50%; transform: rotate(-27deg) scaleY(.55); }
.vlp-stars-particle { position: absolute; left: 50%; top: 50%; width: 3px; height: 3px; margin: -1.5px; border-radius: 50%; background: #ffedb4; opacity: 0; transform: rotate(calc(var(--particle) * 30deg)) translateX(34px); }
.is-fresh .vlp-stars-award-star { animation: vlp-stars-arrival 1.2s cubic-bezier(.17,.8,.24,1) both; }
.is-fresh .ring-one { animation: vlp-stars-ring 1.8s .15s ease-out both; }
.is-fresh .ring-two { animation: vlp-stars-ring 1.8s .45s ease-out both; }
.is-fresh .vlp-stars-particle { animation: vlp-stars-particles 1.65s .25s ease-out both; }
.is-fresh .vlp-stars-award-orbit { animation: vlp-stars-orbit-light 2.4s ease-out both; }
.vlp-stars-admin { margin: 26px 0; border-color: #bda36f45; background: linear-gradient(125deg, #172938, #0c1b2c); }
.vlp-stars-admin-head { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.vlp-stars-admin-head h2 { margin: 8px 0 16px; font-size: 1.45rem; }
.vlp-stars-admin-head > svg { width: 38px; height: 38px; }
.vlp-stars-admin > p { font-size: .86rem; }
.vlp-stars-admin-stats { display: flex; flex-wrap: wrap; gap: 15px 30px; }
.vlp-stars-admin-stats p { font-size: .86rem; }
.vlp-stars-admin-stats strong { color: #eed395; font-size: 1.3rem; }
.vlp-stars-admin .vlp-stars-actions { gap: 12px; }
.vlp-stars-admin .vlp-stars-actions button { font-size: .77rem; }
button.vlp-stars-danger { color: #f0b9b0; border-color: #d99c9066; background: #c584760d; }
button.vlp-stars-danger:hover { background: #c5847620; border-color: #e4a79c9a; }
.vlp-stars-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }
@keyframes vlp-stars-spin { to { transform: rotate(360deg); } }
@keyframes vlp-stars-arrival { 0% { opacity: 0; transform: scale(.25) rotate(-38deg); filter: drop-shadow(0 0 0 #ffeab400); } 58% { opacity: 1; transform: scale(1.12) rotate(4deg); filter: drop-shadow(0 0 26px #f6ce727a); } 100% { opacity: 1; transform: scale(1) rotate(0); filter: drop-shadow(0 0 17px #f6ce7245); } }
@keyframes vlp-stars-ring { 0% { opacity: 0; transform: scale(.3); } 25% { opacity: .65; } 100% { opacity: 0; transform: scale(1.8); } }
@keyframes vlp-stars-particles { 0% { opacity: 0; transform: rotate(calc(var(--particle) * 30deg)) translateX(27px); } 20% { opacity: .9; } 100% { opacity: 0; transform: rotate(calc(var(--particle) * 30deg)) translateX(92px); } }
@keyframes vlp-stars-orbit-light { 0% { opacity: 0; transform: rotate(-65deg) scaleY(.55) scale(.5); } 70% { opacity: 1; } 100% { opacity: 1; transform: rotate(-27deg) scaleY(.55) scale(1); } }

@media (min-width: 1500px) { .vlp-stars-page > .shell { width: min(1270px, calc(100% - 96px)); } }
@media (max-width: 1100px) {
  .vlp-stars-lesson { grid-template-columns: 42px minmax(0, 1fr); gap: 12px; }
  .vlp-stars-lesson-actions { grid-column: 2; }
  .vlp-stars-hero { gap: 25px; min-height: 410px; }
  .vlp-stars-hero-art { max-width: 300px; }
  .vlp-stars-filter-note { display: none; }
}
@media (max-width: 760px) {
  .vlp-stars-page .shell { width: min(100% - 36px, 680px); }
  .vlp-stars-header > .shell { min-height: 82px; gap: 15px; }
  .vlp-stars-brand { font-size: .66rem; gap: 8px; letter-spacing: .025em; }
  .vlp-stars-brand b { font-size: .59rem; letter-spacing: .08em; }
  .vlp-stars-brand > span:first-child { width: 33px; height: 36px; font-size: .9rem; border-radius: 9px; }
  .vlp-stars-header nav { gap: 12px; font-size: .7rem; }
  .vlp-stars-header nav > a:first-child { display: none; }
  .vlp-stars-header nav button { max-width: 135px; font-size: .7rem; padding: 8px 11px; min-height: 40px; }
  .vlp-stars-hero { padding: 45px 0 42px; grid-template-columns: minmax(0, 1fr) 160px; gap: 0; min-height: 0; }
  .vlp-stars-hero h1 { font-size: clamp(2.25rem, 6.5vw, 3.2rem); margin: 16px 0 20px; }
  .vlp-stars-hero .vlp-stars-kicker { font-size: .59rem; }
  .vlp-stars-hero-art { width: 180px; margin-left: -20px; }
  .vlp-stars-orbit-caption { font-size: .4rem; letter-spacing: .13em; }
  .vlp-stars-lead { font-size: .87rem; max-width: 540px; }
  .vlp-stars-hero-copy .vlp-stars-actions { gap: 9px 17px; }
  .vlp-stars-hero-copy .vlp-stars-actions button { font-size: .79rem; padding: 11px 15px; }
  .vlp-stars-hero-copy .vlp-stars-link { font-size: .75rem; }
  .vlp-stars-personal { padding: 22px 18px; margin-bottom: 42px; }
  .vlp-stars-personal-head { gap: 15px; }
  .vlp-stars-personal h2 { font-size: 1.3rem; }
  .vlp-stars-personal p { font-size: .75rem; }
  .vlp-stars-personal-total { grid-template-columns: 30px 1fr; gap: 1px 9px; }
  .vlp-stars-personal-total > svg { width: 30px; height: 30px; }
  .vlp-stars-personal-total > strong { font-size: 1.7rem; }
  .vlp-stars-personal-total > span { font-size: .59rem; }
  .vlp-stars-course-totals { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
  .vlp-stars-course-totals a { padding: 10px; font-size: .68rem; gap: 8px; }
  .vlp-stars-ranking-head { gap: 13px; }
  .vlp-stars-ranking-head h2 { font-size: 1.7rem; }
  .vlp-stars-ranking-head .vlp-stars-kicker { font-size: .57rem; }
  .vlp-stars-refresh { font-size: .71rem; padding: 9px 12px; }
  .vlp-stars-filters { padding: 15px; gap: 12px; }
  .vlp-stars-filters label { font-size: .72rem; }
  .vlp-stars-filters select { flex: 1; min-width: 0; max-width: 100%; font-size: .76rem; padding-right: 20px; }
  .vlp-stars-course-pills { gap: 6px; margin-bottom: 20px; }
  .vlp-stars-course-pills button { font-size: .65rem; padding: 6px 10px; }
  .vlp-stars-podium { gap: 10px; }
  .vlp-stars-podium-card { padding: 28px 12px 18px; }
  .vlp-stars-podium-rank { top: 12px; left: 12px; font-size: .66rem; }
  .vlp-stars-podium-card h3 { font-size: .82rem; }
  .vlp-stars-podium-star { width: 48px; height: 48px; margin-bottom: 13px; }
  .vlp-stars-podium-star svg { width: 28px; height: 28px; }
  .vlp-stars-podium-score { font-size: 1.15rem; }
  .vlp-stars-podium-score span { font-size: .59rem; }
  .vlp-stars-podium-label { font-size: .57rem; }
  .vlp-stars-table th, .vlp-stars-table td { padding: 14px 14px; }
  .vlp-stars-table { font-size: .77rem; }
  .vlp-stars-table thead th { font-size: .61rem; }
  .vlp-stars-rank-cell { width: 55px; font-size: .69rem; }
  .vlp-stars-avatar { width: 27px; height: 27px; border-radius: 8px; margin-right: 9px; font-size: .64rem; }
  .vlp-stars-score-cell { width: 100px; }
  .vlp-stars-score-cell strong { font-size: .81rem; }
  .vlp-stars-score-cell svg { width: 16px; height: 16px; margin-right: 6px; }
  .vlp-stars-summary { gap: 9px 14px; }
  .vlp-stars-summary p { font-size: .66rem; }
  .vlp-stars-summary .vlp-stars-summary-scope { margin-left: 0; }
  .vlp-stars-how { margin-top: 45px; padding-top: 30px; }
  .vlp-stars-how > h2 { font-size: 1.3rem; }
  .vlp-stars-how-grid { gap: 17px; }
  .vlp-stars-how article { padding-right: 0; }
  .vlp-stars-how h3 { font-size: .85rem; line-height: 1.5; }
  .vlp-stars-how p { font-size: .73rem; }
  .vlp-stars-lesson { padding: 14px; gap: 10px; }
  .vlp-stars-lesson h3 { font-size: .81rem; }
  .vlp-stars-lesson p { font-size: .69rem; }
  .vlp-stars-lesson-actions button { font-size: .69rem; }
  .vlp-stars-dialog-head { padding: 17px 18px; }
  .vlp-stars-dialog-head h2 { font-size: .95rem; }
  .vlp-stars-dialog-body { padding: 20px 18px; }
  .vlp-stars-question { padding: 17px 12px 12px; margin: 24px 0; }
  .vlp-stars-question legend { font-size: .82rem; }
  .vlp-stars-option { font-size: .77rem; gap: 8px; padding: 11px 10px; }
  .vlp-stars-submit-bar { margin: 22px -18px -20px; bottom: -20px; padding: 15px 18px; }
  .vlp-stars-submit-bar button { font-size: .72rem; padding: 11px 13px; }
}
@media (max-width: 480px) {
  .vlp-stars-header nav { gap: 10px; }
  .vlp-stars-header nav button { max-width: 100px; }
  .vlp-stars-hero { grid-template-columns: minmax(0, 1fr); padding-top: 35px; }
  .vlp-stars-hero-art { grid-row: 1; width: 125px; justify-self: end; margin: -12px 0 -70px; z-index: -1; opacity: .85; }
  .vlp-stars-hero h1 { font-size: clamp(2.3rem, 10vw, 3.15rem); margin-top: 18px; }
  .vlp-stars-hero .vlp-stars-kicker { max-width: calc(100% - 115px); }
  .vlp-stars-orbit-caption { display: none; }
  .vlp-stars-personal-head { align-items: flex-start; }
  .vlp-stars-personal-total { display: flex; flex-direction: column; gap: 5px; text-align: center; }
  .vlp-stars-personal-total > svg { width: 27px; height: 27px; }
  .vlp-stars-personal-total > strong { font-size: 1.5rem; }
  .vlp-stars-personal-total > span { max-width: 70px; font-size: .58rem; }
  .vlp-stars-course-totals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vlp-stars-filters { flex-wrap: wrap; padding: 14px; }
  .vlp-stars-filters label { flex-basis: 100%; }
  .vlp-stars-filters select { width: 100%; flex-basis: 100%; }
  .vlp-stars-course-pills { display: none; }
  .vlp-stars-podium { grid-template-columns: 1fr; gap: 9px; }
  .vlp-stars-podium-card { display: grid; grid-template-columns: 33px 47px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 15px 13px; text-align: left; }
  .vlp-stars-podium-rank { position: static; }
  .vlp-stars-podium-star { margin: 0; width: 43px; height: 43px; }
  .vlp-stars-podium-card h3 { margin: 0; font-size: .82rem; }
  .vlp-stars-podium-score { margin: 0; display: flex; flex-direction: column; align-items: flex-end; font-size: 1.05rem; gap: 2px; }
  .vlp-stars-podium-label { display: none; }
  .vlp-stars-table th, .vlp-stars-table td { padding: 13px 10px; }
  .vlp-stars-avatar { display: none; }
  .vlp-stars-table thead th:last-child { max-width: 80px; }
  .vlp-stars-score-cell { width: auto; }
  .vlp-stars-you { display: inline-block; margin-left: 5px; }
  .vlp-stars-pagination { gap: 7px; }
  .vlp-stars-pagination button { padding: 8px 10px; font-size: .67rem; }
  .vlp-stars-pagination span { font-size: .65rem; }
  .vlp-stars-empty { padding: 35px 18px; }
  .vlp-stars-empty h3 { font-size: 1.15rem; }
  .vlp-stars-empty p { font-size: .79rem; }
  .vlp-stars-how-grid { grid-template-columns: 1fr; gap: 24px; }
  .vlp-stars-how article { padding-left: 36px; position: relative; }
  .vlp-stars-how .vlp-stars-step { position: absolute; left: 0; top: 4px; }
  .vlp-stars-how h3 { margin-top: 0; font-size: .9rem; }
  .vlp-stars-how p { font-size: .8rem; }
  .vlp-stars-lesson-actions { flex-wrap: wrap; gap: 8px 13px; }
  .vlp-stars-lesson-actions button { width: 100%; }
  .vlp-stars-dialog-body > p, .vlp-stars-dialog-body > form > p { font-size: .82rem; }
  .vlp-stars-dialog .vlp-stars-actions > button { width: 100%; }
  .vlp-stars-submit-bar { flex-wrap: wrap; gap: 9px; }
  .vlp-stars-submit-bar > button { width: 100%; }
  .vlp-stars-success .vlp-stars-actions > a { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .vlp-stars-page *, .vlp-stars-dialog *, .vlp-stars-lesson *, .vlp-stars-admin * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .vlp-stars-award-ring, .vlp-stars-particle { display: none !important; }
}
html[data-site-effects="calm"] .vlp-stars-page *,
html[data-site-effects="calm"] .vlp-stars-dialog *,
html[data-site-effects="calm"] .vlp-stars-lesson *,
html[data-site-effects="calm"] .vlp-stars-admin *,
html[data-site-effects="off"] .vlp-stars-page *,
html[data-site-effects="off"] .vlp-stars-dialog *,
html[data-site-effects="off"] .vlp-stars-lesson *,
html[data-site-effects="off"] .vlp-stars-admin *,
html[data-effects="off"] .vlp-stars-page *,
html[data-effects="off"] .vlp-stars-dialog *,
html[data-effects="off"] .vlp-stars-lesson *,
html[data-effects="off"] .vlp-stars-admin * { animation: none !important; }
html[data-site-effects="calm"] .vlp-stars-award-ring,
html[data-site-effects="calm"] .vlp-stars-particle,
html[data-site-effects="off"] .vlp-stars-award-ring,
html[data-site-effects="off"] .vlp-stars-particle,
html[data-effects="off"] .vlp-stars-award-ring,
html[data-effects="off"] .vlp-stars-particle { display: none; }
html[data-site-activity="paused"] .vlp-stars-page *,
html[data-site-activity="paused"] .vlp-stars-dialog *,
html[data-site-activity="paused"] .vlp-stars-lesson *,
html[data-site-activity="paused"] .vlp-stars-admin * { animation-play-state: paused !important; }
@media (forced-colors: active) {
  .vlp-stars-hero-art, .vlp-stars-award-ring, .vlp-stars-particle { display: none; }
  .vlp-stars-page *, .vlp-stars-dialog *, .vlp-stars-lesson *, .vlp-stars-admin * { box-shadow: none !important; }
  .vlp-stars-option.is-selected { outline: 2px solid Highlight; }
  .vlp-star-icon path { fill: CanvasText; stroke: CanvasText; }
}
@media print {
  .vlp-stars-hero-art, .vlp-stars-header nav, .vlp-stars-course-pills, .vlp-stars-actions,
  .vlp-stars-refresh, .vlp-stars-admin, .vlp-stars-dialog, .vlp-stars-pagination { display: none !important; }
  .vlp-stars-page *, .vlp-stars-lesson * { animation: none !important; box-shadow: none !important; color: #111 !important; }
  .vlp-stars-page .shell { width: 100%; }
  .vlp-stars-hero { display: block; padding: 20px 0; min-height: 0; }
  .vlp-stars-page { background: white; }
  .vlp-stars-table tr, .vlp-stars-podium-card { break-inside: avoid; }
}
.vlp-language-selector{position:absolute;z-index:1200;inset-block-start:max(12px,env(safe-area-inset-top,0px));inset-inline-end:max(14px,env(safe-area-inset-right,0px));display:inline-flex;align-items:center;gap:5px;margin:0;padding:4px;width:max-content;border:1px solid #578597;border-radius:10px;background:#18313ee8;box-shadow:inset 0 1px #bfdde512,0 2px 12px #02091030;isolation:isolate;font:600 14px/1 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.vlp-language-selector button{display:grid;place-items:center;width:39px;height:37px;min-width:39px;min-height:37px;margin:0;padding:0;border:1px solid #314654;border-radius:6px;background:#091b28;color:#e0e7ee;box-shadow:none;font:inherit;letter-spacing:0;text-transform:none;cursor:pointer;touch-action:manipulation;transition:border-color .15s ease,background-color .15s ease}.vlp-language-selector button[aria-pressed=true]{background:#c3f86d;border-color:#c3f86d;color:#17310e}.vlp-language-selector button:hover{border-color:#b3d7df}.vlp-language-selector button[aria-pressed=true]:hover{background:#d0ff82}.vlp-language-selector button:focus-visible{outline:2px solid #e4ffb8;outline-offset:3px}.vlp-language-control .site-header .header-inner{padding-inline-end:92px}.vlp-language-control .analytics-header{padding-inline-end:90px}.vlp-language-control .licenses-page{padding-top:66px}.vlp-language-control .editor-workbench.fullscreen{z-index:1300}.vlp-language-guide h3{margin:0 0 8px;font-size:1.05rem}.vlp-language-guide p{margin:0;text-align:justify;text-align-last:start}.vlp-language-control[data-vlp-static=licenses] main{padding-top:72px}.vlp-language-control[data-vlp-static=scratch] #scratch-root{height:calc(100% - 64px);margin-top:64px}.vlp-language-control[data-vlp-static=scratch] #loading{inset-block-start:64px}html[lang=en] .brand-department{max-width:375px}html[lang=en] .panel p,html[lang=en] .usage-guide li{hyphens:auto}[data-vlp-only=el],[data-vlp-only=en]{display:none}html[lang=el] [data-vlp-only=el],html[lang=en] [data-vlp-only=en]{display:revert}@media screen and (max-width: 1150px){.vlp-language-control .site-header .header-inner{padding-top:64px;padding-inline-end:0}.vlp-language-control .analytics-header{padding-top:66px;padding-inline-end:0}}@media screen and (max-width: 700px){.vlp-language-selector{inset-inline-end:max(12px,env(safe-area-inset-right,0px))}.vlp-language-selector button{width:40px;min-width:40px;height:38px;min-height:38px}.vlp-language-control .site-header .header-inner{padding-top:65px}.vlp-language-control .guide-page>.page-navigation:first-child{margin-top:4px}}@media (prefers-reduced-motion: reduce){.vlp-language-selector button{transition:none}}@media print{.vlp-language-selector{display:none}}@media screen{#main>.hero>div:first-child,#main>.practice-banner>div,#main>.catalogue>.section-head>*,#main>.catalogue>.course-grid>.course-card,#main>.journey-section>.journey-grid>.journey-card,#main>.usage-banner>div,#main>.suggestion-invitation>div{min-width:0}#main>.hero>div:first-child>p,#main>.practice-banner>div>p,#main>.catalogue>.section-head>p,#main>.catalogue>.course-grid>.course-card>p,#main>.journey-section>.journey-grid>.journey-card>p,#main>.usage-banner>div>p,#main>.suggestion-invitation>div>p{text-align:justify;text-align-last:start;text-justify:inter-word;line-height:1.85;white-space:normal;word-spacing:normal;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:7 3 3;text-wrap:pretty}#main>.hero>div:first-child>p,#main>.practice-banner>div>p,#main>.catalogue>.course-grid>.course-card>p,#main>.journey-section>.journey-grid>.journey-card>p,#main>.usage-banner>div>p,#main>.suggestion-invitation>div>p{max-width:none}#main>.hero>div:first-child>p{line-height:1.95}#main>.hero>div:first-child>.hero-note,#main>.suggestion-invitation>div>.suggestion-private{max-width:none;text-align:justify;text-align-last:start;text-justify:inter-word;line-height:1.8;white-space:normal;word-spacing:normal;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:7 3 3;text-wrap:pretty}#main>.hero>div:first-child>.hero-note{display:block}#main>.suggestion-invitation>div>.suggestion-private>svg{flex-shrink:0;margin-top:.25em}}@media screen and (max-width: 700px){#main>.catalogue>.section-head>p{width:100%;max-width:none}#main>.hero>div:first-child>p{line-height:1.9}}@media screen and (max-width: 700px){html:has(#main>.institution-banner) .vlp-language-selector{inset-block-start:max(12px,env(safe-area-inset-top,0px));inset-inline-end:max(12px,env(safe-area-inset-right,0px));gap:4px;padding:4px}html:has(#main>.institution-banner) .vlp-language-selector button{width:44px;min-width:44px;height:44px;min-height:44px;border-radius:7px;touch-action:manipulation}html:has(#main>.institution-banner) .site-header>.header-inner{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;width:auto;max-width:none;min-height:0;margin-inline-start:max(16px,env(safe-area-inset-left,0px));margin-inline-end:max(16px,env(safe-area-inset-right,0px));padding-block-start:calc(max(12px,env(safe-area-inset-top,0px)) + 4px);padding-block-end:16px;padding-inline:0}html:has(#main>.institution-banner) .site-header .site-brand{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;column-gap:10px;row-gap:4px;width:100%;max-width:100%;min-width:0;min-height:48px;margin:0;text-align:start;touch-action:manipulation}html:has(#main>.institution-banner) .site-brand>span:last-child{display:contents}html:has(#main>.institution-banner) .site-brand .brand-symbol{display:grid;grid-column:1;grid-row:1;width:40px;height:40px;min-width:40px;margin-block-start:4px;border-radius:12px}html:has(#main>.institution-banner) .site-brand .brand-title{grid-column:2;grid-row:1;display:block;min-width:0;min-height:48px;padding-block-start:2px;padding-inline-end:112px;font-size:.95rem;line-height:1.25;letter-spacing:.055em;white-space:nowrap}html:has(#main>.institution-banner) .site-brand .brand-title b{display:block;margin-block-start:3px;font-size:.78rem;line-height:1.25;letter-spacing:.105em}html:has(#main>.institution-banner) .site-brand .brand-sub,html:has(#main>.institution-banner) .site-brand .brand-department{display:block;grid-column:1 / -1;min-width:0;max-width:none;margin:0;text-align:start;white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:none}html:has(#main>.institution-banner) .site-brand .brand-sub{font-size:.68rem;line-height:1.5;letter-spacing:.05em}html:has(#main>.institution-banner) .site-brand .brand-department{color:#bed2dc;font-size:.73rem;line-height:1.55;letter-spacing:.005em}html:has(#main>.institution-banner) .site-header .mobile-menu{display:none}html:has(#main>.institution-banner) .site-header .top-nav,html:has(#main>.institution-banner) .site-header .top-nav.open{position:static;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;width:100%;min-width:0;margin:0;padding:12px 0 0;border:0;border-block-start:1px solid #35556980;background:transparent;box-shadow:none}html:has(#main>.institution-banner) .site-header .top-nav>a,html:has(#main>.institution-banner) .site-header .top-nav>.bot-header{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-width:0;min-height:48px;margin:0;padding:9px 12px;border:1px solid #365464;border-radius:10px;background:#0e2937;font-size:.84rem;line-height:1.45;text-align:center;white-space:normal;word-break:normal;overflow-wrap:break-word;touch-action:manipulation}html:has(#main>.institution-banner) .site-header .top-nav>.bot-header{color:var(--accent);border-color:#42716f;background:#153b3d}html:has(#main>.institution-banner) .site-header .bot-header>.dot{flex-shrink:0}html:has(#main>.institution-banner) .site-header .top-nav>a:focus-visible,html:has(#main>.institution-banner) .site-header .top-nav>.bot-header:focus-visible,html:has(#main>.institution-banner) .site-footer .footer-links>a:focus-visible{outline:2px solid #c4f8e5;outline-offset:2px}html:has(#main>.institution-banner) .site-footer{margin-block-start:32px;padding-block-start:28px;padding-block-end:max(calc(132px + env(safe-area-inset-bottom,0px)),var(--vlp-dock-clearance, 132px))}html:has(#main>.institution-banner) .site-footer>.shell{width:auto;max-width:none;margin-inline-start:max(16px,env(safe-area-inset-left,0px));margin-inline-end:max(16px,env(safe-area-inset-right,0px))}html:has(#main>.institution-banner) .site-footer .footer-top{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:0;font-size:.8rem;line-height:1.7;text-align:start}html:has(#main>.institution-banner) .site-footer .footer-top>div{min-width:0;max-width:none;margin:0;overflow-wrap:break-word}html:has(#main>.institution-banner) .site-footer .footer-brand{margin-block-end:5px;font-size:.98rem;line-height:1.4;letter-spacing:.025em}html:has(#main>.institution-banner) .site-footer .footer-institution{padding-block-start:16px;border-block-start:1px solid #294554;color:#c6dce5;font-size:.84rem}html:has(#main>.institution-banner) .site-footer .footer-institution span{margin-block-start:4px;color:#b7cdd7;font-size:.78rem;line-height:1.7}html:has(#main>.institution-banner) .site-footer .footer-institution small{margin-block-start:7px;font-size:.75rem;line-height:1.6}html:has(#main>.institution-banner) .site-footer>.shell>.credit{margin:18px 0 0;padding-block-start:18px;color:#c2d6df;font-size:.77rem;line-height:1.75;text-align:start;white-space:normal;word-break:normal;overflow-wrap:break-word}html:has(#main>.institution-banner) .site-footer .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;margin-block-start:20px;font-size:.78rem;line-height:1.5}html:has(#main>.institution-banner) .site-footer .footer-links>a{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid #2d4959;border-radius:9px;background:#0c233080;color:#bfd4de;text-align:center;white-space:normal;word-break:normal;overflow-wrap:break-word;touch-action:manipulation}}@media screen and (max-width: 420px){html:has(#main>.institution-banner) .site-header>.header-inner,html:has(#main>.institution-banner) .site-footer>.shell{margin-inline-start:max(14px,env(safe-area-inset-left,0px));margin-inline-end:max(14px,env(safe-area-inset-right,0px))}html:has(#main>.institution-banner) .site-header .top-nav>a,html:has(#main>.institution-banner) .site-header .top-nav>.bot-header{padding-inline:8px;font-size:.81rem}html:has(#main>.institution-banner) .site-footer .footer-links>a{padding-inline:8px;font-size:.76rem}}@media screen and (max-width: 360px){html:has(#main>.institution-banner) .site-header>.header-inner,html:has(#main>.institution-banner) .site-footer>.shell{margin-inline-start:max(12px,env(safe-area-inset-left,0px));margin-inline-end:max(12px,env(safe-area-inset-right,0px))}html:has(#main>.institution-banner) .site-header .site-brand{grid-template-columns:36px minmax(0,1fr);column-gap:8px}html:has(#main>.institution-banner) .site-brand .brand-symbol{width:36px;min-width:36px;height:36px;margin-block-start:6px}}@media screen and (max-width: 700px){#main>.institution-banner,#main>.hero,#main>.stats-strip,#main>.practice-banner,#main>.catalogue,#main>.journey-section,#main>.usage-banner,#main>.suggestion-invitation{min-width:0;max-width:100%;box-sizing:border-box}#main>.institution-banner{grid-template-columns:minmax(0,1fr);gap:16px;margin:20px 0 0;padding:clamp(16px,4.5vw,24px);border-radius:16px}#main>.institution-banner>.institution-logo{width:100%;max-width:400px;min-width:0;justify-self:center;padding:8px 10px;box-sizing:border-box}#main>.institution-banner>.institution-logo>img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}#main>.institution-banner>.institution-copy{min-width:0}#main>.institution-banner>.institution-copy>.eyebrow{font-size:.68rem;line-height:1.7;letter-spacing:.075em;overflow-wrap:break-word}#main>.institution-banner>.institution-copy>p{max-width:none;margin-top:8px;font-size:.9rem;line-height:1.75;word-break:normal;overflow-wrap:break-word}#main>.hero{grid-template-columns:minmax(0,1fr);gap:26px;padding:32px 0}#main>.hero>div:first-child>.eyebrow{font-size:.68rem;line-height:1.7;letter-spacing:.08em}#main>.hero>div:first-child>h1{max-width:none;margin:18px 0;font-size:clamp(2.15rem,8.9vw,3.4rem);line-height:1.16;overflow-wrap:break-word}#main>.hero>div:first-child>p{margin:0;font-size:.96rem;line-height:1.9}#main>.hero>div:first-child>.hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:24px 0 16px}#main>.hero>div:first-child>.hero-actions>:is(a,button),#main>.practice-banner>a,#main>.usage-banner>button,#main>.suggestion-invitation>a{width:100%;min-width:0;min-height:48px;box-sizing:border-box;justify-content:center;gap:12px;padding:13px 16px;font-size:.9rem;line-height:1.5;text-align:center;white-space:normal;overflow-wrap:break-word}#main>.hero>div:first-child>.hero-actions>:is(a,button)>svg,#main>.practice-banner>a>svg,#main>.usage-banner>button>svg,#main>.suggestion-invitation>a>svg{flex-shrink:0}#main>.hero>div:first-child>.hero-note{font-size:.78rem;line-height:1.8}#main>.hero>.hero-visual{width:100%;max-width:520px;min-width:0;justify-self:center;padding:clamp(16px,4.5vw,22px);border-radius:18px;box-sizing:border-box}#main>.hero>.hero-visual>.visual-top{flex-direction:column;align-items:flex-start;gap:6px;min-width:0}#main>.hero>.hero-visual>.visual-top>:is(strong,span){max-width:100%;font-size:.65rem;line-height:1.65;letter-spacing:.04em;white-space:normal;overflow-wrap:break-word}#main>.hero>.hero-visual>.robot-scene{min-width:0;height:clamp(252px,72vw,312px)}#main>.hero>.hero-visual>.robot-scene>.orion-robot{width:min(86%,270px);height:auto;max-height:286px;margin-left:clamp(12px,6vw,32px);margin-bottom:10px}#main>.hero>.hero-visual>.robot-scene>.orbit-ring{width:min(88%,260px);height:auto;aspect-ratio:1;right:0;top:22px}#main>.hero>.hero-visual>.robot-scene>.floating-code{width:min(232px,84%);max-width:100%;box-sizing:border-box;padding:11px 12px 13px;left:0;bottom:8px}#main>.hero>.hero-visual>.robot-scene>.floating-code>code{font-size:.72rem;line-height:1.85}#main>.hero>.hero-visual>.visual-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding-top:14px;font-size:.63rem;line-height:1.7;letter-spacing:.035em}#main>.hero>.hero-visual>.visual-bottom>span{min-width:0;overflow-wrap:break-word}#main>.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 28px;padding:6px}#main>.stats-strip>.stat{min-width:0;padding:16px 12px}#main>.stats-strip>.stat>strong{font-size:1.9rem;line-height:1.3}#main>.stats-strip>.stat>span{font-size:.77rem;line-height:1.65;overflow-wrap:break-word}#main>.practice-banner{display:block;margin:0 0 36px;padding:clamp(18px,5vw,24px)}#main>.practice-banner>div>.eyebrow{font-size:.67rem;line-height:1.75;letter-spacing:.065em}#main>.practice-banner>div>h2{margin:10px 0 12px;font-size:1.2rem;line-height:1.5}#main>.practice-banner>a{margin-top:20px}#main>.catalogue>.section-head{margin-bottom:20px}#main>.catalogue>.section-head>div>h2{margin:10px 0 12px;font-size:clamp(1.55rem,6.2vw,1.85rem);line-height:1.35;overflow-wrap:break-word}#main>.catalogue>.section-head>div>.eyebrow,#main>.journey-section>.section-head>.eyebrow{font-size:.7rem;line-height:1.7;letter-spacing:.07em;overflow-wrap:break-word}#main>.catalogue>.section-head>p{margin-top:12px}#main>.catalogue>.catalogue-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 22px}#main>.catalogue>.catalogue-tools>.searchbox{grid-column:1 / -1;width:100%;max-width:none;min-width:0}#main>.catalogue>.catalogue-tools>.searchbox:before{top:8px}#main>.catalogue>.catalogue-tools>.searchbox>input{width:100%;min-width:0;min-height:48px;box-sizing:border-box;font-size:16px;line-height:1.5;padding:12px 12px 12px 44px}#main>.catalogue>.catalogue-tools>button{min-width:0;min-height:46px;justify-self:start;padding:11px 15px;font-size:.85rem;line-height:1.5;white-space:normal}#main>.catalogue>.catalogue-tools>.muted{justify-self:end;min-width:0;margin-left:0;font-size:.75rem;line-height:1.6;overflow-wrap:break-word}#main>.catalogue>.course-grid{grid-template-columns:minmax(0,1fr);gap:18px}#main>.catalogue>.course-grid>.course-card{min-width:0;min-height:0;padding:clamp(18px,5vw,24px);border-radius:16px}#main>.catalogue>.course-grid>.course-card>.card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:18px}#main>.catalogue>.course-grid>.course-card>.card-top>.card-code{min-width:0;font-size:.75rem;line-height:1.6;overflow-wrap:break-word}#main>.catalogue>.course-grid>.course-card>.card-top>.bookmark{min-width:44px;min-height:44px;align-self:center;padding:10px}#main>.catalogue>.course-grid>.course-card>.app-nick{margin-bottom:8px;font-size:1.5rem;line-height:1.35}#main>.catalogue>.course-grid>.course-card>h3{max-width:none;margin:0 0 14px;font-size:1rem;line-height:1.55;overflow-wrap:break-word}#main>.catalogue>.course-grid>.course-card>p{margin-bottom:18px}#main>.catalogue>.course-grid>.course-card>.advanced-course-link{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:46px;margin:0 0 14px;padding:12px 0;font-size:.84rem;line-height:1.6;overflow-wrap:break-word}#main>.catalogue>.course-grid>.course-card>.advanced-course-link>span{margin-left:0;font-size:.75rem;white-space:nowrap}#main>.catalogue>.course-grid>.course-card>.card-bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:auto;padding-top:16px}#main>.catalogue>.course-grid>.course-card>.card-bottom>.card-tag{min-width:0;font-size:.77rem;line-height:1.7;overflow-wrap:break-word}#main>.catalogue>.course-grid>.course-card>.card-bottom>.open-lab{width:100%;min-width:0;min-height:48px;box-sizing:border-box;justify-content:space-between;padding:12px 15px;font-size:.9rem;line-height:1.5}#main>.journey-section{padding:36px 0 0}#main>.journey-section>.section-head{margin-bottom:18px}#main>.journey-section>.journey-grid{grid-template-columns:minmax(0,1fr);gap:14px}#main>.journey-section>.journey-grid>.journey-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:20px}#main>.journey-section>.journey-grid>.journey-card>.card-icon{margin:0}#main>.journey-section>.journey-grid>.journey-card>h3{margin:0;font-size:1.05rem;line-height:1.5;overflow-wrap:break-word}#main>.journey-section>.journey-grid>.journey-card>p{grid-column:1 / -1;margin:0}#main>.usage-banner{grid-template-columns:minmax(0,1fr);gap:16px;margin:28px 0;padding:clamp(18px,5vw,24px)}#main>.usage-banner>.orion-robot{width:70px;height:72px;justify-self:start}#main>.usage-banner>div>h3{margin:0 0 12px;font-size:1.18rem;line-height:1.5}#main>.usage-banner>button{grid-column:1;justify-self:stretch}#main>.suggestion-invitation{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:0 0 36px;padding:clamp(18px,5vw,24px)}#main>.suggestion-invitation>.suggestion-emblem{display:inline-flex;align-items:center;justify-content:center;justify-self:start;gap:10px;float:none;width:auto;height:auto;min-height:48px;margin:0;padding:10px 12px}#main>.suggestion-invitation>.suggestion-emblem>span{display:inline}#main>.suggestion-invitation>div>.eyebrow{font-size:.7rem;line-height:1.7;letter-spacing:.07em}#main>.suggestion-invitation>div>h2{margin:10px 0 14px;font-size:1.4rem;line-height:1.45;overflow-wrap:break-word}#main>.suggestion-invitation>div>.suggestion-private{font-size:.78rem;line-height:1.8}#main>.suggestion-invitation>a{grid-column:1;justify-self:stretch;margin-top:4px}#main>.practice-banner>div>p,#main>.catalogue>.section-head>p,#main>.catalogue>.course-grid>.course-card>p,#main>.journey-section>.journey-grid>.journey-card>p,#main>.usage-banner>div>p,#main>.suggestion-invitation>div>p{font-size:.93rem;line-height:1.85}}@media screen and (max-width: 370px){#main>.catalogue>.catalogue-tools{gap:10px 8px}#main>.catalogue>.catalogue-tools>button{padding-right:12px;padding-left:12px}#main>.stats-strip>.stat{padding-right:9px;padding-left:9px}#main>.hero>.hero-visual>.robot-scene>.floating-code{width:min(216px,90%)}}@media screen and (max-width: 700px){body{--vlp-dock-edge: max(8px, calc(env(safe-area-inset-left, 0px) + 6px) , calc(env(safe-area-inset-right, 0px) + 6px) );--vlp-dock-bottom: calc(env(safe-area-inset-bottom, 0px) + 6px) ;--vlp-dock-side: 64px;--vlp-dock-side-block: 72px;--vlp-dock-music-base: 104px;--vlp-dock-music-block: var(--vlp-dock-music-base);--vlp-dock-clearance: calc(var(--vlp-dock-bottom) + var(--vlp-dock-side-block) + 8px)}body:has(.music-channel:not(.music-minimized)){--vlp-dock-clearance: calc(var(--vlp-dock-bottom) + var(--vlp-dock-music-block) + 8px)}body:has(.music-channel .music-retry){--vlp-dock-music-block: calc(var(--vlp-dock-music-base) + 48px)}.effects-toggle,.bot-launcher,.music-channel,body:has(.bot-launcher) .music-channel{top:auto;bottom:var(--vlp-dock-bottom)!important;margin:0}.effects-toggle,.bot-launcher{box-sizing:border-box;width:var(--vlp-dock-side);min-width:var(--vlp-dock-side);height:var(--vlp-dock-side-block);min-height:var(--vlp-dock-side-block);padding:4px;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:2px}.effects-toggle{left:var(--vlp-dock-edge);right:auto}.effects-toggle>svg{flex:0 0 auto;width:18px;height:18px}.effects-toggle span{display:block;max-width:100%;text-align:center;font-size:11px;line-height:1.2;overflow-wrap:anywhere}.effects-toggle small{display:block;margin-top:2px;font-size:10px;line-height:1.2}.bot-launcher{left:auto;right:var(--vlp-dock-edge);padding:3px 4px;gap:1px}.bot-launcher>.orion-robot{flex:0 0 auto;width:26px;height:26px;margin:0}.bot-launcher>span{display:block;flex:0 0 auto;max-width:100%;text-align:center;font-size:10.5px;line-height:1.2;letter-spacing:.03em;overflow-wrap:anywhere}.bot-launcher small{display:block;margin-top:1px;font-size:9.5px;line-height:1.2;letter-spacing:0}.bot-launcher>svg:last-child{display:block;position:absolute;top:5px;right:4px;width:12px;height:12px;margin:0}.music-channel,body:has(.bot-launcher) .music-channel{box-sizing:border-box;left:50%;right:auto;transform:translate(-50%);border-radius:13px}.music-channel:not(.music-minimized),body:has(.bot-launcher) .music-channel:not(.music-minimized){width:min(270px,calc(100vw - var(--vlp-dock-edge) - var(--vlp-dock-edge) - 144px));min-width:0;height:auto;min-height:0;max-height:min(var(--vlp-dock-music-block),calc(100vh - var(--vlp-dock-bottom) - env(safe-area-inset-top,0px) - 8px));max-height:min(var(--vlp-dock-music-block),calc(100dvh - var(--vlp-dock-bottom) - env(safe-area-inset-top,0px) - 8px));padding:6px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.music-channel .music-top{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:4px}.music-channel .music-toggle{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;column-gap:4px;row-gap:2px;min-width:0;min-height:44px;padding:0}.music-channel .music-toggle>svg{grid-column:1;grid-row:1;justify-self:center;width:17px;height:17px}.music-channel .music-toggle>span:first-of-type{grid-column:2;grid-row:1 / span 2;min-width:0;font-size:10.5px;line-height:1.2;letter-spacing:.02em;white-space:normal;overflow-wrap:anywhere}.music-channel .music-toggle small{display:block;margin-top:2px;font-size:10px;line-height:1.25;letter-spacing:0}.music-channel .music-equalizer{display:flex!important;grid-column:1;grid-row:2;align-items:flex-end;justify-self:center;gap:2px;width:14px;height:10px;margin:0;padding:0}.music-channel .music-equalizer i{max-height:100%}.music-channel .music-minimize{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;align-self:start}.music-channel .music-volume{min-width:0;gap:6px;margin:0;padding:0}.music-channel .music-volume input{flex:1 1 0;width:0;min-width:0;height:32px;min-height:32px;margin:0;padding:0}.music-channel .music-volume output{flex:0 0 30px;width:30px;font-size:11px;font-variant-numeric:tabular-nums}.music-channel .music-retry{width:100%;min-width:0;min-height:44px;margin-top:4px;padding:6px;font-size:11px;line-height:1.3;white-space:normal}.music-channel.music-minimized,body:has(.bot-launcher) .music-channel.music-minimized{width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px;max-height:48px;padding:0;overflow:visible}.music-channel.music-minimized .music-mini{width:100%;min-width:0;height:100%;min-height:0;margin:0;padding:0}.bot-panel{box-sizing:border-box;top:auto;left:auto;right:var(--vlp-dock-edge);bottom:var(--vlp-dock-clearance);width:min(370px,calc(100vw - var(--vlp-dock-edge) - var(--vlp-dock-edge)));max-width:none;min-width:0;min-height:0;max-height:min(600px,calc(100vh - var(--vlp-dock-clearance) - env(safe-area-inset-top,0px) - 8px));max-height:min(600px,calc(100dvh - var(--vlp-dock-clearance) - env(safe-area-inset-top,0px) - 8px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:64px 8px;scrollbar-width:thin}.bot-panel>.bot-panel-head{position:sticky;top:0;z-index:1;gap:6px;padding:6px 8px}.bot-panel-head>.orion-robot{width:36px;height:40px;margin:0}.bot-panel-head>div{min-width:0;overflow-wrap:anywhere}.bot-panel-head strong{font-size:13px;letter-spacing:.06em}.bot-panel-head span{margin-top:3px;font-size:10.5px;line-height:1.3}.bot-panel-head button{flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:8px}.bot-panel>.bot-context{padding:8px 10px;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.bot-panel>.bot-message{flex:1 1 auto;min-height:96px;max-height:260px;padding:12px 10px;font-size:14px;line-height:1.6;overflow-y:auto}.bot-panel>.bot-actions{flex-wrap:wrap;gap:6px;padding:0 8px 8px;overflow:visible}.bot-panel .bot-actions button{flex:1 1 auto;min-width:0;min-height:44px;padding:6px 9px;font-size:12px;line-height:1.25;white-space:normal}.bot-panel>form{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:6px;padding:8px}.bot-panel textarea{min-width:0;min-height:56px;height:auto;padding:8px;font-size:16px;line-height:1.3}.bot-panel form button{min-width:44px;width:44px;min-height:44px;height:44px;padding:8px}}@media screen and (max-width: 350px){body{--vlp-dock-music-base: 136px}}@media screen and (max-width: 700px) and (max-height: 520px){.bot-panel>.bot-message{flex:0 0 auto;max-height:none;overflow:visible}}
@media screen {
  .effects-toggle, .bot-launcher, .music-channel, body:has(.bot-launcher) .music-channel {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 6px) !important;
  }
}
.course-card > .advanced-course-link { margin-bottom: 0; }
.course-card > .ece-course-link { margin-top: 0; margin-bottom: 14px; min-height:44px; box-sizing:border-box; color:#b8e7ff; border-top-color:#38556b; }
.course-card > .ece-course-link:hover { color:#e0f5ff; }
.course-card > .ece-course-link:focus-visible { outline:2px solid #9ce8ed; outline-offset:4px; border-radius:4px; }
.ece-practice-guide { margin-block:24px; }
.ece-practice-guide p, .ece-practice-guide li { line-height:1.85; }
.ece-practice-guide .practice-course-links { margin-top:20px; }
.scratch-solution-project { margin-block:16px; padding:16px; border:1px solid #38556b; border-radius:12px; background:#102331; }
.scratch-solution-project a { min-height:44px; white-space:normal; }
.scratch-solution-project p { margin-bottom:0; line-height:1.7; }
.practice-banner > div { min-width:0; }
.practice-banner .eyebrow, .practice-banner h2 { overflow-wrap:break-word; }
.practice-banner + .ece-banner { margin-top:-25px; border-color:#446c81; background:linear-gradient(110deg,#102b3ad9,#15213adc); }
@media (max-width:700px) {
 .course-card > .ece-course-link { min-height:48px; }
 .ece-practice-guide { padding:20px 16px; }
 .ece-practice-guide .practice-course-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ece-practice-guide .practice-course-links a { min-width:0; min-height:44px; justify-content:center; overflow-wrap:anywhere; }
}
.professional-practice .practice-overview { margin-bottom:30px; }
.professional-practice .practice-overview .practice-intro { max-width:none; margin-bottom:14px; text-align:start; }
.professional-practice .practice-overview-summary { color:#a9cfdf; font-size:.88rem; letter-spacing:.025em; text-align:start; }
.professional-practice .practice-series { position:relative; min-width:0; margin-block:26px; padding:30px; border:1px solid #36526c; border-radius:22px; background:linear-gradient(135deg,#112639ee,#0b192bf2); box-shadow:0 12px 32px #020a1424; overflow:visible; }
.professional-practice .practice-series.ece-practice-guide { border-color:#3c667b; background:linear-gradient(135deg,#112b37ee,#0b192bf2); }
.professional-practice .practice-series-heading { display:grid; grid-template-columns:auto minmax(0,1fr); gap:18px; align-items:start; }
.professional-practice .practice-series-order { display:flex; align-items:center; justify-content:center; width:48px; height:48px; border:1px solid #4c748b; border-radius:14px; color:#a4d8ec; background:#17364c; font-size:1.05rem; font-variant-numeric:tabular-nums; letter-spacing:.06em; }
.professional-practice .ece-practice-guide .practice-series-order { color:#a0e5df; border-color:#487c82; background:#173b43; }
.professional-practice .practice-series h2 { margin:8px 0 10px; line-height:1.35; overflow-wrap:anywhere; }
.professional-practice .practice-series-count { margin:0; color:#aacbdb; font-size:.9rem; text-align:start; }
.professional-practice .practice-series-description { margin:22px 0 18px; max-width:none; text-align:start; line-height:1.8; }
.professional-practice .practice-series-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:36px; row-gap:10px; padding-left:1.35em; margin:18px 0 24px; }
.professional-practice .practice-series-steps li { padding-left:4px; text-align:start; line-height:1.7; }
.professional-practice .practice-module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:24px 0 0; }
.professional-practice .practice-module-link { display:flex; align-items:center; justify-content:space-between; gap:14px; min-width:0; min-height:76px; padding:15px 16px; box-sizing:border-box; border:1px solid #36546d; border-radius:13px; background:#102538; color:#dceff8; text-decoration:none; transition:background-color .15s ease,border-color .15s ease; }
.professional-practice .practice-module-link:hover { border-color:#7bbdd4; background:#17364b; color:#f2fbff; }
.professional-practice .practice-module-link:focus-visible { outline:2px solid #9ce8ed; outline-offset:3px; }
.professional-practice .practice-module-link svg { flex:0 0 auto; color:#94ccdd; }
.professional-practice .practice-module-copy { display:flex; flex-direction:column; gap:6px; min-width:0; text-align:start; }
.professional-practice .practice-module-copy strong { font-size:.96rem; line-height:1.4; overflow-wrap:anywhere; }
.professional-practice .practice-module-copy > span { color:#a2c2d4; font-size:.8rem; line-height:1.45; }
.professional-practice .practice-method-heading { margin:40px 0 22px; padding-top:26px; border-top:1px solid #324c62; }
.professional-practice .practice-method-heading h2 { margin:0 0 12px; }
.professional-practice .practice-method-heading p { max-width:none; text-align:start; line-height:1.8; }
.professional-practice .practice-engineering-method { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:24px 0; }
.professional-practice .practice-engineering-method > article { min-width:0; padding:24px; }
.professional-practice .practice-engineering-method h3 { font-size:1.1rem; line-height:1.45; }
.professional-practice .practice-engineering-method p,.professional-practice .practice-engineering-checks p,.professional-practice .practice-delivery p { text-align:start; line-height:1.8; }
.professional-practice .practice-engineering-checks { margin:26px 0; padding:26px; min-width:0; }
.professional-practice .practice-engineering-checks table { min-width:660px; }
.professional-practice .practice-engineering-checks th,.professional-practice .practice-engineering-checks td { text-align:start; vertical-align:top; }
.professional-practice .practice-engineering-checks th[scope="row"] { font-weight:600; color:#c3e3ef; }
.professional-practice .practice-related { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:24px; padding:26px 0 8px; margin-top:28px; border-top:1px solid #324c62; }
.professional-practice .practice-related > div { display:flex; flex-direction:column; gap:10px; min-width:0; }
.professional-practice .practice-related a { white-space:normal; line-height:1.65; }
@media(max-width:900px) {
 .professional-practice .practice-module-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .professional-practice .practice-series { padding:24px; }
 .professional-practice .practice-engineering-method { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:560px) {
 .professional-practice .practice-series { padding:20px 16px; margin-block:22px; border-radius:18px; }
 .professional-practice .practice-series-heading { gap:12px; }
 .professional-practice .practice-series-order { width:38px; height:38px; border-radius:11px; font-size:.95rem; }
 .professional-practice .practice-series h2 { font-size:1.25rem; }
 .professional-practice .practice-series .eyebrow { font-size:.7rem; line-height:1.6; letter-spacing:.07em; }
 .professional-practice .practice-series-steps { grid-template-columns:minmax(0,1fr); gap:12px; }
 .professional-practice .practice-module-grid { grid-template-columns:minmax(0,1fr); gap:10px; }
 .professional-practice .practice-module-link { min-height:68px; padding:14px; }
 .professional-practice .practice-overview-summary { line-height:1.7; }
 .professional-practice .practice-engineering-checks { padding:20px 16px; }
 .professional-practice .practice-related { align-items:start; flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) {
 .professional-practice .practice-module-link { transition:none; }
}
.top-nav > .vlp-welcome-link { color:#a5ebdb; }
.vlp-welcome-dialog { box-sizing:border-box; position:fixed; inset:0; width:min(980px,calc(100% - 36px)); height:min(88vh,920px); height:min(88dvh,920px); max-width:calc(100% - 36px); max-height:calc(100dvh - 32px); margin:auto; padding:0; border:1px solid #4d7c89; border-radius:24px; color:#deebf2; background:#0b1c2b; box-shadow:0 30px 110px #000b; font-family:inherit; font-size:1rem; text-align:start; overflow:hidden; }
.vlp-welcome-dialog:not([open]) { display:none; }
.vlp-welcome-dialog[open] { display:flex; flex-direction:column; }
.vlp-welcome-dialog::backdrop { background:#020b17d9; backdrop-filter:blur(8px); }
.vlp-welcome-dialog * { box-sizing:border-box; }
.vlp-welcome-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; flex:none; padding:16px 24px; border-bottom:1px solid #45667c66; background:linear-gradient(110deg,#14323d,#13223a); }
.vlp-welcome-kicker { display:inline-flex; align-items:center; gap:10px; color:#a2e9da; font-size:.84rem; font-weight:650; letter-spacing:.02em; }
.vlp-welcome-kicker > span { color:#91dfcf; font-size:1.2rem; }
.vlp-welcome-dialog .vlp-welcome-close { display:flex; align-items:center; gap:12px; min-height:42px; padding:8px 13px; border:1px solid #68859788; border-radius:10px; color:#e4eff7; background:#0c1c2b99; font:inherit; font-size:.78rem; cursor:pointer; }
.vlp-welcome-close > span { font-size:1.5rem; font-weight:400; line-height:1; }
.vlp-welcome-dialog button:hover { background:#244b58; }
.vlp-welcome-dialog :focus-visible,.vlp-welcome-link:focus-visible { outline:3px solid #b3f4d8; outline-offset:3px; }
.vlp-welcome-scroll { flex:1 1 auto; min-height:0; width:100%; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-gutter:stable; scrollbar-color:#5c9daa #122938; }
.vlp-welcome-scroll:focus-visible { outline-offset:-4px; }
.vlp-welcome-letter { padding:38px 50px 44px; max-width:920px; margin-inline:auto; font-size:.92rem; line-height:1.85; overflow-wrap:anywhere; }
.vlp-welcome-letter p { margin:0 0 18px; color:#d4e2ec; text-align:justify; text-align-last:start; text-justify:inter-word; text-wrap:pretty; hyphens:auto; -webkit-hyphens:auto; hyphenate-limit-chars:6 3 3; overflow-wrap:break-word; word-break:normal; }
.vlp-welcome-modules li { text-align:justify; text-align-last:start; text-justify:inter-word; hyphens:auto; -webkit-hyphens:auto; hyphenate-limit-chars:6 3 3; overflow-wrap:break-word; word-break:normal; }
.vlp-welcome-letter .vlp-welcome-subtitle,.vlp-welcome-letter .vlp-welcome-greeting,.vlp-welcome-letter .vlp-welcome-closing,.vlp-welcome-signature p { text-align:start; hyphens:none; -webkit-hyphens:none; }
.vlp-welcome-intro { margin-bottom:30px; padding-bottom:27px; border-bottom:1px solid #36576b; }
.vlp-welcome-emblem { display:flex; align-items:center; justify-content:center; gap:8px; width:61px; height:61px; margin-bottom:22px; border:1px solid #7bcabf80; border-radius:17px; background:linear-gradient(140deg,#28515a,#122638); color:#bcf6de; font:600 27px/1 ui-monospace,monospace; box-shadow:0 8px 25px #03101855; }
.vlp-welcome-emblem > span { color:#80bfe8; }
.vlp-welcome-letter h1 { margin:0 0 13px; color:#f2f8fb; font-size:clamp(1.9rem,3.1vw,2.7rem); line-height:1.14; letter-spacing:-.035em; font-weight:650; }
.vlp-welcome-letter h1:focus { outline:none; }
.vlp-welcome-letter .vlp-welcome-subtitle { margin:0; color:#9de4d4; font-size:1.12rem; line-height:1.6; }
.vlp-welcome-letter .vlp-welcome-greeting { color:#eff7fb; font-weight:600; }
.vlp-welcome-section { margin-top:34px; }
.vlp-welcome-letter h2 { margin:0 0 17px; color:#ecf5fa; font-size:1.32rem; line-height:1.4; letter-spacing:-.015em; }
.vlp-welcome-modules { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; margin:20px 0; padding:0; list-style:none; }
.vlp-welcome-modules li { min-width:0; margin:0; padding:15px 17px; border:1px solid #3f627375; border-radius:12px; background:linear-gradient(135deg,#15314088,#12243799); font-size:.84rem; line-height:1.75; }
.vlp-welcome-modules li:last-child { grid-column:1/-1; }
.vlp-welcome-modules strong { color:#ace6de; font-weight:600; }
.vlp-welcome-letter .vlp-welcome-progression { margin-top:20px; }
.vlp-welcome-features { display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
.vlp-welcome-feature { position:relative; padding:22px 0 22px 47px; border-top:1px solid #38536780; }
.vlp-welcome-number { position:absolute; inset:24px auto auto 0; color:#89cbd1; font:500 .76rem/1.5 ui-monospace,monospace; }
.vlp-welcome-letter h3 { margin:0 0 9px; color:#c5eef0; font-size:1.05rem; line-height:1.55; font-weight:600; }
.vlp-welcome-feature p:last-child { margin-bottom:0; }
.vlp-welcome-active { padding:24px 26px 12px; border-left:3px solid #84d7c1; border-radius:0 14px 14px 0; background:linear-gradient(115deg,#20464a66,#14293a99); }
.vlp-welcome-signature { margin-top:34px; padding-top:25px; border-top:1px solid #43677b; }
.vlp-welcome-letter .vlp-welcome-closing { margin-bottom:25px; color:#b7f0d8; font-size:1.03rem; font-weight:600; }
.vlp-welcome-signature p { margin-bottom:3px; font-size:.85rem; line-height:1.7; }
.vlp-welcome-signature .vlp-welcome-author { margin-bottom:7px; font-size:1.03rem; }
.vlp-welcome-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; flex:none; padding:15px 24px; border-top:1px solid #45667c66; background:#102533; }
.vlp-welcome-bottom > span { color:#96afbf; font-size:.7rem; letter-spacing:.025em; }
.vlp-welcome-bottom button { min-height:43px; padding:9px 17px; border:1px solid #64968d; border-radius:10px; color:#d8f8e9; background:#204940; font:inherit; font-size:.81rem; cursor:pointer; }
.vlp-welcome-fallback-backdrop { position:fixed; inset:0; z-index:2147483645; background:#020b17e8; }
.vlp-welcome-fallback-backdrop[hidden] { display:none; }
.vlp-welcome-dialog[data-fallback-modal="true"] { z-index:2147483646; }
@media(max-width:700px) {
 .vlp-welcome-dialog { width:calc(100% - 18px); max-width:calc(100% - 18px); height:calc(100vh - 26px); height:calc(100dvh - 26px); max-height:calc(100dvh - 26px); border-radius:18px; }
 .vlp-welcome-bar { padding:12px 16px; }
 .vlp-welcome-letter { padding:27px 23px 34px; font-size:.91rem; line-height:1.8; }
 .vlp-welcome-letter h1 { font-size:1.93rem; }
 .vlp-welcome-letter .vlp-welcome-subtitle { font-size:1rem; }
 .vlp-welcome-modules { grid-template-columns:minmax(0,1fr); }
 .vlp-welcome-modules li:last-child { grid-column:auto; }
 .vlp-welcome-letter h2 { font-size:1.2rem; }
 .vlp-welcome-feature { padding-left:34px; }
 .vlp-welcome-active { padding:20px 18px 8px; }
 .vlp-welcome-bottom { justify-content:flex-end; padding:12px 16px; }
 .vlp-welcome-bottom > span { display:none; }
}
@media(prefers-reduced-motion:reduce) { .vlp-welcome-dialog,.vlp-welcome-dialog * { animation:none!important; scroll-behavior:auto; transition:none; } }
.bot-panel.vlp-orion-v31{display:flex;flex-direction:column;width:min(440px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 200px));overflow:hidden;padding:0}
.vlp-orion-v31>.bot-panel-head{flex:0 0 auto;position:relative}
.vlp-orion-v31>.bot-context{flex:0 0 auto;white-space:normal;line-height:1.5;padding:9px 14px}
.vlp-orion-v31 .vlp-orion-log{flex:1 1 auto;min-height:100px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:12px 14px;display:flex;flex-direction:column;gap:12px}
.vlp-orion-message{flex:0 0 auto;padding:12px 13px;border:1px solid #2f495c;background:#102536;border-radius:12px;overflow-wrap:anywhere}
.vlp-orion-message.from-user{margin-left:20px;border-color:#487d7c;background:#15383b}
.vlp-orion-message>small{display:block;color:#a4e9db;font-size:10px;letter-spacing:.05em;margin-bottom:6px}
.vlp-orion-message h3{font-size:14px;line-height:1.5;margin:0 0 8px;color:#edf5fc}
.vlp-orion-message p{font-size:13px;line-height:1.7;white-space:pre-wrap;margin:0}
.vlp-orion-message button{margin-top:8px}
.vlp-orion-code{margin-top:10px;min-width:0}
.vlp-orion-code pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;max-height:250px;overflow:auto;padding:10px;background:#071521;font-size:12px;line-height:1.6;border-radius:8px}
.vlp-orion-v31 .vlp-orion-choices{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.vlp-orion-v31 button{font-size:12px;line-height:1.4;white-space:normal;min-height:34px;padding:7px 10px}
.vlp-orion-v31 .bot-panel-head button{font-size:24px;min-width:44px;min-height:44px}
.vlp-orion-v31 .vlp-orion-choices button{text-align:left;flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.vlp-orion-settings,.vlp-orion-links{flex:0 0 auto;padding:7px 14px;border-top:1px solid #263c50;font-size:12px;max-height:200px;overflow:auto}
.vlp-orion-settings summary,.vlp-orion-links summary{cursor:pointer;color:#b9d1de;min-height:26px;line-height:26px}
.vlp-orion-settings label{display:block;margin-top:8px}
.vlp-orion-settings select{width:100%;font-size:13px;min-height:40px;margin-top:6px;padding:6px}
.vlp-orion-settings p{font-size:11px;line-height:1.65;color:#a9bbcd;margin:8px 0}
.vlp-orion-hints{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 12px;border-top:1px solid #263c50;flex:0 0 auto}
.vlp-orion-hints>span{color:#a9bbcd;font-size:11px;flex:1 1 auto}
.vlp-orion-hints>button:not(.vlp-orion-quiet){border-color:#74b9b0;color:#c2fff0;background:#19433f}
.vlp-orion-quiet{background:transparent!important;border-color:transparent!important;color:#adc4d4;font-size:11px!important}
.vlp-orion-v31>.bot-actions{flex:0 0 auto;padding:4px 12px 8px;gap:6px;flex-wrap:wrap}
.vlp-orion-v31>.bot-actions button{flex:1 1 40%;min-width:0}
.vlp-orion-v31>form{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:8px;padding:10px 12px;border-top:1px solid #263c50}
.vlp-orion-v31 textarea{min-width:0;width:100%;font-size:14px;line-height:1.5;min-height:56px;max-height:140px;resize:vertical}
.vlp-orion-v31 form button{height:44px;padding:8px;font-size:22px}
.vlp-orion-v31 button:disabled{opacity:.5;cursor:not-allowed}
.vlp-orion-confirm{flex:0 0 auto;background:#29332c;border:1px solid #7b8260;padding:10px 14px;font-size:12px}
.vlp-orion-confirm p{line-height:1.6;margin:0 0 8px}.vlp-orion-confirm button{margin-right:8px}
.vlp-orion-nudge{position:fixed;z-index:90;right:20px;bottom:92px;box-sizing:border-box;width:min(350px,calc(100vw - 32px));padding:14px 16px;background:#102b3a;border:1px solid #4d8587;border-radius:15px;box-shadow:0 12px 40px #0006;color:#edf5fc}
.vlp-orion-nudge p{font-size:13px;line-height:1.7;margin:0 0 10px}.vlp-orion-nudge>div{display:flex;gap:8px;flex-wrap:wrap}.vlp-orion-nudge button{min-height:36px;font-size:12px;padding:7px 10px}.vlp-orion-nudge>.vlp-orion-quiet{margin-top:4px}
[data-vlp-orion-target]{scroll-margin-top:125px;outline:2px solid #81d4c5;outline-offset:8px;border-radius:8px}
@media screen and (max-width:700px){
 .bot-panel.vlp-orion-v31{right:var(--vlp-dock-edge);bottom:var(--vlp-dock-clearance);width:min(440px,calc(100% - var(--vlp-dock-edge) - var(--vlp-dock-edge)));max-height:calc(100dvh - var(--vlp-dock-clearance) - env(safe-area-inset-top,0px) - 70px)}
 .vlp-orion-v31 button{min-height:44px}.vlp-orion-v31 textarea{font-size:16px}.vlp-orion-v31 .vlp-orion-log{padding:8px;min-height:90px}.vlp-orion-message{padding:10px}.vlp-orion-message p{font-size:13px}
 .vlp-orion-settings,.vlp-orion-links{padding:4px 10px}.vlp-orion-settings summary,.vlp-orion-links summary{min-height:32px;line-height:32px}.vlp-orion-hints{padding:6px 8px}.vlp-orion-hints>span{width:100%;flex-basis:100%}
 .vlp-orion-nudge{right:var(--vlp-dock-edge);bottom:var(--vlp-dock-clearance);width:min(350px,calc(100% - var(--vlp-dock-edge) - var(--vlp-dock-edge)))}.vlp-orion-nudge button{min-height:44px}
}
@media screen and (max-height:740px){.bot-panel.vlp-orion-v31{overflow-y:auto;display:block}.vlp-orion-v31>.bot-panel-head{position:sticky;top:0;z-index:2}.vlp-orion-v31 .vlp-orion-log{display:block;max-height:230px}.vlp-orion-message{margin-bottom:10px}}
@media print{.vlp-orion-nudge,.bot-panel.vlp-orion-v31{display:none!important}}
.vlp-scratch-hint { display:none; }
.vlp-embed-controls { display:none; }
.vlp-scratch-area { min-width:0; }
.vlp-scratch-scroll { max-width:100%; overflow:auto; }
.vlp-scratch-scroll:focus-visible { outline:2px solid #a8ebd6; outline-offset:-3px; }
@media screen {
  .editor-workbench[hidden]:has(.scratch-editor) {
    display:block!important; position:fixed!important; left:-12000px!important; top:0!important;
    width:1024px!important; height:720px!important; visibility:hidden!important;
    pointer-events:none!important; overflow:hidden!important;
  }
}
@media screen and (max-width: 900px) {
  body { min-width:0; }
  #main, .shell, .lesson-main, .learning-layout, .workbench, .editor-workbench { min-width:0; }
  #main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select),
  .analytics-page :is(input,textarea,select), .bot-panel textarea { font-size:16px; }
  #main :is(h1,h2,h3,h4,p,li,label), .site-footer { overflow-wrap:break-word; }
  #main :is(pre,.learning-table-scroll,.data-table-scroll,.diagram-frame) { max-width:100%; }
  #main :is(button,summary), .analytics-page button { min-height:44px; }
  #main button { white-space:normal; }
  #main :is(button,a,input,select,textarea,[contenteditable]) { scroll-margin-block:80px 150px; }
  .learning-layout { grid-template-columns:minmax(0,1fr); gap:18px; }
  .lesson-sidebar.vlp-lesson-nav { position:static; max-height:none; overflow:visible; }
  .vlp-lesson-nav .sidebar-head { width:100%; border:0; border-radius:12px; background:transparent; color:inherit; text-align:start; cursor:pointer; }
  .vlp-lesson-nav .sidebar-head strong { flex:1; min-width:0; font-size:.95rem; }
  .vlp-lesson-nav .sidebar-head>span { flex:0 0 auto; margin:0; font-size:.8rem; }
  .vlp-lesson-nav .vlp-nav-arrow { width:20px; font-size:18px; text-align:center; }
  .vlp-lesson-nav .sidebar-head:focus-visible { outline:2px solid #a8ebd6; outline-offset:2px; }
  .vlp-lesson-nav .vlp-lesson-list { min-width:0; }
  .vlp-lesson-nav .vlp-lesson-list[hidden] { display:none; }
  .vlp-lesson-nav nav { display:grid; grid-template-columns:minmax(0,1fr); max-height:min(48dvh,420px); overflow:auto; overscroll-behavior:contain; padding:8px; scrollbar-width:thin; }
  .vlp-lesson-nav nav a { min-height:48px; align-items:center; padding:10px; font-size:.88rem; line-height:1.5; }
  .vlp-lesson-nav nav a>span:last-child { min-width:0; overflow-wrap:break-word; }
  .vlp-lesson-nav .lesson-group-label { grid-column:1/-1; font-size:.7rem; line-height:1.6; padding:14px 10px 7px; }
  .vlp-lesson-nav nav a[aria-current] { border:1px solid #76c7b4; border-radius:8px; background:#17413e; }
  .lesson-main .lab-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding:5px; background:#0b2130; border-radius:12px; }
  .lesson-main .lab-tabs button { min-width:0; min-height:48px; padding:10px 5px; font-size:.84rem; line-height:1.4; justify-content:center; }
  .lesson-main .lab-tabs button svg { flex-shrink:0; width:17px; }
  .lesson-main .lab-tabs .tab-count { font-size:.75rem; }
  .editor-workbench .js-mode { flex-wrap:wrap; font-size:.8rem; }
  .editor-workbench .js-mode button { min-height:44px; font-size:.85rem; }
  .editor-toolbar { flex-wrap:wrap; padding:12px; gap:10px; }
  .editor-toolbar .btn-row { display:flex; flex-wrap:wrap; width:100%; gap:8px; }
  .editor-toolbar button, .editor-actions button { min-width:44px; min-height:44px; font-size:.83rem; line-height:1.4; padding:9px 11px; }
  .editor-toolbar .run-button { margin-left:auto; }
  .editor-file { font-size:.8rem; overflow-wrap:anywhere; }
  .code-host .cm-editor { font-size:16px!important; }
  .code-host .cm-content { line-height:1.65; }
  .code-host .cm-content.cm-lineWrapping, .code-host .cm-line { white-space:pre; overflow-wrap:normal; word-break:normal; }
  .code-host .cm-scroller { overflow:auto; overscroll-behavior-x:contain; }
  .code-host { min-height:280px; }
  .editor-actions { flex-wrap:wrap; padding:12px; }
  .editor-actions .btn-row { display:flex; flex-wrap:wrap; gap:8px; }
  .editor-actions .small { font-size:.75rem; line-height:1.5; }
  .editor-workbench.fullscreen { inset:8px; max-width:none; max-height:calc(100dvh - 16px); overflow:auto; overscroll-behavior:contain; }
  .fullscreen .editor-toolbar { position:sticky; top:0; z-index:3; background:#102b3b; }
  .fullscreen .code-host { min-height:180px; }
  .fullscreen .cm-editor { height:100%; }
  .vlp-scratch-hint { display:block; margin:0; padding:12px 14px; font-size:.85rem; line-height:1.7; background:#122e3d; color:#c4dce7; }
  .vlp-scratch-scroll { overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; }
  .vlp-scratch-scroll .scratch-editor { display:block; min-width:1024px; }
  .vlp-scratch-scroll .remote-editor { display:block; min-width:640px; }
  .vlp-embed-controls { display:flex; gap:10px; padding:0 12px 12px; background:#122e3d; }
  .vlp-embed-controls button { flex:1; min-height:44px; font-size:.85rem; }
  .study-waypoints { display:flex; flex-wrap:wrap; gap:8px; }
  .study-waypoints button { flex:1 1 100px; font-size:.85rem; min-height:44px; }
  .learning-content :is(p,li), .exercise-card p { font-size:.97rem; line-height:1.85; }
  .learning-content pre, .exercise-card pre, .output-panel pre { font-size:.85rem; line-height:1.65; overflow:auto; }
  .learning-content code { overflow-wrap:anywhere; }
  .learning-content pre code { overflow-wrap:normal; }
  .learning-table-scroll, .data-table-scroll { overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; }
  .learning-table-scroll :is(th,td), .data-table-scroll :is(th,td) { font-size:.85rem; line-height:1.6; }
  .lesson-pagination { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; }
  .lesson-pagination a { min-height:44px; font-size:.8rem; white-space:normal; }
  .notebook-field textarea { min-height:180px; line-height:1.7; }
  .diagram-dialog, .chart-dialog { max-width:calc(100% - 16px); max-height:calc(100dvh - 16px); }
  .diagram-dialog-head { flex:0 0 auto; gap:10px; }
  .diagram-dialog-head button, .chart-dialog button { min-height:44px; min-width:44px; }
  .diagram-dialog-body { min-height:0; overscroll-behavior:contain; touch-action:pan-x pan-y pinch-zoom; }
}
@media screen and (min-width: 901px) {
  .vlp-lesson-nav .sidebar-head { width:100%; color:inherit; border:0; background:transparent; cursor:default; text-align:start; }
  .vlp-lesson-nav .vlp-nav-arrow { display:none; }
}
@media screen and (max-width:700px) {
  html { scroll-padding-block:16px 100px; }
  .shell { width:auto; margin-inline:max(12px,env(safe-area-inset-left,0px)) max(12px,env(safe-area-inset-right,0px)); }
  .shell.analytics-page { margin-inline:0; }
  html.vlp-language-control #home.site-header>.header-inner { position:relative; display:block; width:auto; margin-inline:12px; min-height:0; padding:14px 0 12px; }
  html.vlp-language-control #home.site-header .header-inner .site-brand { display:grid; grid-template-columns:36px minmax(0,1fr); gap:6px 9px; width:100%; max-width:none; min-width:0; margin:0; }
  html.vlp-language-control #home.site-header .header-inner .site-brand>span:last-child { display:contents; }
  html.vlp-language-control #home.site-header .header-inner .site-brand .brand-symbol { grid-column:1; grid-row:1; width:36px; min-width:36px; height:40px; margin:0; }
  html.vlp-language-control #home.site-header .header-inner .site-brand .brand-title { display:block; grid-column:2; grid-row:1; min-width:0; min-height:44px; padding:0 102px 0 0; font-size:.78rem; line-height:1.4; letter-spacing:.025em; white-space:nowrap; }
  html.vlp-language-control #home.site-header .header-inner .site-brand .brand-title b { display:block; font-size:.65rem; letter-spacing:.06em; margin:2px 0 0; }
  html.vlp-language-control #home.site-header .header-inner .site-brand .brand-sub, html.vlp-language-control #home.site-header .header-inner .site-brand .brand-department { display:block; grid-column:1/-1; max-width:none; margin:0; padding-right:56px; white-space:normal; line-height:1.5; }
  html.vlp-language-control #home.site-header .header-inner .site-brand .brand-sub { font-size:.63rem; letter-spacing:.02em; }
  html.vlp-language-control #home.site-header .header-inner .site-brand .brand-department { font-size:.67rem; }
  html .vlp-language-selector { top:max(10px,env(safe-area-inset-top,0px)); right:12px; gap:4px; padding:3px; }
  html .vlp-language-selector button { width:40px; min-width:40px; height:44px; min-height:44px; }
  #main>.institution-banner { padding:16px; gap:10px; margin-top:16px; }
  #main>.institution-banner>.institution-logo { max-width:300px; }
  .page-navigation { display:flex; flex-wrap:wrap; gap:8px; padding:12px 0; margin-bottom:18px; }
  .page-navigation :is(a,button) { min-width:0; min-height:44px; flex:1 1 120px; font-size:.78rem; justify-content:center; padding:9px 7px; }
  .page-navigation .navigation-signal { display:none; }
  .page-top { padding-top:8px; }
  .breadcrumb { display:flex; flex-wrap:wrap; font-size:.74rem; line-height:1.5; gap:6px; margin-bottom:16px; }
  .lab-title h1 { font-size:clamp(1.55rem,6.5vw,2rem); line-height:1.3; }
  .lab-title .eyebrow { font-size:.65rem; line-height:1.6; }
  .lab-intro { font-size:.95rem; line-height:1.75; }
  .lab-title .complete-button { min-height:44px; margin-top:10px; }
  .lesson-suggestion { margin-block:0 10px; }
  .lesson-suggestion a { display:inline-flex; min-height:44px; align-items:center; font-size:.8rem; }
  .exercise-card { grid-template-columns:minmax(0,1fr); padding:18px 16px; }
  .exercise-card .exercise-body { min-width:0; }
  .exercise-card .btn-row { flex-wrap:wrap; gap:8px; }
  .exercise-card button { min-height:44px; font-size:.85rem; }
  .code-walkthrough>li { padding:14px 12px 14px 38px; }
  .suggestion-page :is(fieldset,.suggestion-fields>label), .suggestion-layout>* { min-width:0; }
  .suggestion-page :is(input,textarea,select) { width:100%; max-width:100%; }
  .suggestion-fields { grid-template-columns:minmax(0,1fr); }
  .guide-page>.course-grid .panel { padding:20px; min-width:0; }
  .guide-page .open-lab { min-height:48px; white-space:normal; font-size:.9rem; line-height:1.5; }
  .site-footer { padding-bottom:calc(100px + env(safe-area-inset-bottom,0px)); }
  .footer-links { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .footer-links a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:8px; font-size:.78rem; line-height:1.5; text-align:center; }
  .bot-panel.vlp-orion-v31 { max-height:calc(100dvh - var(--vlp-dock-clearance) - 12px); }
  .vlp-orion-v31 .vlp-orion-log { min-height:80px; }
  .vlp-welcome-dialog .vlp-welcome-close { min-width:44px; min-height:44px; }
  .vlp-language-control .analytics-page .analytics-header>a { width:100%; min-width:0; padding-right:106px; min-height:56px; font-size:.8rem; line-height:1.5; }
  .analytics-page .analytics-header>a>span { min-width:0; white-space:normal; overflow-wrap:break-word; }
  .analytics-page .analytics-header>a>svg { flex-shrink:0; }
}
@media screen and (max-width:480px) {
  .lesson-main .lab-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .editor-toolbar .btn-row>button:first-child { flex:1 1 auto; }
  .editor-toolbar .run-button { flex:1 1 100%; margin:0; }
  .learning-content .panel { padding:20px 16px; }
}
@media screen and (max-height:520px) and (max-width:900px) {
  .bot-panel.vlp-orion-v31 { top:8px; bottom:8px; max-height:calc(100dvh - 16px); overflow:auto; z-index:1250; }
  .vlp-orion-v31>.bot-panel-head { position:sticky; top:0; z-index:2; }
  .editor-workbench.fullscreen { display:block; }
  .fullscreen .code-host { height:55dvh; }
}
@media screen and (max-width:700px) {
  html.vlp-language-control #home.site-header .header-inner .mobile-menu { display:none; }
  html.vlp-language-control #home.site-header .header-inner .top-nav,
  html.vlp-language-control #home.site-header .header-inner .top-nav.open {
    position:static; inset:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch; gap:8px; width:100%; min-width:0; margin:0; padding:12px 0 0;
    border:0; border-block-start:1px solid #35556980; background:transparent; box-shadow:none;
  }
  html.vlp-language-control #home.site-header .header-inner .top-nav>a,
  html.vlp-language-control #home.site-header .header-inner .top-nav>.bot-header {
    display:flex; align-items:center; justify-content:center; gap:7px; width:100%; min-width:0;
    min-height:48px; margin:0; padding:9px 12px; border:1px solid #365464; border-radius:10px;
    background:#0e2937; font-size:.84rem; line-height:1.45; text-align:center;
    white-space:normal; word-break:normal; overflow-wrap:break-word; touch-action:manipulation;
  }
  html.vlp-language-control #home.site-header .header-inner .top-nav>.bot-header {
    color:var(--accent); border-color:#42716f; background:#153b3d;
  }
  html.vlp-language-control #home.site-header .header-inner .top-nav>a:focus-visible,
  html.vlp-language-control #home.site-header .header-inner .top-nav>.bot-header:focus-visible {
    outline:2px solid #c4f8e5; outline-offset:2px;
  }
}
@media screen and (max-width:420px) {
  html.vlp-language-control #home.site-header .header-inner .top-nav>a,
  html.vlp-language-control #home.site-header .header-inner .top-nav>.bot-header {
    padding-inline:8px; font-size:.81rem;
  }
}
@media screen and (max-width:700px) {
  html:not([data-vlp-desktop="true"]) body {
    --vlp-dock-side-block:56px;
  }
  html[lang="en"]:not([data-vlp-desktop="true"]) body {
    --vlp-dock-side-block:64px;
  }

  html:not([data-vlp-desktop="true"]) :is(.effects-toggle,.bot-launcher) {
    height:auto;
    min-height:var(--vlp-dock-side-block);
    padding:2px;
    gap:0;
    border-radius:12px;
  }

  html:not([data-vlp-desktop="true"]) .bot-launcher>.orion-robot {
    width:20px;
    height:20px;
    margin:0;
  }

  html:not([data-vlp-desktop="true"]) .bot-launcher>svg:last-child {
    width:10px;
    height:10px;
    top:3px;
    right:3px;
  }
  html:not([data-vlp-desktop="true"]) .music-channel:not(.music-minimized),
  html:not([data-vlp-desktop="true"]) body:has(.bot-launcher) .music-channel:not(.music-minimized) {
    padding:2px 5px;
    height:auto;
    min-height:0;
    max-height:calc(100vh - var(--vlp-dock-bottom) - env(safe-area-inset-top,0px) - 8px);
    max-height:calc(100dvh - var(--vlp-dock-bottom) - env(safe-area-inset-top,0px) - 8px);
  }

  html:not([data-vlp-desktop="true"]) .music-channel .music-top {
    column-gap:3px;
  }

  html:not([data-vlp-desktop="true"]) .music-channel.music-minimized,
  html:not([data-vlp-desktop="true"]) body:has(.bot-launcher) .music-channel.music-minimized {
    width:44px;
    min-width:44px;
    max-width:44px;
    height:44px;
    min-height:44px;
    max-height:44px;
    border-radius:12px;
  }
}