:root{--color-bg:#f8fafc;--color-bg-accent:#f1f5f9;--color-bg-story:#f8fafc;--color-surface:#fff;--color-surface-strong:#fff;--color-text:#0f172a;--color-muted:#475569;--color-placeholder:#64748b;--color-primary:#059669;--color-primary-dark:#047857;--color-primary-soft:#d1fae5;--color-inspiration:#fbbf24;--color-inspiration-soft:#fef3c7;--color-accent:var(--color-inspiration);--color-accent-soft:var(--color-inspiration-soft);--color-skill-indigo:#6366f1;--color-skill-indigo-soft:#e0e7ff;--color-skill-rose:#f43f5e;--color-skill-rose-soft:#ffe4e6;--color-skill-amber:#f59e0b;--color-skill-amber-soft:#fef3c7;--color-skill-sky:#0ea5e9;--color-skill-sky-soft:#e0f2fe;--color-skill-emerald:#10b981;--color-skill-emerald-soft:#d1fae5;--color-skill-teal:#0d9488;--color-skill-teal-soft:#ccfbf1;--color-hint-soft:#f8fafc;--color-hint-text:#475569;--color-warning-soft:#fff7ed;--color-warning-text:#ea580c;--color-sky-soft:#e0f2fe;--color-lavender-soft:#ede8f5;--color-trace-soft:#eef2ff;--color-trace-text:#4f46e5;--color-trace-border:#c7d2fe;--color-ai-output-soft:#fefce8;--color-ai-output-text:#713f12;--color-ai-output-border:#fde68a;--color-my-input-soft:#fafaf9;--color-my-input-text:#57534e;--color-my-input-border:#e7e5e4;--color-border:#0f172a14;--color-border-strong:#0f172a29;--font-sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--text-xs:.8125rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--page-max:960px;--content-max:960px;--page-padding-x:24px;--page-padding-y:24px;--page-padding-bottom:64px;--grid-gap:16px;--control-min-height:48px;--radius-control:10px;--radius-card:16px;--radius-card-lg:24px;--radius-card-xl:32px;--radius-card-2xl:40px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 2px 8px #0f172a0d;--shadow-md:0 4px 16px #0f172a0f;--shadow-lg:0 8px 24px #0f172a12;--shadow-lifted:0 12px 32px #0f172a14;--shadow-focus:0 0 0 3px #05966926;--shadow-card:0 10px 30px -5px #0f172a0a;--shadow-card-hover:0 20px 40px -10px #0f172a14;--transition-fast:.16s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--watermark-opacity:.018;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-modal:30;--z-toast:40}[data-theme=quiet]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=high-contrast]{--color-bg:#fff;--color-bg-accent:#f1f5f9;--color-bg-story:#fff;--color-surface:#fff;--color-surface-strong:#fff;--color-text:#020617;--color-muted:#334155;--color-primary:#047857;--color-primary-dark:#065f46;--color-primary-soft:#a7f3d0;--color-border:#475569;--color-border-strong:#0f172a;--color-placeholder:#64748b;--watermark-opacity:.01;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (max-width:760px){:root{--page-padding-x:20px;--page-padding-y:16px;--page-padding-bottom:48px;--grid-gap:14px;--control-min-height:46px}}
*{box-sizing:border-box}html{background:var(--color-bg);min-height:100%}body{min-height:100%;color:var(--color-text);background:linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-story) 100%);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.75}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}::selection{background:var(--color-primary-soft);color:var(--color-primary-dark)}

