.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}}.practice-page{width:min(1440px,calc(100% - 40px));margin:0 auto}.practice-question{min-height:calc(100svh - 64px);display:flex;flex-direction:column}.practice-eyebrow{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;color:var(--brand);font-size:12px;font-weight:650;letter-spacing:.04em}.practice-intro{min-height:calc(100vh - 180px);display:grid;grid-template-columns:minmax(320px,.76fr) minmax(460px,1.24fr);align-items:center;grid-gap:clamp(44px,7vw,96px);gap:clamp(44px,7vw,96px)}.practice-intro-copy{display:flex;flex-direction:column;align-items:flex-start}.practice-intro-copy h1,.practice-result-head h1{margin:16px 0 18px;font-size:clamp(34px,4.4vw,58px);line-height:1.08;letter-spacing:-.04em}.practice-intro-copy>p,.practice-result-head>p{max-width:600px;color:var(--text-2);font-size:17px;line-height:1.8}.practice-intro-copy>small{max-width:480px;margin-top:16px;color:var(--text-3);font-size:12px;line-height:1.7}.practice-intro-meta{display:flex;align-items:center;gap:18px;margin:24px 0 26px;color:var(--text-2);font-size:13px}.practice-intro-meta span{display:inline-flex;align-items:center;gap:6px}.practice-primary-action,.practice-run-back,.practice-secondary-action,.practice-text-action{border:0;font:inherit}.practice-primary-action,.practice-secondary-action{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:9px;font-size:14px;font-weight:650;transition:transform .2s var(--ease),background .2s ease,border-color .2s ease}.practice-primary-action{color:#fff;background:var(--brand)}.practice-primary-action:hover{background:var(--brand-hover)}.practice-secondary-action{color:var(--text);background:var(--bg);border:1px solid var(--border)}.practice-secondary-action:hover{border-color:color-mix(in srgb,var(--brand) 34%,var(--border));background:var(--bg-hover)}.practice-option:focus-visible,.practice-primary-action:focus-visible,.practice-review-item:focus-visible,.practice-run-back:focus-visible,.practice-secondary-action:focus-visible,.practice-text-action:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 24%,transparent);outline-offset:3px}.practice-intro-visual{min-width:0;overflow:hidden;border-radius:14px;background:var(--bg-soft);box-shadow:none}.practice-detail-loading,.practice-detail-lock{display:grid;place-content:center;justify-items:center;border-radius:10px;color:var(--text-2)}.practice-detail-lock{position:absolute;inset:var(--practice-detail-frame);gap:12px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--brand) 8%,transparent),transparent 34%),color-mix(in srgb,var(--text) 4.5%,var(--bg))}.practice-detail-lock>i{font-size:24px}.practice-detail-lock>span{font-size:12px}.practice-intro-visual{transform:rotate(.8deg)}.practice-intro-visual .dh-demo{min-height:320px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:clamp(22px,4vw,48px);background:radial-gradient(circle at 18% 14%,color-mix(in srgb,var(--brand) 7%,transparent),transparent 34%),var(--bg-soft)}.practice-intro-visual .dh-demo-inner,.practice-intro-visual .dh-demo-viewport{display:contents}.practice-run-head{width:min(100%,620px);margin:0 auto 18px}.practice-loop-copy{display:flex}.practice-loop-copy,.practice-run-back{align-items:center;color:var(--text-3);font-size:12px}.practice-run-back{display:inline-flex;gap:7px;margin-bottom:20px;background:transparent}.practice-run-back:hover{color:var(--text)}.practice-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px;color:var(--text-2);font-size:12px}.practice-progress-copy b{color:var(--text-3);font-weight:550}.practice-progress-track{height:4px;overflow:hidden;border-radius:999px;background:var(--border-light)}.practice-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--brand);transition:width .28s var(--ease)}.practice-question-layout{min-height:calc(100svh - 64px);flex:1 1;display:grid;grid-template-columns:minmax(460px,1.05fr) minmax(460px,.95fr);visibility:hidden;opacity:0}.practice-question.is-ready .practice-question-layout{visibility:visible;opacity:1;transition:opacity .28s ease-out}.practice-detail-column{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(16px,2vw,28px) clamp(26px,3.2vw,52px) clamp(24px,2.8vw,38px);background:transparent}.practice-term-panel{--practice-detail-frame:6px;position:relative;width:min(100%,720px);height:clamp(520px,calc(100svh - 156px),760px);min-width:0;overflow:hidden;margin:0 auto;padding:var(--practice-detail-frame);border-radius:14px;background:color-mix(in srgb,var(--text) 7.5%,var(--bg))}.practice-term-content{width:100%;height:100%;display:block;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-radius:10px;background:var(--bg)}.practice-term-content>.detail{min-height:100%}.practice-detail-loading{width:100%;height:100%;gap:10px;background:var(--bg)}.practice-detail-loading>i{color:var(--brand);font-size:22px}.practice-detail-loading>.ti-loader-2{animation:practice-loader-spin .8s linear infinite}.practice-detail-loading>span{font-size:12px}.practice-detail-loading>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:7px 12px;border:0;border-radius:8px;color:var(--text);background:var(--bg-soft);font:inherit;font-size:12px;font-weight:600;line-height:1;cursor:pointer}.practice-answer-panel{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vh,64px) clamp(38px,5vw,76px)}.practice-answer-panel>h1{max-width:19em;margin:0 0 12px;font-size:clamp(24px,2.1vw,31px);line-height:1.38;letter-spacing:.005em}.practice-answer-panel>p{margin-bottom:18px;color:var(--text-2)}.practice-options{min-width:0;display:grid;grid-gap:9px;gap:9px;margin:28px 0 0;padding:0;border:0;background:transparent}.practice-options legend{margin-bottom:10px;color:var(--text-3);font-size:12px}.practice-options legend.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);white-space:nowrap}.practice-option{width:100%;min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;grid-gap:12px;gap:12px;min-height:64px;padding:15px 16px;border:0;border-radius:12px;color:var(--text);background:color-mix(in srgb,var(--text) 5%,var(--bg));text-align:left;transition:color .18s ease,background-color .18s ease}.practice-option:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 6%,var(--bg));box-shadow:none}.practice-option>span{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;color:var(--text-2);background:color-mix(in srgb,var(--text) 8%,var(--bg));font-size:12px;font-weight:650}.practice-option>b{min-width:0;font-size:14px;font-weight:550;line-height:1.65}.practice-option>i{justify-self:end}.practice-option.is-correct{background:color-mix(in srgb,var(--green) 9%,var(--bg));box-shadow:none}.practice-option.is-incorrect{background:color-mix(in srgb,var(--red) 8%,var(--bg));box-shadow:none}.practice-option.is-correct>span{color:color-mix(in srgb,var(--green) 76%,var(--text));background:color-mix(in srgb,var(--green) 15%,var(--bg))}.practice-option.is-incorrect>span{color:color-mix(in srgb,var(--red) 76%,var(--text));background:color-mix(in srgb,var(--red) 13%,var(--bg))}.practice-option:disabled{cursor:default}.practice-feedback{margin-top:20px;padding:18px 20px 19px;border:0;border-radius:14px;background:var(--bg-soft);animation:practice-feedback-in .24s ease-out both}.practice-feedback.is-correct{background:color-mix(in srgb,var(--green) 6%,var(--bg))}.practice-feedback.is-incorrect{background:color-mix(in srgb,var(--red) 5%,var(--bg))}.practice-feedback>strong{display:block;margin-bottom:5px;font-size:14px}.practice-feedback>p,.practice-feedback>small{display:block;color:var(--text-2);font-size:13px;line-height:1.7}.practice-feedback.is-correct>strong{color:color-mix(in srgb,var(--green) 74%,var(--text))}.practice-feedback.is-incorrect>strong{color:#b42318}.practice-feedback>small{margin-top:6px;color:var(--text-3)}.practice-answer-panel>.practice-primary-action{width:auto;min-width:168px;align-self:flex-end;margin-top:16px;animation:practice-feedback-in .26s ease-out both}.practice-term-panel.is-revealed .practice-term-content{animation:practice-detail-in .32s ease-out both}html[data-practice-fx=next]::view-transition-group(practice-question){animation-duration:.38s;animation-timing-function:var(--ease)}html[data-practice-fx=next]::view-transition-old(practice-question){animation:practice-question-out .18s ease-in both}html[data-practice-fx=next]::view-transition-new(practice-question){animation:practice-question-in .36s var(--ease) both}@keyframes practice-feedback-in{0%{opacity:0}}@keyframes practice-detail-in{0%{opacity:0}}@keyframes practice-loader-spin{to{transform:rotate(1turn)}}@keyframes practice-question-out{to{opacity:0;transform:translateX(-10px)}}@keyframes practice-question-in{0%{opacity:0;transform:translateX(14px)}}.practice-result{max-width:820px}.practice-result-head{padding-top:18px}.practice-result-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1px;gap:1px;margin:36px 0 44px;background:var(--border-light)}.practice-result-counts>div{display:flex;flex-direction:column;gap:4px;padding:24px 0;background:var(--bg)}.practice-result-counts strong{font-size:42px;font-weight:650;line-height:1}.practice-result-counts span{color:var(--text-3);font-size:13px}.practice-review h2{margin-bottom:12px;font-size:17px}.practice-review-list{border-top:1px solid var(--border)}.practice-review-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 2px;border-bottom:1px solid var(--border-light);color:var(--text);text-decoration:none}.practice-review-item>span{display:flex;align-items:baseline;gap:8px}.practice-review-item strong{font-weight:600}.practice-review-item small{color:var(--text-3)}.practice-review-item:hover{color:var(--brand)}.practice-result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:34px}.practice-text-action{padding:10px 6px;color:var(--text-3);background:transparent;font-size:13px}.practice-text-action:hover{color:var(--text)}@media (max-width:960px){.practice-question{min-height:0;justify-content:flex-start}.practice-intro{min-height:0;grid-template-columns:1fr;padding-top:40px}.practice-intro-copy{max-width:660px}.practice-intro-visual{transform:none}.practice-question-layout{grid-template-columns:1fr;min-height:0;gap:26px}.practice-detail-column{display:contents}.practice-run-head{width:100%;margin:0}.practice-answer-panel{order:1;padding:0}.practice-term-panel{order:2;width:100%;height:72svh;min-height:620px;max-height:760px}.practice-term-panel.is-locked{display:none}.practice-intro-visual .dh-demo{min-height:320px}}@media (max-width:720px){.practice-page{width:min(100% - 28px,620px);margin:0 auto;padding:30px 0 64px}.practice-intro{gap:34px}.practice-intro-copy h1,.practice-result-head h1{font-size:34px}.practice-intro-copy>p,.practice-result-head>p{font-size:15px}.practice-intro-meta{flex-wrap:wrap;margin:20px 0 22px}.practice-answer-panel>.practice-primary-action,.practice-primary-action,.practice-secondary-action{width:100%}.practice-intro-visual .dh-demo{min-height:0;padding:14px}.practice-intro-visual .responsive-detail-demo .dh-demo-viewport{display:block;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.practice-intro-visual .responsive-detail-demo .dh-demo-inner{position:static;display:flex;width:var(--detail-demo-width);min-width:100%;max-width:none;align-items:stretch;justify-content:stretch}.practice-intro-visual .responsive-detail-demo .dh-demo-inner>*{flex:1 1 auto;width:100%!important;max-width:none!important;min-width:0}.practice-answer-panel>h1{font-size:24px}.practice-option{grid-template-columns:26px minmax(0,1fr) 18px;gap:10px;padding:12px}.practice-option>span{width:26px;height:26px}.practice-result-counts{margin:28px 0 36px}.practice-result-actions{align-items:stretch;flex-direction:column}}@media (prefers-reduced-motion:reduce){.practice-answer-panel>.practice-primary-action,.practice-feedback,.practice-question.is-ready .practice-question-layout,.practice-term-panel.is-revealed .practice-term-content{animation:none;transition:none}.practice-primary-action,.practice-progress-track span,.practice-secondary-action{transition:none}}.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}}