.dc-panel{--dc-ink:var(--ink,#3F3722);--dc-muted:#6F634F;--dc-green:#167743;--dc-wash:#EEF8EA;--dc-line:var(--line-green,#CDE5CD);font-family:var(--font-body,inherit);color:var(--dc-ink);max-width:900px;margin:26px auto 0;padding:24px 0;font-size:16px;line-height:1.7;border-top:1px solid var(--dc-line);overflow-wrap:anywhere;}
.dc-panel,.dc-panel *{box-sizing:border-box;}
.dc-panel [hidden],.unit-dictation button[hidden]{display:none!important;}
.dc-panel .dc-title{margin:0 0 7px;font-family:inherit;color:var(--dc-ink);font-size:27px;line-height:1.45;font-weight:700;}
.dc-panel .dc-intro{margin:0 0 20px;color:var(--dc-muted);max-width:65ch;}
.dc-panel .dc-steps{list-style:none;display:flex;gap:22px;padding:0;margin:0 0 22px;counter-reset:dc-step;}
.dc-panel .dc-steps li{counter-increment:dc-step;color:var(--dc-muted);font-size:14px;display:flex;gap:7px;align-items:center;}
.dc-panel .dc-steps li::before{content:counter(dc-step);font-variant-numeric:tabular-nums;color:var(--dc-muted);}
.dc-panel .dc-steps .dc-step-active,.dc-panel .dc-steps .dc-step-active::before{color:var(--dc-green);font-weight:700;}
.dc-panel .dc-current-result{font-size:14px;background:#FFF5CD;padding:12px 14px;margin:12px 0 20px;border-radius:8px;color:#755600;}
.dc-panel .dc-message{margin:0 0 16px;font-size:15px;color:var(--dc-green);}
.dc-panel .dc-message:empty{display:none;}
.dc-panel .dc-message-error{color:#9B3934;}
.dc-panel .dc-subtitle{font-size:21px;line-height:1.5;font-weight:700;margin:22px 0 8px;color:var(--dc-ink);font-family:inherit;}
.dc-panel .dc-composer>.dc-subtitle{margin-top:0;}
.dc-panel .dc-note{color:var(--dc-muted);font-size:14px;line-height:1.7;max-width:70ch;margin:7px 0 16px;}
.dc-panel .dc-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;gap:7px;font:600 15px/1.5 var(--font-body,inherit);padding:9px 15px;color:var(--dc-green);border:1px solid var(--dc-line);border-radius:10px;background:#FFFDF6;box-shadow:none;cursor:pointer;white-space:normal;transition:background-color 140ms ease,border-color 140ms ease;}
.dc-panel .dc-primary{background:var(--dc-green);color:#fff;border-color:var(--dc-green);font-weight:700;padding:12px 20px;min-height:48px;}
.dc-panel .dc-button:disabled{opacity:.5;cursor:default;}
.dc-panel :is(button,input,summary,a):focus-visible,.unit-dictation .dictation-self-check summary:focus-visible{outline:3px solid var(--dc-green,#167743);outline-offset:3px;}
.dc-panel ::selection{color:var(--dc-ink);background:#FFF0A9;}
.dc-panel input{caret-color:var(--dc-green);}
.dc-panel .dc-pick-tools{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0;}
.dc-panel .dc-draft-pages{margin:18px 0;}
.dc-panel .dc-draft-page{display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--dc-line);}
.dc-panel .dc-page-preview{display:block;width:90px;height:112px;object-fit:contain;background:#fff;border:1px solid #E2DFC9;border-radius:6px;cursor:zoom-in;}
.dc-panel .dc-page-copy{display:flex;flex-direction:column;min-width:0;gap:3px;}
.dc-panel .dc-filename{font-size:14px;color:var(--dc-muted);overflow-wrap:anywhere;}
.dc-panel .dc-page-copy .dc-note{margin:0;font-size:13px;}
.dc-panel .dc-page-actions{display:flex;gap:6px;flex-wrap:wrap;}
.dc-panel .dc-remove-page,.dc-panel .dc-replace-page{border-color:transparent;background:transparent;padding:9px 10px;}
.dc-panel .dc-remove-page{color:var(--dc-muted);}
.dc-panel .dc-limits{margin-top:10px;font-size:13px;}
.dc-panel .dc-check-meta{font-size:14px;color:var(--dc-muted);margin:0 0 7px;font-variant-numeric:tabular-nums;}
.dc-panel :is(.dc-originals,.dc-history){border-top:1px solid var(--dc-line);margin-top:20px;padding-top:5px;}
.dc-panel .dc-originals{margin-top:0;border-top:0;}
.dc-panel summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:15px;color:var(--dc-green);text-underline-offset:4px;}
.dc-panel .dc-saved-pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;margin:10px 0 20px;}
.dc-panel .dc-saved-page{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.dc-panel .dc-original-image{display:block;max-width:100%;width:auto;max-height:400px;object-fit:contain;background:#fff;border:1px solid #E2DFC9;border-radius:6px;cursor:zoom-in;}
.dc-panel .dc-download{font-size:13px;border:0;background:transparent;padding:8px 0;}
.dc-panel .dc-answer-rows{margin:20px 0 14px;border-top:1px solid var(--dc-line);}
.dc-panel .dc-answer-row{display:flex;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid var(--dc-line);}
.dc-panel .dc-answer-label{display:flex;align-items:center;flex:1;min-width:0;gap:14px;}
.dc-panel .dc-question-number{min-width:65px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;}
.dc-panel .dc-answer-input{font:400 21px/1.5 var(--font-body,inherit);min-width:0;width:100%;min-height:48px;padding:9px 12px;border:1px solid #BCD7B5;border-radius:8px;background:#FFFDF6;color:var(--dc-ink);box-shadow:none;}
.dc-panel .dc-answer-input:disabled{background:#FFF5CD;color:#755600;border-color:#E5D591;opacity:1;}
.dc-panel .dc-unclear{display:flex;gap:8px;align-items:center;font-size:14px;min-height:44px;cursor:pointer;white-space:nowrap;color:var(--dc-muted);}
.dc-panel .dc-unclear-input{accent-color:var(--dc-green);height:18px;width:18px;}
.dc-panel .dc-score{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:16px;color:var(--dc-muted);margin:10px 0 20px;font-variant-numeric:tabular-nums;}
.dc-panel .dc-score-item{white-space:nowrap;}
.dc-panel .dc-results{list-style:none;padding:0;margin:0;border-top:1px solid var(--dc-line);}
.dc-panel .dc-result-row{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--dc-line);padding:15px 12px;}
.dc-panel .dc-result-number{flex:0 0 64px;font-size:14px;font-variant-numeric:tabular-nums;color:var(--dc-muted);}
.dc-panel .dc-result-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;}
.dc-panel .dc-result-label{font-size:14px;}
.dc-panel .dc-result-correct{background:#F1F8EC;}
.dc-panel .dc-result-correct .dc-result-label{color:var(--dc-green);}
.dc-panel :is(.dc-result-incorrect,.dc-result-missing){background:#FFF2EF;}
.dc-panel :is(.dc-result-incorrect,.dc-result-missing) .dc-result-label{color:#A33F35;}
.dc-panel .dc-result-pending{background:#FFF5CD;}
.dc-panel .dc-result-pending .dc-result-label{color:#755600;}
.dc-panel .dc-result-copy .dc-note{margin:0;color:#755600;}
.dc-panel .dc-result-word,.dc-panel .dc-expected{font-size:20px;color:var(--dc-green);}
.dc-panel .dc-written{font-size:16px;color:#A33F35;}
.dc-panel .dc-listen{border:0;background:transparent;font-size:13px;padding:9px 7px;}
.dc-panel .dc-version-actions{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 4px;}
.dc-panel .dc-version-actions .dc-button{border:0;background:transparent;padding:8px 10px;font-size:14px;}
.dc-panel .dc-history-list{list-style:none;margin:0;padding:0;}
.dc-panel .dc-history-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--dc-line);}
.dc-panel .dc-history-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font-size:14px;}
.dc-panel .dc-history-copy .dc-note{margin:0;font-size:13px;}
.dc-panel .dc-current-tag{font-size:12px;color:var(--dc-green);}
.dc-panel .dc-history-open{border:0;background:transparent;padding:9px 10px;}
.dc-panel .dc-history-more{margin-top:12px;}
.unit-dictation .dictation-self-check{max-width:900px;margin:26px auto 0;border-top:1px solid var(--line-green,#CDE5CD);padding-top:8px;}
.unit-dictation .dictation-self-check summary{min-height:44px;padding:10px 0;cursor:pointer;color:#6F634F;font-size:14px;}
.unit-dictation .dictation-self-check .dictation-answers{margin-top:10px;}
@media(hover:hover) and (pointer:fine){.dc-panel .dc-button:hover:not(:disabled){background:#E3F1DC;border-color:#ADCFA6;transform:none;box-shadow:none;}.dc-panel .dc-primary:hover:not(:disabled){background:#125E35;border-color:#125E35;color:#fff;}}
@media(max-width:600px){.dc-panel{margin-top:20px;padding-top:20px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));}.dc-panel .dc-title{font-size:24px;}.dc-panel .dc-steps{gap:15px;}.dc-panel .dc-steps li{font-size:12px;gap:5px;}.dc-panel .dc-draft-page{grid-template-columns:72px minmax(0,1fr);gap:12px;}.dc-panel .dc-page-preview{width:72px;height:90px;grid-row:span 2;}.dc-panel .dc-page-actions{grid-column:2;}.dc-panel .dc-page-actions .dc-button{padding:7px 9px;font-size:13px;}.dc-panel .dc-primary{width:100%;}.dc-panel .dc-answer-row{flex-wrap:wrap;gap:3px;}.dc-panel .dc-answer-label{flex-basis:100%;gap:8px;}.dc-panel .dc-question-number{min-width:58px;}.dc-panel .dc-unclear{margin-left:66px;}.dc-panel .dc-result-row{gap:10px;flex-wrap:wrap;padding:13px 9px;}.dc-panel .dc-result-number{flex-basis:58px;}.dc-panel .dc-result-copy{flex-basis:calc(100% - 68px);}.dc-panel .dc-listen{margin-left:68px;}.dc-panel .dc-version-actions{gap:2px;}.dc-panel .dc-version-actions .dc-button{font-size:13px;padding:8px 9px;}.dc-panel .dc-subtitle{font-size:20px;}}
@media(prefers-reduced-motion:reduce){.dc-panel *{transition:none!important;animation:none!important;}}