/* [project]/src/features/studyninja-presentation/living/dock/Dock.module.css [app-client] (css) */
.Dock-module__gzT0la__dock {
  --dock-h: 52px;
  --btn: 36px;
  --nav: 40px;
  --chip: 34px;
  --ease-enter: var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1));
  --ease-exit: var(--sn-ease-exit, cubic-bezier(.4, 0, .2, 1));
  z-index: 1005;
  left: 50%;
  bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  box-sizing: border-box;
  height: var(--dock-h);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
  max-width: min(880px, 100vw - 24px);
  color: var(--sn-copy, #b5bcc5);
  font-family: var(--font-sans), system-ui, sans-serif;
  opacity: 1;
  transition: transform .42s var(--ease-enter), opacity .42s var(--ease-enter);
  pointer-events: auto;
  -webkit-user-select: none;
  user-select: none;
  background: #060e169e;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  outline: none;
  align-items: center;
  gap: 4px;
  padding: 6px 8px;
  display: flex;
  position: fixed;
  transform: translate(-50%);
  box-shadow: inset 0 1px #ffffff0f, 0 18px 48px -18px #000000b8;
}

.Dock-module__gzT0la__dock[data-state="hidden"] {
  opacity: 0;
  transition: transform .24s var(--ease-exit), opacity .24s var(--ease-exit);
  pointer-events: none;
  transform: translate(-50%, calc(100% + 28px))scale(.96);
}

.Dock-module__gzT0la__dock[data-state="hidden"]:focus-within {
  opacity: 1;
  transition: transform .42s var(--ease-enter), opacity .42s var(--ease-enter);
  pointer-events: auto;
  transform: translate(-50%);
}

.Dock-module__gzT0la__dock[data-input="coarse"] {
  --dock-h: 48px;
  --btn: 36px;
  --nav: 36px;
  --chip: 32px;
  padding: 4px 6px;
}

[data-boot] .Dock-module__gzT0la__dock:not([data-state="hidden"]) {
  animation: Dock-module__gzT0la__dockIn .42s var(--ease-enter) .9s both;
}

