:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{text-align:center;width:100%;max-width:1280px;margin:0 auto}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.App{box-sizing:border-box;text-align:left;width:100%;max-width:760px;margin:0 auto}.App form{width:100%}.inputCard{margin-bottom:16px;overflow:hidden;border-radius:16px!important;box-shadow:0 2px 8px #0000001f!important}.inputCard .inputHeader{border-bottom:1px solid #eee;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}form .source-language-select{text-align:left;flex:none;width:180px;min-width:0;max-width:300px;display:flex}form .source-language-select .MuiSelect-select{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inputHeader .spacer{flex:1}.inputHeader .mode-switch{background:#eef2f7;border-radius:12px;gap:2px;padding:3px;display:inline-flex}.inputHeader .mode-switch .MuiToggleButton-root{color:#5f6b7a;text-transform:none;border:none;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex;border-radius:9px!important}.inputHeader .mode-switch .MuiToggleButton-root svg{width:16px;height:16px}.inputHeader .mode-switch .MuiToggleButton-root.Mui-selected{color:#1976d2;background:#fff;font-weight:700;box-shadow:0 1px 3px #0003}.inputHeader .mode-switch .MuiToggleButton-root.Mui-selected:hover{background:#fff}.inputHeader .mode-switch .MuiToggleButton-root.Mui-disabled{color:#b0b8c1;border:none}.inputHeader .icon-btn{width:38px;height:38px;border-radius:12px!important}.inputHeader .icon-btn svg{width:20px;height:20px}.inputHeader .icon-btn.kbd{color:#1976d2;background:#e8f0fe}.inputHeader .icon-btn.kbd.pressed{color:#fff;background:#1976d2}.micWrap .MuiIconButton-root,.ocrWrap .MuiIconButton-root{width:38px;height:38px;border-radius:12px!important}.micWrap .MuiIconButton-root{color:#d81b60;background:#fce4ec}.micWrap .MuiIconButton-root:hover{background:#f8bbd0}.micWrap button[aria-label=Stop\ recording]{color:#fff;background:#d81b60}.ocrWrap .MuiIconButton-root{color:#3949ab;background:#e8eaf6}.ocrWrap .MuiIconButton-root:hover{background:#c5cae9}.ocrWrap button[aria-label=Add\ photo][aria-busy=true]{color:#fff;background:#3949ab}.inputCard .inputBody{padding:16px}.inputBody textarea{resize:vertical;box-sizing:border-box;width:100%;min-height:96px;color:inherit;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:17px}.inputCard .kbd-panel{background:#fafafa;border-top:1px solid #eee;padding:8px 12px 12px}.inputCard .kbd-panel .virtualKeyboard{box-shadow:none;background:0 0}.inputCard .inputFooter{border-top:1px solid #eee;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 16px;display:flex}.inputFooter .action-btn,.resultFooter .action-btn,.variantButtons .action-btn{text-transform:none;color:#444;white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:8px;font-size:13px;font-weight:500;display:inline-flex}.inputFooter .action-btn .MuiButton-startIcon,.resultFooter .action-btn .MuiButton-startIcon,.variantButtons .action-btn .MuiButton-startIcon{margin-right:0}.inputFooter .action-btn:hover,.resultFooter .action-btn:hover,.variantButtons .action-btn:hover{background:#f1f3f4}.inputFooter .action-btn.MuiIconButton-root,.resultFooter .action-btn.MuiIconButton-root,.variantButtons .action-btn.MuiIconButton-root{border-radius:10px;padding:8px}.action-btn svg{width:17px;height:17px}.action-btn.c-clear svg{color:#c62828}.action-btn.c-copy svg{color:#1976d2}.action-btn.c-paste svg{color:#6a1b9a}.action-btn.c-retranslate svg{color:#3949ab}.action-btn.c-transcription svg{color:#7b1fa2}.action-btn.c-listen svg{color:#00897b}.action-btn.c-synonyms svg{color:#2e7d32}.action-btn.c-antonyms svg{color:#ad1457}.inputFooter .translate-wrap{margin-left:auto;display:inline-flex}.inputFooter .translate-btn-tooltip{display:inline-flex}.inputFooter .translate-btn{color:#fff;text-transform:none;background:linear-gradient(135deg,#1e88e5,#1565c0);border-radius:12px;justify-content:center;align-items:center;width:44px;min-width:0;height:44px;padding:0;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #1565c066}.inputFooter .translate-btn:hover{filter:brightness(1.07);background:linear-gradient(135deg,#1e88e5,#1565c0)}.inputFooter .translate-btn.Mui-disabled{color:#fff;opacity:.7}.inputFooter .translate-btn svg{width:22px;height:22px}.inputCard .correctedWrap{padding:0 16px 16px}@media (width<=600px){.inputBody textarea{min-height:80px}.App{padding:0}form .source-language-select{flex:none;width:180px;min-width:0;max-width:none;font-size:.85em}.inputHeader .spacer{display:none}.inputHeader .mode-switch{order:3;width:100%}.inputHeader .mode-switch .MuiToggleButton-root{flex:1;justify-content:center}.inputFooter .translate-wrap{margin-left:auto}}@media (width>=601px){.inputBody textarea{min-height:96px}}html[data-theme=dark] .inputCard .inputHeader,html[data-theme=dark] .inputCard .inputFooter,html[data-theme=dark] .inputCard .kbd-panel{border-color:#3a3f46}html[data-theme=dark] .inputCard .kbd-panel{background:#23272e}html[data-theme=dark] .inputHeader .mode-switch{background:#262c35}html[data-theme=dark] .inputHeader .mode-switch .MuiToggleButton-root{color:#9aa5b1}html[data-theme=dark] .inputHeader .mode-switch .MuiToggleButton-root.Mui-selected,html[data-theme=dark] .inputHeader .mode-switch .MuiToggleButton-root.Mui-selected:hover{color:#64b5f6;background:#1f2937}html[data-theme=dark] .inputHeader .mode-switch .MuiToggleButton-root.Mui-disabled{color:#5a6470}html[data-theme=dark] .inputHeader .icon-btn.kbd{color:#64b5f6;background:#1e3a5f}html[data-theme=dark] .inputHeader .icon-btn.kbd.pressed{color:#fff;background:#1976d2}html[data-theme=dark] .micWrap .MuiIconButton-root{color:#f48fb1;background:#3f2430}html[data-theme=dark] .micWrap .MuiIconButton-root:hover{background:#52303f}html[data-theme=dark] .micWrap button[aria-label=Stop\ recording]{color:#fff;background:#d81b60}html[data-theme=dark] .ocrWrap .MuiIconButton-root{color:#9fa8da;background:#283052}html[data-theme=dark] .ocrWrap .MuiIconButton-root:hover{background:#333d66}html[data-theme=dark] .ocrWrap button[aria-label=Add\ photo][aria-busy=true]{color:#fff;background:#3949ab}html[data-theme=dark] .inputFooter .action-btn,html[data-theme=dark] .resultFooter .action-btn,html[data-theme=dark] .variantButtons .action-btn{color:#c3cad3}html[data-theme=dark] .inputFooter .action-btn:hover,html[data-theme=dark] .resultFooter .action-btn:hover,html[data-theme=dark] .variantButtons .action-btn:hover{background:#2a3038}html[data-theme=dark] .inputFooter .translate-btn,html[data-theme=dark] .inputFooter .translate-btn:hover{background:linear-gradient(135deg,#1565c0,#0d47a1)}.translationResult.MuiCard-root{text-align:left;border-radius:16px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 8px #0000001f}.translationResult .resultHeader{border-bottom:1px solid #eee;align-items:center;gap:8px;padding:12px 16px;display:flex}.translationResult .lang-chip.MuiChip-root{color:#1976d2;background:#e8f0fe;border-radius:16px;height:auto;padding:5px 4px;font-size:13px;font-weight:600}.translationResult .lang-chip .dot{background:#1976d2;border-radius:50%;width:8px;height:8px;margin-left:8px}.translationResult .spacer{flex:1}.translationResult .result-listen .MuiIconButton-root{color:#00897b;background:#e0f2f1;width:38px;height:38px;border-radius:12px!important}.translationResult .result-listen .MuiIconButton-root:hover{background:#b2dfdb}.translationResult .result-listen button[aria-label=Stop]{color:#fff;background:#00897b}.translationResult .resultBody{padding:16px}.translationResult .resultText{resize:vertical;box-sizing:border-box;width:100%;min-height:40px;color:inherit;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:17px;line-height:1.5}.translationResult .resultFooter{border-top:1px solid #eee;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 16px;display:flex}.carousel{position:relative}.synonymsRow{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;gap:0;padding:4px 0 0;display:flex;position:relative;overflow-x:auto}.synonymsRow::-webkit-scrollbar{display:none}.synonymsRow:active{cursor:grabbing}.carouselArrow.MuiIconButton-root{color:#1976d2;background:#fff;width:34px;height:34px;position:absolute;top:42%;box-shadow:0 2px 8px #0003}.carouselArrow.MuiIconButton-root:hover{background:#e8f0fe}.carouselArrow.prev{left:2px}.carouselArrow.next{right:2px}.carouselDots{justify-content:center;align-items:center;gap:6px;padding:10px 0 2px;display:flex}.carouselDot{cursor:pointer;background:#c9c9c9;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:width .2s,background .2s}.carouselDot:hover{background:#9e9e9e}.carouselDot.active{background:#1976d2;border-radius:999px;width:24px}.synonymVariant{box-sizing:border-box;scroll-snap-align:center;border:1px solid #0000;border-radius:12px;flex-direction:column;flex:0 0 100%;min-width:100%;padding:8px 44px;display:flex}.synonymVariant.primary{background:#646cff0a;border-left:3px solid #646cff}@media (width<=600px){.translationResult{margin-bottom:12px}.synonymVariant{padding:8px 40px}.variantButtons{gap:2px}}.synonymVariant .synonymField{resize:vertical;box-sizing:border-box;width:100%;min-height:60px;color:inherit;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:17px;line-height:1.5}.variantButtons{flex-flow:wrap;gap:4px;margin-top:2px;display:flex}.transcription{box-sizing:border-box;color:#555;word-break:break-word;background:#f5f5f5;border-radius:4px;flex-basis:100%;width:100%;margin-top:4px;padding:6px 8px;font-family:monospace}html[data-theme=dark] .translationResult .resultHeader,html[data-theme=dark] .translationResult .resultFooter{border-color:#3a3f46}html[data-theme=dark] .translationResult .lang-chip.MuiChip-root{color:#64b5f6;background:#1e3a5f}html[data-theme=dark] .translationResult .lang-chip .dot{background:#64b5f6}html[data-theme=dark] .translationResult .result-listen .MuiIconButton-root{color:#4db6ac;background:#123f3a}html[data-theme=dark] .translationResult .result-listen .MuiIconButton-root:hover{background:#1b544d}html[data-theme=dark] .translationResult .result-listen button[aria-label=Stop]{color:#fff;background:#00897b}html[data-theme=dark] .carouselArrow.MuiIconButton-root{color:#64b5f6;background:#2a3038}html[data-theme=dark] .carouselArrow.MuiIconButton-root:hover{background:#333b47}html[data-theme=dark] .carouselDot{background:#4a5058}html[data-theme=dark] .carouselDot:hover{background:#767e88}html[data-theme=dark] .transcription{color:#b8bec6;background:#26292e}.header:hover{color:#fff}.authBlock{padding-top:50px}.correctedText{text-align:left;width:100%;margin-top:8px}.correctedHeader{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.correctedTitle{color:#333;font-size:.9em;font-weight:600}.correctedClose{cursor:pointer;color:#666;background:0 0;border:none;padding:0 4px;font-size:1.2em;line-height:1}.correctedClose:hover{color:#333}.correctedBody{white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #e0e0e0;border-radius:4px;min-height:40px;padding:8px;font-size:1rem}.corrected-diff{color:#d32f2f}.corrected-insert{background:#d32f2f14;border-radius:2px;padding:1px 0;font-weight:600}.corrected-delete{opacity:.75;text-decoration:line-through}
