.lcp-shell{--lcp-code-font: Monaco, "Cascadia Code", Consolas, "Courier New", monospace;--lcp-panel: rgb(255 255 255 / 32%);--lcp-soft: rgb(20 20 19 / 3%);--lcp-line: rgb(194 192 182 / 70%);color:var(--color-charcoal);font-family:var(--font-book)}html.dark .lcp-shell{--lcp-panel: rgb(30 30 28 / 46%);--lcp-soft: rgb(255 255 255 / 5%);--lcp-line: #333;color:var(--color-cream)}.lcp-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:end;border-bottom:1px solid var(--lcp-line);padding:.18rem 0 .5rem}.lcp-kicker,.lcp-section-kicker{margin:0 0 .28rem;color:var(--color-terracotta);font-family:var(--font-mono);font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lcp-hero h1{margin:0;font-size:1.5rem;line-height:1.1}.lcp-hero p:not(.lcp-kicker){max-width:60rem;margin:.35rem 0 0;color:var(--color-secondary);font-size:.76rem;line-height:1.45}.lcp-actions,.lcp-toolbar,.lcp-stage-tabs,.lcp-step-actions,.lcp-playback,.lcp-toolbar>div,.lcp-playback>div{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.lcp-actions{justify-content:flex-end}.lcp-lesson-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.48rem;margin:.6rem 0 0}.lcp-reading-contract{border:1px solid rgb(20 91 74 / 18%);border-radius:.52rem;background:#fffaefb8;padding:.72rem .82rem;margin:.72rem 0 0}.lcp-reading-contract strong{display:block;color:var(--color-charcoal);font-size:.76rem;margin-bottom:.28rem}.lcp-reading-contract p{margin:0;color:var(--color-secondary);font-size:.76rem;line-height:1.55}.lcp-lesson-card{border:1px solid var(--lcp-line);border-radius:.52rem;background:var(--lcp-panel);padding:.58rem .64rem}.lcp-lesson-card span{display:block;color:var(--color-terracotta);font-family:var(--font-mono);font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lcp-lesson-card strong{display:block;margin-top:.22rem;color:var(--color-charcoal);font-size:.8rem;line-height:1.35}.lcp-lesson-card p{margin:.28rem 0 0;color:var(--color-secondary);font-size:.68rem;line-height:1.5}.lcp-actions a,.lcp-toolbar button,.lcp-stage-tabs button,.lcp-step-actions button,.lcp-playback button,.lcp-suffix-list button,.lcp-step-rail button{border:1px solid var(--lcp-line);border-radius:.4rem;background:transparent;color:var(--color-secondary);cursor:pointer;font:inherit;font-size:.66rem;font-weight:700;padding:.24rem .42rem;text-decoration:none}.lcp-actions a:hover,.lcp-toolbar button:hover,.lcp-stage-tabs button:hover,.lcp-stage-tabs button.is-active,.lcp-step-actions button:hover,.lcp-playback button:hover,.lcp-playback button.is-active,.lcp-playback button.is-playing,.lcp-suffix-list button:hover,.lcp-suffix-list button.is-active,.lcp-step-rail button:hover,.lcp-step-rail button.is-active{border-color:var(--color-terracotta);color:var(--color-terracotta)}.lcp-workbench{display:grid;gap:.48rem;margin:.6rem 0 1.4rem}.lcp-toolbar,.lcp-stage-tabs,.lcp-stepper,.lcp-panel,.lcp-code-section{border:1px solid var(--lcp-line);border-radius:.52rem;background:var(--lcp-panel)}.lcp-toolbar,.lcp-stage-tabs,.lcp-stepper,.lcp-panel,.lcp-code-section{padding:.64rem}.lcp-toolbar label,.lcp-playback label span,.lcp-playback label em{color:var(--color-muted);font-size:.62rem;font-style:normal;font-weight:800;white-space:nowrap}.lcp-toolbar input,.lcp-playback input{border:1px solid var(--lcp-line);border-radius:.4rem;background:#ffffff85;color:var(--color-charcoal);font-family:var(--lcp-code-font);font-size:.74rem;padding:.28rem .42rem}.lcp-toolbar input{min-width:9rem;flex:1 1 14rem}.lcp-stepper{display:grid;gap:.5rem}.lcp-stepper-head,.lcp-step-body,.lcp-code-section{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:start}.lcp-stepper h2,.lcp-panel h2,.lcp-code-section h2{margin:0;color:var(--color-charcoal);font-size:1rem;line-height:1.2}.lcp-step-actions span{font-family:var(--lcp-code-font);font-size:.68rem;font-weight:800}.lcp-playback{border:1px solid rgb(194 192 182 / 44%);border-radius:.44rem;background:var(--lcp-soft);padding:.34rem}.lcp-playback label{display:flex;align-items:center;gap:.25rem;margin-left:auto}.lcp-playback input{width:5rem}.lcp-step-body{grid-template-columns:minmax(0,1fr) minmax(12rem,.8fr)}.lcp-step-body>p,.lcp-step-body>div{min-width:0;margin:0;border:1px solid rgb(194 192 182 / 42%);border-radius:.44rem;background:#ffffff47;color:var(--color-secondary);font-size:.78rem;line-height:1.52;padding:.54rem}.lcp-step-body strong{display:block;margin-bottom:.2rem;color:var(--color-muted);font-size:.58rem;text-transform:uppercase}.lcp-step-body p{margin:0}.lcp-step-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.24rem}.lcp-step-rail button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.24rem;min-height:2.8rem;text-align:left;white-space:normal}.lcp-step-rail button.is-complete:not(.is-active){border-color:#2f7d4f4d;background:#2f7d4f12}.lcp-step-rail span{color:var(--color-terracotta);font-family:var(--lcp-code-font)}.lcp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}.lcp-wide{grid-column:span 2}.lcp-suffix-list{display:grid;gap:.24rem}.lcp-suffix-list button{display:grid;grid-template-columns:2rem 2rem minmax(0,1fr) 2rem;align-items:center;text-align:left}.lcp-suffix-list span{color:var(--color-muted);font-family:var(--lcp-code-font);font-size:.56rem}.lcp-suffix-list code,.lcp-table code{font-family:var(--lcp-code-font);font-size:.72rem}.lcp-suffix-list b{color:var(--color-terracotta);font-family:var(--lcp-code-font);font-size:.7rem}.lcp-compare{display:grid;gap:.4rem}.lcp-compare div{border:1px solid rgb(194 192 182 / 42%);border-radius:.44rem;padding:.45rem}.lcp-compare strong{color:var(--color-muted);font-family:var(--lcp-code-font);font-size:.66rem}.lcp-compare p{display:flex;flex-wrap:wrap;gap:.2rem;margin:.32rem 0 0}.lcp-compare span{display:inline-flex;min-width:1.55rem;min-height:1.55rem;align-items:center;justify-content:center;border:1px solid rgb(35 120 147 / 34%);border-radius:.34rem;color:#237893;font-family:var(--lcp-code-font);font-weight:800}.lcp-compare span.is-match{border-color:#2f7d4f70;background:#2f7d4f1a;color:#2f7d4f}.lcp-compare em{color:var(--color-charcoal);font-family:var(--lcp-code-font);font-style:normal;font-weight:800}.lcp-table-wrap{overflow:auto}.lcp-table{width:100%;border-collapse:collapse;color:var(--color-secondary);font-size:.7rem}.lcp-table th,.lcp-table td{border-bottom:1px solid rgb(194 192 182 / 42%);padding:.34rem .28rem;text-align:left;white-space:nowrap}.lcp-table th{color:var(--color-muted);font-size:.58rem;text-transform:uppercase}.lcp-table tr.is-active{background:#d977571a;color:var(--color-charcoal)}.lcp-links{display:grid;gap:.34rem}.lcp-links a{display:grid;gap:.16rem;border:1px solid rgb(194 192 182 / 42%);border-radius:.44rem;padding:.48rem;text-decoration:none}.lcp-links strong{color:var(--color-charcoal);font-size:.78rem}.lcp-links span{color:var(--color-secondary);font-size:.7rem;line-height:1.45}.lcp-code-section{grid-template-columns:minmax(12rem,.72fr) minmax(0,1.28fr)}.lcp-code-section p{margin:.4rem 0 0;color:var(--color-secondary);font-size:.78rem;line-height:1.52}.lcp-code{overflow:auto;margin:0;border-radius:.44rem;background:#141413f0;color:#f6efe2;font-family:var(--lcp-code-font);font-size:.72rem;line-height:1.44;padding:.58rem 0}.lcp-code-line{display:block;min-height:1em;padding:0 .7rem;white-space:pre}.lcp-code-keyword{color:#f4a261;font-weight:800}.lcp-code-number{color:#f7d36a}html.dark .lcp-hero p:not(.lcp-kicker),html.dark .lcp-step-body>p,html.dark .lcp-step-body>div,html.dark .lcp-table,html.dark .lcp-links span,html.dark .lcp-code-section p{color:var(--color-muted)}html.dark .lcp-toolbar input,html.dark .lcp-playback input{background:#1e1e1c61;color:var(--color-cream)}html.dark .lcp-stepper h2,html.dark .lcp-panel h2,html.dark .lcp-code-section h2,html.dark .lcp-compare em,html.dark .lcp-table tr.is-active,html.dark .lcp-links strong{color:var(--color-cream)}@media(max-width:900px){.lcp-hero,.lcp-lesson-strip,.lcp-stepper-head,.lcp-step-body,.lcp-grid,.lcp-code-section{grid-template-columns:1fr}.lcp-actions{justify-content:flex-start}.lcp-wide{grid-column:auto}.lcp-step-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.lcp-playback label{margin-left:0}}@media(max-width:520px){.lcp-step-rail{grid-template-columns:1fr}.lcp-suffix-list button{grid-template-columns:1.5rem 1.5rem minmax(0,1fr) 1.5rem}}