.sll-player :where(p){margin:0}.sll-section{padding:var(--spacing-20) 0 var(--spacing-24);color:var(--colors-fg-default);background:var(--colors-bg-default);overflow:clip}.sll-intro{max-width:760px;margin:0 auto var(--spacing-16);text-align:center}.sll-eyebrow{margin:0 0 var(--spacing-4);color:var(--colors-amber-11);font-size:var(--font-sizes-sm);font-weight:var(--font-weights-bold)}.sll-intro h2{margin:0;font-family:var(--font-logo),sans-serif;font-size:var(--font-sizes-5xl);font-weight:var(--font-weights-extrabold);letter-spacing:var(--letter-spacings-tight);line-height:1.12}.sll-intro h2 span{display:block}.sll-emphasis{color:var(--colors-amber-11)}.sll-intro>p:last-child{max-width:50ch;margin:var(--spacing-5) auto 0;color:var(--colors-fg-muted);font-size:var(--font-sizes-lg);line-height:1.7}.sll-scene{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.7fr);align-items:start;grid-gap:var(--spacing-16);gap:var(--spacing-16);max-width:1160px;margin:0 auto;isolation:isolate}.sll-source{min-width:0;padding-top:var(--spacing-8)}.sll-draft-label,.sll-edit-actions,.sll-hint-heading,.sll-source-heading,.sll-student,.sll-tone-heading{display:flex;align-items:center;gap:var(--spacing-3)}.sll-source-heading{margin-bottom:var(--spacing-2);justify-content:space-between}.sll-student{margin-top:var(--spacing-8)}.sll-quote{margin:var(--spacing-4) 0 var(--spacing-8);font-family:var(--font-logo),sans-serif;font-size:var(--font-sizes-2xl);font-weight:var(--font-weights-semibold);line-height:1.65}.sll-source>button{margin-left:calc(-1 * var(--spacing-2))}.sll-second-response{margin:var(--spacing-3) 0 0;padding:var(--spacing-4) 0;border-top:2px solid var(--colors-border-subtle)}.sll-second-response>p+p{margin-top:var(--spacing-2)}.sll-observation{margin-top:var(--spacing-6)}.sll-observation>p+p{margin-top:var(--spacing-2);line-height:1.7}.sll-intention{margin-top:var(--spacing-6);padding-left:var(--spacing-4);border-left:2px solid var(--colors-amber-7)}.sll-intention>p+p{margin-top:var(--spacing-1)}.sll-activity{min-width:0}.sll-activity-header{gap:var(--spacing-2)}.sll-draft-label{margin-bottom:var(--spacing-3);flex-wrap:wrap}.sll-draft-label>svg{color:var(--colors-amber-11)}.sll-draft-label>:last-child{margin-left:auto}.sll-activity-title{font-family:var(--font-logo),sans-serif;font-size:var(--font-sizes-2xl);font-weight:var(--font-weights-bold);line-height:1.25}.sll-activity-body{gap:var(--spacing-5)}.sll-lesson-visual{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;grid-gap:var(--spacing-2);gap:var(--spacing-2)}.sll-diagrams{min-width:0;display:grid;grid-gap:var(--spacing-5);gap:var(--spacing-5)}.sll-tone-heading{justify-content:space-between;padding-left:10%;gap:var(--spacing-2)}.sll-tone svg{display:block;width:100%;height:auto;overflow:visible}.sll-tone :where(svg path,svg circle){vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.sll-diagram-scaffold{stroke:var(--colors-border-subtle);stroke-width:2px}.sll-diagram-guide{stroke:var(--colors-blue-7);stroke-width:2px}.sll-diagram-wave{stroke:var(--colors-blue-10);stroke-width:3px}.sll-diagram-fill{fill:var(--colors-blue-4)}.sll-amplitude{stroke:var(--colors-amber-9);stroke-width:2px}.sll-amplitude circle{fill:var(--colors-bg-default)}.sll-atom{margin:0;min-width:0;text-align:center}.sll-atom-art-character{position:relative;width:100%;min-width:0;pointer-events:none}.sll-atom-art,.sll-atom-art-vector{display:block;width:100%;height:auto;aspect-ratio:1086/1448;object-fit:contain}.sll-atom-art-layer{position:absolute;inset:0}.sll-atom-art-character[data-ready=true] .sll-atom-art{opacity:0}.sll-atom-art-playback{position:absolute;left:0;bottom:0;min-width:40px;min-height:40px;pointer-events:auto}.sll-atom figcaption{margin-top:var(--spacing-2)}.sll-draft-controls{padding-top:var(--spacing-5);border-top:2px solid var(--colors-border-subtle)}.sll-hint-heading{justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2)}.sll-prepared-hint{margin-top:var(--spacing-3);min-height:54px;white-space:pre-wrap;overflow-wrap:anywhere}.sll-prepared-hint :where(p){line-height:1.7}.sll-hint-editor{display:grid;grid-gap:var(--spacing-3);gap:var(--spacing-3);margin-top:var(--spacing-3)}.sll-draft-actions{display:flex;gap:var(--spacing-4);align-items:center;margin-top:var(--spacing-5)}.sll-activity[data-mode=try]{overflow:hidden;background:var(--colors-bg-canvas)}.sll-activity[data-mode=try] .sll-activity-header{border-bottom:2px solid var(--colors-border-subtle);padding-bottom:var(--spacing-4);align-items:flex-start}.sll-activity[data-mode=try] .sll-draft-label{width:100%;margin-bottom:0}.sll-activity[data-mode=try] .sll-activity-body{padding:0;gap:0}.sll-player-content{padding:var(--spacing-6)}.sll-player-instruction h4{margin:var(--spacing-3) 0 var(--spacing-2);font-family:var(--fonts-sans),sans-serif;font-size:var(--font-sizes-xl);font-weight:var(--font-weights-bold);line-height:1.4}.sll-player .sll-lesson-visual{margin:var(--spacing-6) 0}.sll-player-options{display:grid;grid-gap:10px;gap:10px;min-width:0;padding:0;margin:0;border:0}.sll-player-hint{margin-bottom:var(--spacing-5);width:100%;white-space:pre-wrap;overflow-wrap:anywhere;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--colors-border-default);border-radius:var(--radii-xl);background:var(--colors-bg-default);font-size:var(--font-sizes-sm);line-height:1.5}.sll-player-hint p+p{margin-top:var(--spacing-2)}.sll-player-feedback{position:relative;border-top:2px solid var(--colors-border-subtle);background:var(--colors-bg-canvas);transition:background-color .2s ease}.sll-demo-kicker{color:var(--colors-fg-muted);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-bold)}.sll-demo-description{color:var(--colors-fg-muted);font-size:var(--font-sizes-sm)}.sll-demo-option{--sll-option-edge:var(--colors-neutral-5);display:flex;align-items:center;gap:var(--spacing-3);width:100%;margin-bottom:2px;padding:var(--spacing-3\.5) var(--spacing-5);border:2px solid var(--sll-option-edge);border-radius:var(--radii-xl);box-shadow:0 2px 0 var(--sll-option-edge);background:transparent;color:var(--colors-fg-default);font:inherit;font-size:var(--font-sizes-md);line-height:1.5;text-align:left;cursor:pointer;transition:transform 80ms ease-out,background-color .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease}.sll-demo-option:active:not(:disabled){transform:translateY(2px);box-shadow:none}.sll-demo-option:focus-visible{outline:2px solid var(--colors-blue-8);outline-offset:4px}.sll-demo-option:disabled{cursor:default}.sll-demo-option[data-state=selected]{--sll-option-edge:var(--colors-blue-9);background:var(--colors-blue-a3);color:var(--colors-blue-11)}.sll-demo-option[data-state=wrong]{--sll-option-edge:var(--colors-error-9);color:var(--colors-error-11);background:var(--colors-error-a3)}.sll-demo-option[data-state=correct]{--sll-option-edge:var(--colors-success-9);color:var(--colors-success-11);background:var(--colors-success-a3)}.sll-demo-answer{min-width:0}.sll-demo-option[data-state=eliminated]{color:var(--colors-fg-muted);opacity:.55}.sll-demo-option[data-state=eliminated] .sll-demo-answer{text-decoration:line-through;text-decoration-thickness:2px}.sll-demo-letter{flex:0 0 32px;height:32px;display:grid;place-items:center;border:2px solid var(--sll-option-edge);border-radius:var(--radii-md);font-size:var(--font-sizes-sm);font-weight:var(--font-weights-extrabold);transition:background-color .14s ease,border-color .14s ease,color .14s ease}@media (hover:hover) and (pointer:fine){.sll-demo-option:not([data-state]):hover:not(:disabled){--sll-option-edge:var(--colors-neutral-7);background:var(--colors-neutral-2)}.sll-demo-option:not([data-state]):hover:not(:disabled) .sll-demo-letter{background:var(--colors-neutral-3)}.sll-demo-option[data-state=selected]:hover:not(:disabled){background:var(--colors-blue-a4)}.sll-demo-option[data-state=selected]:hover:not(:disabled) .sll-demo-letter{background:var(--colors-blue-a3)}}.sll-demo-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.sll-player-feedback[data-result=correct]{background:var(--colors-feedback-success-band);color:var(--colors-feedback-success-ink);border-top-color:transparent}.sll-player-feedback[data-result=retry]{background:var(--colors-feedback-error-band);color:var(--colors-feedback-error-ink);border-top-color:transparent}.sll-demo-verdict-content{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-4) var(--spacing-3);font-size:var(--font-sizes-sm);line-height:1.5;animation:sll-verdict-enter .22s ease-out both}.sll-demo-verdict-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border:2px solid;border-radius:50%;font-size:var(--font-sizes-xl);font-weight:var(--font-weights-bold)}.sll-demo-verdict-title{margin-bottom:var(--spacing-1);font-size:var(--font-sizes-lg);font-weight:var(--font-weights-bold)}.sll-demo-actions{display:grid;grid-gap:10px;gap:10px;padding:var(--spacing-1) var(--spacing-4) var(--spacing-2)}.sll-demo-actions>button{width:100%}@keyframes sll-verdict-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sll-demo-verdict-content{animation:none}.sll-demo-letter,.sll-demo-option,.sll-player-feedback{transition:none}}.sll-activity-footer{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2);border-top:2px solid var(--colors-border-subtle);padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.sll-connection,.sll-evidence-mark{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.sll-connection path{fill:none;stroke:var(--colors-amber-8);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}@media (max-width:1100px){.sll-scene{gap:var(--spacing-12);grid-template-columns:minmax(0,.9fr) minmax(0,1.7fr)}.sll-lesson-visual{grid-template-columns:minmax(0,1fr) 118px}.sll-draft-actions{flex-wrap:wrap}}@media (max-width:900px){.sll-section{padding:var(--spacing-12) 0 var(--spacing-16)}.sll-intro{margin-bottom:var(--spacing-10)}.sll-intro h2{font-size:var(--font-sizes-4xl)}.sll-intro>p:last-child{font-size:var(--font-sizes-md)}.sll-scene{grid-template-columns:minmax(0,1fr);gap:var(--spacing-10);max-width:620px;padding-left:var(--spacing-6)}.sll-source{padding-top:0}.sll-quote{font-size:var(--font-sizes-xl);max-width:32ch}.sll-student{margin-top:var(--spacing-5)}.sll-intention,.sll-observation{margin-top:var(--spacing-4)}.sll-lesson-visual{grid-template-columns:minmax(0,1fr) 130px}}@media (max-width:480px){.sll-intro h2{font-size:var(--font-sizes-3xl)}.sll-intro h2 span{display:inline}.sll-intro h2 span+span:before{content:" "}.sll-activity-body,.sll-activity-footer,.sll-activity-header{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.sll-activity-title{font-size:var(--font-sizes-xl)}.sll-lesson-visual{grid-template-columns:minmax(0,1fr);gap:var(--spacing-3)}.sll-atom{display:flex;align-items:center;gap:var(--spacing-3);justify-content:flex-end}.sll-atom-art-character{flex:0 0 112px;width:112px;order:1}.sll-atom figcaption{margin-top:0;text-align:right}.sll-diagrams{gap:var(--spacing-4)}.sll-draft-actions{display:grid;grid-gap:var(--spacing-3);gap:var(--spacing-3)}.sll-draft-actions>button{width:100%}.sll-player-content{padding:var(--spacing-5) var(--spacing-4)}}