.lesson-app{min-height:100vh;padding:var(--page-padding-y) var(--page-padding-x) var(--page-padding-bottom);position:relative}.lesson-shell{z-index:1;width:min(100%, var(--page-max));margin:0 auto;position:relative}.eyebrow{color:var(--color-primary);font-size:var(--text-sm);letter-spacing:.02em;margin:0;font-weight:600;line-height:1.4}.lead{color:var(--color-muted);font-size:var(--text-base);margin:0;line-height:1.8}.prompt-question{color:var(--color-placeholder);font-size:var(--text-xs);margin:0;font-weight:700;line-height:1.5}.step-stack{gap:24px;animation:.22s ease-out both step-enter;display:grid}.step-stack>*{min-width:0}.step-intro-panel{gap:28px;display:grid}.step-title-row,.intro-title-row{align-items:center;gap:12px;display:flex}.intro-title-row{align-items:flex-start}.step-title-row h2,.intro-title-row h2,.step-stack>h2{margin:0;font-size:clamp(1.35rem,2.8vw,1.75rem);font-weight:700;line-height:1.25}.step-stack h3{font-size:var(--text-lg);margin:0;font-weight:600;line-height:1.4}.warmup-section{gap:14px;display:grid}.warmup-section h3{color:#1e293b;font-size:var(--text-lg);align-items:center;gap:10px;margin:0;font-weight:900;line-height:1.3;display:flex}.warmup-section h3:before{content:"";background:var(--color-primary);border-radius:999px;width:6px;height:24px;display:block}.warmup-section:nth-of-type(2) h3:before{background:var(--color-inspiration)}.choice-grid,.idea-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.material-group{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);gap:16px;padding:20px;display:grid}.material-group__heading{align-items:flex-start;gap:12px;display:flex}.material-group__heading>span{background:var(--color-primary-soft);min-width:32px;min-height:32px;color:var(--color-primary);font-size:var(--text-xs);border-radius:50%;place-items:center;font-weight:800;line-height:1;display:inline-grid}.material-group__heading h3{font-size:var(--text-lg);margin:0;font-weight:700}.material-group__heading p{color:var(--color-muted);font-size:var(--text-sm);margin:2px 0 0}.completion-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:4px;display:flex}.artifact-story{border:1px solid var(--color-border);border-radius:var(--radius-card-xl);background:var(--color-surface);box-shadow:var(--shadow-card);padding:28px;position:relative;overflow:hidden}.artifact-story__meta{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:14px;display:flex}.artifact-story__meta span{background:var(--color-bg-accent);color:var(--color-muted);font-size:var(--text-sm);border-radius:999px;align-items:center;padding:4px 10px;font-weight:700;display:inline-flex}.artifact-story h3{font-size:var(--text-base);color:var(--color-muted);margin:0 0 12px;font-weight:600}.artifact-story>p{color:var(--color-text);margin:0;font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.9}.artifact-timeline{border:1px solid var(--color-border);border-radius:var(--radius-card-xl);background:var(--color-surface);box-shadow:var(--shadow-xs);padding:24px}.artifact-timeline h3{font-size:var(--text-lg);margin:0 0 16px;font-weight:600}.artifact-timeline ol{gap:18px;margin:0;padding:0 0 0 28px;list-style:none;display:grid;position:relative}.artifact-timeline ol:before{content:"";background:var(--color-border);border-radius:1px;width:2px;position:absolute;top:8px;bottom:8px;left:9px}.artifact-timeline li{position:relative}.artifact-timeline li:before{content:"";background:var(--color-surface);border:2px solid var(--color-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:-24px}.artifact-timeline li strong{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:4px;font-weight:600;display:block}.artifact-timeline li p{color:var(--color-text);margin:0;line-height:1.7}.artifact-reflection{border:1px solid var(--color-border);border-radius:var(--radius-card-xl);background:var(--color-surface);box-shadow:var(--shadow-xs);padding:24px;position:relative;overflow:hidden}.artifact-reflection h3{font-size:var(--text-lg);margin:0 0 12px;font-weight:700;position:relative}.artifact-reflection p{color:var(--color-muted);margin:0;line-height:1.75;position:relative}.recipe-hero{padding-top:0}@keyframes step-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.step-stack{animation:none}}@media (max-width:760px){.choice-grid,.idea-grid{grid-template-columns:1fr}.material-group{padding:16px}.artifact-story{padding:18px}}
:root{--site-header-height:64px}.SiteHeader-module__oJa3Ma__header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow var(--transition-base);background:#fffc;border-bottom:1px solid #e2e8f0cc;position:sticky;top:0}.SiteHeader-module__oJa3Ma__scrolled{box-shadow:0 2px 16px #0f172a0f}.SiteHeader-module__oJa3Ma__inner{width:min(100%, var(--page-max));padding:10px var(--page-padding-x);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.SiteHeader-module__oJa3Ma__logo{color:var(--color-text);font-size:var(--text-base);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.SiteHeader-module__oJa3Ma__logo:hover{color:var(--color-primary)}.SiteHeader-module__oJa3Ma__logoBadge{background:0 0;border-radius:8px;place-items:center;width:30px;height:30px;display:inline-grid;overflow:hidden}.SiteHeader-module__oJa3Ma__nav{background:var(--color-bg-accent);border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.SiteHeader-module__oJa3Ma__link{height:36px;color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap;transition:color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-weight:500;text-decoration:none;display:inline-flex}.SiteHeader-module__oJa3Ma__link:hover{color:var(--color-text);background:#fff9}.SiteHeader-module__oJa3Ma__active{color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-xs);font-weight:600}@media (max-width:760px){:root{--site-header-height:56px}.SiteHeader-module__oJa3Ma__inner{padding:8px var(--page-padding-x);gap:12px}.SiteHeader-module__oJa3Ma__logo span:last-child{font-size:var(--text-sm)}.SiteHeader-module__oJa3Ma__link span{display:none}.SiteHeader-module__oJa3Ma__link{justify-content:center;width:36px;padding:0}}
.Footer-module__zCRaeW__footer{padding:var(--space-10) var(--page-padding-x) var(--space-8);border-top:1px solid var(--color-border);background:var(--color-bg-accent);margin-top:auto}.Footer-module__zCRaeW__inner{gap:var(--space-8);width:min(100%, var(--page-max));flex-direction:column;margin:0 auto;display:flex}.Footer-module__zCRaeW__brand{gap:var(--space-3);flex-direction:column;display:flex}.Footer-module__zCRaeW__logo{align-items:center;gap:var(--space-3);color:var(--color-text);font-size:var(--text-lg);font-weight:700;text-decoration:none;display:inline-flex}.Footer-module__zCRaeW__logo img{display:block}.Footer-module__zCRaeW__tagline{max-width:360px;color:var(--color-muted);font-size:var(--text-sm);margin:0;line-height:1.6}.Footer-module__zCRaeW__groups{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.Footer-module__zCRaeW__group{gap:var(--space-3);flex-direction:column;display:flex}.Footer-module__zCRaeW__group h2{color:var(--color-text);font-size:var(--text-sm);margin:0;font-weight:600}.Footer-module__zCRaeW__group ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.Footer-module__zCRaeW__group a{align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-sm);text-decoration:none;transition:color .15s;display:inline-flex}.Footer-module__zCRaeW__group a:hover{color:var(--color-primary)}.Footer-module__zCRaeW__hint{color:var(--color-muted);font-size:var(--text-sm);margin:0;line-height:1.6}.Footer-module__zCRaeW__clearButton{color:var(--color-muted);justify-content:flex-start;padding-left:0}.Footer-module__zCRaeW__clearButton:hover:not(:disabled){color:#b91c1c}.Footer-module__zCRaeW__bottom{padding-top:var(--space-6);border-top:1px solid var(--color-border);color:var(--color-placeholder);font-size:var(--text-xs);text-align:center}.Footer-module__zCRaeW__bottom p{margin:0}.Footer-module__zCRaeW__footerMinimal{padding:var(--space-6) var(--page-padding-x);background:0 0;border-top:none}.Footer-module__zCRaeW__minimalLine{color:var(--color-placeholder);font-size:var(--text-xs);text-align:center;margin:0}