:root{color-scheme:light;--bg:#f3f8ff;--surface:#fff;--surface-strong:#fff;--line:#dbeafe;--line-strong:#bfdbfe;--text:#000;--muted:#374151;--primary:#eff6ff;--primary-dark:#5ba1fe;--primary-soft:#cbddf5;--cyan:#60a5fa;--danger:#dc2626;--shadow:0 16px 40px rgba(59,130,246,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}a,a:hover{text-decoration:none}main{width:100%}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}pre{margin:0;overflow:auto}ol,ul{line-height:1.8}.min-h-screen{min-height:100vh}.mx-auto{margin-left:auto;margin-right:auto}.max-w-5xl,.max-w-6xl{max-width:1180px}.px-4{padding-left:16px;padding-right:16px}.py-8{padding-top:32px;padding-bottom:32px}.p-3{padding:12px}.p-4{padding:16px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.flex{display:flex}.grid{display:grid}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-2xl{font-size:28px}.font-medium{font-weight:700}.font-bold,.font-semibold{font-weight:900}.text-neutral-700{color:var(--text);line-height:1.75}.text-red-700{color:var(--danger)}.bg-white,.bg-white\/70{background:#fff}.bg-red-50{background:#fff5f5}.border{border:1px solid var(--line)}.border-b{border-bottom:1px solid var(--line)}.border-blue-100{border-color:var(--line)}.border-red-200{border-color:#fecaca}.rounded{border-radius:14px}.list-disc{list-style:disc}.pl-5{padding-left:20px}.min-h-\[96px\]{min-height:96px}.outline-none{outline:none}.page{min-height:100vh}.student-shell{width:min(1180px,calc(100% - 32px))}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(59,130,246,.06)}.app-header__inner{width:min(1180px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}.app-header__brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:18px;font-weight:900;letter-spacing:.02em}.app-header__brand:before{content:"";width:30px;height:30px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--cyan));box-shadow:0 10px 24px rgba(37,99,235,.22)}.app-header__nav{display:flex;gap:8px;flex-wrap:wrap}.app-header__link{color:var(--text);border:1px solid transparent;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:800}.app-header__link:hover{color:var(--primary-dark);border-color:var(--line);background:var(--primary-soft)}.hero,.student-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:20px;gap:20px;align-items:stretch;border:1px solid var(--line);border-radius:30px;padding:32px;background:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero{grid-template-columns:1fr}.hero:after,.student-hero:after{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.16),transparent 68%)}.hero>*,.student-hero>*{position:relative;z-index:1}.hero__title,.student-hero h1,main>h1{margin:8px 0 12px;font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.045em;color:#000}.hero__desc,.student-hero p,main>p{max-width:760px;color:#000;line-height:1.85}.eyebrow{margin:0;color:var(--primary-dark)!important;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero-card{display:flex;flex-direction:column;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:24px;padding:24px;background:#fff;box-shadow:var(--shadow)}.hero-card small,.hero-card span{color:var(--muted)}.hero-card strong{color:var(--primary-dark);font-size:24px;line-height:1.2}.analysis-item,.empty-panel,.practice-card,.role-card,.section-card,.slide-thumb{border:1px solid var(--line);background:#fff;color:#000;box-shadow:var(--shadow)}.role-card,.section-card{border-radius:24px}.section-card{padding:22px}.section-card__title{margin:0;color:#000;font-size:20px;font-weight:900;letter-spacing:-.01em}.section-card__body{margin-top:16px}.role-card{display:block;padding:24px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.role-card:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:0 22px 50px rgba(59,130,246,.12)}.role-card__title{color:#000;font-size:22px;font-weight:900}.role-card__desc{margin-top:12px;color:#000;line-height:1.7}.role-card__cta{margin-top:16px;color:var(--primary-dark);font-weight:900}.feature-badge,.tech-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--primary-soft);color:#0ea5e9;padding:8px 12px;font-size:13px;font-weight:900}.student-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.student-grid--wide{grid-template-columns:1fr}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}button.rounded,button[class*=rounded]{border:0;border-radius:14px;padding:11px 15px;color:#1e40af;background:linear-gradient(135deg,#60a5fa,#93c5fd);box-shadow:0 12px 28px rgba(37,99,235,.2);font-weight:900}.rounded.border:hover,button.rounded:hover,button[class*=rounded]:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary))}textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:#fff;color:#000;padding:12px;line-height:1.6}textarea:focus{border-color:var(--line-strong);box-shadow:0 0 0 4px rgba(59,130,246,.12)}.slide-preview{display:flex;flex-direction:column;gap:16px}.slide-preview--empty{display:block}.slide-preview__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 16px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(135deg,#fff,var(--primary));box-shadow:var(--shadow)}.slide-preview__course-title{font-size:16px;font-weight:900;color:#000;letter-spacing:-.02em}.slide-preview__meta{font-size:12px;font-weight:800;color:#0ea5e9}.slide-section-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.slide-section-strip--empty{padding:12px 14px;font-size:13px;color:var(--muted);border:1px dashed var(--line);border-radius:16px;background:var(--primary)}.slide-preview__body{display:grid;grid-template-columns:280px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.slide-preview__list{display:grid;grid-gap:10px;gap:10px;align-content:start}.slide-thumb{display:grid;grid-template-columns:42px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;width:100%;border-radius:18px;padding:12px;color:#000;text-align:left}.slide-thumb--active{border-color:var(--line-strong);background:var(--primary-soft);box-shadow:0 14px 32px rgba(59,130,246,.12)}.slide-thumb__no{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:14px;background:var(--primary-soft);color:#0ea5e9;font-weight:900}.slide-thumb__title{font-size:14px;font-weight:800;line-height:1.45;color:#000}.slide-stage{min-height:330px;border-radius:26px;padding:30px;background:#fff;color:#000;border:1px solid var(--line);box-shadow:var(--shadow)}.slide-stage__topline{display:flex;justify-content:space-between;gap:12px;color:#000;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.slide-stage h3{margin:22px 0 16px;font-size:clamp(26px,3vw,38px);line-height:1.16;color:#000}.slide-stage li{margin:10px 0;line-height:1.7}.slide-stage__bullets{margin:0;padding-left:1.2em;line-height:1.7;color:#000}.slide-stage__summary{margin:0 0 16px;color:var(--muted);line-height:1.7;font-size:15px}.slide-stage__hint,.slide-stage__note{margin-top:16px;border-radius:16px;padding:12px 14px;background:var(--primary-soft);color:#000}.slide-stage__refs{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.slide-stage__refs .references-panel{box-shadow:none}.references-panel{border-radius:20px;border:1px solid var(--line);padding:16px 18px;background:#fff;box-shadow:var(--shadow)}.references-panel--compact{padding:10px 12px;border-radius:16px}.references-panel--compact .panel-heading{margin-bottom:0;font-size:13px}.references-panel--compact .panel-heading small{font-size:10px}.references-panel--empty{padding:12px 14px;font-size:13px;color:var(--muted);border:1px dashed var(--line);border-radius:16px;background:var(--primary)}.ref-list{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-gap:8px;gap:8px}.ref-list__item{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;line-height:1.5;color:#000}.ref-list__type{font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--primary-dark)}.vm-block-section{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.vm-block-section__label{font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-dark)}.vm-nested-list{margin:8px 0 0;padding-left:1.15em;color:#000;line-height:1.65}.vm-nested-list--ordered{list-style:decimal}.panel-heading,.practice-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#000;font-weight:900}.panel-heading small,.practice-card__meta span{border-radius:999px;padding:5px 9px;background:var(--primary-soft);color:var(--primary-dark);font-size:12px;font-weight:900;border:1px solid var(--line)}.code-explanation--empty .empty-panel{margin-top:0}.code-block,.expected-output pre{margin-top:12px;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:18px;background:#f8fafc;color:#000;font-size:13px;line-height:1.7}.answer-line,.explain-text,.muted-text{color:#000;line-height:1.75}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tech-chip{padding:6px 10px;font-size:12px}.analysis-list,.practice-panel{display:grid;grid-gap:12px;gap:12px}.analysis-item{display:grid;grid-template-columns:46px minmax(0,1fr);grid-gap:12px;gap:12px;border-radius:18px;padding:14px}.analysis-item__badge{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:14px;background:var(--primary-soft);color:var(--primary-dark);font-weight:900}.analysis-block-title,.analysis-item__title{color:#000;font-weight:900}.analysis-block-title{font-size:15px;margin:0 0 4px}.analysis-item p{margin:6px 0 0;color:#000}.analysis-item__line{margin:4px 0 0;color:#000;font-size:14px;line-height:1.55}.analysis-item__code{margin:6px 0 0;border-radius:10px;border:1px solid var(--line);padding:8px 10px;background:#f8fafc;color:#000;font-size:12px;line-height:1.5;white-space:pre-wrap}.analysis-panel,.experiment-panel{display:flex;flex-direction:column;gap:14px;width:100%}.analysis-panel--empty,.experiment-panel--empty{min-height:0}.analysis-panel__slide-hint,.experiment-panel__slide-hint{margin:0;font-size:13px;line-height:1.6;color:var(--muted);padding:10px 12px;border-radius:14px;background:var(--primary);border:1px solid var(--line)}.analysis-panel__block{margin:0}.analysis-panel__example{margin:8px 0 0;max-height:280px;overflow:auto;white-space:pre-wrap;word-break:break-word;border:1px solid var(--line);border-radius:16px;padding:14px;background:#f8fafc;color:#000;font-size:12px;line-height:1.55}.analysis-panel__example--scroll{max-height:360px}.error-structured{display:flex;flex-direction:column;gap:12px}.error-structured__card{border:1px solid var(--line);border-radius:20px;padding:14px 16px;background:linear-gradient(180deg,#fff 0,var(--primary) 100%);box-shadow:var(--shadow)}.error-structured__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.error-structured__badge{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:4px 9px;border:1px solid #bfdbfe}.error-structured__index{font-size:12px;font-weight:800;color:var(--muted)}.error-structured__field{margin-top:8px}.error-structured__label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;color:var(--primary-dark);margin-bottom:4px}.error-structured__text{margin:0;font-size:14px;line-height:1.65;color:#000}.error-structured__text--long{max-height:200px}.error-structured__code,.error-structured__text--long{overflow:auto;white-space:pre-wrap;word-break:break-word}.error-structured__code{margin:6px 0 0;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#f8fafc;font-size:12px;line-height:1.5;max-height:180px}.error-common-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.error-common-list__row{display:grid;grid-template-columns:40px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;padding:10px 12px;border-radius:16px;border:1px solid var(--line);background:#fff}.error-common-list__badge{font-size:11px;font-weight:900;color:var(--primary-dark);text-align:center;padding-top:2px}.error-common-list__text{margin:0;font-size:13px;line-height:1.65;color:#000;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word}.analysis-panel__note,.experiment-panel .analysis-panel__note{border-radius:16px;border:1px solid var(--line);padding:10px 12px;background:var(--primary)}.analysis-panel__note--student{background:#fff}.analysis-panel__note-label{display:block;font-size:12px;font-weight:900;color:var(--primary-dark);margin-bottom:4px}.analysis-panel__note-text{margin:0;font-size:14px;line-height:1.6;color:#000}.experiment-sub{border-top:1px solid var(--line);padding-top:12px}.experiment-sub__head{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-dark);margin-bottom:6px}.experiment-sub__list,.experiment-sub__qlist{margin:0}.experiment-sub__empty{margin:0;font-size:13px;color:var(--muted);font-style:italic}.experiment-sub__longline{line-height:1.7;white-space:pre-wrap;word-break:break-word}.experiment-narrative{border-top:1px solid var(--line);padding-top:12px}.experiment-narrative__body{margin:6px 0 0;max-height:400px;overflow:auto;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:#f8fbff;color:#000;font-size:13px;line-height:1.75;white-space:pre-wrap;word-break:break-word}.experiment-panel__code{margin-top:12px}.experiment-panel__pre--scroll{max-height:300px;overflow:auto;white-space:pre-wrap;word-break:break-word}.experiment-panel__goal{font-size:15px}.step-list{padding-left:22px;color:#000;line-height:1.8}.expected-output{margin-top:12px}.expected-output span{color:#000;font-weight:900}.practice-card{border-radius:20px;padding:18px}.practice-card h3{color:#000;font-size:16px;line-height:1.55}.option-list{display:grid;grid-gap:8px;gap:8px;padding-left:0;list-style:none}.option-list li{border-radius:12px;padding:9px 12px;background:var(--primary-soft);color:#000;border:1px solid var(--line)}.empty-panel{border-radius:18px;padding:20px}.practice-panel__list{display:flex;flex-direction:column;gap:14px}.practice-panel__slide-hint{margin:0 0 8px;font-size:13px;color:var(--muted);line-height:1.5;padding:8px 10px;border-radius:12px;background:var(--primary);border:1px solid var(--line)}.practice-card--type-code_reading,.practice-card--type-debugging{border-left:3px solid #3b82f6}.practice-card--type-programming{border-left:3px solid #0ea5e9}.practice-card--type-short_answer{border-left:3px solid #8b5cf6}.practice-card--type-choice{border-left:3px solid #22c55e}.practice-type-tag{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;border:1px solid var(--line);background:var(--primary-soft);color:var(--primary-dark)}.practice-card__raw-type{font-size:10px;color:var(--muted);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice-card__diff{font-size:10px;text-transform:uppercase;color:#64748b}.practice-card__question{margin:6px 0 0;font-size:16px;line-height:1.5;font-weight:800;color:#000}.practice-card__question--code{margin:8px 0 0;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#f8fafc;font-size:12.5px;line-height:1.55;font-weight:500;white-space:pre-wrap;word-break:break-word;max-height:320px;overflow:auto}.practice-card__block{margin-top:10px;padding:8px 10px;border-radius:12px;border:1px dashed var(--line);background:#fff}.practice-card__block-title{display:block;font-size:11px;font-weight:900;text-transform:uppercase;color:#1d4ed8;margin-bottom:4px}.practice-card__longtext{margin:0;font-size:13.5px;line-height:1.65;color:#000;max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-word}.option-list__item--choice{list-style:none}.references-panel__subtitle{margin:0 0 8px;font-size:12px;line-height:1.4;color:var(--muted)}.references-panel__subtitle--muted{color:#94a3b8}.references-panel__empty-text{margin:0;font-size:13px;color:var(--muted)}.ref-list__main{display:flex;flex-direction:column;gap:4px}.ref-list__text--wrap{line-height:1.5;word-break:break-word}.ref-list__sub{font-size:11px;color:#64748b;line-height:1.4;margin-top:4px;padding-left:0;max-height:120px;overflow:auto}.teacher-cw{--cw-strip-slide:#2563eb;--cw-strip-code:#1d4ed8;--cw-strip-error:#1d4ed8;--cw-strip-experiment:#2563eb;--cw-strip-practice:#4f46e5;--cw-border-soft:rgba(148,163,184,.38)}.teacher-cw__grid{gap:20px}.teacher-cw .section-card.section-card--cw{position:relative;border-radius:22px;border:1px solid var(--cw-border-soft);background:linear-gradient(165deg,#fff,#f8fafc 52%,#f1f5f9);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.95),0 14px 38px rgba(15,23,42,.072);padding:22px 22px 22px 26px;overflow:hidden}.teacher-cw .section-card.section-card--cw:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 6px 6px 0;background:var(--cw-strip,var(--cyan));box-shadow:0 0 20px rgba(37,99,235,.18)}.section-card--cw-slide{--cw-strip:var(--cw-strip-slide)}.section-card--cw-code{--cw-strip:var(--cw-strip-code)}.section-card--cw-error{--cw-strip:var(--cw-strip-error)}.section-card--cw-error.section-card--cw:before{box-shadow:0 0 18px rgba(37,99,235,.14)}.section-card--cw-experiment{--cw-strip:var(--cw-strip-experiment)}.section-card--cw-experiment.section-card--cw:before{box-shadow:0 0 18px rgba(37,99,235,.14)}.section-card--cw-practice{--cw-strip:var(--cw-strip-practice)}.section-card--cw-practice.section-card--cw:before{box-shadow:0 0 18px rgba(79,70,229,.14)}.teacher-cw .section-card.section-card--cw .section-card__title{margin:0;font-size:17px;font-weight:900;letter-spacing:-.03em;color:#0f172a;padding-bottom:10px;border-bottom:1px solid rgba(226,232,240,.95)}.teacher-cw .section-card.section-card--cw .section-card__body{margin-top:18px}.teacher-cw__hint{margin:0 0 14px;padding:11px 14px;border-radius:14px;font-size:13px;line-height:1.65;color:var(--muted);background:linear-gradient(90deg,rgba(239,246,255,.94),hsla(0,0%,100%,.98));border:1px solid rgba(191,219,254,.75)}.teacher-cw__footnote{margin:16px 0 0;padding-top:14px;border-top:1px dashed rgba(148,163,184,.5);font-size:12.5px;line-height:1.65;color:#64748b}.teacher-cw .teacher-cw__slide-root.slide-preview{gap:18px}.teacher-cw .teacher-cw__slide-root .slide-preview__head{border-radius:16px;border:1px solid rgba(191,219,254,.9);background:linear-gradient(115deg,#fff,rgba(239,246,255,.88));box-shadow:0 10px 28px rgba(37,99,235,.08)}.teacher-cw .teacher-cw__slide-root .slide-stage{border-radius:22px;border:1px solid rgba(191,219,254,.55);box-shadow:0 12px 34px rgba(15,23,42,.065);background:linear-gradient(180deg,#fff,#fafbff)}.teacher-cw .teacher-cw__slide-root .slide-thumb--active{border-color:rgba(37,99,235,.42);background:linear-gradient(135deg,#eff6ff,#fff);box-shadow:0 12px 28px rgba(37,99,235,.12)}.teacher-cw .teacher-cw__slide-root.slide-preview--empty .empty-panel{border-style:dashed;border-color:rgba(147,197,253,.65);background:rgba(239,246,255,.55);color:var(--muted)}.teacher-cw__refs-grid{display:grid;grid-gap:16px;gap:16px}@media (min-width:861px){.teacher-cw__refs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.teacher-cw .references-panel.teacher-cw__ref-panel{border-radius:18px;border:1px solid var(--cw-border-soft);box-shadow:0 8px 22px rgba(15,23,42,.048);background:linear-gradient(180deg,#fff,#f8fafc)}.teacher-cw .references-panel.teacher-cw__ref-panel--page{border-top:2px solid rgba(37,99,235,.42)}.teacher-cw .references-panel.teacher-cw__ref-panel--course{border-top:2px solid rgba(13,148,136,.42)}.teacher-cw .references-panel.teacher-cw__ref-panel .panel-heading small{background:var(--primary-soft);border-color:var(--line)}.teacher-cw .section-card--cw-code .code-explanation .panel-heading small{background:rgba(219,234,254,.72);color:#1e3a8a;border-color:rgba(147,197,253,.65)}.teacher-cw .section-card--cw-code .code-block{background:linear-gradient(180deg,#f1f5f9,#f8fafc);border-color:rgba(100,116,139,.35);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.92);border-radius:16px}.teacher-cw .section-card--cw-error .analysis-panel__slide-hint{background:rgba(239,246,255,.92);border-color:rgba(191,219,254,.85)}.teacher-cw .section-card--cw-error .error-structured__card{border-color:rgba(191,219,254,.55);background:linear-gradient(180deg,#fff,#fafbff);box-shadow:0 8px 22px rgba(15,23,42,.045)}.teacher-cw .section-card--cw-error .analysis-panel__example,.teacher-cw .section-card--cw-error .error-structured__code{border-color:rgba(191,219,254,.85);background:linear-gradient(180deg,#f1f5f9,#f8fafc)}.teacher-cw .section-card--cw-experiment .experiment-panel__slide-hint{background:rgba(239,246,255,.92);border-color:rgba(191,219,254,.85)}.teacher-cw .section-card--cw-experiment .experiment-narrative__body{background:linear-gradient(180deg,#f8fbff,#fff);border-color:rgba(191,219,254,.72)}.teacher-cw .section-card--cw-experiment .expected-output pre,.teacher-cw .section-card--cw-experiment .experiment-panel__pre--scroll{border-color:rgba(191,219,254,.85);background:linear-gradient(180deg,#f1f5f9,#f8fafc)}.teacher-cw .section-card--cw-experiment .code-block{border-color:rgba(191,219,254,.75)}.teacher-cw .section-card--cw-practice .practice-panel__slide-hint{background:rgba(238,242,255,.9);border-color:rgba(129,140,248,.38)}.teacher-cw .section-card--cw-practice .practice-card{border-color:rgba(148,163,184,.42);box-shadow:0 8px 22px rgba(15,23,42,.045)}.research-showcase{display:flex;flex-direction:column;gap:2px}.research-showcase .practice-card--type-choice,.research-showcase .practice-card--type-code_reading,.research-showcase .practice-card--type-debugging,.research-showcase .practice-card--type-other,.research-showcase .practice-card--type-programming,.research-showcase .practice-card--type-short_answer,.student-page .practice-card--type-choice,.student-page .practice-card--type-code_reading,.student-page .practice-card--type-debugging,.student-page .practice-card--type-other,.student-page .practice-card--type-programming,.student-page .practice-card--type-short_answer{border-left:3px solid #2563eb}@media (max-width:860px){.hero,.md\:grid-cols-2,.md\:grid-cols-3,.slide-preview__body,.student-grid,.student-hero{grid-template-columns:1fr}.app-header__inner{align-items:flex-start;flex-direction:column;gap:10px}.student-shell{width:min(100% - 24px,1180px)}}