.example-app-module__JD8Rpa__exampleApp{background:radial-gradient(circle at 88% 5%, color-mix(in srgb, var(--color-lime-400) 11%, transparent), transparent 28rem), var(--background);min-height:100svh;color:var(--foreground)}.example-app-module__JD8Rpa__header{z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--background) 84%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;min-height:4.5rem;padding:.75rem clamp(1rem,3vw,2.5rem);display:grid;position:sticky;top:0}.example-app-module__JD8Rpa__header>:last-child{justify-self:end}.example-app-module__JD8Rpa__brand{min-width:0;color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.example-app-module__JD8Rpa__brand>span{aspect-ratio:1;background:linear-gradient(145deg, var(--color-lime-300), var(--color-lime-500));border-radius:.65rem .65rem .65rem .2rem;width:2rem}.example-app-module__JD8Rpa__brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.example-app-module__JD8Rpa__badge{border:1px solid var(--border);background:color-mix(in srgb, var(--background) 74%, transparent);color:var(--muted-foreground);border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .7rem;font-size:.75rem;font-weight:650;display:inline-flex}.example-app-module__JD8Rpa__badge svg{width:.85rem;height:.85rem;color:color-mix(in srgb, var(--color-lime-500) 70%, var(--foreground))}.example-app-module__JD8Rpa__layout{grid-template-columns:13rem minmax(0,1fr) minmax(17rem,20rem);min-height:calc(100svh - 4.5rem);display:grid}.example-app-module__JD8Rpa__sidebar{border-right:1px solid var(--border);flex-direction:column;height:calc(100svh - 4.5rem);padding:1.25rem;display:flex;position:sticky;top:4.5rem}.example-app-module__JD8Rpa__sidebar nav{gap:.3rem;display:grid}.example-app-module__JD8Rpa__sidebar nav a{color:var(--muted-foreground);border-radius:.7rem;align-items:center;gap:.7rem;padding:.7rem .8rem;font-size:.86rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.example-app-module__JD8Rpa__sidebar nav a:hover,.example-app-module__JD8Rpa__sidebar nav a[aria-current=page]{background:color-mix(in srgb, var(--foreground) 6%, transparent);color:var(--foreground)}.example-app-module__JD8Rpa__sidebar nav svg{width:1rem;height:1rem}.example-app-module__JD8Rpa__sidebar>p{color:var(--muted-foreground);margin:auto 0 0;font-size:.68rem;line-height:1.5}.example-app-module__JD8Rpa__runtimeInspector{border-left:1px solid var(--border);background:color-mix(in srgb, var(--background) 96%, var(--color-lime-300));flex-direction:column;gap:1rem;min-width:0;height:calc(100svh - 4.5rem);padding:1.25rem;display:flex;position:sticky;top:4.5rem;overflow-y:auto}.example-app-module__JD8Rpa__runtimeHeading,.example-app-module__JD8Rpa__runtimeHeading>span,.example-app-module__JD8Rpa__runtimeGuards,.example-app-module__JD8Rpa__runtimeGuards span,.example-app-module__JD8Rpa__runtimeLog li>div{align-items:center;display:flex}.example-app-module__JD8Rpa__runtimeHeading{justify-content:space-between;gap:.75rem}.example-app-module__JD8Rpa__runtimeHeading>span{gap:.45rem}.example-app-module__JD8Rpa__runtimeHeading svg,.example-app-module__JD8Rpa__runtimeGuards svg{width:.9rem;height:.9rem}.example-app-module__JD8Rpa__runtimeHeading strong{font-size:.875rem}.example-app-module__JD8Rpa__runtimeConnected{color:var(--muted-foreground);font-size:.7rem}.example-app-module__JD8Rpa__runtimeConnected i{background:var(--color-emerald-500);border-radius:50%;width:.45rem;height:.45rem}.example-app-module__JD8Rpa__runtimeSandbox{color:var(--muted-foreground);margin:0;font-size:.75rem;line-height:1.5}.example-app-module__JD8Rpa__runtimeGuards{flex-wrap:wrap;gap:.4rem}.example-app-module__JD8Rpa__runtimeGuards span{border:1px solid var(--border);color:var(--muted-foreground);border-radius:999px;gap:.35rem;padding:.3rem .5rem;font-size:.68rem}.example-app-module__JD8Rpa__runtimeLog{flex-direction:column;flex:1;gap:0;margin:0;padding:0;list-style:none;display:flex}.example-app-module__JD8Rpa__runtimeLog li{border-top:1px solid var(--border);gap:.4rem;padding:.9rem 0;display:grid}.example-app-module__JD8Rpa__runtimeLog li>div{justify-content:space-between;gap:.5rem}.example-app-module__JD8Rpa__runtimeLog li>code{overflow-wrap:anywhere;color:var(--muted-foreground);font-size:.64rem}.example-app-module__JD8Rpa__runtimeLog li>div code{border:1px solid var(--border);color:var(--foreground);border-radius:.3rem;padding:.15rem .35rem;font-size:.63rem;font-weight:700}.example-app-module__JD8Rpa__runtimeLog li>div span{color:var(--color-emerald-600);font-variant-numeric:tabular-nums;font-size:.68rem}.example-app-module__JD8Rpa__runtimeLog strong{font-size:.76rem;font-weight:600}.example-app-module__JD8Rpa__runtimeLog p{color:var(--muted-foreground);margin:0;font-size:.69rem;line-height:1.45}.example-app-module__JD8Rpa__workspace{min-width:0}.example-app-module__JD8Rpa__screen{width:min(100%,76rem);margin-inline:auto;padding:clamp(2rem,5vw,5rem) clamp(1rem,4vw,4rem) 6rem}.example-app-module__JD8Rpa__screenHeading{max-width:42rem;margin-bottom:clamp(2rem,4vw,3.5rem)}.example-app-module__JD8Rpa__screenHeading>span,.example-app-module__JD8Rpa__lessonBar>span:first-child{color:var(--muted-foreground);font-size:.75rem;font-weight:650}.example-app-module__JD8Rpa__screenHeading h1{font-family:var(--font-heading);letter-spacing:-.045em;margin:.8rem 0 0;font-size:clamp(2.3rem,4.6vw,4.3rem);font-weight:650;line-height:.98}.example-app-module__JD8Rpa__screenHeading p{color:var(--muted-foreground);margin:1rem 0 0;font-size:.98rem;line-height:1.6}.example-app-module__JD8Rpa__screenHeading>span+p{margin-top:.6rem}.example-app-module__JD8Rpa__lessonScreen{max-width:58rem}.example-app-module__JD8Rpa__lessonBar{border-bottom:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;font-size:.75rem;display:flex}.example-app-module__JD8Rpa__player{margin-top:2rem}.example-app-module__JD8Rpa__lessonActions{border-top:1px solid var(--border);justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;display:flex}.example-app-module__JD8Rpa__focusScreen{max-width:54rem}.example-app-module__JD8Rpa__quiz{flex-direction:column;align-items:flex-start;gap:1.25rem;max-width:42rem;padding-top:clamp(2rem,5vw,4rem);display:flex}.example-app-module__JD8Rpa__quiz h1,.example-app-module__JD8Rpa__certificate h1{font-family:var(--font-heading);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:650;line-height:1}.example-app-module__JD8Rpa__quiz>p,.example-app-module__JD8Rpa__certificate>p{color:var(--muted-foreground);margin:0;line-height:1.6}.example-app-module__JD8Rpa__quiz h2{margin:1rem 0 0;font-size:1.15rem;font-weight:600}.example-app-module__JD8Rpa__quizAnswers{gap:.625rem;width:100%;display:grid}.example-app-module__JD8Rpa__quizAnswers>button{text-align:left;white-space:normal;justify-content:flex-start;height:auto;min-height:2.75rem;padding-block:.7rem}.example-app-module__JD8Rpa__quizResult{border-top:1px solid var(--border);width:100%;color:var(--muted-foreground);align-items:flex-start;gap:.625rem;padding-top:1rem;display:flex}.example-app-module__JD8Rpa__quizResult[data-state=passed]{color:var(--color-emerald-700)}.example-app-module__JD8Rpa__quizResult svg{flex-shrink:0;width:1rem;height:1rem;margin-top:.2rem}.example-app-module__JD8Rpa__quizResult p{margin:0;line-height:1.5}.example-app-module__JD8Rpa__certificate{border:1px solid var(--border);background:color-mix(in srgb, var(--background) 92%, var(--color-lime-300));border-radius:1.25rem;flex-direction:column;align-items:flex-start;gap:1rem;max-width:42rem;margin-top:clamp(2rem,7vw,7rem);padding:clamp(1.5rem,4vw,3rem);display:flex}.example-app-module__JD8Rpa__certificateMark{border:1px solid var(--border);border-radius:50%;place-items:center;width:3rem;height:3rem;display:grid}.example-app-module__JD8Rpa__certificateMark svg{width:1.25rem;height:1.25rem}.example-app-module__JD8Rpa__certificate>p:first-of-type{font-size:.75rem;font-weight:650}.example-app-module__JD8Rpa__certificate dl{gap:0;width:100%;margin:1rem 0;display:grid}.example-app-module__JD8Rpa__certificate dl>div{border-top:1px solid var(--border);grid-template-columns:minmax(8rem,.7fr) minmax(0,1.3fr);gap:1rem;padding:.8rem 0;display:grid}.example-app-module__JD8Rpa__certificate dt{color:var(--muted-foreground);font-size:.75rem}.example-app-module__JD8Rpa__certificate dd{overflow-wrap:anywhere;margin:0;font-size:.82rem;font-weight:600}@media (max-width:1100px){.example-app-module__JD8Rpa__layout{grid-template-columns:12rem minmax(0,1fr)}.example-app-module__JD8Rpa__runtimeInspector{border-top:1px solid var(--border);border-left:0;grid-column:2;height:auto;position:static}.example-app-module__JD8Rpa__runtimeLog{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.example-app-module__JD8Rpa__runtimeLog li:nth-child(2n){border-left:1px solid var(--border);padding-left:1rem}}@media (max-width:760px){.example-app-module__JD8Rpa__header{grid-template-columns:minmax(0,1fr) auto;min-height:4rem;padding-inline:1rem}.example-app-module__JD8Rpa__header>.example-app-module__JD8Rpa__badge{display:none}.example-app-module__JD8Rpa__header>:last-child{min-width:2.5rem;padding-inline:.7rem;font-size:0}.example-app-module__JD8Rpa__header>:last-child svg{width:1rem;height:1rem}.example-app-module__JD8Rpa__layout{grid-template-columns:minmax(0,1fr)}.example-app-module__JD8Rpa__sidebar{z-index:10;border-right:0;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:auto;padding:.55rem 1rem;position:sticky;top:4rem}.example-app-module__JD8Rpa__sidebar nav{display:flex}.example-app-module__JD8Rpa__sidebar nav a{flex:1;justify-content:center;padding-block:.6rem}.example-app-module__JD8Rpa__sidebar>p{display:none}.example-app-module__JD8Rpa__screen{padding-top:2.25rem}.example-app-module__JD8Rpa__lessonActions{flex-direction:column-reverse;align-items:stretch}.example-app-module__JD8Rpa__runtimeInspector{grid-column:1}.example-app-module__JD8Rpa__runtimeLog{grid-template-columns:minmax(0,1fr)}.example-app-module__JD8Rpa__runtimeLog li:nth-child(2n){border-left:0;padding-left:0}.example-app-module__JD8Rpa__certificate dl>div{grid-template-columns:minmax(0,1fr);gap:.25rem}}