/* Completion is a learning transition, with original values and optional details. */
#solvePanel:not([hidden]){display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:64px;row-gap:24px;align-content:start;align-items:start;max-width:1120px;width:100%;margin:20px auto 60px;padding:20px 0;text-align:left}
#solvePanel .completion-outcome{grid-column:1;grid-row:1}.completion-mark{display:block;width:145px;height:60px;color:var(--gold-text);margin-bottom:24px}.completion-mark circle{fill:var(--gold-text)}#solvePanel .solve-title{font:500 clamp(34px,4vw,51px)/1.08 var(--serif)!important;letter-spacing:-.035em;text-align:left;margin:0 0 16px;max-width:13ch;animation:none;transform:none;opacity:1}#solvePanel .solve-sub{font:400 17px/1.5 var(--font);color:var(--text-muted);margin:0;text-align:left}
#solvePanel #solveStats{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;padding:24px 0;border-block:1px solid var(--line-ui);background:transparent;border-radius:0;margin:4px 0 0}#solvePanel .solve-stat{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:8px;padding:0;border:0;background:none;box-shadow:none;min-width:0}#solvePanel .solve-stat-n{font:500 25px/1.2 var(--serif);color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums}#solvePanel .solve-stat-l{font-size:12px;line-height:1.5;letter-spacing:0;color:var(--text-muted);text-transform:none}#solvePanel .solve-stat-n>[aria-hidden]{display:none}#solvePanel .solve-goal-ring{display:none}#solvePanel .solve-stat--goal .solve-stat-l{display:flex;flex-direction:column-reverse;gap:8px}#solvePanel #statGoal{font:500 25px/1.2 var(--serif);color:var(--text)}#solvePanel .completion-time{grid-column:1/-1;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:9px;padding-top:2px}#solvePanel .completion-time .solve-stat-n,#solvePanel .completion-time .solve-stat-l{font:400 13px/1.4 var(--font);color:var(--text-muted)}
.completion-actions{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:12px}.completion-actions #completionPractice{min-height:56px;font-size:16px;width:100%;padding:14px 20px}.completion-actions #solveNextBtn{position:static;z-index:auto;width:100%;min-height:52px;margin:0;font-size:15px;background:transparent;color:var(--text);border:1px solid var(--line-ui);box-shadow:none}.completion-actions #solveNextBtn:hover{background:var(--accent-wash);color:var(--text);border-color:var(--accent)}.completion-links{grid-column:1;grid-row:4;display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:-8px}.completion-links a,.completion-links button{display:inline-flex;align-items:center;min-height:48px;padding:9px 0;color:var(--accent);font-size:14px;border:0;background:none;text-decoration:underline;text-underline-offset:5px}
#solvePanel #solveHaul{grid-column:2;grid-row:1/span 6;border:1px solid var(--line-ui);border-radius:20px;background:var(--surface);padding:28px;margin:0;box-shadow:none}#solvePanel .solve-haul-head{display:block;padding:0;margin:0 0 22px}#solvePanel .solve-haul-title{font:500 23px/1.2 var(--serif);letter-spacing:-.025em;text-transform:none;margin:0;color:var(--text)}#solvePanel .solve-haul-vocab{display:none}#solvePanel #solveHaulChips{display:flex;flex-wrap:wrap;gap:10px;margin:0}#solvePanel .haul-chip{min-height:48px;padding:12px 15px;border:1px solid var(--line-ui);border-radius:9px;background:var(--bg);color:var(--text);font-size:15px;line-height:1.4;gap:7px}#solvePanel .haul-chip[aria-expanded=true]{background:var(--accent-wash);border-color:var(--accent)}#solvePanel .haul-chip:hover{background:var(--accent-wash);color:var(--text)}#solvePanel #solveHaulDetail:empty{display:none}#solvePanel #solveHaulDetail:not(:empty){margin:26px 0 0;padding:24px 0 0;border-top:1px solid var(--line-ui)}#solvePanel .solve-haul-detail .lesson-word{font-family:var(--serif);font-size:28px;overflow-wrap:anywhere}#solvePanel .solve-haul-links{display:none}
#completionFeedback{grid-column:1;grid-row:5;padding-top:16px;border-top:1px solid var(--line-ui);min-width:0}#completionFeedback>summary{min-height:48px;padding:12px 0;color:var(--text-muted);font-size:14px;line-height:1.5;cursor:pointer}#completionFeedback[open]>summary{color:var(--text)}#completionFeedback #solvePulse,#completionFeedback #solveFeedback{border:0;border-radius:0;background:transparent;padding:14px 0 0;margin:0;box-shadow:none;text-align:left}#completionFeedback .pulse-q{font-size:16px;line-height:1.5;margin-bottom:16px}#completionFeedback .pulse-chips{display:flex;flex-wrap:wrap;gap:9px}#completionFeedback .pulse-chip{min-height:48px;padding:12px 15px;border:1px solid var(--line-ui);background:var(--surface);color:var(--text);border-radius:9px}#completionFeedback .pulse-chip:hover{background:var(--accent-wash)}#completionFeedback .pulse-more{min-height:48px;font-size:13px;color:var(--accent);margin-top:12px}#completionFeedback .pulse-thanks{font-size:15px;line-height:1.5;color:var(--text)}#completionFeedback .solve-feedback-text{width:100%;min-height:100px;padding:14px;line-height:1.5}.completion-suppressed{display:none!important}#solvePanel .solve-quiet-row{display:none}#solvePanel #solveProbeSlot:not(:empty){grid-column:1/-1;grid-row:7}#solvePanel #solveProbeSlot:empty{display:none}
@media(max-width:1000px){#solvePanel:not([hidden]){column-gap:32px;padding:12px 10px;row-gap:22px}#solvePanel .solve-title{font-size:39px!important}#solvePanel #solveHaul{padding:23px}.completion-mark{margin-bottom:18px}}
@media(max-width:720px){#solvePanel:not([hidden]){display:flex;flex-direction:column;gap:22px;margin:12px auto 30px;padding:5px 4px 35px;max-width:550px}#solvePanel:not([hidden])>*{width:100%}.completion-mark{width:110px;height:42px;margin-bottom:18px}#solvePanel .solve-title{font-size:36px!important;max-width:18ch;margin-bottom:12px}#solvePanel .solve-sub{font-size:15px}#solvePanel #solveStats{order:1;width:100%;margin:0;padding:20px 0;gap:16px 10px}#solvePanel .completion-outcome{order:0}#solvePanel .completion-actions{order:2;gap:10px}#solvePanel .completion-links{order:3;margin-top:-10px;gap:24px}#solvePanel #solveHaul{order:4;padding:22px 19px;border-radius:16px}#solvePanel .solve-haul-title{font-size:21px}#solvePanel #completionFeedback{order:5;margin-top:0}#solvePanel #solveProbeSlot{order:6}#solvePanel .solve-stat-n,#solvePanel #statGoal{font-size:23px}.completion-actions #completionPractice{min-height:54px;font-size:15px}.completion-actions #solveNextBtn{min-height:50px}.completion-links a,.completion-links button{font-size:13px}#solvePanel .haul-chip{font-size:14px;padding:11px 13px}#solvePanel .completion-time .solve-stat-n,#solvePanel .completion-time .solve-stat-l{font-size:12px}}
@media(prefers-reduced-motion:reduce){#solvePanel *{scroll-behavior:auto}.completion-mark{animation:none}}
.completion-context{border-top:1px solid var(--line-ui);margin-top:24px;padding-top:9px}.completion-context summary{min-height:48px;padding:13px 0;font-size:13px;color:var(--text-muted);cursor:pointer}#solvePanel .completion-context .solve-haul-vocab{display:block;font-size:13px;color:var(--text-muted);line-height:1.6;margin:5px 0 10px}
#solvePanel .completion-time{order:1}#solvePanel .solve-title::before,#solvePanel .solve-title::after{display:none}