.dictation-steps{display:flex;align-items:center;gap:10px;margin:24px 0;padding:20px 24px;border:1px solid #d8e4df;border-radius:20px;background:linear-gradient(135deg,#f3faf7,#fffdf4)}
.dictation-steps>div{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:2px 10px;min-width:125px;flex:1}.dictation-steps>div span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#174c40;color:#fff;font-weight:800}.dictation-steps b{font-size:13px}.dictation-steps small{color:var(--muted);font-size:10px}.dictation-steps>i{width:26px;height:1px;background:#bdd3ca}
.dictation-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:24px}.dictation-summary>div{display:flex;align-items:baseline;gap:10px;padding:17px 20px;border:1px solid var(--line);border-radius:15px;background:#fff}.dictation-summary strong{font-family:Georgia,serif;font-size:29px;color:#174c40}.dictation-summary span{font-size:11px;color:var(--muted)}
.dictation-list{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.dictation-list>.section-heading{margin-bottom:14px}.dictation-card{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:17px;padding:14px;margin-top:10px;border:1px solid #e2e7e2;border-radius:16px;background:#fbfcfa}.dictation-card.today{border-color:#c8ddcf;background:#f8fcf8}.dictation-card>img,.dictation-card-placeholder{width:100px;height:76px;object-fit:cover;border-radius:11px;background:#e8f3ee}.dictation-card-placeholder{display:grid;place-items:center;color:#174c40;font-family:Georgia,serif;font-size:28px}.dictation-card-body>div{display:flex;gap:7px}.dictation-card-body>div span{padding:4px 7px;border-radius:999px;background:#e8f3ee;color:#32665a;font-size:9px;font-weight:700}.dictation-card h3{margin:7px 0 4px;font-size:16px}.dictation-card p,.dictation-card small{margin:0;color:var(--muted);font-size:10px}.dictation-card small{display:block;margin-top:5px}.dictation-card-actions{display:flex;align-items:center;gap:7px}.dictation-card-actions .button{padding:9px 12px;font-size:10px}.dictation-empty{text-align:center;padding:46px 20px;border:1px dashed #cbd8d1;border-radius:16px;background:#f8faf8}.dictation-empty>span{font-size:46px}.dictation-empty h3{margin:10px 0 5px}.dictation-empty p{color:var(--muted);font-size:11px}.dictation-empty .button{margin-top:10px}
.dictation-capture{display:grid;gap:16px}.dictation-drop{text-align:center;padding:28px;border:1px dashed #b8d0c5;border-radius:17px;background:#f5faf7}.dictation-drop>span{display:block;font-size:40px}.dictation-drop>strong,.dictation-drop>small{display:block}.dictation-drop>small{margin:7px 0 15px;color:var(--muted)}.dictation-capture #dictation-preview>small{display:block;margin-top:8px;color:var(--muted)}
.dictation-recognizing{text-align:center;padding:45px 20px}.dictation-wave{display:flex;justify-content:center;align-items:center;gap:6px;height:55px;margin-bottom:18px}.dictation-wave i{width:7px;height:22px;border-radius:8px;background:#174c40;animation:dictation-wave .9s ease-in-out infinite}.dictation-wave i:nth-child(2){height:42px;animation-delay:.12s}.dictation-wave i:nth-child(3){height:32px;animation-delay:.24s}.dictation-wave i:nth-child(4){height:16px;animation-delay:.36s}@keyframes dictation-wave{50%{transform:scaleY(.45);opacity:.55}}.dictation-recognizing strong,.dictation-recognizing small{display:block}.dictation-recognizing small{margin-top:7px;color:var(--muted)}.dictation-progress{height:5px;margin-top:22px;overflow:hidden;border-radius:10px;background:#e4ebe7}.dictation-progress i{display:block;width:5%;height:100%;background:#d9a33c;transition:width .3s}
.dictation-recognition-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:12px 15px;border-radius:12px;background:#eaf5ef;color:#245e51}.dictation-recognition-summary b{font-size:18px}.dictation-recognition-summary small{color:#51776e}.dictation-raw{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:12px}.dictation-raw summary{cursor:pointer;font-weight:700}.dictation-raw textarea{width:100%;margin-top:10px}
.dictation-setup-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:15px;border-radius:14px;background:#eef6f2}.dictation-setup-head>span{font-size:35px}.dictation-setup-head h3,.dictation-setup-head p{margin:0}.dictation-setup-head p{margin-top:4px;color:var(--muted);font-size:11px}.dictation-shuffle{display:flex;align-items:center;gap:9px;margin:6px 0 16px;padding:12px;border:1px solid var(--line);border-radius:11px;font-weight:700}.dictation-shuffle input{width:18px;height:18px}
dialog.dictation-focus-dialog{width:min(760px,calc(100vw - 24px));max-width:760px;background:#102f29;color:#fff}.dictation-focus-dialog .dialog-header{border-color:#31514a;background:#102f29}.dictation-focus-dialog .dialog-header h2{color:#fff}.dictation-focus-dialog .icon-btn{color:#fff}.dictation-focus{padding:12px 0 5px}.dictation-focus-top{display:flex;justify-content:space-between;color:#c1d9d2;font-size:11px}.dictation-focus-top b{font-size:17px;color:#fff}.dictation-focus-progress{display:block;width:100%;height:5px;margin:16px 0 24px;overflow:hidden;border:0;border-radius:8px;background:#315149;appearance:none}.dictation-focus-progress::-webkit-progress-bar{border-radius:8px;background:#315149}.dictation-focus-progress::-webkit-progress-value{border-radius:8px;background:#e7bb5b}.dictation-focus-progress::-moz-progress-bar{border-radius:8px;background:#e7bb5b}.dictation-listening{text-align:center;padding:28px 12px 34px}.dictation-headphones{font-size:67px;filter:drop-shadow(0 15px 18px #0005);animation:dictation-breathe 2s ease-in-out infinite}@keyframes dictation-breathe{50%{transform:scale(1.07)}}.dictation-listening p{margin:14px 0 4px;color:#c3d8d2}.dictation-listening strong{display:block;font-family:Georgia,serif;font-size:74px;line-height:1;color:#fff}.dictation-listening small{display:block;margin-top:12px;color:#98b5ad}.dictation-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dictation-focus-dialog .dictation-controls .button{justify-content:center;border-color:#57736d}.dictation-focus-dialog .dictation-controls .secondary{color:#fff;background:#24463f}.dictation-end{display:block;margin:20px auto 0;border:0;background:transparent;color:#a9c1bb;text-decoration:underline;cursor:pointer}
.dictation-review>h3{margin:16px 0}.dictation-complete{padding:13px 16px;border-radius:12px;background:#eaf6ed;color:#26643d;font-weight:700}.dictation-review>div:not(.dictation-complete):not(.form-actions){display:grid;gap:7px}.dictation-review article{display:grid;grid-template-columns:28px minmax(100px,1fr) minmax(100px,1fr) 35px;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.dictation-review article>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf4f0;color:#436d62;font-size:9px}.dictation-review article p{margin:0;color:var(--muted)}.dictation-review article button{border:0;background:transparent;cursor:pointer;font-size:17px}
.dictation-review-words{display:grid;gap:7px}.dictation-review-words article{grid-template-columns:112px minmax(100px,1fr) minmax(100px,1fr) auto 35px;transition:border-color .2s,background .2s}.dictation-review-words article.selected{border-color:#77aa96;background:#f2faf6}.dictation-wrong-toggle{display:flex;align-items:center;gap:7px;cursor:pointer}.dictation-wrong-toggle input{width:18px;height:18px}.dictation-wrong-toggle span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edf4f0;color:#436d62;font-size:9px}.dictation-wrong-toggle b{font-size:10px}.dictation-saved{display:flex;flex-wrap:wrap;gap:4px}.dictation-saved span{padding:3px 6px;border-radius:999px;background:#e9f4ee;color:#2c6755;font-size:8px;white-space:nowrap}.dictation-destinations{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0 4px;padding:12px;border:1px solid var(--line);border-radius:12px}.dictation-destinations legend{padding:0 7px;font-weight:800}.dictation-destinations label{display:flex;align-items:flex-start;gap:9px;padding:10px;border-radius:10px;background:#f7faf8}.dictation-destinations input{width:18px;height:18px}.dictation-destinations b,.dictation-destinations small{display:block}.dictation-destinations small{margin-top:3px;color:var(--muted);font-size:9px}
@media(max-width:820px){.dictation-steps{overflow-x:auto}.dictation-steps>div{min-width:145px}.dictation-card{grid-template-columns:75px 1fr}.dictation-card>img,.dictation-card-placeholder{width:75px;height:65px}.dictation-card-actions{grid-column:1/3;justify-content:flex-end}}
@media(max-width:600px){.dictation-summary{grid-template-columns:1fr 1fr}.dictation-summary>div:last-child{grid-column:1/3}.dictation-list{padding:14px}.dictation-card{grid-template-columns:62px 1fr;padding:11px}.dictation-card>img,.dictation-card-placeholder{width:62px;height:58px}.dictation-card-actions{justify-content:stretch}.dictation-card-actions .button{flex:1;justify-content:center}.dictation-controls{grid-template-columns:1fr 1fr}.dictation-listening{padding:18px 8px 24px}.dictation-listening strong{font-size:62px}.dictation-review-words article{grid-template-columns:1fr 35px}.dictation-wrong-toggle{grid-column:1}.dictation-review-words article>strong,.dictation-review-words article>p,.dictation-saved{grid-column:1}.dictation-review-words article>button{grid-column:2;grid-row:1/5}.dictation-destinations{grid-template-columns:1fr}.dictation-steps{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;padding:14px;overflow:visible}.dictation-steps>div{min-width:0}.dictation-steps>i{display:none}}
@media(prefers-reduced-motion:reduce){.dictation-wave i,.dictation-headphones{animation:none}}