.learn-shell{--learn-green:#176b64;--learn-gold:#d99a2b;--muted-foreground:#4e6259;--border:#cbd9d2;min-width:0;color:var(--foreground)}.dark .learn-shell{--muted-foreground:#b9cbc3;--border:#3b544b}.learn-shell a:focus-visible,.learn-shell button:focus-visible,.learn-shell input:focus-visible,.learn-shell select:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.learn-piko{display:block;background-image:url(/learning/piko-sprites.png);background-repeat:no-repeat;background-size:300% 200%;aspect-ratio:1;width:100%;isolation:isolate;transform-origin:center bottom}.learn-piko[data-mood=welcome]{background-position:0 0}.learn-piko[data-mood=happy]{background-position:50% 0}.learn-piko[data-mood=retry]{background-position:100% 0}.learn-piko[data-mood=thinking]{background-position:0 100%}.learn-piko[data-mood=award]{background-position:50% 100%}.learn-piko[data-mood=complete]{background-position:100% 100%}.learn-option{min-height:56px;transition:background .15s,border-color .15s;color:var(--foreground)}.learn-option[aria-pressed=true]{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,var(--card));box-shadow:inset 0 0 0 1px var(--brand)}.learn-option:hover{border-color:var(--brand)}.learn-feedback{background:#f0faf6;border-color:#78b5a2;color:#17243a;--foreground:#17243a;--muted-foreground:#4e6259}.learn-feedback-label{color:#15584e}.learn-feedback-action{background:#176b64;color:white}.learn-feedback-action:hover{background:#10564f}.learn-feedback[data-result=retry]{background:#fff4ef;border-color:#db8b72}.learn-feedback[data-result=retry] .learn-feedback-label{color:#99392b}.learn-feedback[data-result=retry] .learn-feedback-action{background:#a53b2d;color:white}.learn-feedback[data-result=retry] .learn-feedback-action:hover{background:#852d23}.dark .learn-feedback{background:#142e26;border-color:#69baa0;--foreground:#edf8f2;color:#edf8f2}.dark .learn-feedback-label{color:#9ae0c6}.dark .learn-feedback[data-result=retry]{background:#36221f;border-color:#d89480}.dark .learn-feedback[data-result=retry] .learn-feedback-label{color:#ffc4af}.learn-hint{border:1px solid color-mix(in srgb,var(--brand-accent) 55%,transparent);background:color-mix(in srgb,var(--brand-accent) 10%,var(--card));color:var(--foreground)}.learn-sort-item{position:relative;z-index:0;user-select:none;touch-action:pan-y;will-change:transform}.learn-sort-item[data-dragging=true]{z-index:5;border-color:var(--brand);background:var(--brand-soft)}.learn-drag-handle{touch-action:none;cursor:grab}.learn-drag-handle:active{cursor:grabbing}.learn-markdown p{margin:.75rem 0;line-height:1.85}.learn-markdown h2,.learn-markdown h3{font-weight:750;margin:1.4rem 0 .5rem}.learn-markdown ol,.learn-markdown ul{padding-left:1.5rem;margin:.75rem 0}.learn-markdown ul{list-style:disc}.learn-markdown ol{list-style:decimal}.learn-markdown li{margin:.4rem 0;line-height:1.75}.learn-markdown strong{font-weight:750}.learn-markdown a{text-decoration:underline;color:var(--brand)}.learn-asset{background:#f4f7f5}.learn-draft textarea{tab-size:2}.learn-progress{transition:width .3s}.learn-primary{background:var(--primary);color:var(--primary-foreground)}.learn-primary:hover{background:color-mix(in srgb,var(--primary) 90%,transparent)}.learn-admin-theme{--background:#14211d;--foreground:#f1f7f3;--card:#182923;--card-foreground:#f1f7f3;--popover:#182923;--popover-foreground:#f1f7f3;--primary:#8bd8cc;--primary-foreground:#102b25;--brand:#8bd8cc;--brand-strong:#b0e9de;--brand-soft:#23463d;--brand-accent:#f0bc66;--ink:#f1f7f3;--muted:#23372e;--muted-foreground:#bfcec6;--border:#40574b;--input:#4c6557;--accent:#2b4439;--accent-foreground:#f1f7f3;--secondary:#294338;--secondary-foreground:#f1f7f3;--ring:#8bd8cc;color:var(--foreground)}.learn-admin-theme [data-slot=button]{min-height:40px}.learn-admin-theme [data-slot=button]:disabled{opacity:.65}.learn-admin-theme input:not([type=checkbox]):not([type=file]),.learn-admin-theme select,.learn-admin-theme textarea{color:var(--foreground);background:var(--background);border-color:var(--input)}.learn-admin-theme input::placeholder,.learn-admin-theme textarea::placeholder{color:#a6b9ad}.learn-no-motion *{scroll-behavior:auto}@media(prefers-reduced-motion:reduce){.learn-feedback,.learn-option,.learn-piko,.learn-progress{animation:none!important;transition:none!important}.learn-sort-item{will-change:auto}}