@keyframes Dock-module__gzT0la__dockIn {
  from {
    opacity: 0;
    transform: translate(-50%, 16px);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

.Dock-module__gzT0la__handle {
  z-index: 1005;
  left: 50%;
  bottom: calc(6px + env(safe-area-inset-bottom, 0px));
  background: var(--sn-text, #f2f4f5);
  opacity: 0;
  pointer-events: none;
  border-radius: 999px;
  width: 44px;
  height: 3px;
  margin-left: -22px;
  transition: opacity .24s .16s;
  position: fixed;
}

.Dock-module__gzT0la__handle[data-on="true"] {
  opacity: .35;
}

.Dock-module__gzT0la__btn {
  width: var(--btn);
  height: var(--btn);
  color: var(--sn-copy, #b5bcc5);
  font: inherit;
  cursor: pointer;
  transform: translate3d(var(--sn-mag-x, 0px), var(--sn-mag-y, 0px), 0);
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: background-color .16s, color .16s;
  display: inline-flex;
  position: relative;
}

.Dock-module__gzT0la__btn:hover {
  color: var(--sn-text, #f2f4f5);
  background: #ffffff0f;
}

.Dock-module__gzT0la__btn:focus-visible {
  outline: 2px solid var(--sn-accent-hot, #e2ff42);
  outline-offset: 2px;
  color: var(--sn-text, #f2f4f5);
}

.Dock-module__gzT0la__btn svg {
  width: 18px;
  height: 18px;
  display: block;
}

.Dock-module__gzT0la__nav {
  width: var(--nav);
  height: var(--nav);
}

.Dock-module__gzT0la__ask {
  color: var(--sn-accent, #c7f11b);
}

.Dock-module__gzT0la__ask:hover, .Dock-module__gzT0la__ask:focus-visible {
  color: var(--sn-accent-hot, #e2ff42);
}

.Dock-module__gzT0la__sep {
  background: #ffffff14;
  border-radius: 1px;
  flex: none;
  width: 1px;
  height: 22px;
  margin: 0 3px;
}

.Dock-module__gzT0la__play {
  --sn-dock-p: var(--sn-tour-p, var(--sn-dock-p-fallback, 0));
}

.Dock-module__gzT0la__ring {
  background: conic-gradient(var(--sn-accent, #c7f11b) calc(var(--sn-dock-p) * 1turn), #ffffff14 0);
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
  inset: 1px;
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 2.6px), #000 calc(100% - 1.6px));
  mask: radial-gradient(farthest-side, #0000 calc(100% - 2.6px), #000 calc(100% - 1.6px));
}

.Dock-module__gzT0la__play[data-playing="true"] {
  color: var(--sn-accent, #c7f11b);
}

.Dock-module__gzT0la__dots {
  height: var(--nav);
  flex: none;
  align-items: center;
  gap: 4px;
  padding: 0 12px;
  display: flex;
  position: relative;
}

.Dock-module__gzT0la__dot {
  cursor: pointer;
  width: 6px;
  height: 18px;
  transform: translate3d(calc(var(--side, 0) * 10px), 0, 0);
  transition: transform .24s var(--ease-enter);
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  flex: none;
  padding: 0;
  position: relative;
}

.Dock-module__gzT0la__dot:before {
  content: "";
  border-radius: 999px;
  position: absolute;
  inset: -4px -3px;
}

.Dock-module__gzT0la__dot[aria-current="step"]:before {
  inset: -4px -13px;
}

.Dock-module__gzT0la__dot:focus-visible {
  outline: none;
}

.Dock-module__gzT0la__dot:focus-visible:before {
  outline: 2px solid var(--sn-accent-hot, #e2ff42);
  outline-offset: 1px;
}

.Dock-module__gzT0la__pip {
  width: 26px;
  height: 18px;
  transition: transform .24s var(--ease-enter), background-color .24s ease;
  background: #ffffff4d;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  margin-left: -13px;
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  transform: scale(.231, .334);
}

.Dock-module__gzT0la__dot:hover .Dock-module__gzT0la__pip {
  background: #ffffff9e;
}

.Dock-module__gzT0la__dot[aria-current="step"] .Dock-module__gzT0la__pip {
  background: var(--sn-accent, #c7f11b);
  transform: none;
}

.Dock-module__gzT0la__idx {
  color: #071018;
  font: 600 10px/1 var(--font-mono), ui-monospace, monospace;
  letter-spacing: .02em;
  opacity: 0;
  transition: opacity .16s;
}

.Dock-module__gzT0la__dot[aria-current="step"] .Dock-module__gzT0la__idx {
  opacity: 1;
  transition-delay: .1s;
}

.Dock-module__gzT0la__counter {
  color: var(--sn-muted, #7c8794);
  font: 600 12px/1 var(--font-mono), ui-monospace, monospace;
  flex: none;
  align-items: baseline;
  gap: 4px;
  padding: 0 6px;
  display: none;
}

.Dock-module__gzT0la__counter b {
  color: var(--sn-accent, #c7f11b);
  font-weight: 600;
}

.Dock-module__gzT0la__seg {
  background: #ffffff08;
  border: 1px solid #ffffff0d;
  border-radius: 999px;
  flex: none;
  grid-template-columns: repeat(4, 1fr);
  padding: 2px;
  display: grid;
  position: relative;
}

.Dock-module__gzT0la__thumb {
  width: calc(25% - 1px);
  transform: translateX(calc(var(--sn-seg-i, 0) * 100%));
  transition: transform .24s var(--ease-enter);
  pointer-events: none;
  background: #ffffff14;
  border-radius: 999px;
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
}

.Dock-module__gzT0la__chip {
  z-index: 1;
  height: var(--chip);
  color: var(--sn-copy, #b5bcc5);
  font: 600 12px/1 var(--font-sans), system-ui, sans-serif;
  letter-spacing: .01em;
  white-space: nowrap;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0 9px;
  transition: color .16s;
  display: inline-flex;
  position: relative;
}

.Dock-module__gzT0la__chip:after {
  content: "";
  background: var(--sn-accent, #c7f11b);
  opacity: 0;
  width: 4px;
  height: 4px;
  transition: opacity .16s ease, transform .16s var(--ease-enter);
  border-radius: 50%;
  margin-left: -2px;
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateY(2px);
}

.Dock-module__gzT0la__chip:hover {
  color: var(--sn-text, #f2f4f5);
}

.Dock-module__gzT0la__chip[aria-checked="true"] {
  color: var(--sn-accent, #c7f11b);
}

.Dock-module__gzT0la__chip[aria-checked="true"]:after {
  opacity: 1;
  transform: none;
}

.Dock-module__gzT0la__chip:focus-visible {
  outline: 2px solid var(--sn-accent-hot, #e2ff42);
  outline-offset: 1px;
}

.Dock-module__gzT0la__lensWrap {
  flex: none;
  position: relative;
}

.Dock-module__gzT0la__lensBtn {
  width: auto;
  font: 600 12px/1 var(--font-sans), system-ui, sans-serif;
  white-space: nowrap;
  gap: 7px;
  padding: 0 12px 0 10px;
}

.Dock-module__gzT0la__lensBtn b {
  color: var(--sn-accent, #c7f11b);
  font-weight: 600;
}

.Dock-module__gzT0la__pop {
  min-width: 216px;
  animation: Dock-module__gzT0la__popIn .2s var(--ease-enter) both;
  background: #060e16f0;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  gap: 2px;
  padding: 6px;
  display: grid;
  position: absolute;
  bottom: calc(100% + 12px);
  left: 50%;
  transform: translate(-50%);
  box-shadow: inset 0 1px #ffffff0f, 0 18px 48px -18px #000000b8;
}

@keyframes Dock-module__gzT0la__popIn {
  from {
    opacity: 0;
    transform: translate(-50%, 6px);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

.Dock-module__gzT0la__popItem {
  color: var(--sn-copy, #b5bcc5);
  font: 600 12px/1.2 var(--font-sans), system-ui, sans-serif;
  text-align: left;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-radius: 10px;
  gap: 3px;
  padding: 8px 10px;
  transition: background-color .16s, color .16s;
  display: grid;
}

.Dock-module__gzT0la__popItem small {
  color: var(--sn-muted, #7c8794);
  font: 500 11px/1.3 var(--font-sans), system-ui, sans-serif;
}

.Dock-module__gzT0la__popItem:hover {
  color: var(--sn-text, #f2f4f5);
  background: #ffffff0f;
}

.Dock-module__gzT0la__popItem[aria-checked="true"] {
  color: var(--sn-accent, #c7f11b);
  background: #c7f11b14;
}

.Dock-module__gzT0la__popItem:focus-visible {
  outline: 2px solid var(--sn-accent-hot, #e2ff42);
  outline-offset: -2px;
}

.Dock-module__gzT0la__tip {
  color: var(--sn-text, #f2f4f5);
  font: 600 12px/1.2 var(--font-sans), system-ui, sans-serif;
  white-space: nowrap;
  opacity: 0;
  transition: opacity .16s ease, transform .16s var(--ease-enter);
  pointer-events: none;
  background: #030a11eb;
  border: 1px solid #c7f11b59;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 6px 8px 6px 10px;
  display: inline-flex;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translate(-50%, 4px);
}

.Dock-module__gzT0la__tip kbd {
  min-width: 10px;
  color: var(--sn-copy, #b5bcc5);
  font: 600 10px/1 var(--font-mono), ui-monospace, monospace;
  text-align: center;
  border: 1px solid #ffffff24;
  border-bottom-width: 2px;
  border-radius: 5px;
  padding: 3px 5px;
}

.Dock-module__gzT0la__btn:hover > .Dock-module__gzT0la__tip, .Dock-module__gzT0la__btn:focus-visible > .Dock-module__gzT0la__tip, .Dock-module__gzT0la__dot:hover > .Dock-module__gzT0la__tip, .Dock-module__gzT0la__dot:focus-visible > .Dock-module__gzT0la__tip, .Dock-module__gzT0la__chip:hover > .Dock-module__gzT0la__tip, .Dock-module__gzT0la__chip:focus-visible > .Dock-module__gzT0la__tip {
  opacity: 1;
  transition-delay: 60ms;
  transform: translate(-50%);
}

.Dock-module__gzT0la__dock:hover .Dock-module__gzT0la__btn:focus-visible:not(:hover) > .Dock-module__gzT0la__tip, .Dock-module__gzT0la__dock:hover .Dock-module__gzT0la__dot:focus-visible:not(:hover) > .Dock-module__gzT0la__tip, .Dock-module__gzT0la__dock:hover .Dock-module__gzT0la__chip:focus-visible:not(:hover) > .Dock-module__gzT0la__tip {
  opacity: 0;
  transition-delay: 0s;
  transform: translate(-50%, 4px);
}

@media (max-width: 899px) {
  .Dock-module__gzT0la__dots {
    display: none;
  }

  .Dock-module__gzT0la__counter {
    display: inline-flex;
  }
}

@media (max-width: 720px) {
  .Dock-module__gzT0la__dock, .Dock-module__gzT0la__handle {
    display: none;
  }
}

@media (hover: none) {
  .Dock-module__gzT0la__tip {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .Dock-module__gzT0la__dock, .Dock-module__gzT0la__dock[data-state="hidden"], .Dock-module__gzT0la__dock[data-state="hidden"]:focus-within {
    transition: opacity .2s;
    transform: translate(-50%);
  }

  [data-boot] .Dock-module__gzT0la__dock:not([data-state="hidden"]) {
    animation: none;
  }

  .Dock-module__gzT0la__btn {
    transform: none;
  }

  .Dock-module__gzT0la__dot {
    transform: translate3d(calc(var(--side, 0) * 10px), 0, 0);
  }

  .Dock-module__gzT0la__dot, .Dock-module__gzT0la__pip, .Dock-module__gzT0la__thumb, .Dock-module__gzT0la__chip:after, .Dock-module__gzT0la__tip, .Dock-module__gzT0la__idx, .Dock-module__gzT0la__handle {
    transition: none;
  }

  .Dock-module__gzT0la__pop {
    animation: none;
  }
}

.Dock-module__gzT0la__dock[data-reduced="true"], .Dock-module__gzT0la__dock[data-reduced="true"][data-state="hidden"], .Dock-module__gzT0la__dock[data-reduced="true"][data-state="hidden"]:focus-within {
  transition: opacity .2s;
  transform: translate(-50%);
}

[data-boot] .Dock-module__gzT0la__dock[data-reduced="true"]:not([data-state="hidden"]) {
  animation: none;
}

.Dock-module__gzT0la__dock[data-reduced="true"] .Dock-module__gzT0la__btn {
  transform: none;
}

.Dock-module__gzT0la__dock[data-reduced="true"] .Dock-module__gzT0la__dot, .Dock-module__gzT0la__dock[data-reduced="true"] .Dock-module__gzT0la__pip, .Dock-module__gzT0la__dock[data-reduced="true"] .Dock-module__gzT0la__thumb, .Dock-module__gzT0la__dock[data-reduced="true"] .Dock-module__gzT0la__chip:after, .Dock-module__gzT0la__dock[data-reduced="true"] .Dock-module__gzT0la__tip, .Dock-module__gzT0la__dock[data-reduced="true"] .Dock-module__gzT0la__idx {
  transition: none;
}

.Dock-module__gzT0la__dock[data-reduced="true"] .Dock-module__gzT0la__pop {
  animation: none;
}

/* [project]/src/features/studyninja-presentation/living/lens/LensCard.module.css [app-client] (css) */
.LensCard-module__8avVdW__slot {
  z-index: 30;
  box-sizing: border-box;
  pointer-events: none;
  color: var(--sn-text, #f2f4f5);
  font-family: var(--font-sans), sans-serif;
  --u: calc(100cqi / var(--sn-lens-w, 30));
  --lens-lime: var(--sn-accent, #c7f11b);
  --lens-hot: var(--sn-accent-hot, #e2ff42);
  --lens-copy: var(--sn-copy, #b5bcc5);
  --lens-muted: var(--sn-muted, #7c8794);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  container-type: inline-size;
}

.LensCard-module__8avVdW__slot[data-anchor$="right"] {
  justify-content: flex-end;
}

.LensCard-module__8avVdW__slot[data-anchor^="bottom"] {
  align-items: flex-end;
}

.LensCard-module__8avVdW__slot[data-variant="inline"] {
  --u: clamp(11px, 3.4vw, 14px);
  width: 100%;
  display: block;
  position: static;
  container-type: normal;
}

.LensCard-module__8avVdW__card {
  box-sizing: border-box;
  width: 100%;
  padding: calc(var(--u) * 1.2);
  pointer-events: auto;
  background: #0b151feb;
  border: 1px solid #33414db3;
  border-radius: 14px;
  flex: none;
  position: relative;
  box-shadow: inset 0 1px #ffffff0f;
}

.LensCard-module__8avVdW__slot:not([data-ready]) .LensCard-module__8avVdW__card {
  opacity: 0;
}

.LensCard-module__8avVdW__slot[data-expanded="true"] .LensCard-module__8avVdW__card {
  width: calc(var(--u) * var(--sn-lens-wx, 30));
  max-width: calc(var(--u) * 34);
}

.LensCard-module__8avVdW__slot[data-variant="inline"] .LensCard-module__8avVdW__card, .LensCard-module__8avVdW__slot[data-variant="inline"][data-expanded="true"] .LensCard-module__8avVdW__card {
  width: 100%;
  max-width: none;
}

.LensCard-module__8avVdW__body {
  min-width: 0;
}

.LensCard-module__8avVdW__glyph {
  width: calc(var(--u) * 1.05);
  height: calc(var(--u) * 1.05);
  color: var(--lens-lime);
  flex: none;
}

.LensCard-module__8avVdW__eyebrow {
  align-items: center;
  gap: calc(var(--u) * .45);
  padding-right: calc(var(--u) * 2.3);
  color: var(--lens-muted);
  font-size: calc(var(--u) * .8);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0;
  font-weight: 600;
  line-height: 1.25;
  display: flex;
}

.LensCard-module__8avVdW__sep {
  opacity: .6;
}

.LensCard-module__8avVdW__index {
  font-family: var(--font-mono), monospace;
  letter-spacing: .04em;
}

.LensCard-module__8avVdW__focus {
  margin: calc(var(--u) * .3) 0 0;
  color: var(--lens-muted);
  font-size: calc(var(--u) * .82);
  line-height: 1.35;
}

.LensCard-module__8avVdW__headline {
  margin: calc(var(--u) * .55) 0 0;
  color: var(--sn-text, #f2f4f5);
  font-size: calc(var(--u) * 1.3);
  letter-spacing: -.01em;
  text-wrap: balance;
  font-weight: 600;
  line-height: 1.2;
}

.LensCard-module__8avVdW__insight {
  margin: calc(var(--u) * .55) 0 0;
  color: var(--lens-copy);
  font-size: calc(var(--u) * .92);
  line-height: 1.4;
}

.LensCard-module__8avVdW__try {
  align-items: center;
  gap: calc(var(--u) * .45);
  max-width: 100%;
  margin: calc(var(--u) * .85) 0 0;
  padding: calc(var(--u) * .42) calc(var(--u) * .95) calc(var(--u) * .42) calc(var(--u) * .75);
  color: var(--lens-lime);
  font: 600 calc(var(--u) * .85) / 1.25 var(--font-sans), sans-serif;
  text-align: left;
  cursor: pointer;
  background: #c7f11b0f;
  border: 1px solid #c7f11b8c;
  border-radius: 999px;
  transition: border-color .16s, background-color .16s, color .16s;
  display: inline-flex;
}

.LensCard-module__8avVdW__arrow {
  width: calc(var(--u) * .95);
  height: calc(var(--u) * .95);
  flex: none;
}

.LensCard-module__8avVdW__try:hover, .LensCard-module__8avVdW__try[data-active="true"] {
  border-color: var(--lens-hot);
  color: var(--lens-hot);
  background: #e2ff4224;
}

.LensCard-module__8avVdW__questions {
  gap: calc(var(--u) * .4);
  margin-top: calc(var(--u) * .85);
  display: grid;
}

.LensCard-module__8avVdW__q {
  align-items: flex-start;
  gap: calc(var(--u) * .5);
  width: 100%;
  padding: calc(var(--u) * .45) calc(var(--u) * .9) calc(var(--u) * .45) calc(var(--u) * .75);
  color: var(--lens-copy);
  font: 500 calc(var(--u) * .82) / 1.3 var(--font-sans), sans-serif;
  text-align: left;
  cursor: pointer;
  background: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  transition: border-color .16s, background-color .16s, color .16s;
  display: flex;
}

.LensCard-module__8avVdW__q:hover {
  color: var(--sn-text, #f2f4f5);
  background: #c7f11b0f;
  border-color: #c7f11b80;
}

.LensCard-module__8avVdW__qMark {
  color: var(--lens-lime);
  font-family: var(--font-mono), monospace;
  flex: none;
  font-weight: 700;
}

.LensCard-module__8avVdW__toggle {
  top: calc(var(--u) * .6);
  right: calc(var(--u) * .6);
  width: calc(var(--u) * 1.9);
  height: calc(var(--u) * 1.9);
  color: var(--lens-copy);
  cursor: pointer;
  background: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  place-items: center;
  padding: 0;
  transition: border-color .16s, background-color .16s, color .16s;
  display: grid;
  position: absolute;
}

.LensCard-module__8avVdW__toggle svg {
  width: 55%;
  height: 55%;
}

.LensCard-module__8avVdW__toggle:hover {
  color: var(--sn-text, #f2f4f5);
  background: #ffffff0f;
  border-color: #c7f11b80;
}

.LensCard-module__8avVdW__try:focus-visible, .LensCard-module__8avVdW__q:focus-visible, .LensCard-module__8avVdW__toggle:focus-visible, .LensCard-module__8avVdW__pill:focus-visible {
  outline: 2px solid var(--lens-hot);
  outline-offset: 2px;
}

.LensCard-module__8avVdW__slot[data-density="compact"] .LensCard-module__8avVdW__card {
  padding: calc(var(--u) * .8) calc(var(--u) * .95);
}

.LensCard-module__8avVdW__slot[data-density="compact"] .LensCard-module__8avVdW__eyebrow {
  font-size: calc(var(--u) * .72);
}

.LensCard-module__8avVdW__slot[data-density="compact"] .LensCard-module__8avVdW__headline {
  margin-top: calc(var(--u) * .32);
  font-size: calc(var(--u) * 1.1);
  line-height: 1.15;
}

.LensCard-module__8avVdW__slot[data-density="compact"] .LensCard-module__8avVdW__try {
  margin-top: calc(var(--u) * .5);
  padding: calc(var(--u) * .38) calc(var(--u) * .85) calc(var(--u) * .38) calc(var(--u) * .68);
  font-size: calc(var(--u) * .78);
  line-height: 1.2;
}

.LensCard-module__8avVdW__slot[data-density="strip"] .LensCard-module__8avVdW__card {
  padding: calc(var(--u) * .7) calc(var(--u) * .9);
}

.LensCard-module__8avVdW__slot[data-density="strip"] .LensCard-module__8avVdW__body {
  column-gap: calc(var(--u) * .8);
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  grid-template-areas: "eyebrow eyebrow"
                       "headline try";
  align-items: center;
  display: grid;
}

.LensCard-module__8avVdW__slot[data-density="strip"] .LensCard-module__8avVdW__eyebrow {
  font-size: calc(var(--u) * .7);
  grid-area: eyebrow;
}

.LensCard-module__8avVdW__slot[data-density="strip"] .LensCard-module__8avVdW__headline {
  margin-top: calc(var(--u) * .3);
  font-size: var(--u);
  grid-area: headline;
  line-height: 1.15;
}

.LensCard-module__8avVdW__slot[data-density="strip"] .LensCard-module__8avVdW__try {
  margin-top: calc(var(--u) * .3);
  padding: calc(var(--u) * .36) calc(var(--u) * .8) calc(var(--u) * .36) calc(var(--u) * .65);
  font-size: calc(var(--u) * .74);
  grid-area: try;
  justify-self: end;
  line-height: 1.2;
}

.LensCard-module__8avVdW__slot[data-density="pill"] .LensCard-module__8avVdW__card {
  height: calc(var(--u) * 2.4);
  padding: 0 calc(var(--u) * .3) 0 calc(var(--u) * .9);
  border-radius: 999px;
  align-items: center;
  display: flex;
}

.LensCard-module__8avVdW__slot[data-density="pill"] .LensCard-module__8avVdW__body {
  flex: auto;
  min-width: 0;
  height: 100%;
}

.LensCard-module__8avVdW__slot[data-density="pill"] .LensCard-module__8avVdW__toggle {
  margin-left: calc(var(--u) * .4);
  width: calc(var(--u) * 1.8);
  height: calc(var(--u) * 1.8);
  flex: none;
  position: static;
}

.LensCard-module__8avVdW__pill {
  align-items: center;
  gap: calc(var(--u) * .55);
  width: 100%;
  min-width: 0;
  height: 100%;
  color: var(--sn-text, #f2f4f5);
  font: 600 calc(var(--u) * .9) / 1.2 var(--font-sans), sans-serif;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  display: flex;
}

.LensCard-module__8avVdW__pillText {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.LensCard-module__8avVdW__slot[data-variant="inline"] .LensCard-module__8avVdW__card {
  border-radius: 14px;
}

.LensCard-module__8avVdW__slot[data-variant="inline"][data-density="pill"] .LensCard-module__8avVdW__card {
  border-radius: 999px;
}

@media (hover: none) {
  .LensCard-module__8avVdW__try:hover, .LensCard-module__8avVdW__q:hover, .LensCard-module__8avVdW__toggle:hover {
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .LensCard-module__8avVdW__try, .LensCard-module__8avVdW__q, .LensCard-module__8avVdW__toggle {
    transition: none;
  }
}

/* [project]/src/features/studyninja-presentation/living/light/NeonLayer.module.css [app-client] (css) */
.NeonLayer-module__d-ivWG__layer {
  contain: strict;
  pointer-events: none;
  opacity: 1;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.NeonLayer-module__d-ivWG__layer[data-blend="screen"] {
  mix-blend-mode: screen;
}

.NeonLayer-module__d-ivWG__layer[data-phase="off"] {
  opacity: 0;
}

.NeonLayer-module__d-ivWG__layer[data-phase="on"] {
  animation: .46s linear .28s both NeonLayer-module__d-ivWG__powerOn;
}

[data-boot] .NeonLayer-module__d-ivWG__layer[data-phase="on"] {
  animation-delay: .42s;
}

@keyframes NeonLayer-module__d-ivWG__powerOn {
  0% {
    opacity: 0;
  }

  38% {
    opacity: .85;
  }

  46% {
    opacity: .18;
  }

  58% {
    opacity: 1;
  }

  66% {
    opacity: .45;
  }

  76%, 100% {
    opacity: 1;
  }
}

.NeonLayer-module__d-ivWG__glow {
  filter: blur(14px);
  transform: translate3d(calc(var(--sn-dx, 0) * 3px), calc(var(--sn-dy, 0) * 3px), 0);
  animation: NeonLayer-module__d-ivWG__breathe 6s var(--sn-ease-breathe, cubic-bezier(.45, 0, .55, 1)) infinite;
  will-change: opacity, transform;
  position: absolute;
  inset: -24px;
}

@keyframes NeonLayer-module__d-ivWG__breathe {
  0%, 100% {
    opacity: .34;
  }

  50% {
    opacity: .58;
  }
}

.NeonLayer-module__d-ivWG__fill, .NeonLayer-module__d-ivWG__line {
  -webkit-mask-image: var(--sn-mask);
  mask-image: var(--sn-mask);
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: var(--sn-mask);
  position: absolute;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
}

.NeonLayer-module__d-ivWG__fill {
  background: var(--sn-accent-hot, #e2ff42);
  inset: 24px;
}

.NeonLayer-module__d-ivWG__line {
  inset: 0;
  overflow: hidden;
}

.NeonLayer-module__d-ivWG__band {
  background: linear-gradient(var(--sn-travel, 90deg),
    transparent 0 46%,
    #e2ff4259 48.4%,
    #ffffffc7 50%,
    #e2ff4259 51.6%,
    transparent 54%);
  width: 300%;
  height: 300%;
  animation: NeonLayer-module__d-ivWG__travel var(--sn-travel-ms, 7s) linear infinite paused;
  position: absolute;
  top: -100%;
  left: -100%;
}

.NeonLayer-module__d-ivWG__sector {
  top: var(--sn-cy, 50%);
  left: var(--sn-cx, 50%);
  aspect-ratio: 1;
  background: conic-gradient(from 0deg,
    transparent 0 82%,
    #e2ff4266 91%,
    #ffffffbf 96%,
    transparent);
  width: 200%;
  animation: NeonLayer-module__d-ivWG__turn var(--sn-travel-ms, 9s) linear infinite paused;
  position: absolute;
}

.NeonLayer-module__d-ivWG__band, .NeonLayer-module__d-ivWG__sector {
  will-change: transform;
}

.NeonLayer-module__d-ivWG__layer[data-travel="on"] .NeonLayer-module__d-ivWG__band, .NeonLayer-module__d-ivWG__layer[data-travel="on"] .NeonLayer-module__d-ivWG__sector {
  animation-play-state: running;
}

[data-boot] .NeonLayer-module__d-ivWG__layer .NeonLayer-module__d-ivWG__band, [data-boot] .NeonLayer-module__d-ivWG__layer .NeonLayer-module__d-ivWG__sector {
  animation-play-state: paused;
}

@keyframes NeonLayer-module__d-ivWG__travel {
  from {
    transform: translate3d(calc(var(--sn-tx, 0) * -20%), calc(var(--sn-ty, -1) * -20%), 0);
  }

  to {
    transform: translate3d(calc(var(--sn-tx, 0) * 20%), calc(var(--sn-ty, -1) * 20%), 0);
  }
}

@keyframes NeonLayer-module__d-ivWG__turn {
  from {
    transform: translate(-50%, -50%)rotate(0);
  }

  to {
    transform: translate(-50%, -50%)rotate(360deg);
  }
}

.NeonLayer-module__d-ivWG__lens {
  opacity: var(--sn-lens-on, 0);
  transform: translate3d(calc((var(--sn-mx, .5) - .5) * 100%), calc((var(--sn-my, .5) - .5) * 100%), 0);
  background: radial-gradient(circle closest-side, #ffffffd9, #e2ff4273 38%, #0000) center / 68% 68% no-repeat;
  transition: opacity .24s;
  position: absolute;
  inset: 0;
}

.NeonLayer-module__d-ivWG__layer[data-lens="off"] .NeonLayer-module__d-ivWG__lens, [data-input="coarse"] .NeonLayer-module__d-ivWG__layer .NeonLayer-module__d-ivWG__lens {
  display: none;
}

@media (hover: none) {
  .NeonLayer-module__d-ivWG__lens {
    display: none;
  }
}

.NeonLayer-module__d-ivWG__spark {
  top: calc(var(--sn-fy, 50%) - 32%);
  left: calc(var(--sn-fx, 50%) - 18%);
  width: 36%;
  height: 64%;
  animation: NeonLayer-module__d-ivWG__spark .64s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) both;
  background: radial-gradient(circle closest-side, #ffffffe6, #e2ff428c 40%, #0000);
  position: absolute;
}

@keyframes NeonLayer-module__d-ivWG__spark {
  from {
    opacity: 1;
    transform: scale(.4);
  }

  to {
    opacity: 0;
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .NeonLayer-module__d-ivWG__layer {
    transition: opacity .2s;
  }

  .NeonLayer-module__d-ivWG__layer[data-phase="on"] {
    animation: none;
  }

  .NeonLayer-module__d-ivWG__glow {
    opacity: .46;
    animation: none;
    transform: none;
  }

  .NeonLayer-module__d-ivWG__line {
    display: none;
  }
}

.NeonLayer-module__d-ivWG__layer[data-reduced="true"], [data-reduced]:not([data-reduced="false"]) .NeonLayer-module__d-ivWG__layer {
  transition: opacity .2s;
}

.NeonLayer-module__d-ivWG__layer[data-reduced="true"][data-phase="on"], [data-reduced]:not([data-reduced="false"]) .NeonLayer-module__d-ivWG__layer[data-phase="on"] {
  animation: none;
}

.NeonLayer-module__d-ivWG__layer[data-reduced="true"] .NeonLayer-module__d-ivWG__glow, [data-reduced]:not([data-reduced="false"]) .NeonLayer-module__d-ivWG__layer .NeonLayer-module__d-ivWG__glow {
  opacity: .46;
  animation: none;
  transform: none;
}

.NeonLayer-module__d-ivWG__layer[data-reduced="true"] .NeonLayer-module__d-ivWG__line, [data-reduced]:not([data-reduced="false"]) .NeonLayer-module__d-ivWG__layer .NeonLayer-module__d-ivWG__line {
  display: none;
}

/* [project]/src/features/studyninja-presentation/living/insets/scenes/classroom.module.css [app-client] (css) */
.classroom-module__uaEjea__root {
  --u: var(--sn-unit, 1cqw);
  display: contents;
}

i.classroom-module__uaEjea__ring {
  pointer-events: none;
}

.classroom-module__uaEjea__ring {
  pointer-events: none;
  transform: translate(calc(var(--u) * var(--rx)), calc(var(--u) * var(--ry)));
  transition: transform .42s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1));
  position: absolute;
  top: 0;
  left: 0;
}

.classroom-module__uaEjea__ring:before {
  content: "";
  border: 2px solid var(--sn-accent-hot);
  opacity: .92;
  border-radius: 50%;
  position: absolute;
  inset: -8%;
}

.classroom-module__uaEjea__ring:after {
  content: "";
  background: radial-gradient(closest-side, #e2ff4238, #e2ff4214 58%, #0000);
  border-radius: 50%;
  position: absolute;
  inset: -34%;
}

.classroom-module__uaEjea__card {
  box-sizing: border-box;
  padding: calc(var(--u) * 1.05) calc(var(--u) * 1.15) calc(var(--u) * .95);
  border-radius: calc(var(--u) * 1.05);
  color: var(--sn-text);
  font-family: var(--font-sans), system-ui, sans-serif;
  background: #050c16;
  border: 1px solid #ffffff1a;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.classroom-module__uaEjea__body {
  flex-direction: column;
  flex: auto;
  min-width: 0;
  display: flex;
}

.classroom-module__uaEjea__who {
  align-items: center;
  gap: calc(var(--u) * .45);
  margin: 0 0 calc(var(--u) * .55);
  color: var(--sn-muted);
  font-size: calc(var(--u) * .72);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
}

.classroom-module__uaEjea__num {
  min-width: calc(var(--u) * 1.25);
  height: calc(var(--u) * 1.25);
  padding: 0 calc(var(--u) * .3);
  color: var(--sn-accent);
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: calc(var(--u) * .7);
  letter-spacing: 0;
  border: 1px solid #c7f11b73;
  border-radius: 999px;
  place-items: center;
  display: inline-grid;
}

.classroom-module__uaEjea__label {
  align-items: center;
  gap: calc(var(--u) * .55);
  margin: 0 0 calc(var(--u) * .4);
  color: var(--sn-accent);
  font-size: calc(var(--u) * 1.02);
  font-weight: 600;
  line-height: 1.2;
  display: flex;
}

.classroom-module__uaEjea__label svg {
  width: calc(var(--u) * 1.35);
  height: calc(var(--u) * 1.35);
  flex: none;
}

.classroom-module__uaEjea__text {
  color: #e7ebee;
  font-size: calc(var(--u) * .94);
  margin: 0;
  line-height: 1.32;
}

.classroom-module__uaEjea__arrow {
  margin: calc(var(--u) * .45) 0 calc(var(--u) * .55);
  color: var(--sn-accent);
  font-size: calc(var(--u) * 1);
  text-align: center;
  line-height: 1;
  display: block;
  position: relative;
}

.classroom-module__uaEjea__arrow:after {
  content: "";
  right: 0;
  bottom: calc(var(--u) * -.3);
  background: #ffffff12;
  height: 1px;
  position: absolute;
  left: 0;
}

.classroom-module__uaEjea__apply {
  justify-content: center;
  align-items: center;
  gap: calc(var(--u) * .6);
  min-height: calc(var(--u) * 2.45);
  padding: 0 calc(var(--u) * .9);
  border-radius: calc(var(--u) * .7);
  background: var(--sn-accent);
  color: #071019;
  font: 600 calc(var(--u) * .95)/1 var(--font-sans), system-ui, sans-serif;
  cursor: pointer;
  pointer-events: auto;
  transition: transform .16s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)), opacity .16s ease;
  border: 0;
  margin-top: auto;
  display: flex;
  position: relative;
}

.classroom-module__uaEjea__apply:hover {
  background: var(--sn-accent-hot);
}

.classroom-module__uaEjea__apply:active {
  transform: scale(.985);
}

.classroom-module__uaEjea__apply:focus-visible {
  outline: 2px solid var(--sn-accent-hot);
  outline-offset: 3px;
}

.classroom-module__uaEjea__card[data-live] .classroom-module__uaEjea__body > * {
  animation: classroom-module__uaEjea__insetIn .32s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) both;
  animation-delay: calc(min(var(--i, 0), 5) * 40ms);
}

.classroom-module__uaEjea__relight {
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(120% 80% at 50% 0, #e2ff4229, #0000 60%);
  border: 1px solid #e2ff428c;
  position: absolute;
  inset: 0;
}

.classroom-module__uaEjea__card[data-live] .classroom-module__uaEjea__relight {
  animation: .6s ease-out both classroom-module__uaEjea__relight;
}

.classroom-module__uaEjea__pulse {
  border: 2px solid var(--sn-accent-hot);
  border-radius: inherit;
  pointer-events: none;
  animation: classroom-module__uaEjea__sonar 1.4s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) infinite;
  position: absolute;
  inset: -6%;
}

@keyframes classroom-module__uaEjea__insetIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes classroom-module__uaEjea__relight {
  from {
    opacity: .7;
  }

  to {
    opacity: 0;
  }
}

@keyframes classroom-module__uaEjea__sonar {
  0% {
    opacity: 0;
    transform: scale(.94);
  }

  18% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1.22);
  }
}

@media (prefers-reduced-motion: reduce) {
  .classroom-module__uaEjea__ring, .classroom-module__uaEjea__apply {
    transition: none;
  }

  .classroom-module__uaEjea__card[data-live] .classroom-module__uaEjea__body > * {
    animation: .16s both classroom-module__uaEjea__fadeIn;
  }

  .classroom-module__uaEjea__pulse {
    opacity: 1;
    animation: none;
    transform: none;
  }
}

@keyframes classroom-module__uaEjea__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* [project]/src/features/studyninja-presentation/living/insets/scenes/motivation.module.css [app-client] (css) */
.motivation-module__WucOlq__root {
  --u: var(--sn-unit, 1cqw);
  display: contents;
}

div.motivation-module__WucOlq__pillCover, i.motivation-module__WucOlq__pillRing {
  pointer-events: none;
}

.motivation-module__WucOlq__pillCover {
  opacity: 0;
  pointer-events: none;
  background: #10161c;
  place-items: center;
  transition: opacity .2s;
  display: grid;
  position: absolute;
}

.motivation-module__WucOlq__pillCover[data-on] {
  opacity: 1;
}

.motivation-module__WucOlq__pillMuted {
  box-sizing: border-box;
  align-items: center;
  gap: calc(var(--u) * .7);
  width: calc(100% - calc(var(--u) * .5));
  height: calc(var(--u) * 3.35);
  padding: 0 calc(var(--u) * .9);
  border-radius: calc(var(--u) * .85);
  color: #c5ccd3;
  font: 500 calc(var(--u) * .86)/1.18 var(--font-sans), system-ui, sans-serif;
  background: #141a21;
  border: 1px solid #ffffff29;
  display: flex;
}

.motivation-module__WucOlq__pillMuted b {
  width: calc(var(--u) * 1.7);
  height: calc(var(--u) * 1.7);
  color: var(--sn-text);
  font-size: calc(var(--u) * .9);
  border: 1px solid #ffffff47;
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-weight: 600;
  display: inline-grid;
}

.motivation-module__WucOlq__pillRing {
  box-sizing: border-box;
  border: 1px solid var(--sn-accent);
  border-radius: calc(var(--u) * 1.05);
  pointer-events: none;
  position: absolute;
}

.motivation-module__WucOlq__pillRing[data-tall] {
  border-radius: calc(var(--u) * 1.3);
}

.motivation-module__WucOlq__pillRing[data-live] {
  animation: .2s both motivation-module__WucOlq__fadeIn;
}

.motivation-module__WucOlq__panel {
  box-sizing: border-box;
  border-radius: calc(var(--u) * 1.15);
  color: var(--sn-text);
  font-family: var(--font-sans), system-ui, sans-serif;
  background: #10171f;
  border: 1px solid #ffffff17;
  position: absolute;
  overflow: hidden;
}

.motivation-module__WucOlq__body {
  grid-template-columns: 407fr 253fr 372fr;
  height: 100%;
  display: grid;
}

.motivation-module__WucOlq__cause {
  gap: calc(var(--u) * 1);
  min-width: 0;
  padding: calc(var(--u) * 1.6) calc(var(--u) * 1) calc(var(--u) * 1) calc(var(--u) * 1.6);
  border-right: 1px solid #ffffff14;
  display: flex;
}

.motivation-module__WucOlq__causeIcon {
  width: calc(var(--u) * 2.5);
  height: calc(var(--u) * 2.5);
  color: var(--sn-accent);
  border: 1px solid #c7f11b8c;
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: inline-grid;
}

.motivation-module__WucOlq__causeIcon svg {
  width: 62%;
  height: 62%;
}

.motivation-module__WucOlq__causeText {
  min-width: 0;
}

.motivation-module__WucOlq__title {
  margin: calc(var(--u) * .2) 0 calc(var(--u) * .7);
  color: var(--sn-accent);
  font-size: calc(var(--u) * 1.3);
  font-weight: 600;
  line-height: 1.15;
}

.motivation-module__WucOlq__desc, .motivation-module__WucOlq__interventionText {
  color: #c5ccd3;
  font-size: calc(var(--u) * .84);
  margin: 0;
  line-height: 1.42;
}

.motivation-module__WucOlq__inside {
  min-width: 0;
  padding: calc(var(--u) * 1.75) calc(var(--u) * .8) calc(var(--u) * 1) calc(var(--u) * 1.2);
  border-right: 1px solid #ffffff14;
}

.motivation-module__WucOlq__subhead, .motivation-module__WucOlq__subheadLime {
  margin: 0 0 calc(var(--u) * .7);
  font-size: calc(var(--u) * .88);
  font-weight: 600;
  line-height: 1.2;
}

.motivation-module__WucOlq__subheadLime {
  color: var(--sn-accent);
  font-size: calc(var(--u) * .98);
}

.motivation-module__WucOlq__bullets {
  gap: calc(var(--u) * .62);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.motivation-module__WucOlq__bullets li {
  padding-left: calc(var(--u) * .9);
  color: #c5ccd3;
  font-size: calc(var(--u) * .84);
  line-height: 1.3;
  position: relative;
}

.motivation-module__WucOlq__bullets li:before {
  content: "";
  top: calc(var(--u) * .42);
  width: calc(var(--u) * .32);
  height: calc(var(--u) * .32);
  background: var(--sn-accent);
  border-radius: 50%;
  position: absolute;
  left: 0;
}

.motivation-module__WucOlq__intervention {
  grid-template-columns: calc(var(--u) * 3.35) minmax(0, 1fr);
  column-gap: calc(var(--u) * .8);
  min-width: 0;
  padding: calc(var(--u) * .9) calc(var(--u) * 1.45) calc(var(--u) * 1) calc(var(--u) * 1);
  grid-template-rows: auto auto 1fr;
  display: grid;
}

.motivation-module__WucOlq__ninja {
  width: calc(var(--u) * 3.35);
  height: calc(var(--u) * 3.35);
  color: var(--sn-accent);
  border: 1px solid #c7f11b99;
  border-radius: 50%;
  grid-row: 1 / span 2;
  place-items: center;
  display: inline-grid;
}

.motivation-module__WucOlq__ninja svg {
  width: 62%;
  height: 62%;
}

.motivation-module__WucOlq__intervention .motivation-module__WucOlq__subheadLime {
  margin-bottom: calc(var(--u) * .5);
  align-self: end;
}

.motivation-module__WucOlq__intervention .motivation-module__WucOlq__interventionText {
  grid-column: 2;
}

.motivation-module__WucOlq__apply {
  justify-content: center;
  align-items: center;
  gap: calc(var(--u) * .7);
  min-height: calc(var(--u) * 2.4);
  padding: 0 calc(var(--u) * 1);
  border-radius: calc(var(--u) * .6);
  background: var(--sn-accent);
  color: #071019;
  font: 600 calc(var(--u) * .92)/1 var(--font-sans), system-ui, sans-serif;
  cursor: pointer;
  pointer-events: auto;
  transition: transform .16s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1));
  border: 0;
  grid-column: 1 / -1;
  align-self: end;
  display: flex;
  position: relative;
}

.motivation-module__WucOlq__apply:hover {
  background: var(--sn-accent-hot);
}

.motivation-module__WucOlq__apply:active {
  transform: scale(.985);
}

.motivation-module__WucOlq__apply:focus-visible {
  outline: 2px solid var(--sn-accent-hot);
  outline-offset: 3px;
}

.motivation-module__WucOlq__panel[data-live] .motivation-module__WucOlq__body [style*="--i"] {
  animation: motivation-module__WucOlq__insetIn .32s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) both;
  animation-delay: calc(min(var(--i, 0), 5) * 40ms);
}

.motivation-module__WucOlq__relight {
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(60% 100% at 50% 0, #e2ff421f, #0000 70%);
  border: 1px solid #e2ff4280;
  position: absolute;
  inset: 0;
}

.motivation-module__WucOlq__panel[data-live] .motivation-module__WucOlq__relight {
  animation: .6s ease-out both motivation-module__WucOlq__relight;
}

.motivation-module__WucOlq__pulse {
  border: 2px solid var(--sn-accent-hot);
  border-radius: inherit;
  pointer-events: none;
  animation: motivation-module__WucOlq__sonar 1.4s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) infinite;
  position: absolute;
  inset: -6%;
}

@keyframes motivation-module__WucOlq__insetIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes motivation-module__WucOlq__relight {
  from {
    opacity: .7;
  }

  to {
    opacity: 0;
  }
}

@keyframes motivation-module__WucOlq__sonar {
  0% {
    opacity: 0;
    transform: scale(.94);
  }

  18% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1.22);
  }
}

@keyframes motivation-module__WucOlq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .motivation-module__WucOlq__pillCover, .motivation-module__WucOlq__apply {
    transition: none;
  }

  .motivation-module__WucOlq__panel[data-live] .motivation-module__WucOlq__body [style*="--i"] {
    animation: .16s both motivation-module__WucOlq__fadeIn;
  }

  .motivation-module__WucOlq__pulse {
    opacity: 1;
    animation: none;
    transform: none;
  }
}

/* [project]/src/features/studyninja-presentation/living/insets/scenes/teacher-goal.module.css [app-client] (css) */
.teacher-goal-module__R3Mzla__root {
  --u: var(--sn-unit, 1cqw);
  display: contents;
}

i.teacher-goal-module__R3Mzla__bar, i.teacher-goal-module__R3Mzla__chipVeil, i.teacher-goal-module__R3Mzla__chipRing, div.teacher-goal-module__R3Mzla__target {
  pointer-events: none;
}

.teacher-goal-module__R3Mzla__bar {
  background: var(--sn-accent);
  pointer-events: none;
  transform: translateY(calc(var(--u) * var(--dy)));
  transition: transform .42s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1));
  position: absolute;
}

.teacher-goal-module__R3Mzla__bar:after {
  content: "";
  opacity: .8;
  background: radial-gradient(closest-side, #e2ff4273, #0000);
  position: absolute;
  inset: -20% -300%;
}

.teacher-goal-module__R3Mzla__goals {
  display: contents;
}

.teacher-goal-module__R3Mzla__goal {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--u) * .35);
  padding: calc(var(--u) * .8) calc(var(--u) * .4) 0 calc(var(--u) * .66);
  border-radius: calc(var(--u) * .5);
  color: var(--sn-text);
  font-family: var(--font-sans), system-ui, sans-serif;
  text-align: left;
  cursor: pointer;
  pointer-events: auto;
  border: 0;
  outline: 0;
  flex-direction: column;
  margin: 0;
  display: flex;
  position: absolute;
}

.teacher-goal-module__R3Mzla__goal b {
  color: #e7ebee;
  font-size: calc(var(--u) * 1.02);
  letter-spacing: .03em;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.1;
  transition: opacity .2s;
}

.teacher-goal-module__R3Mzla__goal small {
  color: var(--sn-copy);
  font-size: calc(var(--u) * .75);
  line-height: 1.2;
  transition: opacity .2s;
}

.teacher-goal-module__R3Mzla__goal:not([data-selected]) b {
  opacity: .78;
}

.teacher-goal-module__R3Mzla__goal:not([data-selected]) small {
  opacity: .7;
}

.teacher-goal-module__R3Mzla__goal[data-selected] b {
  color: var(--sn-accent);
}

.teacher-goal-module__R3Mzla__goal[data-selected] small {
  color: #d2d8de;
}

.teacher-goal-module__R3Mzla__goal:hover:not([data-selected]) b, .teacher-goal-module__R3Mzla__goal:hover:not([data-selected]) small {
  opacity: 1;
}

.teacher-goal-module__R3Mzla__goal:focus-visible {
  outline: 2px solid var(--sn-accent-hot);
  outline-offset: 3px;
}

.teacher-goal-module__R3Mzla__chipVeil {
  opacity: 0;
  pointer-events: none;
  background: #020911bd;
  border-radius: 999px;
  transition: opacity .32s;
  position: absolute;
}

.teacher-goal-module__R3Mzla__chipVeil[data-on] {
  opacity: 1;
}

.teacher-goal-module__R3Mzla__chipRing {
  box-sizing: border-box;
  pointer-events: none;
  border: 1px solid #e2ff42d9;
  border-radius: 999px;
  position: absolute;
}

.teacher-goal-module__R3Mzla__chipRing:before {
  content: "";
  border-radius: inherit;
  background: #c7f11b0f;
  position: absolute;
  inset: 0;
}

.teacher-goal-module__R3Mzla__chipRing[data-live] {
  animation: .24s both teacher-goal-module__R3Mzla__fadeIn;
}

.teacher-goal-module__R3Mzla__target {
  color: var(--sn-text);
  font-family: var(--font-sans), system-ui, sans-serif;
  text-align: center;
  pointer-events: none;
  -webkit-mask-composite: source-in;
  background: #030e1b;
  place-items: center;
  display: grid;
  position: absolute;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 12% 88%, #0000), linear-gradient(#0000, #000 12% 88%, #0000);
  mask-image: linear-gradient(90deg, #0000, #000 12% 88%, #0000), linear-gradient(#0000, #000 12% 88%, #0000);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

.teacher-goal-module__R3Mzla__targetBody {
  box-sizing: border-box;
  gap: calc(var(--u) * .5);
  width: 100%;
  padding: 0 calc(var(--u) * .5);
  display: grid;
}

.teacher-goal-module__R3Mzla__targetBody b {
  color: var(--sn-accent);
  font-size: calc(var(--u) * 1.12);
  letter-spacing: .03em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
  font-weight: 500;
  line-height: 1.12;
}

.teacher-goal-module__R3Mzla__targetBody small {
  color: #c5ccd3;
  font-size: calc(var(--u) * .72);
  line-height: 1.25;
}

.teacher-goal-module__R3Mzla__strip {
  box-sizing: border-box;
  align-items: center;
  gap: calc(var(--u) * 2);
  padding: 0 calc(var(--u) * 1.4) 0 calc(var(--u) * 1.1);
  color: var(--sn-text);
  font-family: var(--font-sans), system-ui, sans-serif;
  background: #020911;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.teacher-goal-module__R3Mzla__stripIcon {
  width: calc(var(--u) * 3.1);
  height: calc(var(--u) * 3.1);
  color: var(--sn-accent);
  border: 1px solid #c7f11bb3;
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: inline-grid;
}

.teacher-goal-module__R3Mzla__stripIcon svg {
  width: 58%;
  height: 58%;
}

.teacher-goal-module__R3Mzla__stripText {
  color: #e7ebee;
  font-size: calc(var(--u) * .96);
  margin: 0;
  line-height: 1.45;
}

.teacher-goal-module__R3Mzla__stripText b {
  color: var(--sn-accent);
  font-weight: 600;
}

.teacher-goal-module__R3Mzla__target[data-live] .teacher-goal-module__R3Mzla__targetBody > * {
  animation: teacher-goal-module__R3Mzla__insetIn .32s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) both;
  animation-delay: calc(var(--i, 0) * 40ms);
}

.teacher-goal-module__R3Mzla__strip[data-live] .teacher-goal-module__R3Mzla__stripText {
  animation: teacher-goal-module__R3Mzla__insetIn .32s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) both;
}

.teacher-goal-module__R3Mzla__relight {
  border-radius: calc(var(--u) * .6);
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #e2ff421f, #0000 55%);
  position: absolute;
  inset: 0;
}

.teacher-goal-module__R3Mzla__strip[data-live] .teacher-goal-module__R3Mzla__relight {
  animation: .6s ease-out both teacher-goal-module__R3Mzla__relight;
}

.teacher-goal-module__R3Mzla__pulse {
  border: 2px solid var(--sn-accent-hot);
  border-radius: inherit;
  pointer-events: none;
  animation: teacher-goal-module__R3Mzla__sonar 1.4s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) infinite;
  position: absolute;
  inset: -4%;
}

@keyframes teacher-goal-module__R3Mzla__insetIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes teacher-goal-module__R3Mzla__relight {
  from {
    opacity: .7;
  }

  to {
    opacity: 0;
  }
}

@keyframes teacher-goal-module__R3Mzla__sonar {
  0% {
    opacity: 0;
    transform: scale(.94);
  }

  18% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1.22);
  }
}

@keyframes teacher-goal-module__R3Mzla__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .teacher-goal-module__R3Mzla__bar, .teacher-goal-module__R3Mzla__chipVeil, .teacher-goal-module__R3Mzla__goal b, .teacher-goal-module__R3Mzla__goal small {
    transition: none;
  }

  .teacher-goal-module__R3Mzla__target[data-live] .teacher-goal-module__R3Mzla__targetBody > *, .teacher-goal-module__R3Mzla__strip[data-live] .teacher-goal-module__R3Mzla__stripText {
    animation: .16s both teacher-goal-module__R3Mzla__fadeIn;
  }

  .teacher-goal-module__R3Mzla__pulse {
    opacity: 1;
    animation: none;
    transform: none;
  }
}

/* [project]/src/features/studyninja-presentation/living/insets/scenes/knowledge-map.module.css [app-client] (css) */
.knowledge-map-module__xzIVVa__root {
  --u: var(--sn-unit, 1cqw);
  display: contents;
}

i.knowledge-map-module__xzIVVa__rowVeil, i.knowledge-map-module__xzIVVa__halo {
  pointer-events: none;
}

.knowledge-map-module__xzIVVa__mode {
  box-sizing: border-box;
  padding: calc(var(--u) * .24);
  border-radius: calc(var(--u) * .5);
  background: #0d1117;
  border: 1px solid #ffffff14;
  grid-template-columns: 1fr 1fr;
  display: grid;
  position: absolute;
}

.knowledge-map-module__xzIVVa__modeThumb {
  top: calc(var(--u) * .24);
  bottom: calc(var(--u) * .24);
  left: calc(var(--u) * .24);
  width: calc(50% - calc(var(--u) * .24));
  border-radius: calc(var(--u) * .36);
  transition: transform .24s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1));
  background: #3b480d;
  position: absolute;
}

.knowledge-map-module__xzIVVa__modeThumb[data-side="right"] {
  transform: translateX(100%);
}

.knowledge-map-module__xzIVVa__modeButton {
  z-index: 1;
  border-radius: calc(var(--u) * .36);
  color: #c5ccd3;
  font: 500 calc(var(--u) * .86)/1 var(--font-sans), system-ui, sans-serif;
  cursor: pointer;
  pointer-events: auto;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  transition: color .2s;
  position: relative;
}

.knowledge-map-module__xzIVVa__modeButton[data-on] {
  color: var(--sn-accent);
  font-weight: 600;
}

.knowledge-map-module__xzIVVa__modeButton:focus-visible {
  outline: 2px solid var(--sn-accent-hot);
  outline-offset: 2px;
}

.knowledge-map-module__xzIVVa__layerRow {
  border-radius: calc(var(--u) * .4);
  cursor: pointer;
  pointer-events: auto;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
}

.knowledge-map-module__xzIVVa__layerRow:focus-visible {
  outline: 2px solid var(--sn-accent-hot);
  outline-offset: 2px;
}

.knowledge-map-module__xzIVVa__switchCover {
  background: #0e1218;
  position: absolute;
}

.knowledge-map-module__xzIVVa__switch {
  box-sizing: border-box;
  background: #ffffff24;
  border-radius: 999px;
  transition: background-color .24s;
  position: absolute;
}

.knowledge-map-module__xzIVVa__switch[data-on] {
  background: #6a8d06;
}

.knowledge-map-module__xzIVVa__switch i {
  aspect-ratio: 1;
  height: 84%;
  transition: transform .24s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)), background-color .24s ease;
  background: #d7dde3;
  border-radius: 50%;
  position: absolute;
  top: 8%;
  left: 5%;
}

.knowledge-map-module__xzIVVa__switch[data-on] i {
  background: #fcfcfb;
  transform: translateX(126%);
}

.knowledge-map-module__xzIVVa__rowVeil {
  border-radius: calc(var(--u) * 1.2);
  opacity: 0;
  pointer-events: none;
  background: #030a11c7;
  transition: opacity .32s;
  position: absolute;
}

.knowledge-map-module__xzIVVa__rowVeil[data-on] {
  opacity: 1;
}

.knowledge-map-module__xzIVVa__halo {
  pointer-events: none;
  position: absolute;
}

.knowledge-map-module__xzIVVa__halo:before {
  content: "";
  border: 2px solid var(--sn-accent-hot);
  opacity: .9;
  border-radius: 50%;
  position: absolute;
  inset: -8%;
}

.knowledge-map-module__xzIVVa__halo:after {
  content: "";
  background: radial-gradient(closest-side, #e2ff4233, #e2ff4212 60%, #0000);
  border-radius: 50%;
  position: absolute;
  inset: -30%;
}

.knowledge-map-module__xzIVVa__halo[data-live] {
  animation: knowledge-map-module__xzIVVa__haloIn .32s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) both;
}

.knowledge-map-module__xzIVVa__drawer {
  color: var(--sn-text);
  font-family: var(--font-sans), system-ui, sans-serif;
  background: #0d1017;
  position: absolute;
  overflow: hidden;
}

.knowledge-map-module__xzIVVa__empty {
  padding: 0 calc(var(--u) * 2);
  color: var(--sn-muted);
  font-size: calc(var(--u) * .9);
  text-align: center;
  opacity: 1;
  place-items: center;
  margin: 0;
  line-height: 1.45;
  transition: opacity .24s .2s;
  display: grid;
  position: absolute;
  inset: 0;
}

.knowledge-map-module__xzIVVa__drawer[data-open] .knowledge-map-module__xzIVVa__empty {
  opacity: 0;
  transition-delay: 0s;
}

.knowledge-map-module__xzIVVa__slide {
  transition: transform .32s var(--sn-ease-exit, cubic-bezier(.4, 0, .2, 1));
  background: #0d1017;
  position: absolute;
  inset: 0;
  transform: translateX(100%);
}

.knowledge-map-module__xzIVVa__drawer[data-open] .knowledge-map-module__xzIVVa__slide {
  transition-timing-function: var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1));
  transform: none;
}

.knowledge-map-module__xzIVVa__body {
  position: absolute;
  inset: 0;
}

.knowledge-map-module__xzIVVa__close {
  border-radius: calc(var(--u) * .5);
  color: #d2d8de;
  cursor: pointer;
  pointer-events: auto;
  background: none;
  border: 0;
  place-items: center;
  margin: 0;
  padding: 0;
  display: grid;
  position: absolute;
}

.knowledge-map-module__xzIVVa__close svg {
  width: 40%;
  height: 40%;
}

.knowledge-map-module__xzIVVa__close:hover {
  color: var(--sn-text);
  background: #ffffff0d;
}

.knowledge-map-module__xzIVVa__close:focus-visible {
  outline: 2px solid var(--sn-accent-hot);
  outline-offset: 2px;
}

.knowledge-map-module__xzIVVa__glyph {
  box-sizing: border-box;
  border: 2px solid var(--sn-accent);
  color: var(--sn-text);
  font: 600 calc(var(--u) * 1.05)/1 var(--font-sans), system-ui, sans-serif;
  letter-spacing: -.01em;
  background: #1a2408;
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
}

.knowledge-map-module__xzIVVa__glyph[data-type="error"] {
  background: #17202c;
  border-color: #8fa5c9;
}

.knowledge-map-module__xzIVVa__glyph[data-type="prerequisite"] {
  background: #151d0a;
}

.knowledge-map-module__xzIVVa__glyph[data-type="example"] {
  font-family: var(--font-mono), ui-monospace, monospace;
}

.knowledge-map-module__xzIVVa__title {
  color: var(--sn-text);
  font-size: calc(var(--u) * 1.2);
  align-items: center;
  margin: 0;
  font-weight: 600;
  line-height: 1.15;
  display: flex;
  position: absolute;
}

.knowledge-map-module__xzIVVa__chip {
  align-items: center;
  display: flex;
  position: absolute;
}

.knowledge-map-module__xzIVVa__chip b {
  padding: calc(var(--u) * .22) calc(var(--u) * .55);
  color: #c5ccd3;
  font-size: calc(var(--u) * .66);
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  font-weight: 500;
  line-height: 1.1;
  display: inline-block;
}

.knowledge-map-module__xzIVVa__summary, .knowledge-map-module__xzIVVa__nextText {
  color: #c5ccd3;
  font-size: calc(var(--u) * .9);
  margin: 0;
  line-height: 1.5;
  position: absolute;
}

.knowledge-map-module__xzIVVa__nextText {
  font-size: calc(var(--u) * .86);
  line-height: 1.45;
}

.knowledge-map-module__xzIVVa__rule {
  background: #ffffff14;
  position: absolute;
}

.knowledge-map-module__xzIVVa__head {
  color: var(--sn-text);
  font-size: calc(var(--u) * .9);
  align-items: center;
  margin: 0;
  font-weight: 600;
  line-height: 1.1;
  display: flex;
  position: absolute;
}

.knowledge-map-module__xzIVVa__row, .knowledge-map-module__xzIVVa__related {
  align-items: center;
  gap: calc(var(--u) * .7);
  padding: 0 calc(var(--u) * .35);
  border-radius: calc(var(--u) * .45);
  color: var(--sn-text);
  font-family: var(--font-sans), system-ui, sans-serif;
  text-align: left;
  cursor: pointer;
  pointer-events: auto;
  background: none;
  border: 0;
  margin: 0;
  transition: background-color .16s;
  display: flex;
  position: absolute;
}

.knowledge-map-module__xzIVVa__row:hover, .knowledge-map-module__xzIVVa__related:hover {
  background: #ffffff0a;
}

.knowledge-map-module__xzIVVa__row:focus-visible, .knowledge-map-module__xzIVVa__related:focus-visible {
  outline: 2px solid var(--sn-accent-hot);
  outline-offset: 1px;
}

.knowledge-map-module__xzIVVa__rowIcon, .knowledge-map-module__xzIVVa__relatedIcon {
  width: calc(var(--u) * 1.65);
  height: calc(var(--u) * 1.65);
  border-radius: calc(var(--u) * .35);
  color: #d2d8de;
  font-size: calc(var(--u) * .8);
  border: 1px solid #ffffff1f;
  flex: none;
  place-items: center;
  display: inline-grid;
}

.knowledge-map-module__xzIVVa__relatedIcon {
  width: calc(var(--u) * 1.4);
  height: calc(var(--u) * 1.4);
  font-size: calc(var(--u) * .7);
}

.knowledge-map-module__xzIVVa__rowLabel {
  color: #e7ebee;
  min-width: 0;
  font-size: calc(var(--u) * .87);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: auto;
  overflow: hidden;
}

.knowledge-map-module__xzIVVa__dots {
  gap: calc(var(--u) * .78);
  margin-right: calc(var(--u) * .6);
  flex: none;
  display: flex;
}

.knowledge-map-module__xzIVVa__dots i {
  width: calc(var(--u) * .5);
  height: calc(var(--u) * .5);
  background: #3a404c;
  border-radius: 50%;
}

.knowledge-map-module__xzIVVa__dots i[data-dot="m"] {
  background: #c1ee3c;
}

.knowledge-map-module__xzIVVa__dots i[data-dot="w"] {
  background: #6493e9;
}

.knowledge-map-module__xzIVVa__bars {
  margin-right: calc(var(--u) * 1.3);
  height: calc(var(--u) * .7);
  flex: none;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.knowledge-map-module__xzIVVa__bars i {
  width: calc(var(--u) * .22);
  background: #d2d8de;
  border-radius: 1px;
}

.knowledge-map-module__xzIVVa__bars i:first-child {
  height: 45%;
}

.knowledge-map-module__xzIVVa__bars i:nth-child(2) {
  height: 70%;
}

.knowledge-map-module__xzIVVa__bars i:nth-child(3) {
  height: 100%;
}

.knowledge-map-module__xzIVVa__rowChevron {
  width: calc(var(--u) * .8);
  color: #c5ccd3;
  flex: none;
  place-items: center;
  display: inline-grid;
}

.knowledge-map-module__xzIVVa__rowChevron svg {
  width: 100%;
  height: auto;
}

.knowledge-map-module__xzIVVa__cta {
  justify-content: center;
  align-items: center;
  gap: calc(var(--u) * .6);
  border-radius: calc(var(--u) * .5);
  background: var(--sn-accent);
  color: #071019;
  font: 600 calc(var(--u) * .9)/1 var(--font-sans), system-ui, sans-serif;
  cursor: pointer;
  pointer-events: auto;
  transition: transform .16s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1));
  border: 0;
  margin: 0;
  padding: 0;
  display: flex;
  position: absolute;
}

.knowledge-map-module__xzIVVa__cta span {
  font-size: calc(var(--u) * .7);
}

.knowledge-map-module__xzIVVa__cta:hover {
  background: var(--sn-accent-hot);
}

.knowledge-map-module__xzIVVa__cta:active {
  transform: scale(.985);
}

.knowledge-map-module__xzIVVa__cta:focus-visible {
  outline: 2px solid var(--sn-accent-hot);
  outline-offset: 3px;
}

.knowledge-map-module__xzIVVa__showAll {
  align-items: center;
  gap: calc(var(--u) * .5);
  color: var(--sn-accent);
  font: 500 calc(var(--u) * .87)/1 var(--font-sans), system-ui, sans-serif;
  cursor: pointer;
  pointer-events: auto;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  display: flex;
  position: absolute;
}

.knowledge-map-module__xzIVVa__showAll span {
  width: calc(var(--u) * .8);
  display: inline-grid;
}

.knowledge-map-module__xzIVVa__showAll span svg {
  width: 100%;
  height: auto;
}

.knowledge-map-module__xzIVVa__showAll:hover {
  color: var(--sn-accent-hot);
}

.knowledge-map-module__xzIVVa__showAll:focus-visible {
  outline: 2px solid var(--sn-accent-hot);
  outline-offset: 3px;
}

.knowledge-map-module__xzIVVa__drawer[data-live] .knowledge-map-module__xzIVVa__body [style*="--i"] {
  animation: knowledge-map-module__xzIVVa__insetIn .32s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) both;
  animation-delay: calc(min(var(--i, 0), 5) * 40ms);
}

.knowledge-map-module__xzIVVa__relight {
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(#e2ff421f, #0000 45%);
  border-left: 2px solid #e2ff4280;
  position: absolute;
  inset: 0;
}

.knowledge-map-module__xzIVVa__drawer[data-live] .knowledge-map-module__xzIVVa__relight {
  animation: .6s ease-out both knowledge-map-module__xzIVVa__relight;
}

.knowledge-map-module__xzIVVa__pulse {
  border: 2px solid var(--sn-accent-hot);
  border-radius: inherit;
  pointer-events: none;
  animation: knowledge-map-module__xzIVVa__sonar 1.4s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) infinite;
  position: absolute;
  inset: -6%;
}

.knowledge-map-module__xzIVVa__layerRow .knowledge-map-module__xzIVVa__pulse {
  border-radius: calc(var(--u) * .5);
}

@keyframes knowledge-map-module__xzIVVa__insetIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes knowledge-map-module__xzIVVa__haloIn {
  from {
    opacity: 0;
    transform: scale(.92);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes knowledge-map-module__xzIVVa__relight {
  from {
    opacity: .7;
  }

  to {
    opacity: 0;
  }
}

@keyframes knowledge-map-module__xzIVVa__sonar {
  0% {
    opacity: 0;
    transform: scale(.94);
  }

  18% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1.22);
  }
}

@keyframes knowledge-map-module__xzIVVa__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .knowledge-map-module__xzIVVa__modeThumb, .knowledge-map-module__xzIVVa__modeButton, .knowledge-map-module__xzIVVa__switch, .knowledge-map-module__xzIVVa__switch i, .knowledge-map-module__xzIVVa__rowVeil, .knowledge-map-module__xzIVVa__empty, .knowledge-map-module__xzIVVa__slide, .knowledge-map-module__xzIVVa__cta, .knowledge-map-module__xzIVVa__row, .knowledge-map-module__xzIVVa__related {
    transition: none;
  }

  .knowledge-map-module__xzIVVa__drawer[data-live] .knowledge-map-module__xzIVVa__body [style*="--i"] {
    animation: .16s both knowledge-map-module__xzIVVa__fadeIn;
  }

  .knowledge-map-module__xzIVVa__halo[data-live] {
    animation: .16s both knowledge-map-module__xzIVVa__fadeIn;
  }

  .knowledge-map-module__xzIVVa__pulse {
    opacity: 1;
    animation: none;
    transform: none;
  }
}

/* [project]/src/features/studyninja-presentation/living/insets/scenes/personal-route.module.css [app-client] (css) */
.personal-route-module__jb5Enq__root {
  --u: var(--sn-unit, 1cqw);
  display: contents;
}

span.personal-route-module__jb5Enq__strip, i.personal-route-module__jb5Enq__compareRing {
  pointer-events: none;
}

.personal-route-module__jb5Enq__sliders {
  display: contents;
}

.personal-route-module__jb5Enq__strip {
  pointer-events: none;
  background: #0a0f13;
  display: block;
  position: absolute;
}

.personal-route-module__jb5Enq__track {
  background: #ffffff1a;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 5%;
  right: 6%;
  transform: translateY(-50%);
}

.personal-route-module__jb5Enq__dot {
  width: calc(var(--u) * .48);
  height: calc(var(--u) * .48);
  background: #2b2e33;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.personal-route-module__jb5Enq__knob {
  aspect-ratio: 1;
  margin-top: calc(var(--u) * -.45);
  background: var(--sn-accent);
  transform: translateX(calc(var(--u) * 1.944 * var(--v, 0)));
  transition: transform .24s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1));
  border-radius: 50%;
  position: absolute;
  top: 50%;
}

.personal-route-module__jb5Enq__knob:after {
  content: "";
  background: radial-gradient(closest-side, #e2ff4259, #0000);
  border-radius: 50%;
  position: absolute;
  inset: -45%;
}

.personal-route-module__jb5Enq__stop {
  border-radius: calc(var(--u) * .4);
  cursor: pointer;
  pointer-events: auto;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
}

.personal-route-module__jb5Enq__stop:focus-visible {
  outline: 2px solid var(--sn-accent-hot);
  outline-offset: -2px;
}

.personal-route-module__jb5Enq__callout {
  box-sizing: border-box;
  padding: calc(var(--u) * .6) calc(var(--u) * .8);
  border-radius: calc(var(--u) * .85);
  color: var(--sn-text);
  font-family: var(--font-sans), system-ui, sans-serif;
  text-align: left;
  cursor: pointer;
  pointer-events: auto;
  background: linear-gradient(#1c2110, #12160d);
  border: 1px solid #c7f11b8c;
  margin: 0;
  display: block;
  position: absolute;
  overflow: hidden;
}

.personal-route-module__jb5Enq__callout:hover {
  border-color: #e2ff42d9;
}

.personal-route-module__jb5Enq__callout:focus-visible {
  outline: 2px solid var(--sn-accent-hot);
  outline-offset: 3px;
}

.personal-route-module__jb5Enq__calloutBody {
  gap: calc(var(--u) * .22);
  display: grid;
}

.personal-route-module__jb5Enq__calloutBody small {
  color: var(--sn-accent);
  font-size: calc(var(--u) * .72);
  line-height: 1.2;
}

.personal-route-module__jb5Enq__calloutBody b {
  color: var(--sn-text);
  font-size: calc(var(--u) * .96);
  letter-spacing: -.01em;
  font-weight: 600;
  line-height: 1.12;
}

.personal-route-module__jb5Enq__calloutBody span {
  color: #c5ccd3;
  font-size: calc(var(--u) * .74);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.personal-route-module__jb5Enq__reasons {
  box-sizing: border-box;
  color: var(--sn-text);
  font-family: var(--font-sans), system-ui, sans-serif;
  background: #0a0f14;
  position: absolute;
  overflow: hidden;
}

.personal-route-module__jb5Enq__reasonRow {
  height: 100%;
  padding-top: calc(var(--u) * .4);
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  align-items: start;
  display: grid;
}

.personal-route-module__jb5Enq__reason {
  gap: calc(var(--u) * .7);
  min-width: 0;
  padding-right: calc(var(--u) * .6);
  display: flex;
}

.personal-route-module__jb5Enq__reasonIcon {
  width: calc(var(--u) * 2.6);
  height: calc(var(--u) * 2.6);
  color: var(--sn-text);
  flex: none;
  place-items: center;
  display: inline-grid;
}

.personal-route-module__jb5Enq__reasonIcon svg {
  width: 82%;
  height: 82%;
}

.personal-route-module__jb5Enq__reason p {
  margin: calc(var(--u) * .2) 0 0;
  color: #c5ccd3;
  font-size: calc(var(--u) * .76);
  line-height: 1.55;
}

.personal-route-module__jb5Enq__reasonArrow {
  margin-top: calc(var(--u) * .65);
  padding-right: calc(var(--u) * .7);
  color: var(--sn-accent);
  font-size: calc(var(--u) * 1.1);
  align-self: start;
  line-height: 1;
}

.personal-route-module__jb5Enq__sentence {
  color: #e7ebee;
  font-family: var(--font-sans), system-ui, sans-serif;
  background: #0a0f14;
  align-items: center;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.personal-route-module__jb5Enq__sentence p {
  align-items: baseline;
  gap: calc(var(--u) * 1.3);
  font-size: calc(var(--u) * .9);
  white-space: nowrap;
  margin: 0;
  line-height: 1.3;
  display: flex;
}

.personal-route-module__jb5Enq__more {
  color: var(--sn-accent);
  font: 500 calc(var(--u) * .9)/1.3 var(--font-sans), system-ui, sans-serif;
  cursor: pointer;
  pointer-events: auto;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
}

.personal-route-module__jb5Enq__more:hover {
  color: var(--sn-accent-hot);
}

.personal-route-module__jb5Enq__more:focus-visible {
  outline: 2px solid var(--sn-accent-hot);
  outline-offset: 3px;
}

.personal-route-module__jb5Enq__compare {
  box-sizing: border-box;
  border-radius: calc(var(--u) * .85);
  cursor: pointer;
  pointer-events: auto;
  background: none;
  border: 1px solid #0000;
  margin: 0;
  padding: 0;
  transition: border-color .2s;
  position: absolute;
}

.personal-route-module__jb5Enq__compare[data-on] {
  border-color: #c7f11bcc;
}

.personal-route-module__jb5Enq__compare:focus-visible {
  outline: 2px solid var(--sn-accent-hot);
  outline-offset: 3px;
}

.personal-route-module__jb5Enq__compareChip {
  top: calc(var(--u) * -.8);
  right: calc(var(--u) * .6);
  align-items: center;
  gap: calc(var(--u) * .35);
  padding: calc(var(--u) * .2) calc(var(--u) * .5);
  color: var(--sn-accent);
  font: 600 calc(var(--u) * .6)/1.1 var(--font-sans), system-ui, sans-serif;
  letter-spacing: .02em;
  white-space: nowrap;
  background: #030a11e6;
  border: 1px solid #c7f11b80;
  border-radius: 999px;
  display: inline-flex;
  position: absolute;
}

.personal-route-module__jb5Enq__compareChip i {
  width: calc(var(--u) * .4);
  height: calc(var(--u) * .4);
  background: var(--sn-accent);
  border-radius: 50%;
}

.personal-route-module__jb5Enq__compare[data-live] .personal-route-module__jb5Enq__compareChip {
  animation: personal-route-module__jb5Enq__insetIn .32s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) both;
}

.personal-route-module__jb5Enq__compareRing {
  box-sizing: border-box;
  border-radius: calc(var(--u) * .7);
  opacity: 0;
  pointer-events: none;
  border: 1px solid #c7f11bbf;
  transition: opacity .2s;
  position: absolute;
}

.personal-route-module__jb5Enq__compareRing[data-on] {
  opacity: 1;
}

.personal-route-module__jb5Enq__callout[data-live] .personal-route-module__jb5Enq__calloutBody > *, .personal-route-module__jb5Enq__reasons[data-live] .personal-route-module__jb5Enq__reason {
  animation: personal-route-module__jb5Enq__insetIn .32s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) both;
  animation-delay: calc(min(var(--i, 0), 5) * 40ms);
}

.personal-route-module__jb5Enq__sentence[data-live] p {
  animation: personal-route-module__jb5Enq__insetIn .32s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) both;
}

.personal-route-module__jb5Enq__relight {
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(80% 100% at 50% 0, #e2ff421f, #0000 65%);
  border: 1px solid #e2ff4280;
  position: absolute;
  inset: 0;
}

.personal-route-module__jb5Enq__callout[data-live] .personal-route-module__jb5Enq__relight, .personal-route-module__jb5Enq__reasons[data-live] .personal-route-module__jb5Enq__relight {
  animation: .6s ease-out both personal-route-module__jb5Enq__relight;
}

.personal-route-module__jb5Enq__pulse {
  border: 2px solid var(--sn-accent-hot);
  border-radius: inherit;
  pointer-events: none;
  animation: personal-route-module__jb5Enq__sonar 1.4s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) infinite;
  position: absolute;
  inset: -6%;
}

.personal-route-module__jb5Enq__stop .personal-route-module__jb5Enq__pulse {
  border-radius: 50%;
  inset: 0;
}

@keyframes personal-route-module__jb5Enq__insetIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes personal-route-module__jb5Enq__relight {
  from {
    opacity: .7;
  }

  to {
    opacity: 0;
  }
}

@keyframes personal-route-module__jb5Enq__sonar {
  0% {
    opacity: 0;
    transform: scale(.94);
  }

  18% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1.22);
  }
}

@keyframes personal-route-module__jb5Enq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .personal-route-module__jb5Enq__knob, .personal-route-module__jb5Enq__compare, .personal-route-module__jb5Enq__compareRing {
    transition: none;
  }

  .personal-route-module__jb5Enq__callout[data-live] .personal-route-module__jb5Enq__calloutBody > *, .personal-route-module__jb5Enq__reasons[data-live] .personal-route-module__jb5Enq__reason, .personal-route-module__jb5Enq__sentence[data-live] p, .personal-route-module__jb5Enq__compare[data-live] .personal-route-module__jb5Enq__compareChip {
    animation: .16s both personal-route-module__jb5Enq__fadeIn;
  }

  .personal-route-module__jb5Enq__pulse {
    opacity: 1;
    animation: none;
    transform: none;
  }
}

/* [project]/src/features/studyninja-presentation/living/insets/scenes/learning-cycle.module.css [app-client] (css) */
.learning-cycle-module__I5UXMG__root {
  --u: var(--sn-unit, 1cqw);
  --ease-enter: var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1));
  pointer-events: none;
  font-family: var(--font-sans), system-ui, sans-serif;
  color: var(--sn-text, #f2f4f5);
  position: absolute;
  inset: 0;
}

.learning-cycle-module__I5UXMG__root * {
  box-sizing: border-box;
}

.learning-cycle-module__I5UXMG__panel {
  border-radius: calc(var(--u) * 1);
  background: #0b151e;
  border: 1px solid #ffffff17;
  position: absolute;
  overflow: hidden;
}

.learning-cycle-module__I5UXMG__body {
  padding: calc(var(--u) * 2.15) calc(var(--u) * 1.6) 0 calc(var(--u) * 1.9);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0;
}

.learning-cycle-module__I5UXMG__ring {
  width: calc(var(--u) * 4.3);
  height: calc(var(--u) * 4.3);
  place-items: center;
  display: grid;
  position: relative;
}

.learning-cycle-module__I5UXMG__ringSvg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  transform: rotate(-90deg);
}

.learning-cycle-module__I5UXMG__ringTrack {
  fill: none;
  stroke: #ffffff1a;
  stroke-width: 2.5px;
}

.learning-cycle-module__I5UXMG__ringArc {
  fill: none;
  stroke: var(--sn-accent, #c7f11b);
  stroke-width: 2.5px;
  stroke-linecap: round;
}

.learning-cycle-module__I5UXMG__ring em {
  font: 600 calc(var(--u) * 1.15) / 1 var(--font-mono), ui-monospace, monospace;
  color: var(--sn-accent, #c7f11b);
  letter-spacing: .04em;
  font-style: normal;
}

.learning-cycle-module__I5UXMG__eyebrow {
  margin: calc(var(--u) * 2.3) 0 0;
  font-size: calc(var(--u) * .78);
  letter-spacing: .1em;
  color: var(--sn-muted, #7c8794);
  font-weight: 500;
}

.learning-cycle-module__I5UXMG__title {
  margin: calc(var(--u) * .8) 0 0;
  font-size: calc(var(--u) * 1.6);
  letter-spacing: -.01em;
  color: var(--sn-text, #f2f4f5);
  font-weight: 600;
  line-height: 1.2;
}

.learning-cycle-module__I5UXMG__rule {
  width: calc(var(--u) * 2.5);
  height: max(1.5px, calc(var(--u) * .12));
  margin-top: calc(var(--u) * .55);
  background: var(--sn-accent, #c7f11b);
  display: block;
}

.learning-cycle-module__I5UXMG__text {
  margin: calc(var(--u) * 1.3) 0 0;
  font-size: calc(var(--u) * .9);
  color: #d3d9df;
  line-height: 1.5;
}

.learning-cycle-module__I5UXMG__bullets {
  margin: calc(var(--u) * 1.2) 0 0;
  font-size: calc(var(--u) * .84);
  color: #c9d0d6;
  padding: 0;
  line-height: 1.85;
  list-style: none;
}

.learning-cycle-module__I5UXMG__bullets li {
  padding-left: calc(var(--u) * 1.05);
  position: relative;
}

.learning-cycle-module__I5UXMG__bullets li:before {
  content: "";
  width: calc(var(--u) * .3);
  height: calc(var(--u) * .3);
  background: var(--sn-accent, #c7f11b);
  border-radius: 50%;
  position: absolute;
  top: .78em;
  left: 0;
}

.learning-cycle-module__I5UXMG__note {
  align-items: center;
  gap: calc(var(--u) * .9);
  width: 84.3%;
  height: 15%;
  padding: 0 calc(var(--u) * .9);
  border-radius: calc(var(--u) * .6);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  pointer-events: auto;
  background: none;
  border: 1px solid #ffffff14;
  margin: 0;
  display: flex;
  position: absolute;
  top: 79.7%;
  left: 9%;
}

.learning-cycle-module__I5UXMG__note:before {
  content: "";
  border-radius: inherit;
  opacity: 0;
  background: #ffffff0d;
  transition: opacity .18s;
  position: absolute;
  inset: 0;
}

.learning-cycle-module__I5UXMG__note:hover:before, .learning-cycle-module__I5UXMG__note:focus-visible:before {
  opacity: 1;
}

.learning-cycle-module__I5UXMG__note:focus-visible {
  outline: 2px solid var(--sn-accent-hot, #e2ff42);
  outline-offset: 3px;
}

.learning-cycle-module__I5UXMG__noteIcon {
  width: calc(var(--u) * 1.6);
  height: calc(var(--u) * 1.6);
  color: var(--sn-accent, #c7f11b);
  flex: none;
}

.learning-cycle-module__I5UXMG__noteIcon svg, .learning-cycle-module__I5UXMG__controlIcon svg, .learning-cycle-module__I5UXMG__spark svg, .learning-cycle-module__I5UXMG__muteDisc svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 100%;
  height: 100%;
}

.learning-cycle-module__I5UXMG__noteText {
  font-size: calc(var(--u) * .78);
  color: #b5bcc5;
  line-height: 1.5;
}

.learning-cycle-module__I5UXMG__nodeRing {
  border: 2px solid var(--sn-accent-hot, #e2ff42);
  background: radial-gradient(circle, #c7f11b57 0 52%, #c7f11b1a 74%, #0000 100%);
  border-radius: 50%;
  position: absolute;
}

.learning-cycle-module__I5UXMG__mute {
  background: radial-gradient(circle, #0a1620 0 40%, #0a1620eb 44%, #0000 50%);
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
}

.learning-cycle-module__I5UXMG__muteDisc {
  color: #b8c4cd;
  background: #202f3b;
  border: 1.5px solid #5a7a8ee6;
  border-radius: 50%;
  place-items: center;
  width: 73%;
  height: 73%;
  padding: 26%;
  display: grid;
}

.learning-cycle-module__I5UXMG__patch {
  position: absolute;
}

.learning-cycle-module__I5UXMG__label {
  padding: calc(var(--u) * .3) calc(var(--u) * .22);
  white-space: pre-line;
  flex-direction: column;
  display: flex;
  position: absolute;
}

.learning-cycle-module__I5UXMG__label b {
  grid-template-columns: calc(var(--u) * .9) 1fr;
  font-size: calc(var(--u) * .78);
  letter-spacing: 0;
  color: var(--sn-text, #f2f4f5);
  font-weight: 700;
  line-height: 1.3;
  display: grid;
}

.learning-cycle-module__I5UXMG__label b i {
  font-style: normal;
}

.learning-cycle-module__I5UXMG__labelActive b {
  color: var(--sn-accent, #c7f11b);
}

.learning-cycle-module__I5UXMG__label small {
  margin: calc(var(--u) * .45) 0 0 calc(var(--u) * .9);
  font-size: calc(var(--u) * .72);
  letter-spacing: -.01em;
  color: #94b1c6;
  line-height: 1.7;
}

.learning-cycle-module__I5UXMG__controller {
  background: #0b151e;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  position: absolute;
}

.learning-cycle-module__I5UXMG__spark {
  width: calc(var(--u) * .8);
  height: calc(var(--u) * .8);
  color: var(--sn-accent, #c7f11b);
  position: absolute;
  top: 50%;
  left: 3.8%;
  transform: translateY(-50%);
}

.learning-cycle-module__I5UXMG__control {
  align-items: center;
  gap: calc(var(--u) * .9);
  color: #9aa5b0;
  font: inherit;
  cursor: pointer;
  pointer-events: auto;
  background: none;
  border: 0;
  border-radius: 999px;
  margin: 0;
  padding: 0;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.learning-cycle-module__I5UXMG__control:before {
  content: "";
  border-radius: inherit;
  opacity: 0;
  background: #ffffff0d;
  transition: opacity .18s;
  position: absolute;
  inset: 12% -4%;
}

.learning-cycle-module__I5UXMG__control:hover:before, .learning-cycle-module__I5UXMG__control:focus-visible:before {
  opacity: 1;
}

.learning-cycle-module__I5UXMG__control:focus-visible {
  outline: 2px solid var(--sn-accent-hot, #e2ff42);
  outline-offset: 2px;
}

.learning-cycle-module__I5UXMG__controlIcon {
  width: calc(var(--u) * 2.63);
  height: calc(var(--u) * 2.63);
  padding: calc(var(--u) * .7);
  color: #e8ecef;
  background: #ffffff12;
  border: 1px solid #ffffff1a;
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: relative;
}

.learning-cycle-module__I5UXMG__controlIcon svg {
  stroke-width: 2.2px;
}

.learning-cycle-module__I5UXMG__controlLabel {
  font-size: calc(var(--u) * .84);
  letter-spacing: .08em;
  white-space: nowrap;
  position: relative;
}

.learning-cycle-module__I5UXMG__status {
  align-items: center;
  gap: calc(var(--u) * 1);
  color: #9aa5b0;
  width: 30%;
  font-size: calc(var(--u) * .84);
  letter-spacing: .08em;
  white-space: nowrap;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 33.5%;
}

.learning-cycle-module__I5UXMG__statusRing {
  width: calc(var(--u) * 2);
  height: calc(var(--u) * 2);
  flex: none;
}

.learning-cycle-module__I5UXMG__statusRing circle {
  fill: none;
  stroke: var(--sn-accent, #c7f11b);
  stroke-width: 3px;
  stroke-dasharray: 4 4;
  stroke-linecap: round;
}

.learning-cycle-module__I5UXMG__statusPaused {
  opacity: .7;
}

.learning-cycle-module__I5UXMG__statusPaused circle {
  stroke: #7c8794;
}

.learning-cycle-module__I5UXMG__pulse {
  border: 2px solid var(--sn-accent-hot, #e2ff42);
  border-radius: inherit;
  pointer-events: none;
  animation: learning-cycle-module__I5UXMG__sonar 1.4s var(--ease-enter) infinite;
  position: absolute;
  inset: -6%;
}

.learning-cycle-module__I5UXMG__relight {
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  animation: .6s ease-out both learning-cycle-module__I5UXMG__relight;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 1px #e2ff4299;
}

.learning-cycle-module__I5UXMG__root[data-live="true"] .learning-cycle-module__I5UXMG__body > *, .learning-cycle-module__I5UXMG__root[data-live="true"] .learning-cycle-module__I5UXMG__status, .learning-cycle-module__I5UXMG__root[data-live="true"] .learning-cycle-module__I5UXMG__label {
  animation: learning-cycle-module__I5UXMG__insetIn .32s var(--ease-enter) both;
  animation-delay: calc(var(--i, 0) * 40ms);
}

@keyframes learning-cycle-module__I5UXMG__insetIn {
  from {
    opacity: 0;
    transform: translateY(calc(var(--u) * .36));
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes learning-cycle-module__I5UXMG__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes learning-cycle-module__I5UXMG__relight {
  from {
    opacity: .7;
  }

  to {
    opacity: 0;
  }
}

@keyframes learning-cycle-module__I5UXMG__sonar {
  0% {
    opacity: 0;
    transform: scale(.94);
  }

  18% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1.22);
  }
}

@media (prefers-reduced-motion: reduce) {
  .learning-cycle-module__I5UXMG__root[data-live="true"] .learning-cycle-module__I5UXMG__body > *, .learning-cycle-module__I5UXMG__root[data-live="true"] .learning-cycle-module__I5UXMG__status, .learning-cycle-module__I5UXMG__root[data-live="true"] .learning-cycle-module__I5UXMG__label {
    animation: .16s both learning-cycle-module__I5UXMG__fadeIn;
  }

  .learning-cycle-module__I5UXMG__pulse {
    opacity: 1;
    animation: none;
    transform: none;
  }

  .learning-cycle-module__I5UXMG__note:before, .learning-cycle-module__I5UXMG__control:before {
    transition: none;
  }
}

.learning-cycle-module__I5UXMG__root[data-reduced="true"] .learning-cycle-module__I5UXMG__body > *, .learning-cycle-module__I5UXMG__root[data-reduced="true"] .learning-cycle-module__I5UXMG__status, .learning-cycle-module__I5UXMG__root[data-reduced="true"] .learning-cycle-module__I5UXMG__label {
  animation: .16s both learning-cycle-module__I5UXMG__fadeIn;
}

.learning-cycle-module__I5UXMG__root[data-reduced="true"] .learning-cycle-module__I5UXMG__pulse {
  opacity: 1;
  animation: none;
  transform: none;
}

.learning-cycle-module__I5UXMG__root[data-reduced="true"] .learning-cycle-module__I5UXMG__note:before, .learning-cycle-module__I5UXMG__root[data-reduced="true"] .learning-cycle-module__I5UXMG__control:before {
  transition: none;
}

/* [project]/src/features/studyninja-presentation/living/insets/scenes/agency.module.css [app-client] (css) */
.agency-module__P4ouJW__root {
  --u: var(--sn-unit, 1cqw);
  --ease-enter: var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1));
  pointer-events: none;
  font-family: var(--font-sans), system-ui, sans-serif;
  color: var(--sn-text, #f2f4f5);
  position: absolute;
  inset: 0;
}

.agency-module__P4ouJW__root * {
  box-sizing: border-box;
}

.agency-module__P4ouJW__modeGroup {
  display: contents;
}

.agency-module__P4ouJW__caption {
  padding: 0 calc(var(--u) * .42);
  border-radius: calc(var(--u) * .5);
  color: #b2bac2;
  font-family: inherit;
  font-size: calc(var(--u) * 1.14);
  white-space: nowrap;
  cursor: pointer;
  pointer-events: auto;
  background: #050e17;
  border: 0;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  font-weight: 400;
  line-height: 1;
  display: flex;
  position: absolute;
}

.agency-module__P4ouJW__captionLeft {
  background: #07111a;
  justify-content: flex-end;
}

.agency-module__P4ouJW__captionActive {
  color: var(--sn-accent, #c7f11b);
  font-weight: 500;
}

.agency-module__P4ouJW__caption:before {
  content: "";
  border-radius: inherit;
  opacity: 0;
  background: #ffffff0f;
  transition: opacity .18s;
  position: absolute;
  inset: 0;
}

.agency-module__P4ouJW__caption:hover:before, .agency-module__P4ouJW__caption:focus-visible:before {
  opacity: 1;
}

.agency-module__P4ouJW__caption:focus-visible, .agency-module__P4ouJW__toggle:focus-visible, .agency-module__P4ouJW__tutor:focus-visible {
  outline: 2px solid var(--sn-accent-hot, #e2ff42);
  outline-offset: 3px;
}

.agency-module__P4ouJW__toggle {
  cursor: pointer;
  pointer-events: auto;
  background: #0f1720;
  border: 1px solid #ffffff4d;
  border-radius: 999px;
  margin: 0;
  padding: 0;
  position: absolute;
}

.agency-module__P4ouJW__knob {
  background: var(--sn-accent, #c7f11b);
  width: 33.3%;
  height: 73.7%;
  transition: transform .24s var(--ease-enter);
  border-radius: 50%;
  position: absolute;
  top: 13.2%;
  left: 5.95%;
  transform: translateX(0);
}

.agency-module__P4ouJW__knobOn {
  transform: translateX(164%);
}

.agency-module__P4ouJW__panel {
  border-radius: calc(var(--u) * .85);
  background: #0b121a;
  border: 1px solid #ffffff14;
  position: absolute;
  overflow: hidden;
}

.agency-module__P4ouJW__dimmed .agency-module__P4ouJW__body {
  opacity: .55;
}

.agency-module__P4ouJW__body {
  padding: calc(var(--u) * 1.3) calc(var(--u) * .95) 0;
  position: absolute;
  inset: 0;
}

.agency-module__P4ouJW__bodyEmpty {
  padding-top: calc(var(--u) * 1.55);
}

.agency-module__P4ouJW__eyebrow {
  font-size: calc(var(--u) * .72);
  letter-spacing: .14em;
  color: #9aa4ae;
  margin: 0;
  font-weight: 700;
}

.agency-module__P4ouJW__eyebrowLime {
  color: var(--sn-accent, #c7f11b);
}

.agency-module__P4ouJW__bars {
  margin: calc(var(--u) * 1.15) 0 0;
  padding: 0;
  list-style: none;
}

.agency-module__P4ouJW__bars li {
  grid-template-columns: calc(var(--u) * 1.8) 1fr calc(var(--u) * 2.4);
  margin-bottom: calc(var(--u) * .95);
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 0;
  display: grid;
  position: relative;
}

.agency-module__P4ouJW__badge {
  width: calc(var(--u) * 1.2);
  height: calc(var(--u) * 1.2);
  color: #c9d0d6;
  grid-row: 1 / 3;
  align-self: start;
}

.agency-module__P4ouJW__badge svg, .agency-module__P4ouJW__check svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 100%;
  height: 100%;
}

.agency-module__P4ouJW__barLabel {
  font-size: calc(var(--u) * .84);
  color: #e4e8ec;
  line-height: 1.25;
}

.agency-module__P4ouJW__barValue {
  font-size: calc(var(--u) * .84);
  color: #e4e8ec;
  grid-area: 2 / 3;
  justify-self: end;
}

.agency-module__P4ouJW__track {
  height: max(3px, calc(var(--u) * .3));
  margin: calc(var(--u) * .5) calc(var(--u) * .6) 0 0;
  background: #ffffff1f;
  border-radius: 999px;
  grid-area: 2 / 2;
  display: block;
  overflow: hidden;
}

.agency-module__P4ouJW__fill {
  border-radius: inherit;
  background: var(--sn-accent, #c7f11b);
  transform-origin: 0;
  height: 100%;
  display: block;
}

.agency-module__P4ouJW__plain {
  margin: calc(var(--u) * 1.2) 0 0;
  font-size: calc(var(--u) * .74);
  color: #dde2e6;
  padding: 0;
  line-height: 1.3;
  list-style: none;
}

.agency-module__P4ouJW__plain li {
  align-items: center;
  gap: calc(var(--u) * .6);
  min-height: calc(var(--u) * 1.9);
  white-space: nowrap;
  display: flex;
}

.agency-module__P4ouJW__check {
  width: calc(var(--u) * .95);
  height: calc(var(--u) * .95);
  color: #dde2e6;
  flex: none;
}

.agency-module__P4ouJW__hollow {
  width: calc(var(--u) * .95);
  height: calc(var(--u) * .95);
  background: #ffffff0a;
  border: 1.5px solid #ffffff47;
  border-radius: 50%;
  flex: none;
}

.agency-module__P4ouJW__plainNote {
  margin: calc(var(--u) * .5) 0 0;
  font-size: calc(var(--u) * .75);
  color: var(--sn-muted, #7c8794);
}

.agency-module__P4ouJW__tutor {
  border: 1px solid var(--sn-accent, #c7f11b);
  border-radius: calc(var(--u) * .5);
  color: var(--sn-accent, #c7f11b);
  font-family: inherit;
  font-size: calc(var(--u) * 1.02);
  cursor: pointer;
  pointer-events: auto;
  background: #071322;
  place-items: center;
  margin: 0;
  padding: 0;
  font-weight: 500;
  line-height: 1;
  display: grid;
  position: absolute;
}

.agency-module__P4ouJW__tutor:before {
  content: "";
  border-radius: inherit;
  opacity: 0;
  background: #c7f11b1f;
  transition: opacity .18s;
  position: absolute;
  inset: 0;
}

.agency-module__P4ouJW__tutor:hover:before, .agency-module__P4ouJW__tutor:focus-visible:before {
  opacity: 1;
}

.agency-module__P4ouJW__pulse {
  border: 2px solid var(--sn-accent-hot, #e2ff42);
  border-radius: inherit;
  pointer-events: none;
  animation: agency-module__P4ouJW__sonar 1.4s var(--ease-enter) infinite;
  position: absolute;
  inset: -6%;
}

.agency-module__P4ouJW__relight {
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  animation: .6s ease-out both agency-module__P4ouJW__relight;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 1px #e2ff4299;
}

.agency-module__P4ouJW__root[data-live="true"] .agency-module__P4ouJW__body > *, .agency-module__P4ouJW__root[data-live="true"] .agency-module__P4ouJW__body li {
  animation: agency-module__P4ouJW__insetIn .32s var(--ease-enter) both;
  animation-delay: calc(var(--i, 0) * 40ms);
}

.agency-module__P4ouJW__root[data-live="true"] .agency-module__P4ouJW__fill {
  animation: agency-module__P4ouJW__grow .42s var(--ease-enter) both;
  animation-delay: calc(var(--i, 0) * 40ms + .12s);
}

@keyframes agency-module__P4ouJW__insetIn {
  from {
    opacity: 0;
    transform: translateY(calc(var(--u) * .36));
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes agency-module__P4ouJW__grow {
  from {
    transform: scaleX(0);
  }

  to {
    transform: none;
  }
}

@keyframes agency-module__P4ouJW__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes agency-module__P4ouJW__relight {
  from {
    opacity: .7;
  }

  to {
    opacity: 0;
  }
}

@keyframes agency-module__P4ouJW__sonar {
  0% {
    opacity: 0;
    transform: scale(.94);
  }

  18% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1.22);
  }
}

@media (prefers-reduced-motion: reduce) {
  .agency-module__P4ouJW__root[data-live="true"] .agency-module__P4ouJW__body > *, .agency-module__P4ouJW__root[data-live="true"] .agency-module__P4ouJW__body li {
    animation: .16s both agency-module__P4ouJW__fadeIn;
  }

  .agency-module__P4ouJW__root[data-live="true"] .agency-module__P4ouJW__fill {
    animation: none;
  }

  .agency-module__P4ouJW__knob {
    transition: none;
  }

  .agency-module__P4ouJW__pulse {
    opacity: 1;
    animation: none;
    transform: none;
  }

  .agency-module__P4ouJW__caption:before, .agency-module__P4ouJW__tutor:before {
    transition: none;
  }
}

.agency-module__P4ouJW__root[data-reduced="true"] .agency-module__P4ouJW__body > *, .agency-module__P4ouJW__root[data-reduced="true"] .agency-module__P4ouJW__body li {
  animation: .16s both agency-module__P4ouJW__fadeIn;
}

.agency-module__P4ouJW__root[data-reduced="true"] .agency-module__P4ouJW__fill {
  animation: none;
}

.agency-module__P4ouJW__root[data-reduced="true"] .agency-module__P4ouJW__knob {
  transition: none;
}

.agency-module__P4ouJW__root[data-reduced="true"] .agency-module__P4ouJW__pulse {
  opacity: 1;
  animation: none;
  transform: none;
}

.agency-module__P4ouJW__root[data-reduced="true"] .agency-module__P4ouJW__caption:before, .agency-module__P4ouJW__root[data-reduced="true"] .agency-module__P4ouJW__tutor:before {
  transition: none;
}

/* [project]/src/features/studyninja-presentation/living/insets/scenes/teacher-workspace.module.css [app-client] (css) */
.teacher-workspace-module__zWrcKa__root {
  --u: var(--sn-unit, 1cqw);
  --ease-enter: var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1));
  pointer-events: none;
  font-family: var(--font-sans), system-ui, sans-serif;
  color: var(--sn-text, #f2f4f5);
  position: absolute;
  inset: 0;
}

.teacher-workspace-module__zWrcKa__root * {
  box-sizing: border-box;
}

.teacher-workspace-module__zWrcKa__list {
  border-radius: calc(var(--u) * .6);
  background: linear-gradient(168deg, #141d29 0%, #111a23 100%);
  position: absolute;
}

.teacher-workspace-module__zWrcKa__row {
  grid-template-columns: calc(var(--u) * 3.4) 1fr calc(var(--u) * 2.2);
  width: 100%;
  padding: 0 0 0 calc(var(--u) * .95);
  border-radius: calc(var(--u) * .6);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  pointer-events: auto;
  background: none;
  border: 1.5px solid #0000;
  align-items: center;
  margin: 0;
  display: grid;
  position: absolute;
  left: 0;
}

.teacher-workspace-module__zWrcKa__row:before {
  content: "";
  border-radius: inherit;
  opacity: 0;
  background: #ffffff0d;
  transition: opacity .18s;
  position: absolute;
  inset: 0;
}

.teacher-workspace-module__zWrcKa__row:hover:before, .teacher-workspace-module__zWrcKa__row:focus-visible:before {
  opacity: 1;
}

.teacher-workspace-module__zWrcKa__row:focus-visible, .teacher-workspace-module__zWrcKa__apply:focus-visible {
  outline: 2px solid var(--sn-accent-hot, #e2ff42);
  outline-offset: 3px;
}

.teacher-workspace-module__zWrcKa__rowActive {
  border-color: var(--sn-accent, #c7f11b);
  background: #c7f11b1a;
}

.teacher-workspace-module__zWrcKa__rowIcon {
  width: calc(var(--u) * 1.5);
  height: calc(var(--u) * 1.5);
  color: #c7d0d8;
  position: relative;
}

.teacher-workspace-module__zWrcKa__rowActive .teacher-workspace-module__zWrcKa__rowIcon {
  color: var(--sn-accent, #c7f11b);
}

.teacher-workspace-module__zWrcKa__rowIcon svg, .teacher-workspace-module__zWrcKa__radio svg, .teacher-workspace-module__zWrcKa__adjustIcon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 100%;
  height: 100%;
}

.teacher-workspace-module__zWrcKa__rowText {
  gap: calc(var(--u) * .15);
  padding-right: calc(var(--u) * .4);
  flex-direction: column;
  display: flex;
  position: relative;
}

.teacher-workspace-module__zWrcKa__rowText strong {
  font-size: calc(var(--u) * .84);
  white-space: nowrap;
  color: #e8ecef;
  font-weight: 500;
  line-height: 1.25;
}

.teacher-workspace-module__zWrcKa__rowText small {
  font-size: calc(var(--u) * .72);
  color: #aab3bc;
  line-height: 1.35;
}

.teacher-workspace-module__zWrcKa__radio {
  width: calc(var(--u) * 1.2);
  height: calc(var(--u) * 1.2);
  padding: calc(var(--u) * .2);
  color: #0b1a0a;
  border: 1.5px solid #ffffff47;
  border-radius: 50%;
  justify-self: center;
  place-items: center;
  display: grid;
  position: relative;
}

.teacher-workspace-module__zWrcKa__rowActive .teacher-workspace-module__zWrcKa__radio {
  border-color: var(--sn-accent, #c7f11b);
  background: var(--sn-accent, #c7f11b);
}

.teacher-workspace-module__zWrcKa__radio svg {
  stroke-width: 3px;
}

.teacher-workspace-module__zWrcKa__adjust {
  padding: calc(var(--u) * .35) 0 calc(var(--u) * .45);
  background: #0f1820;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  display: flex;
  position: absolute;
}

.teacher-workspace-module__zWrcKa__adjustRow {
  font-size: calc(var(--u) * .8);
  white-space: nowrap;
  grid-template-columns: 1fr auto;
  align-items: center;
  display: grid;
}

.teacher-workspace-module__zWrcKa__adjustRow dt {
  color: #d8dde2;
}

.teacher-workspace-module__zWrcKa__adjustRow dd {
  justify-content: flex-end;
  align-items: center;
  gap: calc(var(--u) * 1);
  padding-right: calc(var(--u) * .5);
  color: #c9d0d6;
  margin: 0;
  display: flex;
}

.teacher-workspace-module__zWrcKa__segments {
  gap: 3px;
  display: inline-flex;
}

.teacher-workspace-module__zWrcKa__segments i {
  width: calc(var(--u) * .72);
  height: max(3px, calc(var(--u) * .28));
  background: #ffffff2e;
  border-radius: 2px;
  display: block;
}

.teacher-workspace-module__zWrcKa__segments .teacher-workspace-module__zWrcKa__segmentOn {
  background: var(--sn-accent, #c7f11b);
}

.teacher-workspace-module__zWrcKa__adjustIcon {
  width: calc(var(--u) * 1.1);
  height: calc(var(--u) * 1.1);
  color: #9aa4ae;
}

.teacher-workspace-module__zWrcKa__apply {
  border-radius: calc(var(--u) * .5);
  color: #0b1a0a;
  font-family: inherit;
  font-size: calc(var(--u) * 1.02);
  cursor: pointer;
  pointer-events: auto;
  background: linear-gradient(#cdf03e 0%, #a9cf2c 100%);
  border: 0;
  place-items: center;
  margin: 0;
  padding: 0;
  font-weight: 600;
  display: grid;
  position: absolute;
}

.teacher-workspace-module__zWrcKa__apply:before {
  content: "";
  border-radius: inherit;
  opacity: 0;
  background: #ffffff2e;
  transition: opacity .18s;
  position: absolute;
  inset: 0;
}

.teacher-workspace-module__zWrcKa__apply:hover:before, .teacher-workspace-module__zWrcKa__apply:focus-visible:before {
  opacity: 1;
}

.teacher-workspace-module__zWrcKa__routeNode {
  background: #0f171f;
  position: absolute;
}

.teacher-workspace-module__zWrcKa__routeBody {
  justify-content: center;
  gap: calc(var(--u) * .1);
  padding-left: calc(var(--u) * .3);
  flex-direction: column;
  line-height: 1.3;
  display: flex;
  position: absolute;
  inset: 0;
}

.teacher-workspace-module__zWrcKa__routeBody strong {
  font-size: calc(var(--u) * .9);
  color: #e6eaee;
  font-weight: 500;
}

.teacher-workspace-module__zWrcKa__routeBody span {
  font-size: calc(var(--u) * .84);
  color: #b5bcc5;
}

.teacher-workspace-module__zWrcKa__pulse {
  border: 2px solid var(--sn-accent-hot, #e2ff42);
  border-radius: inherit;
  pointer-events: none;
  animation: teacher-workspace-module__zWrcKa__sonar 1.4s var(--ease-enter) infinite;
  position: absolute;
  inset: -6%;
}

.teacher-workspace-module__zWrcKa__relight {
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  animation: .6s ease-out both teacher-workspace-module__zWrcKa__relight;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 1px #e2ff4299;
}

.teacher-workspace-module__zWrcKa__root[data-live="true"] .teacher-workspace-module__zWrcKa__adjustRow, .teacher-workspace-module__zWrcKa__root[data-live="true"] .teacher-workspace-module__zWrcKa__routeBody > * {
  animation: teacher-workspace-module__zWrcKa__insetIn .32s var(--ease-enter) both;
  animation-delay: calc(var(--i, 0) * 40ms);
}

@keyframes teacher-workspace-module__zWrcKa__insetIn {
  from {
    opacity: 0;
    transform: translateY(calc(var(--u) * .36));
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes teacher-workspace-module__zWrcKa__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes teacher-workspace-module__zWrcKa__relight {
  from {
    opacity: .7;
  }

  to {
    opacity: 0;
  }
}

@keyframes teacher-workspace-module__zWrcKa__sonar {
  0% {
    opacity: 0;
    transform: scale(.94);
  }

  18% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1.22);
  }
}

@media (prefers-reduced-motion: reduce) {
  .teacher-workspace-module__zWrcKa__root[data-live="true"] .teacher-workspace-module__zWrcKa__adjustRow, .teacher-workspace-module__zWrcKa__root[data-live="true"] .teacher-workspace-module__zWrcKa__routeBody > * {
    animation: .16s both teacher-workspace-module__zWrcKa__fadeIn;
  }

  .teacher-workspace-module__zWrcKa__pulse {
    opacity: 1;
    animation: none;
    transform: none;
  }

  .teacher-workspace-module__zWrcKa__row:before, .teacher-workspace-module__zWrcKa__apply:before {
    transition: none;
  }
}

.teacher-workspace-module__zWrcKa__root[data-reduced="true"] .teacher-workspace-module__zWrcKa__adjustRow, .teacher-workspace-module__zWrcKa__root[data-reduced="true"] .teacher-workspace-module__zWrcKa__routeBody > * {
  animation: .16s both teacher-workspace-module__zWrcKa__fadeIn;
}

.teacher-workspace-module__zWrcKa__root[data-reduced="true"] .teacher-workspace-module__zWrcKa__pulse {
  opacity: 1;
  animation: none;
  transform: none;
}

.teacher-workspace-module__zWrcKa__root[data-reduced="true"] .teacher-workspace-module__zWrcKa__row:before, .teacher-workspace-module__zWrcKa__root[data-reduced="true"] .teacher-workspace-module__zWrcKa__apply:before {
  transition: none;
}

/* [project]/src/features/studyninja-presentation/living/insets/scenes/technology.module.css [app-client] (css) */
.technology-module__yBOhza__root {
  --u: var(--sn-unit, 1cqw);
  --ease-enter: var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1));
  pointer-events: none;
  font-family: var(--font-sans), system-ui, sans-serif;
  color: var(--sn-text, #f2f4f5);
  position: absolute;
  inset: 0;
}

.technology-module__yBOhza__root * {
  box-sizing: border-box;
}

.technology-module__yBOhza__depthGroup {
  display: contents;
}

.technology-module__yBOhza__depth {
  align-items: center;
  gap: calc(var(--u) * 1);
  padding: 0 calc(var(--u) * .8) 0 calc(var(--u) * 1.2);
  border-radius: calc(var(--u) * .75);
  color: #e8ecef;
  font: inherit;
  text-align: left;
  cursor: pointer;
  pointer-events: auto;
  background: #01060b;
  border: 1px solid #ffffff38;
  margin: 0;
  display: flex;
  position: absolute;
}

.technology-module__yBOhza__depth:before {
  content: "";
  border-radius: inherit;
  opacity: 0;
  background: #ffffff0f;
  transition: opacity .18s;
  position: absolute;
  inset: 0;
}

.technology-module__yBOhza__depth:hover:before, .technology-module__yBOhza__depth:focus-visible:before {
  opacity: 1;
}

.technology-module__yBOhza__depth:focus-visible {
  outline: 2px solid var(--sn-accent-hot, #e2ff42);
  outline-offset: 3px;
}

.technology-module__yBOhza__depthActive {
  border-color: var(--sn-accent, #c7f11b);
  color: var(--sn-accent, #c7f11b);
}

.technology-module__yBOhza__depthIcon {
  width: calc(var(--u) * 2.05);
  height: calc(var(--u) * 2.05);
  color: #b5bcc5;
  flex: none;
  position: relative;
}

.technology-module__yBOhza__depthActive .technology-module__yBOhza__depthIcon {
  color: var(--sn-accent, #c7f11b);
}

.technology-module__yBOhza__depthIcon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 100%;
  height: 100%;
}

.technology-module__yBOhza__depthText {
  gap: calc(var(--u) * .35);
  flex-direction: column;
  display: flex;
  position: relative;
}

.technology-module__yBOhza__depthText strong {
  font-size: calc(var(--u) * .98);
  white-space: nowrap;
  font-weight: 600;
  line-height: 1.1;
}

.technology-module__yBOhza__depthText small {
  font-size: calc(var(--u) * .8);
  white-space: nowrap;
  color: #9aa4ae;
  line-height: 1.1;
}

.technology-module__yBOhza__depthActive .technology-module__yBOhza__depthText small {
  color: var(--sn-accent, #c7f11b);
}

.technology-module__yBOhza__lead, .technology-module__yBOhza__bottom {
  background: #000509;
  align-items: center;
  display: flex;
  position: absolute;
}

.technology-module__yBOhza__bottom {
  justify-content: center;
}

.technology-module__yBOhza__leadText {
  padding-left: calc(var(--u) * .4);
  font-size: calc(var(--u) * 1.02);
  color: #aeb6be;
  white-space: pre-line;
  margin: 0;
  line-height: 1.55;
}

.technology-module__yBOhza__bottomText {
  font-size: calc(var(--u) * 1.08);
  text-align: center;
  color: #c5ccd3;
  white-space: pre-line;
  margin: 0;
  line-height: 1.5;
}

.technology-module__yBOhza__card {
  padding: 0 calc(var(--u) * .3);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.technology-module__yBOhza__card p {
  font-size: calc(var(--u) * .81);
  text-align: center;
  color: #d8dde2;
  margin: 0;
  line-height: 1.45;
}

.technology-module__yBOhza__cardLeft {
  padding: 0 calc(var(--u) * .2);
  justify-content: flex-start;
}

.technology-module__yBOhza__cardLeft p {
  text-align: left;
}

.technology-module__yBOhza__research {
  padding: 0 calc(var(--u) * .35);
  background: #0d161d;
  align-items: center;
  display: flex;
  position: absolute;
}

.technology-module__yBOhza__research p {
  font-size: calc(var(--u) * .81);
  color: #c5ccd3;
  margin: 0;
  line-height: 1.6;
}

.technology-module__yBOhza__pulse {
  border: 2px solid var(--sn-accent-hot, #e2ff42);
  border-radius: inherit;
  pointer-events: none;
  animation: technology-module__yBOhza__sonar 1.4s var(--ease-enter) infinite;
  position: absolute;
  inset: -6%;
}

.technology-module__yBOhza__root[data-live="true"] .technology-module__yBOhza__leadText, .technology-module__yBOhza__root[data-live="true"] .technology-module__yBOhza__bottomText, .technology-module__yBOhza__root[data-live="true"] .technology-module__yBOhza__card p, .technology-module__yBOhza__root[data-live="true"] .technology-module__yBOhza__research p {
  animation: technology-module__yBOhza__insetIn .32s var(--ease-enter) both;
  animation-delay: calc(var(--i, 0) * 40ms);
}

@keyframes technology-module__yBOhza__insetIn {
  from {
    opacity: 0;
    transform: translateY(calc(var(--u) * .36));
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes technology-module__yBOhza__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes technology-module__yBOhza__sonar {
  0% {
    opacity: 0;
    transform: scale(.94);
  }

  18% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1.22);
  }
}

@media (prefers-reduced-motion: reduce) {
  .technology-module__yBOhza__root[data-live="true"] .technology-module__yBOhza__leadText, .technology-module__yBOhza__root[data-live="true"] .technology-module__yBOhza__bottomText, .technology-module__yBOhza__root[data-live="true"] .technology-module__yBOhza__card p, .technology-module__yBOhza__root[data-live="true"] .technology-module__yBOhza__research p {
    animation: .16s both technology-module__yBOhza__fadeIn;
  }

  .technology-module__yBOhza__pulse {
    opacity: 1;
    animation: none;
    transform: none;
  }

  .technology-module__yBOhza__depth:before {
    transition: none;
  }
}

.technology-module__yBOhza__root[data-reduced="true"] .technology-module__yBOhza__leadText, .technology-module__yBOhza__root[data-reduced="true"] .technology-module__yBOhza__bottomText, .technology-module__yBOhza__root[data-reduced="true"] .technology-module__yBOhza__card p, .technology-module__yBOhza__root[data-reduced="true"] .technology-module__yBOhza__research p {
  animation: .16s both technology-module__yBOhza__fadeIn;
}

.technology-module__yBOhza__root[data-reduced="true"] .technology-module__yBOhza__pulse {
  opacity: 1;
  animation: none;
  transform: none;
}

.technology-module__yBOhza__root[data-reduced="true"] .technology-module__yBOhza__depth:before {
  transition: none;
}

/* [project]/src/features/studyninja-presentation/living/insets/scenes/finale.module.css [app-client] (css) */
.finale-module__VI17EG__root {
  --u: var(--sn-unit, 1cqw);
  --ease-enter: var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1));
  pointer-events: none;
  font-family: var(--font-sans), system-ui, sans-serif;
  color: var(--sn-text, #f2f4f5);
  position: absolute;
  inset: 0;
}

.finale-module__VI17EG__root * {
  box-sizing: border-box;
}

.finale-module__VI17EG__composer {
  background: #0d141b;
  margin: 0;
  position: absolute;
}

.finale-module__VI17EG__wave {
  left: calc(var(--u) * .35);
  width: calc(var(--u) * 3);
  height: calc(var(--u) * 3);
  padding: calc(var(--u) * .8);
  color: #c9d0d6;
  background: #161e27;
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.finale-module__VI17EG__wave svg, .finale-module__VI17EG__send svg, .finale-module__VI17EG__tileIcon svg, .finale-module__VI17EG__smallIcon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 100%;
  height: 100%;
}

.finale-module__VI17EG__input {
  left: 5.8%;
  top: calc(var(--u) * .75);
  width: 78%;
  height: calc(var(--u) * 1.7);
  border-radius: calc(var(--u) * .3);
  color: #f2f4f5;
  font-family: inherit;
  font-size: calc(var(--u) * 1.02);
  pointer-events: auto;
  background: none;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  line-height: 1.2;
  position: absolute;
}

.finale-module__VI17EG__input::placeholder {
  color: #e8ecef;
  opacity: 1;
}

.finale-module__VI17EG__input:focus::placeholder {
  color: #8a949e;
}

.finale-module__VI17EG__input:focus-visible {
  outline: 2px solid var(--sn-accent-hot, #e2ff42);
  outline-offset: 4px;
}

.finale-module__VI17EG__hint {
  left: 5.8%;
  top: calc(var(--u) * 2.7);
  font-size: calc(var(--u) * .78);
  color: #8a949e;
  white-space: nowrap;
  line-height: 1.2;
  position: absolute;
}

.finale-module__VI17EG__send {
  color: var(--sn-accent, #c7f11b);
  cursor: pointer;
  pointer-events: auto;
  background: #0d141b;
  border: 0;
  border-radius: 50%;
  place-items: center;
  margin: 0;
  padding: 0;
  display: grid;
  position: absolute;
}

.finale-module__VI17EG__sendRing {
  width: 87.5%;
  height: 87.5%;
  padding: calc(var(--u) * .95);
  border: 1px solid var(--sn-accent, #c7f11b);
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: relative;
}

.finale-module__VI17EG__send:before, .finale-module__VI17EG__tile:before, .finale-module__VI17EG__reset:before, .finale-module__VI17EG__scenes:before {
  content: "";
  border-radius: inherit;
  opacity: 0;
  background: #ffffff0f;
  transition: opacity .18s;
  position: absolute;
  inset: 0;
}

.finale-module__VI17EG__send:before {
  background: #c7f11b24;
}

.finale-module__VI17EG__send:hover:before, .finale-module__VI17EG__send:focus-visible:before, .finale-module__VI17EG__tile:hover:before, .finale-module__VI17EG__tile:focus-visible:before, .finale-module__VI17EG__reset:hover:before, .finale-module__VI17EG__reset:focus-visible:before, .finale-module__VI17EG__scenes:hover:before, .finale-module__VI17EG__scenes:focus-visible:before {
  opacity: 1;
}

.finale-module__VI17EG__send:focus-visible, .finale-module__VI17EG__tile:focus-visible, .finale-module__VI17EG__reset:focus-visible, .finale-module__VI17EG__scenes:focus-visible {
  outline: 2px solid var(--sn-accent-hot, #e2ff42);
  outline-offset: 3px;
}

.finale-module__VI17EG__tiles {
  display: contents;
}

.finale-module__VI17EG__tile {
  align-items: center;
  gap: calc(var(--u) * .9);
  padding: 0 calc(var(--u) * .8) 0 calc(var(--u) * 1.05);
  border-radius: calc(var(--u) * .6);
  color: #e3e7eb;
  font: inherit;
  text-align: left;
  cursor: pointer;
  pointer-events: auto;
  background: #0d141b;
  border: 1px solid #ffffff21;
  margin: 0;
  display: flex;
  position: absolute;
}

.finale-module__VI17EG__tileIcon {
  width: calc(var(--u) * 1.55);
  height: calc(var(--u) * 1.55);
  color: var(--sn-accent, #c7f11b);
  flex: none;
  position: relative;
}

.finale-module__VI17EG__tileText {
  font-size: calc(var(--u) * .81);
  line-height: 1.45;
  position: relative;
}

.finale-module__VI17EG__reset, .finale-module__VI17EG__scenes {
  justify-content: center;
  align-items: center;
  gap: calc(var(--u) * .55);
  border-radius: calc(var(--u) * .6);
  color: #e3e7eb;
  font-family: inherit;
  font-size: calc(var(--u) * .87);
  white-space: nowrap;
  cursor: pointer;
  pointer-events: auto;
  background: #0e151c;
  border: 0;
  margin: 0;
  padding: 0;
  display: flex;
  position: absolute;
}

.finale-module__VI17EG__scenes {
  background: #0c131b;
  border: 1px solid #ffffff24;
}

.finale-module__VI17EG__smallIcon {
  width: calc(var(--u) * 1.05);
  height: calc(var(--u) * 1.05);
  color: #c9d0d6;
  position: relative;
}

.finale-module__VI17EG__pulse {
  border: 2px solid var(--sn-accent-hot, #e2ff42);
  border-radius: inherit;
  pointer-events: none;
  animation: finale-module__VI17EG__sonar 1.4s var(--ease-enter) infinite;
  position: absolute;
  inset: -6%;
}

.finale-module__VI17EG__pulseInput {
  border-radius: calc(var(--u) * .6);
  inset: 6% 0;
}

.finale-module__VI17EG__root[data-live="true"] .finale-module__VI17EG__input, .finale-module__VI17EG__root[data-live="true"] .finale-module__VI17EG__tileText {
  animation: finale-module__VI17EG__insetIn .32s var(--ease-enter) both;
  animation-delay: calc(var(--i, 0) * 40ms);
}

@keyframes finale-module__VI17EG__insetIn {
  from {
    opacity: 0;
    transform: translateY(calc(var(--u) * .36));
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes finale-module__VI17EG__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes finale-module__VI17EG__sonar {
  0% {
    opacity: 0;
    transform: scale(.94);
  }

  18% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1.22);
  }
}

@media (prefers-reduced-motion: reduce) {
  .finale-module__VI17EG__root[data-live="true"] .finale-module__VI17EG__input, .finale-module__VI17EG__root[data-live="true"] .finale-module__VI17EG__tileText {
    animation: .16s both finale-module__VI17EG__fadeIn;
  }

  .finale-module__VI17EG__pulse {
    opacity: 1;
    animation: none;
    transform: none;
  }

  .finale-module__VI17EG__send:before, .finale-module__VI17EG__tile:before, .finale-module__VI17EG__reset:before, .finale-module__VI17EG__scenes:before {
    transition: none;
  }
}

.finale-module__VI17EG__root[data-reduced="true"] .finale-module__VI17EG__input, .finale-module__VI17EG__root[data-reduced="true"] .finale-module__VI17EG__tileText {
  animation: .16s both finale-module__VI17EG__fadeIn;
}

.finale-module__VI17EG__root[data-reduced="true"] .finale-module__VI17EG__pulse {
  opacity: 1;
  animation: none;
  transform: none;
}

.finale-module__VI17EG__root[data-reduced="true"] .finale-module__VI17EG__send:before, .finale-module__VI17EG__root[data-reduced="true"] .finale-module__VI17EG__tile:before, .finale-module__VI17EG__root[data-reduced="true"] .finale-module__VI17EG__reset:before, .finale-module__VI17EG__root[data-reduced="true"] .finale-module__VI17EG__scenes:before {
  transition: none;
}

/* [project]/src/features/studyninja-presentation/reference/ReferenceRaster.module.css [app-client] (css) */
.ReferenceRaster-module__NQe5Xq__canvas {
  height: 100%;
  aspect-ratio: var(--canvas-aspect, 1672 / 941);
  background: #01050c;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  overflow: hidden;
  translate: -50%;
  container-type: inline-size;
}

.ReferenceRaster-module__NQe5Xq__canvas[data-role="out"] {
  pointer-events: none;
}

.ReferenceRaster-module__NQe5Xq__image {
  z-index: 1;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.ReferenceRaster-module__NQe5Xq__canvas[data-role="in"] .ReferenceRaster-module__NQe5Xq__image {
  animation: ReferenceRaster-module__NQe5Xq__rasterIn var(--sn-t-in, .56s) var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) both;
  will-change: transform, opacity;
}

.ReferenceRaster-module__NQe5Xq__canvas[data-role="out"] .ReferenceRaster-module__NQe5Xq__image {
  animation: ReferenceRaster-module__NQe5Xq__rasterOut var(--sn-t-out, .42s) var(--sn-ease-exit, cubic-bezier(.4, 0, .2, 1)) both;
}

[data-boot] .ReferenceRaster-module__NQe5Xq__canvas:not([data-role]) .ReferenceRaster-module__NQe5Xq__image {
  animation: ReferenceRaster-module__NQe5Xq__bootRaster .52s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) both;
}

@keyframes ReferenceRaster-module__NQe5Xq__rasterIn {
  from {
    opacity: 0;
    transform: translateX(calc(var(--sn-dir, 1) * 14px)) scale(1.025);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes ReferenceRaster-module__NQe5Xq__rasterOut {
  from {
    opacity: 1;
    transform: none;
  }

  to {
    opacity: 0;
    transform: translateX(calc(var(--sn-dir, 1) * -10px));
  }
}

@keyframes ReferenceRaster-module__NQe5Xq__bootRaster {
  from {
    opacity: .35;
    transform: scale(1.03);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.ReferenceRaster-module__NQe5Xq__neon {
  z-index: 2;
  pointer-events: none;
  mix-blend-mode: screen;
  contain: strict;
  position: absolute;
  inset: 0;
}

.ReferenceRaster-module__NQe5Xq__hitMap {
  z-index: 3;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.ReferenceRaster-module__NQe5Xq__insets {
  z-index: 4;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.ReferenceRaster-module__NQe5Xq__hotspot {
  --hs-r: 12px;
  border-radius: var(--hs-r);
  color: #0000;
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  outline: 0;
  min-width: 1px;
  min-height: 1px;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: block;
  position: absolute;
}

.ReferenceRaster-module__NQe5Xq__hotspot:before {
  content: "";
  border-radius: inherit;
  opacity: 0;
  transition: opacity .18s ease, transform .22s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1));
  pointer-events: none;
  background: radial-gradient(closest-side, #e2ff4242, #e2ff421a 55%, #0000);
  position: absolute;
  inset: -14%;
  transform: scale(.92);
}

.ReferenceRaster-module__NQe5Xq__hotspot:after {
  content: attr(data-label);
  z-index: 5;
  box-sizing: border-box;
  background: radial-gradient(circle at .8em 50%, var(--sn-accent-hot, #e2ff42) 0 .22em, transparent .3em),
    #030a11e6;
  max-width: 34ch;
  color: var(--sn-text, #f2f4f5);
  font: 600 calc(var(--sn-unit, 12px) * .8) / 1.2 var(--font-sans), sans-serif;
  letter-spacing: .01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  opacity: 0;
  transition: opacity .2s ease, transform .24s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1));
  pointer-events: none;
  border: 1px solid #c7f11b73;
  border-radius: 999px;
  padding: .42em .85em .42em 1.6em;
  position: absolute;
  bottom: calc(100% + .6em);
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, 4px);
}

.ReferenceRaster-module__NQe5Xq__hotspot[data-key]:focus-visible:after {
  content: attr(data-label) "  ·  " attr(data-key);
}

.ReferenceRaster-module__NQe5Xq__hotspot[data-edge="top"]:after {
  top: calc(100% + .6em);
  bottom: auto;
  transform: translate(-50%, -4px);
}

.ReferenceRaster-module__NQe5Xq__hotspot[data-align="start"]:after {
  left: 0;
  transform: translate(0, 4px);
}

.ReferenceRaster-module__NQe5Xq__hotspot[data-align="end"]:after {
  left: auto;
  right: 0;
  transform: translate(0, 4px);
}

.ReferenceRaster-module__NQe5Xq__hotspot:hover:before, .ReferenceRaster-module__NQe5Xq__hotspot:focus-visible:before, .ReferenceRaster-module__NQe5Xq__hotspot[data-spotlight="true"]:before {
  opacity: 1;
  transform: none;
}

.ReferenceRaster-module__NQe5Xq__hotspot:hover:after, .ReferenceRaster-module__NQe5Xq__hotspot:focus-visible:after, .ReferenceRaster-module__NQe5Xq__hotspot[data-spotlight="true"]:after, .ReferenceRaster-module__NQe5Xq__hotspot[data-tapped="true"]:after {
  opacity: 1;
  transform: translate(-50%);
}

.ReferenceRaster-module__NQe5Xq__hotspot[data-align="start"]:hover:after, .ReferenceRaster-module__NQe5Xq__hotspot[data-align="start"]:focus-visible:after, .ReferenceRaster-module__NQe5Xq__hotspot[data-align="start"][data-spotlight="true"]:after, .ReferenceRaster-module__NQe5Xq__hotspot[data-align="start"][data-tapped="true"]:after, .ReferenceRaster-module__NQe5Xq__hotspot[data-align="end"]:hover:after, .ReferenceRaster-module__NQe5Xq__hotspot[data-align="end"]:focus-visible:after, .ReferenceRaster-module__NQe5Xq__hotspot[data-align="end"][data-spotlight="true"]:after, .ReferenceRaster-module__NQe5Xq__hotspot[data-align="end"][data-tapped="true"]:after {
  transform: translate(0);
}

.ReferenceRaster-module__NQe5Xq__hotspot:focus-visible {
  outline: 2px solid var(--sn-accent-hot, #e2ff42);
  outline-offset: 3px;
}

.ReferenceRaster-module__NQe5Xq__pulse {
  border: 2px solid var(--sn-accent-hot, #e2ff42);
  border-radius: inherit;
  pointer-events: none;
  animation: ReferenceRaster-module__NQe5Xq__sonar 1.4s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) infinite;
  position: absolute;
  inset: -6%;
}

@keyframes ReferenceRaster-module__NQe5Xq__sonar {
  0% {
    opacity: 0;
    transform: scale(.94);
  }

  18% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1.22);
  }
}

.ReferenceRaster-module__NQe5Xq__spark {
  z-index: 6;
  aspect-ratio: 1;
  pointer-events: none;
  width: 18%;
  animation: ReferenceRaster-module__NQe5Xq__spark .64s var(--sn-ease-enter, cubic-bezier(.16, 1, .3, 1)) both;
  background: radial-gradient(closest-side, #ffffff8c, #e2ff4259 40%, #0000);
  border-radius: 50%;
  position: absolute;
  translate: -50% -50%;
}

@keyframes ReferenceRaster-module__NQe5Xq__spark {
  from {
    opacity: 1;
    transform: scale(.4);
  }

  to {
    opacity: 0;
    transform: scale(1);
  }
}

@media (hover: none) {
  .ReferenceRaster-module__NQe5Xq__hotspot:before {
    transition: none;
  }

  .ReferenceRaster-module__NQe5Xq__hotspot:hover:before, .ReferenceRaster-module__NQe5Xq__hotspot:hover:not([data-spotlight="true"]):not([data-tapped="true"]):after {
    opacity: 0;
  }

  .ReferenceRaster-module__NQe5Xq__hotspot:before {
    inset: min(0px, 50% - 22px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ReferenceRaster-module__NQe5Xq__canvas[data-role="in"] .ReferenceRaster-module__NQe5Xq__image {
    will-change: auto;
    animation: .2s both ReferenceRaster-module__NQe5Xq__fadeIn;
  }

  .ReferenceRaster-module__NQe5Xq__canvas[data-role="out"] .ReferenceRaster-module__NQe5Xq__image {
    animation: .2s both ReferenceRaster-module__NQe5Xq__fadeOut;
  }

  [data-boot] .ReferenceRaster-module__NQe5Xq__canvas:not([data-role]) .ReferenceRaster-module__NQe5Xq__image {
    animation: none;
  }

  .ReferenceRaster-module__NQe5Xq__hotspot:before, .ReferenceRaster-module__NQe5Xq__hotspot:after {
    transition: none;
  }

  .ReferenceRaster-module__NQe5Xq__pulse {
    opacity: 1;
    animation: none;
  }

  .ReferenceRaster-module__NQe5Xq__spark {
    display: none;
  }
}

@keyframes ReferenceRaster-module__NQe5Xq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes ReferenceRaster-module__NQe5Xq__fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* [project]/src/features/studyninja-presentation/reference/ReferenceExperience.module.css [app-client] (css) */
.ReferenceExperience-module__lcKpuq__experience {
  --sn-accent: #c7f11b;
  --sn-accent-hot: #e2ff42;
  --sn-bg: #030a11;
  --sn-panel: #0b151ff0;
  --sn-line: #33414d;
  --sn-text: #f2f4f5;
  --sn-copy: #b5bcc5;
  --sn-muted: #7c8794;
  --sn-ease-enter: cubic-bezier(.16, 1, .3, 1);
  --sn-ease-exit: cubic-bezier(.4, 0, .2, 1);
  --sn-ease-breathe: cubic-bezier(.45, 0, .55, 1);
  --sn-t-micro: .2s;
  --sn-t-panel: .32s;
  --sn-t-out: .42s;
  --sn-t-in: .56s;
  --sn-t-sweep: .62s;
  --sn-t-push: .62s;
  --sn-tour-p: 0;
  z-index: 1000;
  color: var(--sn-text);
  isolation: isolate;
  background: #01070d;
  place-items: center;
  display: grid;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.ReferenceExperience-module__lcKpuq__srOnly, .ReferenceExperience-module__lcKpuq__srTranscript, .ReferenceExperience-module__lcKpuq__persistentStatus {
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: fixed;
  overflow: hidden;
}

.ReferenceExperience-module__lcKpuq__srOnly {
  position: absolute;
}

.ReferenceExperience-module__lcKpuq__skipLink {
  z-index: 1010;
  border: 1px solid var(--sn-accent);
  color: var(--sn-text);
  font: 600 13px/1 var(--font-sans), sans-serif;
  background: #071019;
  border-radius: 5px;
  padding: 9px 13px;
  position: fixed;
  top: 12px;
  left: 12px;
  translate: 0 -160%;
}

.ReferenceExperience-module__lcKpuq__skipLink + .ReferenceExperience-module__lcKpuq__skipLink {
  left: 240px;
}

.ReferenceExperience-module__lcKpuq__skipLink:focus {
  translate: 0;
}

.ReferenceExperience-module__lcKpuq__viewport {
  background: #01050c;
  width: min(100vw, 177.683dvh);
  height: min(100dvh, 56.2799vw);
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 90px #000000c7;
}

.ReferenceExperience-module__lcKpuq__living {
  z-index: 10;
  pointer-events: none;
  transition: opacity .52s var(--sn-ease-enter), transform .52s var(--sn-ease-enter);
  position: absolute;
  inset: 0;
}

[data-mode="deconstruct"] .ReferenceExperience-module__lcKpuq__living {
  opacity: 0;
  transform: scale(1.02);
}

.ReferenceExperience-module__lcKpuq__parallax {
  transform: perspective(1600px) rotateX(calc(var(--sn-dy, 0) * -1.2deg)) rotateY(calc(var(--sn-dx, 0) * 1.2deg)) scale(1.012);
  transform-style: preserve-3d;
  will-change: transform;
  pointer-events: auto;
  position: absolute;
  inset: 0;
}

[data-input="coarse"] .ReferenceExperience-module__lcKpuq__parallax, [data-layout="compact"] .ReferenceExperience-module__lcKpuq__parallax {
  will-change: auto;
  transform: none;
}

.ReferenceExperience-module__lcKpuq__push {
  transform-origin: var(--sn-ox, 50%) var(--sn-oy, 50%);
  transition: transform var(--sn-t-push) var(--sn-ease-enter);
  position: absolute;
  inset: 0;
}

.ReferenceExperience-module__lcKpuq__pushActive {
  transform: scale(1.03);
}

.ReferenceExperience-module__lcKpuq__veil {
  z-index: 20;
  background: rgba(1, 7, 13, var(--sn-veil, 0));
  -webkit-mask-image: radial-gradient(circle at var(--sp-x, 50%) var(--sp-y, 50%), transparent 0 var(--sp-r, 6%), black calc(var(--sp-r, 6%) + 22%));
  mask-image: radial-gradient(circle at var(--sp-x, 50%) var(--sp-y, 50%), transparent 0 var(--sp-r, 6%), black calc(var(--sp-r, 6%) + 22%));
  -webkit-mask-image: radial-gradient(circle at var(--sp-x, 50%) var(--sp-y, 50%), transparent 0 var(--sp-r, 6%), black calc(var(--sp-r, 6%) + 22%));
  opacity: 1;
  pointer-events: none;
  transition: opacity var(--sn-t-out) var(--sn-ease-enter);
  position: absolute;
  inset: 0;
}

.ReferenceExperience-module__lcKpuq__sweep {
  z-index: 22;
  opacity: 0;
  pointer-events: none;
  animation: ReferenceExperience-module__lcKpuq__sweep var(--sn-t-sweep) cubic-bezier(.3, 0, .2, 1) 60ms both;
  background: linear-gradient(100deg, #0000 38%, #e2ff420f 47%, #ffffff1f 50%, #e2ff420f 53%, #0000 62%);
  position: absolute;
  inset: 0;
}

.ReferenceExperience-module__lcKpuq__sweep[data-run="0"] {
  animation-play-state: paused;
}

[data-boot] .ReferenceExperience-module__lcKpuq__sweep[data-run="0"] {
  animation-play-state: running;
  animation-delay: .26s;
}

@keyframes ReferenceExperience-module__lcKpuq__sweep {
  0% {
    opacity: 0;
    transform: translateX(calc(var(--sn-dir, 1) * -70%));
  }

  15% {
    opacity: 1;
  }

  85% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateX(calc(var(--sn-dir, 1) * 70%));
  }
}

.ReferenceExperience-module__lcKpuq__lensSlot {
  z-index: 30;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.ReferenceExperience-module__lcKpuq__semanticStage {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .52s var(--sn-ease-enter) 80ms, transform .52s var(--sn-ease-enter) 80ms, visibility 0s .6s;
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
  overflow: hidden;
  transform: scale(.985);
}

[data-mode="deconstruct"] .ReferenceExperience-module__lcKpuq__semanticStage {
  opacity: 1;
  visibility: visible;
  transition-delay: 80ms, 80ms, 0s;
  transform: none;
}

.ReferenceExperience-module__lcKpuq__semanticStage:focus {
  outline: none;
}

.ReferenceExperience-module__lcKpuq__semanticCanvas {
  aspect-ratio: 1672 / 940;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.ReferenceExperience-module__lcKpuq__breadcrumb {
  z-index: 40;
  min-height: 38px;
  color: var(--sn-accent-hot);
  font: 700 11px/1 var(--font-sans), sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
  animation: ReferenceExperience-module__lcKpuq__breadcrumbIn .32s var(--sn-ease-enter) .52s both;
  background: #030a11e6;
  border: 1px solid #c7f11b94;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 0 16px 0 13px;
  display: inline-flex;
  position: absolute;
  top: 14px;
  left: 14px;
}

.ReferenceExperience-module__lcKpuq__breadcrumb:hover, .ReferenceExperience-module__lcKpuq__breadcrumb:focus-visible {
  border-color: var(--sn-accent-hot);
  outline: 0;
  box-shadow: 0 0 20px #c7f11b33;
}

@keyframes ReferenceExperience-module__lcKpuq__breadcrumbIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.ReferenceExperience-module__lcKpuq__edge {
  z-index: 1003;
  color: #0000;
  cursor: pointer;
  background: none;
  border: 0;
  width: 48px;
  height: 112px;
  position: fixed;
  top: 42%;
}

.ReferenceExperience-module__lcKpuq__edge:before {
  content: "";
  opacity: 0;
  border: 1px solid #e2ff4200;
  border-width: 0 1px 1px 0;
  transition: border-color .16s, opacity .16s;
  position: absolute;
  inset: 27px 9px;
}

.ReferenceExperience-module__lcKpuq__edge:hover:before, .ReferenceExperience-module__lcKpuq__edge:focus-visible:before {
  opacity: 1;
  border-color: #e2ff42b8;
}

.ReferenceExperience-module__lcKpuq__edgeLeft {
  left: 0;
}

.ReferenceExperience-module__lcKpuq__edgeLeft:before {
  rotate: 135deg;
}

.ReferenceExperience-module__lcKpuq__edgeRight {
  right: 0;
}

.ReferenceExperience-module__lcKpuq__edgeRight:before {
  rotate: -45deg;
}

[data-input="coarse"] .ReferenceExperience-module__lcKpuq__edge {
  display: none;
}

.ReferenceExperience-module__lcKpuq__tourBar {
  z-index: 1004;
  top: calc(10px + env(safe-area-inset-top));
  pointer-events: none;
  width: min(720px, 100vw - 32px);
  animation: ReferenceExperience-module__lcKpuq__tourBarIn .32s var(--sn-ease-enter) both;
  justify-items: center;
  gap: 10px;
  display: grid;
  position: fixed;
  left: 50%;
  translate: -50%;
}

@keyframes ReferenceExperience-module__lcKpuq__tourBarIn {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.ReferenceExperience-module__lcKpuq__tourTrack {
  background: #ffffff14;
  border-radius: 999px;
  width: 100%;
  height: 3px;
  position: relative;
  overflow: hidden;
}

.ReferenceExperience-module__lcKpuq__tourFill {
  background: var(--sn-accent);
  transform: scaleX(var(--sn-tour-p, 0));
  transform-origin: 0;
  display: block;
  position: absolute;
  inset: 0;
}

.ReferenceExperience-module__lcKpuq__tourCaption {
  max-width: 60ch;
  color: var(--sn-text);
  font: 500 calc(var(--sn-unit, 14px) * .95) / 1.35 var(--font-sans), sans-serif;
  font-size: clamp(12px, calc(var(--sn-unit, 14px) * .95), 16px);
  text-align: center;
  animation: ReferenceExperience-module__lcKpuq__captionIn .24s var(--sn-ease-enter) both;
  background: #0b151fd9;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  margin: 0;
  padding: 8px 16px;
}

@keyframes ReferenceExperience-module__lcKpuq__captionIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.ReferenceExperience-module__lcKpuq__dockSlot {
  display: contents;
}

.ReferenceExperience-module__lcKpuq__toast {
  z-index: 1006;
  bottom: calc(84px + env(safe-area-inset-bottom));
  max-width: min(560px, 100vw - 32px);
  color: var(--sn-text);
  font: 600 13px/1.35 var(--font-sans), sans-serif;
  overflow-wrap: anywhere;
  -webkit-user-select: text;
  user-select: text;
  animation: ReferenceExperience-module__lcKpuq__toastIn .22s var(--sn-ease-enter) both;
  background: #060e16f0;
  border: 1px solid #c7f11b59;
  border-radius: 999px;
  padding: 10px 16px;
  position: fixed;
  left: 50%;
  translate: -50%;
}

@keyframes ReferenceExperience-module__lcKpuq__toastIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.ReferenceExperience-module__lcKpuq__scrim {
  z-index: 1020;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #00050ac2;
  place-items: center;
  padding: 26px;
  animation: .2s both ReferenceExperience-module__lcKpuq__scrimIn;
  display: grid;
  position: fixed;
  inset: 0;
}

@keyframes ReferenceExperience-module__lcKpuq__scrimIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ReferenceExperience-module__lcKpuq__sceneMap, .ReferenceExperience-module__lcKpuq__assistant, .ReferenceExperience-module__lcKpuq__help, .ReferenceExperience-module__lcKpuq__sheet {
  border: 1px solid var(--sn-line);
  width: min(940px, 100%);
  max-height: min(820px, 100dvh - 52px);
  animation: ReferenceExperience-module__lcKpuq__dialogIn .24s var(--sn-ease-enter) both;
  background: #071019;
  border-radius: 16px;
  overflow: auto;
  box-shadow: 0 30px 120px #000000ad;
}

@keyframes ReferenceExperience-module__lcKpuq__dialogIn {
  from {
    opacity: 0;
    transform: scale(.98)translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.ReferenceExperience-module__lcKpuq__sceneMap header, .ReferenceExperience-module__lcKpuq__assistant header, .ReferenceExperience-module__lcKpuq__help header, .ReferenceExperience-module__lcKpuq__sheet header {
  z-index: 1;
  border-bottom: 1px solid var(--sn-line);
  background: #071019f5;
  justify-content: space-between;
  align-items: center;
  min-height: 76px;
  padding: 16px 22px;
  display: flex;
  position: sticky;
  top: 0;
}

.ReferenceExperience-module__lcKpuq__sceneMap header span, .ReferenceExperience-module__lcKpuq__help header span, .ReferenceExperience-module__lcKpuq__sheet header span, .ReferenceExperience-module__lcKpuq__assistant small {
  color: var(--sn-accent);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.ReferenceExperience-module__lcKpuq__sceneMap header button, .ReferenceExperience-module__lcKpuq__assistant header button, .ReferenceExperience-module__lcKpuq__help header button, .ReferenceExperience-module__lcKpuq__sheet header button {
  border: 1px solid var(--sn-line);
  width: 42px;
  height: 42px;
  color: var(--sn-text);
  cursor: pointer;
  background: none;
  border-radius: 9px;
  font-size: 25px;
}

.ReferenceExperience-module__lcKpuq__act {
  padding: 6px 0 0;
}

.ReferenceExperience-module__lcKpuq__act h3 {
  color: var(--sn-muted);
  font: 700 11px/1 var(--font-mono), monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0;
  padding: 14px 22px 8px;
}

.ReferenceExperience-module__lcKpuq__act ol {
  background: var(--sn-line);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 1px;
  list-style: none;
  display: grid;
}

.ReferenceExperience-module__lcKpuq__act li {
  animation: ReferenceExperience-module__lcKpuq__rowIn .24s var(--sn-ease-enter) both;
  animation-delay: calc(var(--i, 0) * 40ms);
  background: #071019;
}

@keyframes ReferenceExperience-module__lcKpuq__rowIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.ReferenceExperience-module__lcKpuq__act li button {
  width: 100%;
  min-height: 86px;
  color: var(--sn-copy);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 58px 1fr;
  align-items: center;
  column-gap: 0;
  padding: 14px 19px;
  display: grid;
}

.ReferenceExperience-module__lcKpuq__act li button[aria-current="step"] {
  color: var(--sn-text);
  background: #c7f11b14;
}

.ReferenceExperience-module__lcKpuq__act li button:hover, .ReferenceExperience-module__lcKpuq__act li button:focus-visible {
  background: #ffffff0a;
  outline: 0;
}

.ReferenceExperience-module__lcKpuq__act li button:focus-visible {
  box-shadow: inset 0 0 0 2px var(--sn-accent-hot);
}

.ReferenceExperience-module__lcKpuq__act li span {
  color: var(--sn-accent);
  font: 500 13px/1 var(--font-mono), monospace;
  grid-row: 1 / span 2;
}

.ReferenceExperience-module__lcKpuq__act li strong {
  font-size: 18px;
}

.ReferenceExperience-module__lcKpuq__act li em {
  color: var(--sn-muted);
  font: 500 12px/1.35 var(--font-sans), sans-serif;
  font-style: normal;
}

.ReferenceExperience-module__lcKpuq__assistant {
  width: min(760px, 100%);
}

.ReferenceExperience-module__lcKpuq__assistant h2 {
  margin: 2px 0 0;
  font-size: 25px;
}

.ReferenceExperience-module__lcKpuq__exchangeLog {
  gap: 14px;
  min-height: 220px;
  max-height: 48dvh;
  padding: 22px;
  display: grid;
  overflow: auto;
}

.ReferenceExperience-module__lcKpuq__exchangeLog > p {
  color: var(--sn-copy);
}

.ReferenceExperience-module__lcKpuq__exchangeLog article {
  border: 1px solid var(--sn-line);
  border-radius: 12px;
  max-width: 90%;
  padding: 14px 16px;
}

.ReferenceExperience-module__lcKpuq__exchangeLog article b {
  color: var(--sn-accent);
  margin-bottom: 8px;
  display: block;
}

.ReferenceExperience-module__lcKpuq__exchangeLog article p {
  color: var(--sn-copy);
  white-space: pre-wrap;
  margin: 0;
}

.ReferenceExperience-module__lcKpuq__assistant form {
  border-top: 1px solid var(--sn-line);
  grid-template-columns: 1fr 54px;
  gap: 10px;
  padding: 16px;
  display: grid;
}

.ReferenceExperience-module__lcKpuq__aiNotice {
  color: var(--sn-muted);
  font: 500 11px/1.45 var(--font-sans), sans-serif;
  grid-column: 1 / -1;
  margin: 0;
}

.ReferenceExperience-module__lcKpuq__assistant textarea {
  resize: vertical;
  border: 1px solid var(--sn-line);
  min-height: 82px;
  color: var(--sn-text);
  font: 500 15px/1.45 var(--font-sans), sans-serif;
  background: #030a11;
  border-radius: 10px;
  outline: 0;
  padding: 13px 15px;
}

.ReferenceExperience-module__lcKpuq__assistant textarea:focus {
  border-color: var(--sn-accent);
}

.ReferenceExperience-module__lcKpuq__assistant form button {
  border: 1px solid var(--sn-accent);
  width: 54px;
  height: 54px;
  color: var(--sn-accent);
  cursor: pointer;
  background: #c7f11b14;
  border-radius: 50%;
  align-self: end;
  font-size: 25px;
}

.ReferenceExperience-module__lcKpuq__assistant form button:disabled {
  cursor: not-allowed;
  opacity: .35;
}

.ReferenceExperience-module__lcKpuq__help {
  width: min(560px, 100%);
}

.ReferenceExperience-module__lcKpuq__helpGroups {
  gap: 18px;
  padding: 18px 22px 24px;
  display: grid;
}

.ReferenceExperience-module__lcKpuq__helpGroups h3 {
  color: var(--sn-muted);
  font: 700 11px/1 var(--font-mono), monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 8px;
}

.ReferenceExperience-module__lcKpuq__helpGroups ul {
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.ReferenceExperience-module__lcKpuq__helpGroups li {
  color: var(--sn-copy);
  font: 500 14px/1.35 var(--font-sans), sans-serif;
  animation: ReferenceExperience-module__lcKpuq__rowIn .24s var(--sn-ease-enter) both;
  animation-delay: calc(var(--i, 0) * 18ms);
  grid-template-columns: 148px 1fr;
  align-items: center;
  gap: 14px;
  display: grid;
}

.ReferenceExperience-module__lcKpuq__kbdCluster {
  flex-wrap: wrap;
  gap: 4px;
  display: inline-flex;
}

.ReferenceExperience-module__lcKpuq__kbdCluster kbd {
  min-width: 28px;
  height: 28px;
  color: var(--sn-text);
  font: 600 12px/1 var(--font-mono), monospace;
  background: #ffffff0a;
  border: 1px solid #ffffff24;
  border-bottom-width: 2px;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  display: inline-flex;
}

.ReferenceExperience-module__lcKpuq__mobileHeader, .ReferenceExperience-module__lcKpuq__mobileStrip, .ReferenceExperience-module__lcKpuq__dots, .ReferenceExperience-module__lcKpuq__mobileLens, .ReferenceExperience-module__lcKpuq__mobileGuide, .ReferenceExperience-module__lcKpuq__mobileBar, .ReferenceExperience-module__lcKpuq__mobileDeconstruct, .ReferenceExperience-module__lcKpuq__sheet, .ReferenceExperience-module__lcKpuq__explorer {
  display: none;
}

@media (max-aspect-ratio: 1) {
  .ReferenceExperience-module__lcKpuq__edge {
    display: none;
  }

  .ReferenceExperience-module__lcKpuq__act ol {
    grid-template-columns: 1fr;
  }

  .ReferenceExperience-module__lcKpuq__scrim {
    align-items: end;
    padding: 8px;
  }

  .ReferenceExperience-module__lcKpuq__assistant, .ReferenceExperience-module__lcKpuq__sceneMap, .ReferenceExperience-module__lcKpuq__help {
    border-radius: 16px;
    max-height: calc(100dvh - 16px);
  }
}

@media (max-width: 720px) {
  .ReferenceExperience-module__lcKpuq__experience {
    place-items: initial;
    overscroll-behavior: contain;
    padding-bottom: calc(72px + env(safe-area-inset-bottom));
    background: #030a11;
    flex-direction: column;
    display: flex;
    overflow: hidden auto;
  }

  .ReferenceExperience-module__lcKpuq__experience > * {
    flex-shrink: 0;
  }

  .ReferenceExperience-module__lcKpuq__viewport, .ReferenceExperience-module__lcKpuq__edge, .ReferenceExperience-module__lcKpuq__breadcrumb {
    display: none;
  }

  [data-layout="compact"] .ReferenceExperience-module__lcKpuq__breadcrumb {
    display: inline-flex;
  }

  .ReferenceExperience-module__lcKpuq__mobileHeader {
    flex-direction: column;
    gap: 10px;
    min-height: 56px;
    padding: 12px 16px 6px;
    display: flex;
  }

  .ReferenceExperience-module__lcKpuq__mobileIndex {
    align-items: baseline;
    gap: 12px;
    display: flex;
  }

  .ReferenceExperience-module__lcKpuq__mobileIndex b {
    color: var(--sn-accent);
    font: 500 13px/1 var(--font-mono), monospace;
    letter-spacing: .08em;
  }

  .ReferenceExperience-module__lcKpuq__mobileIndex span {
    color: var(--sn-text);
    font: 700 16px/1.1 var(--font-sans), sans-serif;
    letter-spacing: -.01em;
  }

  .ReferenceExperience-module__lcKpuq__personaChips {
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    gap: 6px;
    display: flex;
    overflow-x: auto;
  }

  .ReferenceExperience-module__lcKpuq__personaChips::-webkit-scrollbar {
    display: none;
  }

  .ReferenceExperience-module__lcKpuq__personaChips button {
    height: 36px;
    color: var(--sn-copy);
    font: 600 12px/1 var(--font-sans), sans-serif;
    cursor: pointer;
    background: #ffffff08;
    border: 1px solid #ffffff1a;
    border-radius: 999px;
    flex: none;
    padding: 0 14px;
  }

  .ReferenceExperience-module__lcKpuq__personaChips button[aria-checked="true"] {
    color: var(--sn-accent-hot);
    background: #c7f11b14;
    border-color: #c7f11b8c;
  }

  .ReferenceExperience-module__lcKpuq__mobileStrip {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    width: 100%;
    padding: 0 16px;
    scroll-padding: 0 16px;
    display: flex;
    overflow: auto hidden;
  }

  .ReferenceExperience-module__lcKpuq__mobileStrip::-webkit-scrollbar {
    display: none;
  }

  .ReferenceExperience-module__lcKpuq__slide {
    scroll-snap-align: center;
    scroll-snap-stop: always;
    background: #030a11;
    border-radius: 12px;
    flex: 0 0 calc(100vw - 32px);
    position: relative;
    overflow: hidden;
  }

  .ReferenceExperience-module__lcKpuq__slide img {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
  }

  .ReferenceExperience-module__lcKpuq__slideNeon {
    pointer-events: none;
    mix-blend-mode: screen;
    contain: strict;
    position: absolute;
    inset: 0;
  }

  .ReferenceExperience-module__lcKpuq__slideIndex {
    color: var(--sn-muted);
    font: 500 22px/1 var(--font-mono), monospace;
    place-items: center;
    display: grid;
    position: absolute;
    inset: 0;
  }

  .ReferenceExperience-module__lcKpuq__slideExplore {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    background: none;
    border: 0;
    position: absolute;
    inset: 0;
  }

  .ReferenceExperience-module__lcKpuq__slideExplore:focus-visible {
    outline: 2px solid var(--sn-accent-hot);
    outline-offset: -2px;
  }

  .ReferenceExperience-module__lcKpuq__dots {
    justify-content: center;
    gap: 0;
    padding: 6px 0 2px;
    display: flex;
  }

  .ReferenceExperience-module__lcKpuq__dots button {
    cursor: pointer;
    background: none;
    border: 0;
    place-items: center;
    width: 32px;
    height: 44px;
    display: grid;
  }

  .ReferenceExperience-module__lcKpuq__dots i {
    width: 6px;
    height: 6px;
    transition: transform .2s var(--sn-ease-enter), background-color .16s ease;
    background: #ffffff38;
    border-radius: 999px;
  }

  .ReferenceExperience-module__lcKpuq__dots button[aria-current="step"] i {
    background: var(--sn-accent);
    transform: scale(1.5);
  }

  .ReferenceExperience-module__lcKpuq__mobileLens {
    padding: 12px 16px 0;
    display: block;
  }

  .ReferenceExperience-module__lcKpuq__mobileGuide {
    gap: 10px;
    width: 100%;
    padding: 20px 18px 8px;
    display: grid;
  }

  .ReferenceExperience-module__lcKpuq__mobileGuide h1 {
    color: var(--sn-text);
    font: 720 clamp(22px, 6.4vw, 30px)/1.06 var(--font-sans), sans-serif;
    letter-spacing: -.03em;
    margin: 0;
  }

  .ReferenceExperience-module__lcKpuq__mobileGuide p {
    color: var(--sn-copy);
    font: 500 14px/1.55 var(--font-sans), sans-serif;
    margin: 0;
  }

  .ReferenceExperience-module__lcKpuq__mobileBar {
    z-index: 1005;
    height: calc(56px + env(safe-area-inset-bottom));
    padding: 6px 10px calc(6px + env(safe-area-inset-bottom));
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    backdrop-filter: blur(18px) saturate(140%);
    background: #060e16db;
    border-top: 1px solid #ffffff14;
    grid-template-columns: 52px 52px minmax(0, 1fr) 52px 52px;
    gap: 6px;
    display: grid;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .ReferenceExperience-module__lcKpuq__mobileBar button {
    min-height: 44px;
    color: var(--sn-text);
    font: 700 14px/1 var(--font-sans), sans-serif;
    cursor: pointer;
    background: #ffffff08;
    border: 1px solid #ffffff14;
    border-radius: 12px;
  }

  .ReferenceExperience-module__lcKpuq__mobileBar button[aria-pressed="true"] {
    color: var(--sn-accent-hot);
    border-color: #c7f11b80;
  }

  .ReferenceExperience-module__lcKpuq__mobileAsk {
    border-color: var(--sn-accent) !important;
    background: var(--sn-accent) !important;
    color: #071019 !important;
  }

  .ReferenceExperience-module__lcKpuq__sheet {
    width: 100%;
    max-height: 70dvh;
    padding-bottom: calc(12px + env(safe-area-inset-bottom));
    animation: ReferenceExperience-module__lcKpuq__sheetIn .42s var(--sn-ease-enter) both;
    border-radius: 16px 16px 0 0;
    display: block;
  }

  @keyframes ReferenceExperience-module__lcKpuq__sheetIn {
    from {
      transform: translateY(100%);
    }

    to {
      transform: none;
    }
  }

  .ReferenceExperience-module__lcKpuq__sheetHandle {
    background: #ffffff38;
    border-radius: 999px;
    width: 36px;
    height: 4px;
    position: absolute;
    top: 8px;
    left: 50%;
    translate: -50%;
  }

  .ReferenceExperience-module__lcKpuq__sheet header {
    min-height: 64px;
    padding-top: 20px;
  }

  .ReferenceExperience-module__lcKpuq__mobileSceneControls {
    background: #c7f11b09;
    border: 1px solid #c7f11b4d;
    border-radius: 12px;
    gap: 11px;
    margin: 14px;
    padding: 13px;
    display: grid;
  }

  .ReferenceExperience-module__lcKpuq__mobileSceneControls > p {
    color: var(--sn-copy);
    font: 600 13px/1.4 var(--font-sans), sans-serif;
    margin: 0;
  }

  .ReferenceExperience-module__lcKpuq__mobileControlGrid, .ReferenceExperience-module__lcKpuq__sheetActions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    display: grid;
  }

  .ReferenceExperience-module__lcKpuq__sheetActions {
    margin: 0 14px;
  }

  .ReferenceExperience-module__lcKpuq__mobileSceneControls button, .ReferenceExperience-module__lcKpuq__sheetActions button {
    min-width: 44px;
    min-height: 48px;
    color: var(--sn-text);
    font: 700 13px/1.15 var(--font-sans), sans-serif;
    cursor: pointer;
    background: #0c1721;
    border: 1px solid #8da2b259;
    border-radius: 10px;
    padding: 0 13px;
  }

  .ReferenceExperience-module__lcKpuq__explorer {
    animation: ReferenceExperience-module__lcKpuq__explorerIn .52s var(--sn-ease-enter) both;
    background: #01070d;
    display: block;
    position: fixed;
    inset: 0;
  }

  @keyframes ReferenceExperience-module__lcKpuq__explorerIn {
    from {
      opacity: 0;
      transform: scale(.96);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .ReferenceExperience-module__lcKpuq__explorerScroll {
    touch-action: pan-x pan-y pinch-zoom;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    inset: 0;
    overflow: auto;
  }

  .ReferenceExperience-module__lcKpuq__explorerCanvas {
    width: 240vw;
    max-width: 1672px;
    margin: 0;
    position: relative;
  }

  .ReferenceExperience-module__lcKpuq__explorerClose {
    z-index: 2;
    top: calc(10px + env(safe-area-inset-top));
    width: 44px;
    height: 44px;
    color: var(--sn-text);
    cursor: pointer;
    background: #030a11db;
    border: 1px solid #ffffff24;
    border-radius: 999px;
    font-size: 26px;
    line-height: 1;
    position: absolute;
    right: 10px;
  }

  .ReferenceExperience-module__lcKpuq__mobileDeconstruct {
    z-index: 1015;
    background: #01070d;
    display: block;
    position: fixed;
    inset: 0;
    overflow: auto;
  }

  .ReferenceExperience-module__lcKpuq__mobileDeconstruct .ReferenceExperience-module__lcKpuq__semanticStage {
    min-width: 960px;
    min-height: 100%;
    position: relative;
    inset: auto;
  }

  .ReferenceExperience-module__lcKpuq__mobileDeconstruct .ReferenceExperience-module__lcKpuq__breadcrumb {
    top: calc(10px + env(safe-area-inset-top));
    position: fixed;
    left: 10px;
  }

  .ReferenceExperience-module__lcKpuq__scrim {
    align-items: end;
    padding: 0;
    position: fixed;
  }

  .ReferenceExperience-module__lcKpuq__assistant, .ReferenceExperience-module__lcKpuq__sceneMap, .ReferenceExperience-module__lcKpuq__help {
    border-radius: 16px 16px 0 0;
    width: 100%;
    max-height: calc(100dvh - 16px);
  }

  .ReferenceExperience-module__lcKpuq__toast {
    bottom: calc(72px + env(safe-area-inset-bottom));
  }

  .ReferenceExperience-module__lcKpuq__skipLink + .ReferenceExperience-module__lcKpuq__skipLink {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ReferenceExperience-module__lcKpuq__edge:before, .ReferenceExperience-module__lcKpuq__living, .ReferenceExperience-module__lcKpuq__push, .ReferenceExperience-module__lcKpuq__veil, .ReferenceExperience-module__lcKpuq__dots i {
    transition: none;
  }

  .ReferenceExperience-module__lcKpuq__living {
    transition: opacity .2s;
  }

  .ReferenceExperience-module__lcKpuq__semanticStage {
    transition: opacity .2s, visibility 0s .2s;
    transform: none;
  }

  [data-mode="deconstruct"] .ReferenceExperience-module__lcKpuq__living {
    transform: none;
  }

  .ReferenceExperience-module__lcKpuq__parallax {
    will-change: auto;
    transform: none;
  }

  .ReferenceExperience-module__lcKpuq__pushActive {
    transform: none;
  }

  .ReferenceExperience-module__lcKpuq__sweep, .ReferenceExperience-module__lcKpuq__breadcrumb, .ReferenceExperience-module__lcKpuq__tourBar, .ReferenceExperience-module__lcKpuq__tourCaption, .ReferenceExperience-module__lcKpuq__toast, .ReferenceExperience-module__lcKpuq__scrim, .ReferenceExperience-module__lcKpuq__sceneMap, .ReferenceExperience-module__lcKpuq__assistant, .ReferenceExperience-module__lcKpuq__help, .ReferenceExperience-module__lcKpuq__sheet, .ReferenceExperience-module__lcKpuq__explorer, .ReferenceExperience-module__lcKpuq__act li, .ReferenceExperience-module__lcKpuq__helpGroups li {
    animation: none;
  }

  .ReferenceExperience-module__lcKpuq__tourBar, .ReferenceExperience-module__lcKpuq__tourCaption, .ReferenceExperience-module__lcKpuq__toast, .ReferenceExperience-module__lcKpuq__scrim, .ReferenceExperience-module__lcKpuq__sceneMap, .ReferenceExperience-module__lcKpuq__assistant, .ReferenceExperience-module__lcKpuq__help, .ReferenceExperience-module__lcKpuq__sheet, .ReferenceExperience-module__lcKpuq__explorer {
    animation: .2s both ReferenceExperience-module__lcKpuq__fade;
  }

  [data-boot] .ReferenceExperience-module__lcKpuq__viewport {
    animation: .24s both ReferenceExperience-module__lcKpuq__fade;
  }
}

@keyframes ReferenceExperience-module__lcKpuq__fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* [project]/src/app/[lang]/pages.module.css [app-client] (css) */
.pages-module__x6ka4q__header {
  max-width: 64rem;
  margin-bottom: clamp(2.4rem, 5vh, 4rem);
}

.pages-module__x6ka4q__headerLabel {
  align-items: center;
  gap: .7em;
  margin-bottom: 1.2rem;
  display: flex;
}

.pages-module__x6ka4q__backRow {
  margin-bottom: 1.4rem;
}

.pages-module__x6ka4q__backLink {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--fs-mono-sm);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--dim);
}

.pages-module__x6ka4q__backLink:hover {
  color: var(--cyan);
}

.pages-module__x6ka4q__section {
  margin-bottom: var(--space-section);
}

.pages-module__x6ka4q__sectionHead {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: .8rem 1.5rem;
  margin-bottom: clamp(1.3rem, 3vh, 2rem);
  display: flex;
}

.pages-module__x6ka4q__sectionHeadMeta {
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem;
  display: flex;
}

.pages-module__x6ka4q__cardTop {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: .4rem 1rem;
  margin-bottom: .6rem;
  display: flex;
}

.pages-module__x6ka4q__cardTitle {
  font-size: var(--fs-h3);
  margin: 0 0 .3em;
}

.pages-module__x6ka4q__cardTitle a {
  color: inherit;
}

.pages-module__x6ka4q__cardTitle a:hover {
  color: var(--cyan);
}

.pages-module__x6ka4q__cardText {
  color: var(--dim);
  margin: 0 0 1rem;
  font-size: .95rem;
  line-height: 1.6;
}

.pages-module__x6ka4q__clamp2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.pages-module__x6ka4q__cardTop .pages-module__x6ka4q__stateTag {
  white-space: normal;
  border-radius: var(--radius-sm);
  text-align: right;
}

.pages-module__x6ka4q__extLink {
  overflow-wrap: anywhere;
}

.pages-module__x6ka4q__tagRow {
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  display: flex;
}

.pages-module__x6ka4q__metaBlock {
  border-top: 1px solid var(--line);
  gap: .55rem;
  margin-top: auto;
  padding-top: .9rem;
  display: grid;
}

.pages-module__x6ka4q__kv {
  flex-wrap: wrap;
  align-items: baseline;
  gap: .35rem .9em;
  display: flex;
}

.pages-module__x6ka4q__cardCol {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.pages-module__x6ka4q__channelHint {
  margin-top: auto;
  padding-top: .9rem;
}

.pages-module__x6ka4q__routing {
  gap: .7rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.pages-module__x6ka4q__routeRow {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: .5rem 1.5rem;
  display: flex;
}

.pages-module__x6ka4q__routeIntent {
  color: var(--text);
  max-width: 46ch;
}

.pages-module__x6ka4q__routeTo {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--fs-mono-sm);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--cyan);
  white-space: nowrap;
}

.pages-module__x6ka4q__routeTo:hover {
  color: var(--white);
}

.pages-module__x6ka4q__detail {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: clamp(2rem, 4vw, 4rem);
  display: grid;
}

@media (min-width: 1000px) {
  .pages-module__x6ka4q__detail {
    grid-template-columns: minmax(0, 1fr) 320px;
  }

  .pages-module__x6ka4q__detailAside {
    top: calc(var(--header-h) + 1.6rem);
    position: sticky;
  }
}

.pages-module__x6ka4q__detailAside {
  gap: 1rem;
  display: grid;
}

.pages-module__x6ka4q__asidePanel {
  gap: .8rem;
  display: grid;
}

.pages-module__x6ka4q__block {
  margin-bottom: var(--space-block);
}

.pages-module__x6ka4q__blockLabel {
  margin-bottom: .7rem;
}

.pages-module__x6ka4q__list {
  max-width: var(--measure);
  gap: .55em;
  margin: 0;
  padding-left: 1.15em;
  display: grid;
}

.pages-module__x6ka4q__list li::marker {
  color: var(--faint);
}

.pages-module__x6ka4q__linkList {
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.pages-module__x6ka4q__linkList a {
  display: block;
}

.pages-module__x6ka4q__tiles {
  grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr));
  gap: clamp(.9rem, 2vw, 1.3rem);
  display: grid;
}

.pages-module__x6ka4q__tile {
  align-content: start;
  gap: .8rem;
  display: grid;
}

.pages-module__x6ka4q__tileValue {
  font-family: var(--font-mono), ui-monospace, monospace;
  letter-spacing: -.02em;
  color: var(--white);
  font-size: clamp(2.3rem, 4.5vw, 3.4rem);
  font-weight: 400;
  line-height: 1;
}

.pages-module__x6ka4q__tileNote {
  color: var(--faint);
}

.pages-module__x6ka4q__compPanel {
  align-content: start;
  gap: .9rem;
  display: grid;
}

.pages-module__x6ka4q__compList {
  gap: .85rem;
  display: grid;
}

.pages-module__x6ka4q__compItem {
  gap: .4rem;
  display: grid;
}

.pages-module__x6ka4q__compHead {
  color: var(--text);
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  font-size: .95rem;
  display: flex;
}

.pages-module__x6ka4q__simPanel {
  border-color: #ffcc664d;
}

.pages-module__x6ka4q__agentHead {
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  margin-bottom: .5rem;
  display: flex;
}

.pages-module__x6ka4q__agentId {
  font-family: var(--font-mono), ui-monospace, monospace;
  letter-spacing: .06em;
  color: var(--white);
  font-size: 1.15rem;
}

.pages-module__x6ka4q__barTrack {
  background: #8caaff1f;
  border-radius: 999px;
  height: 4px;
  margin-top: .5rem;
  overflow: hidden;
}

.pages-module__x6ka4q__barFill {
  border-radius: inherit;
  background: linear-gradient(90deg, var(--electric), var(--cyan));
  height: 100%;
}

.pages-module__x6ka4q__simTag {
  color: var(--warn);
  border-color: #fc66;
}

.pages-module__x6ka4q__honestyNote {
  max-width: var(--measure);
  color: var(--dim);
  border-left: 2px solid #ffcc668c;
  margin-top: 1.2rem;
  padding: .2rem 0 .2rem 1.1rem;
}

.pages-module__x6ka4q__roleLabel {
  margin-bottom: .4rem;
  display: block;
}

.pages-module__x6ka4q__footNote {
  margin-top: var(--space-block);
  max-width: var(--measure);
  display: block;
}

.pages-module__x6ka4q__domainColumns {
  columns: 21rem 3;
  column-gap: clamp(.9rem, 2vw, 1.4rem);
}

.pages-module__x6ka4q__domainCard {
  break-inside: avoid;
  margin-bottom: clamp(.9rem, 2vw, 1.4rem);
  display: block;
}

.pages-module__x6ka4q__tree, .pages-module__x6ka4q__tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pages-module__x6ka4q__tree ul {
  border-left: 1px solid var(--line);
  gap: .7rem;
  margin-top: .7rem;
  padding-left: 1.15rem;
  display: grid;
}

.pages-module__x6ka4q__tree > li + li {
  margin-top: 1rem;
}

.pages-module__x6ka4q__nodeRow {
  scroll-margin-top: calc(var(--header-h) + 1.5rem);
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem .7rem;
  display: flex;
}

.pages-module__x6ka4q__nodeRow .tag {
  white-space: normal;
  max-width: 100%;
}

.pages-module__x6ka4q__nodeLabel {
  color: var(--white);
  font-weight: 500;
}

.pages-module__x6ka4q__principles {
  counter-reset: principle;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.pages-module__x6ka4q__principle {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 1.1rem;
  display: grid;
}

.pages-module__x6ka4q__principleIndex {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: var(--fs-mono-sm);
  letter-spacing: .12em;
  color: var(--cyan);
  padding-top: .45em;
}

.pages-module__x6ka4q__principle h3 {
  margin-bottom: .25em;
}

.pages-module__x6ka4q__principle p {
  color: var(--dim);
  margin: 0;
}

.pages-module__x6ka4q__lost {
  min-height: calc(100vh - var(--header-h) - 8rem);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.2rem;
  display: flex;
}

.pages-module__x6ka4q__lostCode {
  font-family: var(--font-mono), ui-monospace, monospace;
  letter-spacing: .04em;
  color: var(--faint);
  font-size: clamp(3rem, 9vw, 6rem);
  line-height: 1;
}

/*# sourceMappingURL=src_0yuv9xx._.css.map*/