.studio-lesson .lesson-guide .glass-surface__content{gap:18px}.studio-lesson .lesson-guide .glass-surface__content>*{flex-shrink:0}.lesson-step-line{align-items:center;gap:14px;display:flex}.lesson-step-line>span{font:10px var(--font-geist-mono), monospace;color:#505c84;flex:none}.lesson-step-line>.lesson-step-role{font:inherit;font-size:12px}.lesson-step-line>span i{color:#9399a8;font-style:normal}.lesson-step-line>div{background:#5e6c991f;border-radius:9px;flex:1;height:3px;overflow:hidden}.lesson-step-line>div>i{border-radius:inherit;background:#899bdc;height:100%;display:block}.lesson-current h1{letter-spacing:-.035em;color:#2c3245;text-wrap:balance;margin:0 0 10px;font-size:22px;font-weight:500;line-height:1.12}.lesson-current p{color:#5c667c;margin:0;font-size:14px;line-height:1.55}.lesson-input-choice{border:0;min-width:0;margin:0;padding:0}.lesson-input-choice legend{color:#616a80;margin:0 0 9px;padding:0;font-size:12px}.lesson-input-choice>div{background:#fff3;border:1px solid #ffffffa6;border-radius:999px;padding:3px;display:flex}.lesson-input-choice button{color:#6b7488;background:0 0;border:0;border-radius:999px;flex:1 1 0;min-width:0;min-height:39px;padding:8px 11px;font-size:12px;line-height:1.45}.lesson-input-choice button[aria-pressed=true]{color:#323b62;background:#bdc8ffa6;box-shadow:inset 0 1px #ffffff80}.lesson-input-choice>small{color:#7b8292;margin-top:8px;font-size:12px;line-height:1.7;display:block}.lesson-candidates{flex-direction:column;gap:6px;display:flex}.lesson-candidates>button{text-align:left;background:#ffffff24;border:1px solid #0000;border-radius:13px;align-items:flex-start;gap:10px;width:100%;padding:11px 10px;display:flex}.lesson-candidates>button:hover{background:#ffffff5e}.lesson-candidates>button[aria-pressed=true]{background:#bdc8ff40;border-color:#8c9dda59}.lesson-candidates>button>span{font:9px/1.8 var(--font-geist-mono), monospace;color:#7483b1}.lesson-candidates>button>div{flex:1;min-width:0}.lesson-candidates strong{color:#46516d;font-size:12px;font-weight:500;line-height:1.7;display:block}.lesson-candidates small{color:#6f788a;margin-top:4px;font-size:12px;line-height:1.7;display:none}.lesson-candidates>button[aria-pressed=true] small{display:block}.lesson-candidates>button>svg{color:#6377b5;flex:none;margin-top:3px}.lesson-retain{background:#fff3;border-left:2px solid #b3bfdc;border-radius:0 10px 10px 0;flex-direction:column;gap:5px;padding:11px 12px;display:flex}.lesson-retain span{color:#768099;font-size:12px}.lesson-retain strong{color:#515d7c;font-size:12px;font-weight:500}.lesson-assumption{color:#7b6b4c;background:#efdcb54d;border-radius:10px;margin:0;padding:12px;font-size:12px;line-height:1.55}.lesson-outcome{background:#ffffff40;border:1px solid #ffffff85;border-radius:13px;padding:13px 14px}.lesson-outcome p{color:#505b72;margin:0;font-size:14px;line-height:1.55}.lesson-outcome[data-status=accepted]{background:#a9c4b933}.lesson-outcome[data-status=rejected]{background:#dabca530}.lesson-two-verdicts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.lesson-two-verdicts>div{border-left:1px solid #5c6d9b3d;padding:0 0 0 9px}.lesson-two-verdicts dt{color:#778196;margin-bottom:5px;font-size:12px}.lesson-two-verdicts dd{color:#434f6e;margin:0;font-size:12px}.studio-lesson .lesson-preview{text-align:left;background:#ffffff40;border:1px solid #fff9;border-radius:12px;flex:none;width:100%;min-height:174px;padding:0;display:block;overflow:hidden}.lesson-image{aspect-ratio:4/3;object-fit:cover;background:#c9c5ac;width:100%;height:auto;display:block}.lesson-preview>.lesson-image{object-fit:cover;object-position:center;max-height:132px}.lesson-preview>span{color:#5c6884;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:10px 11px;font-size:12px;display:flex}.lesson-detail-trigger{text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;min-height:38px;padding:5px 0;font-size:12px;display:flex;color:#626f94!important}.lesson-detail-trigger span{flex:1}.lesson-detail-trigger:hover{color:#354778!important}.studio-lesson .lesson-actions{flex-direction:column;align-items:stretch;gap:9px;max-width:none;display:flex}.studio-lesson .lesson-actions button{justify-content:center;width:100%}.lesson-transport{border-top:1px solid #6470931a;justify-content:space-between;align-items:center;margin-top:-8px;padding-top:8px;display:flex}.lesson-transport button{color:#75819c;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;min-width:36px;min-height:38px;padding:5px 0;font-size:12px;display:flex}.lesson-transport button:hover:not(:disabled){color:#344774}.lesson-method-note{color:#7f889c;margin:0;font-size:12px;line-height:1.55;display:block}.lesson-signal{margin-top:19px}.lesson-prepare-flow{color:#7c88a5;text-align:center;background:#fff3;border-radius:12px;flex-direction:column;align-items:center;gap:7px;margin-bottom:13px;padding:12px;line-height:1.5;display:flex}.lesson-prepare-flow>:is(span,strong,small){max-width:100%}.lesson-prepare-flow span{font-size:12px}.lesson-prepare-flow strong{color:#5e6d94;font-size:12px;font-weight:500}.lesson-recovery-flow small{color:#8790a4;text-align:center;margin-top:3px;font-size:12px;line-height:1.7}.lesson-signal-routes{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.lesson-signal-routes>div{text-align:center;background:#ffffff38;border:1px solid #ffffff73;border-radius:11px;padding:10px 8px}.lesson-signal-routes span{color:#7d869a;font-size:12px;display:block}.lesson-signal-routes strong{color:#536181;margin-top:5px;font-size:12px;font-weight:500;display:block}.lesson-signal-join{color:#929db5;justify-content:space-around;align-items:center;gap:8px;margin:10px 0;display:flex}.lesson-signal-join span{font-size:12px}.lesson-signal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.lesson-signal-grid button{height:40px;font:9px var(--font-geist-mono), monospace;background:#ffffff29;border:1px solid #ffffffa6;border-radius:8px;justify-content:space-between;align-items:center;gap:3px;padding:0 9px;display:flex}.lesson-signal-grid button:disabled{opacity:1}.lesson-signal-grid button[data-status=matched]{color:#416d5d;background:#c1d8cd}.lesson-signal-grid button[data-status=different]{color:#96785d;background:#e0cebe}.lesson-signal-grid button[data-status=ready]{color:#657398;background:#c7cee2}.lesson-signal-grid button[data-status=waiting]{color:#9aa2b4}.lesson-signal-grid button[aria-pressed=true]{outline-offset:1px;outline:2px solid #7c8fca}.lesson-signal-grid button>i{background:currentColor;border-radius:50%;width:3px;height:3px}.lesson-signal-legend{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 10px;margin:11px 0;display:flex}.lesson-signal-legend span{color:#7b8499;align-items:center;gap:4px;font-size:12px;display:flex}.lesson-signal-legend i{background:#c9ced8;border-radius:2px;flex:none;width:6px;height:6px;display:block}.lesson-signal-legend i[data-status=matched]{background:#92b7a6}.lesson-signal-legend i[data-status=different]{background:#c7a58a}.retro-component-info .lesson-signal-count{margin:12px 0 0;font-size:12px;line-height:1.55}.retro-component-info .lesson-signal-hint{color:#7d879e;margin:7px 0 15px;font-size:12px}.lesson-block-detail{background:#fff3;border:1px solid #ffffff8c;border-radius:12px;margin:11px 0 15px;padding:12px}.lesson-block-detail>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.lesson-block-detail strong{font-size:12px;font-weight:500}.lesson-block-detail>div>span{color:#7c889e;font-size:12px}.retro-component-info .lesson-block-detail p{margin-top:7px;font-size:12px;line-height:1.55}.lesson-block-detail b{font-family:var(--font-geist-mono), monospace;font-size:12px;font-weight:500}.lesson-block-detail dl{margin:10px 0 0}.lesson-block-detail dl>div{gap:7px;margin-top:6px;display:flex}.lesson-block-detail dt{color:#8b94a9;flex:none;font-size:12px}.lesson-block-detail dd{min-width:0;font:8px/1.8 var(--font-geist-mono), monospace;color:#7a849a;overflow-wrap:anywhere;margin:0}.retro-experience .retro-dialog{margin:auto;inset:0}.lesson-dialog{width:min(940px,100vw - 48px)}.lesson-picture-comparison{grid-template-columns:1fr;gap:24px;display:grid}.lesson-picture-comparison.is-pair{grid-template-columns:1fr 1fr}.lesson-picture-comparison figure{min-width:0;margin:0}.lesson-picture-comparison .lesson-image{border:8px solid #9c8460;outline:1px solid #d7c7a9cc;box-shadow:0 6px 13px #443d2b1f}.lesson-picture-comparison figcaption{flex-direction:column;gap:7px;margin-top:14px;display:flex}.lesson-picture-comparison figcaption small{color:#7b8499;font-size:12px}.lesson-picture-comparison figcaption strong{color:#586681;font-size:14px;font-weight:500;line-height:1.55}.lesson-dialog>.lesson-method-note{margin-top:12px}@media (min-width:1000px){.studio-lesson .lesson-guide{max-height:calc(100dvh - 155px)}}@media (max-width:999px){.studio-lesson .lesson-guide .retro-control-card{background:linear-gradient(135deg,#f7f9ffe0,#eff3fcd4);border-color:#ffffffe6}.studio-lesson .lesson-guide .glass-surface__content{flex-direction:column;align-items:stretch;gap:12px;padding:17px 20px;display:flex}.studio-lesson .lesson-guide{max-height:min(360px,100dvh - 245px)}.studio-lesson .retro-guide-intro h1{font-size:23px}.studio-lesson .retro-guide-intro h1 br{display:none}.studio-lesson .retro-actions{flex-wrap:wrap;justify-content:stretch;max-width:none}.studio-lesson .retro-actions button{min-height:40px}.studio-lesson .lesson-actions{flex-direction:row}.studio-lesson .lesson-actions button{flex:1;width:auto}.lesson-current h1{margin-bottom:8px;font-size:22px}.lesson-current p{font-size:14px;line-height:1.5}.lesson-transport{margin-top:0;padding-top:3px}.lesson-transport button{min-height:34px}.lesson-candidates{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.lesson-candidates>button{padding:8px 9px}.lesson-candidates>button[aria-pressed=true]{grid-column:1/-1}.lesson-preview>.lesson-image{display:none}.studio-lesson .lesson-preview{min-height:40px}}@media (max-width:699px){.studio-lesson .lesson-guide .glass-surface__content{gap:11px;padding:15px 17px}.studio-lesson .lesson-guide{max-height:min(370px,100dvh - 230px)}.lesson-candidates{grid-template-columns:1fr;gap:3px}.lesson-candidates>button{min-height:38px;padding:7px 9px}.lesson-candidates strong,.lesson-candidates>button[aria-pressed=true] small{font-size:12px}.lesson-dialog{width:calc(100vw - 24px);max-width:none;padding:19px 20px}.lesson-picture-comparison.is-pair{grid-template-columns:1fr;gap:23px}.lesson-picture-comparison figcaption{gap:3px;margin-top:10px}.lesson-picture-comparison figcaption strong{font-size:12px}.lesson-picture-comparison .lesson-image{border-width:6px}.studio-lesson .lesson-actions{flex-wrap:wrap}.studio-lesson .lesson-actions button{min-width:160px}}@media (prefers-reduced-motion:reduce){.studio-lesson *,.studio-lesson :before,.studio-lesson :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.studio-lesson .lesson-concept-route{color:#7985a4;background:#ffffff3b;border:1px solid #ffffff8c;border-radius:14px;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:center;gap:10px;padding:14px 10px;display:grid}.lesson-concept-route>div{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:78px;display:flex}.lesson-concept-route>div>span:last-child{color:#596780;text-align:center;font-size:11px;line-height:1.4}.lesson-concept-route .lesson-image{border:3px solid #fffc;border-radius:7px;width:66px;height:49px}.lesson-concept-route>div>svg{height:49px}.lesson-noise-tile{background:#d2c99f;border:2px solid #ffffffb8;border-radius:7px;flex:none;width:56px;height:49px;display:block;position:relative;overflow:hidden}.lesson-noise-tile i{filter:blur(3px);background:#8db6ae;border-radius:55%;width:38px;height:25px;position:absolute;top:-5px;left:-7px;transform:rotate(-28deg)}.lesson-noise-tile i:nth-child(2){background:#bd9c93;top:10px;left:19px}.lesson-noise-tile i:nth-child(3){background:#a4afc7;top:31px;left:-9px}.lesson-noise-tile i:nth-child(4){background:#bcc88f;top:-5px;left:35px}.lesson-noise-tile i:nth-child(5){background:#a88da7;top:34px;left:29px}.lesson-noise-tile i:nth-child(6){background:#ddc287;top:14px;left:-13px}.lesson-noise-tile[data-prepared=true]{box-shadow:0 0 0 2px #5d7f9f26}.lesson-noise-tile>svg{color:#f9fffd;filter:drop-shadow(0 1px 2px #4d6d74);margin:auto;position:absolute;inset:0}.lesson-meaning-token{text-align:left;color:#53627d;font-size:10px;line-height:1.4}.lesson-code-token{font:16px/1.45 var(--font-geist-mono), monospace;color:#6c7da3;letter-spacing:.12em}.lesson-description-card{color:#67789f;background:#ffffff47;border:1px solid #ffffff94;border-radius:13px;gap:10px;padding:15px;display:flex}.lesson-description-card>svg{flex:none;margin-top:2px}.lesson-description-card p{color:#4a566e;margin:0;font-size:14px;line-height:1.5}.lesson-description-card strong{font-weight:550}.lesson-starting-point,.lesson-reuse-start{background:#ffffff40;border-radius:13px;align-items:center;gap:13px;padding:14px 12px;display:flex}.lesson-starting-point strong,.lesson-reuse-start strong{color:#52617d;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.lesson-starting-point span:not(.lesson-noise-tile),.lesson-reuse-start span:not(.lesson-noise-tile){color:#6b778d;font-size:11px;line-height:1.45}.lesson-reuse-start>svg{color:#6d83ab;flex:none}.lesson-reuse-start>div{flex:1}.lesson-reuse-start .lesson-noise-tile{width:40px;height:40px}.lesson-clue-source{color:#586681;justify-content:center;align-items:center;gap:7px;padding-bottom:13px;font-size:11px;display:flex}.lesson-clue-paths{grid-template-columns:1fr 1fr;gap:8px;display:grid;position:relative}.lesson-clue-paths:before{content:"";border:1px solid #b3bdd1;border-bottom:0;border-radius:4px 4px 0 0;height:7px;position:absolute;top:-7px;left:25%;right:25%}.lesson-clue-paths>div{color:#7d899e;background:#ffffff24;border:1px solid #ffffff8c;border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:13px 6px;transition:background-color .6s,border-color .6s,color .6s;display:flex}.lesson-clue-paths>div[data-active=true]{color:#5b7198;background:#dbe7f980;border-color:#acbbdf}.lesson-clue-paths strong{color:#4c5b77;font-size:11px;font-weight:500}.lesson-clue-paths span{text-align:center;font-size:10px;line-height:1.5}.lesson-match-summary{color:#7b8597;justify-content:space-between;gap:8px;margin-top:12px;font-size:11px;line-height:1.4;display:flex}.lesson-match-summary strong{color:#527e70;font-weight:500}.lesson-edit-goal{background:#ffffff38;border:1px solid #ffffff85;border-radius:12px;flex-direction:column;gap:10px;padding:13px;display:flex}.lesson-edit-goal>div{grid-template-columns:42px minmax(0,1fr);align-items:baseline;gap:8px;font-size:11px;line-height:1.45;display:grid}.lesson-edit-goal>div>span{color:#7a8499}.lesson-edit-goal strong{color:#52617b;font-weight:450;display:inline}.lesson-edit-goal strong svg{vertical-align:-2px;margin-inline:3px;display:inline}.lesson-takeaway{color:#56736a;background:#c2ddd033;border:1px solid #86a99f2e;border-radius:12px;align-items:flex-start;gap:8px;margin:0;padding:13px;font-size:12px;line-height:1.55;display:flex}.lesson-takeaway>svg{flex:none;margin-top:2px}.lesson-result-pair{grid-template-columns:1fr 1fr;gap:9px;display:grid}.lesson-result-pair figure{min-width:0;margin:0}.lesson-result-pair .lesson-image{border:3px solid #ffffffbf;border-radius:7px}.lesson-result-pair figcaption{color:#65728a;margin-top:6px;font-size:11px;line-height:1.4}.lesson-result-pair figcaption>strong{color:#435672;margin-top:2px;font-size:11px;font-weight:500;display:block}.studio-lesson .lesson-preview.lesson-preview-link{background:0 0;border:0;min-height:36px}.lesson-preview.lesson-preview-link>span{min-height:36px;padding:4px 0}.studio-lesson p.lesson-outcome{color:#58667c;margin:0;font-size:12px;line-height:1.5}.lesson-teaching-detail{border-top:1px solid #6072911f;padding-top:10px}.lesson-teaching-detail summary{cursor:pointer;color:#73819b;font-size:11px;line-height:1.5}.lesson-teaching-detail p{color:#6b7890;margin:9px 0 0;font-size:12px;line-height:1.6}.lesson-paint-status{color:#75839e;justify-content:space-between;align-items:baseline;gap:10px;margin:0;font-size:11px;line-height:1.5;display:flex}.lesson-paint-status strong{color:#506384;font-weight:500}@media (prefers-reduced-motion:reduce){.lesson-clue-paths>div{transition:none}}.studio-experience-shell{background:#d8d9dd;position:fixed;inset:0}.studio-experience-shell>.concept-lab{opacity:1;transition:opacity .22s}.studio-experience-shell[data-transition=leaving]>.concept-lab{opacity:0;pointer-events:none}.studio-experience-shell .concept-viewport>:is(canvas,svg,.concept-anchor),.studio-experience-shell .retro-control-card{opacity:0}.studio-experience-shell .retro-header-left>.demo-surface,.studio-experience-shell .retro-header-actions{animation:.65s cubic-bezier(.22,1,.36,1) both studio-controls-in}.studio-experience-shell .retro-header-left>.demo-surface:nth-child(2){animation-delay:70ms}.studio-experience-shell .retro-header-actions{animation-delay:.12s}.studio-experience-shell [data-studio-ready=true] .concept-viewport>canvas{animation:.9s both studio-image-in}.studio-experience-shell [data-studio-ready=true] .concept-viewport>:is(svg,.concept-anchor){animation:.5s .22s both studio-image-in}:is(.studio-experience-shell [data-studio-ready=true] .retro-control-card,.studio-experience-shell .concept-lab:has([data-renderer=error]) .retro-control-card){animation:.7s cubic-bezier(.22,1,.36,1) .16s both studio-controls-in}@keyframes studio-image-in{0%{opacity:0}to{opacity:1}}@keyframes studio-controls-in{0%{opacity:0;translate:0 7px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.studio-experience-shell>.concept-lab{transition:none}.studio-experience-shell .concept-viewport>:is(canvas,svg,.concept-anchor),.studio-experience-shell .retro-control-card,.studio-experience-shell .retro-header-left>.demo-surface,.studio-experience-shell .retro-header-actions{opacity:1;translate:none;animation:none!important}}