.flow-details{display:grid;grid-gap:28px;gap:28px;margin:34px 0 46px}.flow-journey{position:relative;padding:18px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:linear-gradient(color-mix(in srgb,var(--text) 2.4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text) 2.4%,transparent) 1px,transparent 1px),var(--bg);background-size:24px 24px;outline:none}.flow-journey:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}.fj-scene{grid-template-columns:minmax(0,1.2fr) 28px minmax(0,.95fr) 28px minmax(0,1fr) 28px minmax(0,.95fr);align-items:stretch;grid-gap:0;gap:0;min-height:300px}.fj-scene,.fj-zone{display:grid;overflow:hidden}.fj-zone{position:relative;z-index:1;grid-template-rows:auto minmax(0,1fr);min-width:0;border:1px solid var(--border-light);border-radius:14px;background:color-mix(in srgb,var(--bg-soft) 55%,var(--bg));transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease,opacity .25s ease;opacity:.72}.fj-zone.is-active{opacity:1;border-color:color-mix(in srgb,var(--brand) 28%,var(--border));background:color-mix(in srgb,var(--bg) 88%,var(--brand-light));box-shadow:0 10px 28px color-mix(in srgb,var(--text) 6%,transparent)}.fj-zone.is-focus{border-color:color-mix(in srgb,var(--brand) 42%,var(--border))}.fj-zone.is-focus .fj-zone-head strong{color:var(--brand)}.fj-zone.is-focus:not(.is-active){opacity:.88;background:color-mix(in srgb,var(--brand-light) 35%,var(--bg))}.fj-zone-head{display:flex;align-items:center;min-height:36px;padding:8px 12px;border-bottom:1px dashed var(--border-light)}.fj-zone-head strong{color:var(--text);font-size:12.5px;letter-spacing:-.01em}.fj-path{z-index:0;display:grid;place-items:center;min-width:0;overflow:hidden;pointer-events:none}.fj-path-arrow{--fj-arrow:color-mix(in srgb,var(--text) 22%,transparent);position:relative;display:block;width:14px;height:2px;border-radius:1px;background:var(--fj-arrow);transition:background-color .2s ease}.fj-path-arrow:after{content:"";position:absolute;top:50%;right:-5px;width:0;height:0;border-style:solid;border-width:4px 0 4px 5px;border-color:transparent transparent transparent var(--fj-arrow);transform:translateY(-50%);transition:border-color .2s ease}.fj-path.is-back .fj-path-arrow:after{right:auto;left:-5px;border-width:4px 5px 4px 0;border-color:transparent var(--fj-arrow) transparent transparent}.fj-path.is-live{--fj-arrow:color-mix(in srgb,var(--brand) 78%,var(--border))}.fj-path.is-live.is-back{--fj-arrow:color-mix(in srgb,var(--green) 72%,var(--border))}.fj-browser-frame{display:grid;grid-template-rows:30px minmax(0,1fr);min-height:0;margin:10px;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--bg);box-shadow:0 10px 24px color-mix(in srgb,var(--text) 5%,transparent)}.fj-browser-bar{display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid var(--border-light);background:var(--bg-soft)}.fj-browser-bar>i{width:7px;height:7px;border-radius:50%;background:var(--border)}.fj-browser-bar span{flex:1 1;margin-left:4px;padding:3px 8px;overflow:hidden;border-radius:5px;color:var(--text-3);background:var(--bg);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.fj-browser-page{position:relative;display:grid;place-items:center;grid-gap:10px;gap:10px;padding:14px 12px 16px}.fj-profile-card{display:grid;grid-template-columns:40px minmax(0,1fr);grid-gap:10px;gap:10px;width:min(100%,210px);padding:12px;border:1px solid var(--border-light);border-radius:12px;background:color-mix(in srgb,var(--bg-soft) 40%,var(--bg))}.fj-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--brand),color-mix(in srgb,var(--brand) 55%,#1f2937));font-size:14px;font-weight:750}.fj-profile-fields{display:grid;grid-gap:8px;gap:8px;min-width:0}.fj-profile-fields label{display:grid;grid-gap:4px;gap:4px;min-width:0}.fj-profile-fields label>span{color:var(--text-3);font-size:10px;font-weight:650}.fj-input{min-height:30px;padding:6px 8px;border:1px solid var(--border);border-radius:7px;color:var(--text);background:var(--bg);font-size:12.5px;font-weight:650;transition:border-color .2s ease,box-shadow .2s ease}.fj-input.is-busy{border-color:color-mix(in srgb,var(--brand) 35%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 12%,transparent)}.fj-input.is-saved{border-color:color-mix(in srgb,var(--green) 40%,var(--border));color:color-mix(in srgb,var(--green) 70%,var(--text))}.fj-save-btn{min-height:30px;border:0;border-radius:7px;color:#fff;background:var(--brand);font-size:12px;font-weight:700;cursor:default;transition:background-color .2s ease,opacity .2s ease}.fj-save-btn.is-busy{opacity:.72;background:color-mix(in srgb,var(--brand) 70%,#64748b)}.fj-save-btn.is-done{background:color-mix(in srgb,var(--green) 82%,var(--text))}.fj-toast{max-width:210px;padding:6px 10px;border-radius:999px;font-size:10.5px;font-weight:650;line-height:1.35;text-align:center}.fj-toast.is-ok{color:color-mix(in srgb,var(--green) 75%,var(--text));background:color-mix(in srgb,var(--green) 12%,var(--bg));border:1px solid color-mix(in srgb,var(--green) 28%,var(--border))}.fj-toast.is-info{color:var(--brand);background:var(--brand-light);border:1px solid color-mix(in srgb,var(--brand) 22%,var(--border))}.browser-loading .fj-browser-page,.browser-refreshing .fj-browser-page{opacity:.92}.browser-refreshing .fj-profile-card{filter:blur(.4px);opacity:.7}.fj-api-card{display:grid;grid-gap:6px;gap:6px;align-content:center;min-height:0;padding:10px}.fj-api-block{min-width:0;padding:8px 9px;border:1px dashed var(--border);border-radius:10px;background:var(--bg);opacity:.5;transition:opacity .25s ease,border-color .25s ease,background-color .25s ease}.fj-api-block.is-idle{opacity:.48}.fj-api-block.is-done,.fj-api-block.is-on,.fj-api-block.response.is-on{opacity:1;border-style:solid;border-color:color-mix(in srgb,var(--brand) 30%,var(--border));background:color-mix(in srgb,var(--brand-light) 40%,var(--bg))}.fj-api-block.response.is-on{border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:color-mix(in srgb,var(--green) 8%,var(--bg))}.fj-api-line{display:flex;align-items:center;gap:6px;min-width:0}.fj-api-block b{display:inline-grid;place-items:center;flex:none;min-width:34px;padding:2px 5px;border-radius:4px;color:#fff;background:color-mix(in srgb,var(--brand) 85%,#1e293b);font-size:10px;font-weight:750;letter-spacing:.02em}.fj-api-block b.ok{background:color-mix(in srgb,var(--green) 80%,var(--text))}.fj-api-block b.muted{color:var(--text-3);background:var(--bg-soft)}.fj-api-block code{min-width:0;color:var(--text-2);font:600 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.fj-api-block code,.fj-api-block pre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fj-api-block pre{margin:5px 0 0;color:var(--text-3);font:500 10.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.fj-api-arrow{color:var(--text-3);font-size:13px;text-align:center;line-height:1}.fj-backend-panel{display:grid;grid-gap:10px;gap:10px;align-content:start;min-height:0;padding:12px}.fj-backend-status{display:flex;align-items:center;gap:8px;min-height:28px;padding:6px 8px;border-radius:8px;background:var(--bg);border:1px solid var(--border-light)}.fj-backend-status strong{color:var(--text-2);font-size:11.5px;font-weight:650}.fj-pulse{width:8px;height:8px;border-radius:50%;background:var(--border);flex:none}.fj-pulse.is-on{background:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 16%,transparent);animation:fj-pulse 1.1s ease-in-out infinite}@keyframes fj-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.75}}@media (prefers-reduced-motion:reduce){.fj-pulse.is-on{animation:none}}.fj-check-list{display:grid;grid-gap:6px;gap:6px;margin:0;padding:0;list-style:none}.fj-check-list li{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;grid-gap:6px;gap:6px;min-height:28px;padding:5px 8px;border:1px solid transparent;border-radius:8px;color:var(--text-3);background:transparent;font-size:11.5px;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.fj-check-list li i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--bg-soft);font-size:10px;font-style:normal;font-weight:800}.fj-check-list li.is-pass{color:color-mix(in srgb,var(--green) 70%,var(--text));background:color-mix(in srgb,var(--green) 7%,var(--bg))}.fj-check-list li.is-pass i{color:#fff;background:color-mix(in srgb,var(--green) 80%,var(--text))}.fj-check-list li.is-run{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 28%,var(--border));background:var(--brand-light)}.fj-check-list li.is-run i{color:var(--brand);background:color-mix(in srgb,var(--brand-light) 40%,var(--bg))}.fj-db-panel{position:relative;display:grid;grid-gap:8px;gap:8px;align-content:start;min-height:0;padding:12px}.fj-db-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.fj-db-head strong{color:var(--text);font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.fj-db-head span{color:var(--text-3);font-size:10px}.fj-db-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--border);border-radius:9px;background:var(--bg);font-size:11px}.fj-db-table td,.fj-db-table th{padding:7px 8px;border-bottom:1px solid var(--border-light);text-align:left}.fj-db-table th{color:var(--text-3);background:var(--bg-soft);font-size:10px;font-weight:700;letter-spacing:.02em}.fj-db-table tr:last-child td{border-bottom:0}.fj-db-row td{color:var(--text-2);vertical-align:middle}.fj-db-row td b{color:var(--text);font-weight:700}.fj-db-row td em{display:inline-block;margin-left:6px;color:var(--brand);font-size:10px;font-style:normal;font-weight:700}.fj-db-row.is-stale td b{color:var(--text-3)}.fj-db-row.is-writing{background:color-mix(in srgb,var(--brand) 10%,var(--bg))}.fj-db-row.is-writing td b{color:var(--brand)}.fj-db-row.is-saved{background:color-mix(in srgb,var(--green) 8%,var(--bg))}.fj-db-row.is-saved td b{color:color-mix(in srgb,var(--green) 72%,var(--text))}.fj-db-row.is-reading{background:color-mix(in srgb,var(--brand) 12%,var(--bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 28%,transparent)}.fj-db-disk{display:flex;justify-content:center;gap:5px;margin-top:4px;opacity:.45}.fj-db-disk span{width:28px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--text) 18%,transparent)}.db-reading .fj-db-disk span:nth-child(2),.db-writing .fj-db-disk span:nth-child(2){background:var(--brand);opacity:1}.fj-control{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--border-light)}.fj-nav{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:92px;min-height:38px;padding:0 14px;border:1px solid color-mix(in srgb,var(--text) 14%,var(--border));border-radius:10px;color:var(--text);background:var(--bg);box-shadow:0 1px 0 color-mix(in srgb,var(--text) 5%,transparent);font-size:13px;font-weight:650;line-height:1;cursor:pointer;transition:border-color .18s ease,color .18s ease,background-color .18s ease,box-shadow .18s ease}.fj-nav:hover:not(:disabled){color:var(--brand);border-color:color-mix(in srgb,var(--brand) 36%,var(--border));background:var(--brand-light);box-shadow:none}.fj-nav:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.fj-nav:disabled{color:var(--text-3);border-color:var(--border-light);background:color-mix(in srgb,var(--bg-soft) 70%,var(--bg));box-shadow:none;cursor:not-allowed}.fj-now{min-width:0;text-align:center}.fj-now-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.fj-now-index{color:var(--brand);font-size:12px;font-weight:750;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fj-now-head strong{color:var(--text);font-size:14px;font-weight:700;letter-spacing:-.02em}.fj-now-head em{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;color:var(--brand);background:var(--brand-light);font-size:11px;font-style:normal;font-weight:700}.fj-now-detail{margin:5px 0 0;color:var(--text-2);font-size:12.5px;line-height:1.55}.fj-now-detail span{margin-right:6px;color:var(--text-3);font-weight:650}@media (max-width:960px){.flow-journey{padding:14px}.fj-scene{grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.fj-scene>*{grid-column:1;grid-row:auto}.fj-zone{border-radius:12px}.fj-zone-head{min-height:34px;padding:8px 12px}.fj-path{min-height:22px;padding:2px 0}.fj-path-arrow{width:2px;height:12px;border-radius:1px}.fj-path-arrow:after{top:auto;right:50%;bottom:-5px;left:auto;border-width:5px 4px 0;border-color:var(--fj-arrow) transparent transparent transparent;transform:translateX(50%)}.fj-path.is-back .fj-path-arrow:after{top:-5px;bottom:auto;left:50%;right:auto;border-width:0 4px 5px;border-color:transparent transparent var(--fj-arrow) transparent;transform:translateX(-50%)}.fj-browser-frame{margin:8px}.fj-browser-page{padding:12px 10px 14px}.fj-profile-card{width:min(100%,260px);grid-template-columns:36px minmax(0,1fr)}.fj-avatar{width:36px;height:36px;font-size:13px}.fj-save-btn{min-height:32px}.fj-toast{max-width:min(100%,260px)}.fj-api-card{padding:10px;gap:6px}.fj-api-block pre{white-space:pre-wrap}.fj-backend-panel,.fj-db-panel{padding:10px}.fj-control{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 10px;margin-top:14px;padding-top:12px}.fj-now{grid-column:1/-1;grid-row:1;order:-1}.fj-nav{min-width:0;width:100%;min-height:40px}.fj-now-head strong{font-size:13px}.fj-now-detail{font-size:12px}}@media (max-width:480px){.flow-journey{padding:12px;border-radius:12px}.fj-zone-head strong{font-size:12px}.fj-browser-bar span{font-size:9px}.fj-profile-card{padding:10px}.fj-check-list li{font-size:11px;min-height:26px}.fj-db-head strong,.fj-db-table{font-size:11px}.fj-control{gap:8px}.fj-nav{min-height:38px;font-size:12px;padding:0 10px}}.flow-overview{max-width:760px}.flow-overview h2,.flow-practice h2{margin:0;color:var(--text);font-size:clamp(20px,2.6vw,28px);letter-spacing:-.035em;line-height:1.2}.flow-overview p{margin:10px 0 0;color:var(--text-2);font-size:15px;line-height:1.75}.flow-boundary{max-width:820px;padding:0;border:0;color:var(--text-2);background:transparent;font-size:13px;line-height:1.65}.flow-boundary strong{display:block;margin-bottom:3px;color:var(--text);font-size:12px}.flow-boundary span{display:block}.flow-practice{padding:24px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--bg-soft) 68%,var(--bg))}.flow-practice-heading{display:flex;align-items:center;gap:9px;margin-bottom:11px}.flow-practice-kicker{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:999px;color:var(--brand);background:var(--brand-light);font-size:12px;font-weight:750;line-height:1}.flow-practice-hint{color:var(--text-3);font-size:12px}.flow-practice-options{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:10px;gap:10px;margin-top:18px}.flow-practice-option{min-height:56px;display:grid;grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;grid-gap:12px;gap:12px;padding:13px 15px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:var(--bg);font:580 14px/1.5 inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.flow-practice-option:hover{border-color:color-mix(in srgb,var(--brand) 28%,var(--border));background:var(--bg-hover)}.flow-practice-option:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 24%,transparent);outline-offset:2px}.flow-practice-marker{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--text-2);background:var(--bg);font-size:12px;font-weight:750;line-height:1}.flow-practice-label{min-width:0}.flow-practice-state{width:22px;height:22px;display:grid;place-items:center;justify-self:end;border-radius:50%;color:#fff;font-size:13px;font-weight:800;line-height:1}.flow-practice-option.is-correct{border-color:color-mix(in srgb,var(--green) 44%,var(--border));background:color-mix(in srgb,var(--green) 7%,var(--bg))}.flow-practice-option.is-correct .flow-practice-marker{border-color:color-mix(in srgb,var(--green) 55%,var(--border));color:color-mix(in srgb,var(--green) 78%,var(--text))}.flow-practice-option.is-correct .flow-practice-state{background:color-mix(in srgb,var(--green) 80%,var(--text))}.flow-practice-option.is-incorrect{border-color:color-mix(in srgb,var(--red) 38%,var(--border));background:color-mix(in srgb,var(--red) 6%,var(--bg))}.flow-practice-option.is-incorrect .flow-practice-marker{border-color:color-mix(in srgb,var(--red) 48%,var(--border));color:#b42318}.flow-practice-option.is-incorrect .flow-practice-state{background:#c43d35}.flow-practice-feedback{display:flex;align-items:flex-start;gap:11px;margin-top:12px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:var(--bg);font-size:13px;line-height:1.65}.flow-practice-feedback-icon{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;font-size:13px;font-weight:800;line-height:1}.flow-practice-feedback strong{display:block;margin-bottom:2px;color:var(--text);font-size:13px}.flow-practice-feedback p{margin:0;color:var(--text-2)}.flow-practice-feedback.is-correct{border-color:color-mix(in srgb,var(--green) 34%,var(--border));background:color-mix(in srgb,var(--green) 6%,var(--bg))}.flow-practice-feedback.is-correct .flow-practice-feedback-icon{background:color-mix(in srgb,var(--green) 80%,var(--text))}.flow-practice-feedback.is-incorrect{border-color:color-mix(in srgb,var(--red) 30%,var(--border));background:color-mix(in srgb,var(--red) 5%,var(--bg))}.flow-practice-feedback.is-incorrect .flow-practice-feedback-icon{background:#c43d35}.flow-agent-prompt h2{margin:0 0 12px;color:var(--text);font-size:clamp(20px,2.6vw,28px);letter-spacing:-.035em;line-height:1.2}.flow-agent-prompt blockquote{position:relative;margin:0;padding:22px 24px 20px 42px;border:1px solid var(--border-light);border-radius:15px;color:#263142;background:var(--bg);box-shadow:0 10px 28px rgba(29,33,41,.05)}.flow-agent-prompt blockquote:after{content:"";position:absolute;left:24px;bottom:-7px;width:14px;height:14px;border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);background:var(--bg);transform:rotate(45deg)}.flow-agent-prompt p{margin:0;font-size:14px;font-style:normal;line-height:1.75;white-space:pre-wrap}.flow-agent-quote{position:absolute;top:12px;left:16px;color:var(--brand);font-family:Georgia,serif;font-size:22px;font-weight:800;line-height:1}@media (max-width:920px){.flow-details{gap:22px;margin-top:28px}.flow-practice{padding:19px 16px}.flow-agent-prompt blockquote{padding:19px 18px 18px 36px}.flow-agent-quote{left:13px}}.lesson-extras{display:grid;grid-gap:32px;gap:32px;margin:42px 0 46px}.lesson-practice{padding:22px;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--bg-soft) 68%,var(--bg))}.lesson-agent-prompt h2,.lesson-practice h2{margin:0 0 14px;color:var(--text);font-size:18px;letter-spacing:-.02em;line-height:1.35}.lesson-practice-heading{display:flex;align-items:center;gap:9px;margin-bottom:10px}.lesson-practice-kicker{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:999px;color:var(--brand);background:var(--brand-light);font-size:12px;font-weight:750;line-height:1}.lesson-practice-hint{color:var(--text-3);font-size:12px}.lesson-practice-options{display:grid;grid-gap:9px;gap:9px}.lesson-practice-option{position:relative;min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;grid-gap:11px;gap:11px;padding:13px 14px;border:1px solid var(--border);border-radius:11px;color:var(--text);background:var(--bg);font-size:14px;font-weight:580;line-height:1.55;cursor:pointer;transition:border-color .18s ease,background-color .18s ease}.lesson-practice-option:hover{border-color:color-mix(in srgb,var(--brand) 28%,var(--border));background:var(--bg-hover)}.lesson-practice-option input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.lesson-practice-option:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--brand) 24%,transparent);outline-offset:2px}.lesson-practice-marker{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--text-2);background:var(--bg);font-size:12px;font-weight:750;line-height:1}.lesson-practice-label{min-width:0}.lesson-practice-state{width:22px;height:22px;display:grid;place-items:center;justify-self:end;border-radius:50%;color:#fff;font-size:13px;font-weight:800;line-height:1}.lesson-practice-option.is-correct{border-color:color-mix(in srgb,var(--green) 44%,var(--border));background:color-mix(in srgb,var(--green) 7%,var(--bg))}.lesson-practice-option.is-correct .lesson-practice-marker{border-color:color-mix(in srgb,var(--green) 55%,var(--border));color:color-mix(in srgb,var(--green) 78%,var(--text))}.lesson-practice-option.is-correct .lesson-practice-state{background:color-mix(in srgb,var(--green) 80%,var(--text))}.lesson-practice-option.is-incorrect{border-color:color-mix(in srgb,var(--red) 38%,var(--border));background:color-mix(in srgb,var(--red) 6%,var(--bg))}.lesson-practice-option.is-incorrect .lesson-practice-marker{border-color:color-mix(in srgb,var(--red) 48%,var(--border));color:#b42318}.lesson-practice-option.is-incorrect .lesson-practice-state{background:#c43d35}.lesson-practice-feedback{display:flex;align-items:flex-start;gap:11px;margin-top:11px;padding:13px 14px;border:1px solid var(--border);border-radius:11px;color:var(--text);background:var(--bg);font-size:13px;line-height:1.7}.lesson-practice-feedback-icon{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;font-size:13px;font-weight:800;line-height:1}.lesson-practice-feedback strong{display:block;margin-bottom:2px;color:var(--text);font-size:13px}.lesson-practice-feedback p{margin:0;color:var(--text-2)}.lesson-practice-feedback.is-correct{border-color:color-mix(in srgb,var(--green) 34%,var(--border));background:color-mix(in srgb,var(--green) 6%,var(--bg))}.lesson-practice-feedback.is-correct .lesson-practice-feedback-icon{background:color-mix(in srgb,var(--green) 80%,var(--text))}.lesson-practice-feedback.is-incorrect{border-color:color-mix(in srgb,var(--red) 30%,var(--border));background:color-mix(in srgb,var(--red) 5%,var(--bg))}.lesson-practice-feedback.is-incorrect .lesson-practice-feedback-icon{background:#c43d35}.lesson-agent-prompt blockquote{position:relative;margin:0;padding:18px 20px 18px 39px;border:1px solid var(--border-light);border-radius:13px;color:#263142;background:var(--bg);box-shadow:0 10px 28px rgba(29,33,41,.05)}.lesson-agent-prompt blockquote:after{content:"";position:absolute;left:22px;bottom:-7px;width:14px;height:14px;border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);background:var(--bg);transform:rotate(45deg)}.lesson-agent-prompt p{margin:0;overflow-wrap:anywhere;font-size:14px;font-style:normal;line-height:1.75;white-space:pre-wrap}.lesson-agent-quote{position:absolute;top:12px;left:15px;color:var(--brand);font-family:Georgia,serif;font-size:22px;font-weight:800;line-height:1}@media (max-width:620px){.lesson-extras{gap:26px;margin-top:34px}.lesson-practice{padding:18px 14px}.lesson-practice-option{padding:12px}.lesson-agent-prompt blockquote{padding:16px 15px 16px 34px}.lesson-agent-quote{left:12px}}.detail :is(.dh-demo,.usage-box,.anat-stage,.variant-demo,.scene-shot) :is(small,label,figcaption){font-size:12px!important;line-height:1.45}.detail :is(.dh-demo,.usage-box,.anat-stage,.variant-demo,.scene-shot) :is([style*="font-size:6px"],[style*="font-size: 6px"],[style*="font-size:7px"],[style*="font-size: 7px"],[style*="font-size:8px"],[style*="font-size: 8px"],[style*="font-size:9px"],[style*="font-size: 9px"],[style*="font-size:10px"],[style*="font-size: 10px"]){font-size:11px!important;line-height:1.4}.detail .readability-microcopy{font-size:11px!important;line-height:1.4!important}.detail .frontend-anat-part b,.detail .frontend-anat-screen b,.detail .frontend-v b{font-size:14px!important}.detail .frontend-anat-part small,.detail .frontend-anat-screen small,.detail .frontend-v small{font-size:12px!important}@media (max-width:720px){.detail :is(.dh-demo,.usage-box,.anat-stage,.variant-demo,.scene-shot) :is(small,label,figcaption){font-size:12px!important}}