:root{--primary-color: #007bff;--primary-hover-color: #0056b3;--secondary-color: #6c757d;--background-color: #f8f9fa;--surface-color: #ffffff;--text-color: #212529;--border-color: #dee2e6;--error-color: #dc3545;--success-color: #28a745;--font-family: "Inter", sans-serif;--border-radius: 8px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition-speed: .2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;padding:1rem;height:100vh}.main-container{display:grid;grid-template-columns:300px 1fr;gap:1.5rem;width:100%;max-width:1600px;margin:0 auto;flex-grow:1;min-height:0}@media (max-width: 1024px){.main-container{grid-template-columns:1fr;height:auto}}.panel{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto;min-height:0}h1,h2,h3{margin-bottom:1rem;font-weight:600}.app-header{text-align:left;margin-bottom:1rem;position:relative}.app-header h1{text-align:left;font-size:1.25rem;color:var(--primary-color);margin-bottom:.25rem}.app-header p{font-size:.85rem;color:var(--text-color)}.form-group{margin-bottom:0}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;font-size:.9rem}.form-control{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:border-color var(--transition-speed),box-shadow var(--transition-speed)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff40}.form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:none}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;cursor:pointer;background:var(--border-color);border-radius:1rem}.form-range::-webkit-slider-thumb{height:1.25rem;width:1.25rem;border-radius:50%;background:var(--primary-color);cursor:pointer;-webkit-appearance:none;margin-top:-.375rem;transition:background-color var(--transition-speed)}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #007bff40}.form-range:hover::-webkit-slider-thumb{background:var(--primary-hover-color)}.form-range::-moz-range-track{width:100%;height:.5rem;cursor:pointer;background:var(--border-color);border-radius:1rem}.form-range::-moz-range-thumb{height:1.25rem;width:1.25rem;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 3px #007bff40}.form-range:hover::-moz-range-thumb{background:var(--primary-hover-color)}.form-text-hint{font-size:.8rem;color:var(--secondary-color);margin-top:.5rem}textarea.form-control{resize:vertical;min-height:100px}.btn{display:inline-block;width:auto;padding:.8rem 1rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;text-align:center;transition:background-color var(--transition-speed),transform var(--transition-speed),border-color var(--transition-speed),color var(--transition-speed)}.settings-footer .btn{width:100%}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover-color);transform:translateY(-2px)}.btn:disabled{background-color:var(--secondary-color);cursor:not-allowed;opacity:.7}.btn-secondary{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);padding:calc(.8rem - 1px) calc(1rem - 1px)}.btn-secondary:hover:not(:disabled){background-color:#007bff1a;color:var(--primary-hover-color);border-color:var(--primary-hover-color);transform:translateY(-2px)}.btn-large{padding:1rem 2rem;font-size:1.1rem}.settings-panel{display:flex;flex-direction:column}.upload-group{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.upload-group .btn{width:auto;flex-shrink:0;padding:.6rem 1rem}.file-name{font-size:.9rem;color:var(--secondary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-footer{margin-top:auto;padding-top:1rem}.error-banner{color:var(--error-color);background-color:#f8d7da;border:1px solid #f5c6cb;padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem;text-align:center}.practice-area{position:relative;display:flex;flex-direction:column}.placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;color:var(--secondary-color)}.placeholder h2{color:var(--text-color)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;border-radius:var(--border-radius)}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.loading-overlay p{margin-top:1rem;font-weight:500}.tabs{display:flex;border-bottom:1px solid var(--border-color)}.tab-btn{padding:.75rem 1.5rem;cursor:pointer;border:none;background-color:transparent;font-size:1rem;font-weight:500;color:var(--secondary-color);border-bottom:3px solid transparent;transition:color .2s,border-color .2s}.tab-btn:hover:not(:disabled){color:var(--text-color)}.tab-btn.active{color:var(--primary-color);font-weight:600;border-bottom-color:var(--primary-color)}.tab-content{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;position:relative;padding-top:1rem;min-height:0}.text-area{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;font-size:1.1rem;line-height:1.7;padding-right:1rem;min-height:0}.text-area p{white-space:pre-wrap}.text-area-editor{flex:1;width:100%;padding:0;margin:0;border:none;outline:none;resize:none;background:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;white-space:pre-wrap}.text-area-editor:focus{box-shadow:none}.text-area-editor.is-editing{background-color:#007bff08}.text-area-editor.is-editing:focus{outline:none;box-shadow:0 0 0 3px #007bff40}.controls-bar{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.controls-bar button:not(.btn-play-pause){padding:.5rem 1rem;background-color:#e9ecef;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-speed)}.controls-bar button:not(.btn-play-pause):hover:not(:disabled){background-color:#dee2e6}.controls-bar button:not(.btn-play-pause):disabled{opacity:.6;cursor:not-allowed}.controls-bar p{font-size:.9rem;color:var(--secondary-color)}.char-counter{font-size:.9rem;color:var(--secondary-color);white-space:nowrap}.practice-footer{margin-top:auto;padding-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;border-top:1px solid var(--border-color)}.recording-status-text{font-size:.9rem;color:var(--secondary-color);height:1.2em}.btn-record{width:64px;height:64px;border-radius:50%;background-color:var(--primary-color);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color var(--transition-speed),transform .1s ease;box-shadow:0 2px 4px #0003;color:#fff}.btn-record:hover:not(:disabled){background-color:var(--primary-hover-color)}.btn-record:active:not(:disabled){transform:scale(.95)}.btn-record:disabled{background-color:var(--secondary-color);opacity:.6;cursor:not-allowed}.mic-icon{width:32px;height:32px;background-color:currentColor;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.49 6-3.31 6-6.72h-1.7z"/></svg>') no-repeat center;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.49 6-3.31 6-6.72h-1.7z"/></svg>') no-repeat center}.btn-record.recording{background-color:var(--error-color);animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #dc3545b3}70%{box-shadow:0 0 0 15px #dc354500}to{box-shadow:0 0 #dc354500}}.ratings-container{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.rating-item{background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem}.rating-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.rating-header h4{margin:0;font-size:1rem;font-weight:600}.rating-header span{font-weight:500;white-space:nowrap}.rating-summary{font-size:.9rem;font-style:italic;color:var(--secondary-color);margin:0;white-space:pre-wrap;word-break:break-word}.star-rating{letter-spacing:2px}.star{font-size:1.2rem;color:#e0e0e0}.star.filled{color:#fdd835}.error-analysis-list{list-style-type:none;margin-top:1rem}.error-analysis-list li{background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem}.error-analysis-list p{margin:.5rem 0;font-size:.95rem}.error-analysis-list strong{color:var(--text-color)}.error-analysis-list .error-type{display:inline-block;padding:.2em .6em .3em;font-size:.75em;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;color:#fff;margin-right:.75rem;text-transform:uppercase;position:relative;top:-1px}.error-type.inhalt{background-color:var(--primary-color)}.error-type.sprache{background-color:var(--success-color)}.dialogue-practice-container{flex-grow:1;display:flex;flex-direction:column}.dialogue-status{padding:1rem;background-color:#e9ecef;border-radius:var(--border-radius);text-align:center;font-weight:500;margin-bottom:1.5rem;display:flex;align-items:center}.current-segment-display{flex-grow:1;display:flex;justify-content:center;align-items:center;border:1px dashed var(--border-color);border-radius:var(--border-radius);padding:2rem;text-align:center;background-color:#f8f9fa}.dialogue-text-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%;height:100%}.btn-show-text{padding:.5rem 1rem;font-size:.9rem;font-weight:500}.segment-text{font-size:1.1rem;line-height:1.7}.segment-text-hidden{color:var(--secondary-color);font-style:italic;font-size:1.1rem}.dialogue-results-wrapper{display:flex;flex-direction:column;height:100%}.structured-transcript{font-size:1rem}.transcript-segment{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.transcript-segment:last-child{border-bottom:none;margin-bottom:0}.transcript-segment-header{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.transcript-segment-header h4{font-size:1rem;font-weight:600;color:var(--text-color);margin-bottom:0;margin-right:auto}.transcript-segment-original,.transcript-segment-user{padding:.75rem 1rem;border-left:3px solid #e9ecef;margin:0}.transcript-segment-user{background-color:#f8f9fa;border-radius:0 var(--border-radius) var(--border-radius) 0;border-left:3px solid var(--primary-color);margin-top:.5rem}.transcript-segment-user strong{display:block;margin-bottom:.25rem}.transcript-segment-user textarea.is-editing{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.5rem}.transcript-segment-user em{color:var(--secondary-color)}.api-key-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.api-key-modal{background-color:var(--surface-color);padding:2rem;border-radius:var(--border-radius);box-shadow:0 5px 15px #0000004d;width:100%;max-width:500px;text-align:center}.api-key-modal h2{margin-top:0;margin-bottom:1rem}.api-key-modal p{margin-bottom:1.5rem;color:var(--secondary-color);font-size:.9rem}.api-key-modal form{display:flex;flex-direction:column;gap:1rem}.api-key-modal .form-control{text-align:center}.api-key-modal .btn{width:100%}.btn-play-pause{background-color:var(--primary-color);color:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all var(--transition-speed);flex-shrink:0}.btn-play-pause:hover:not(:disabled){background-color:var(--primary-hover-color);transform:scale(1.05)}.btn-play-pause:disabled{background-color:var(--secondary-color);opacity:.6;cursor:not-allowed}.btn-play-pause svg{width:24px;height:24px}.auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.auth-container{background:var(--surface-color);border-radius:16px;box-shadow:0 20px 40px #00000026;padding:3rem;width:100%;max-width:450px;animation:authSlideIn .5s ease-out}@keyframes authSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h1{font-size:2rem;color:var(--primary-color);margin-bottom:.5rem;font-weight:700}.auth-header p{color:var(--secondary-color);font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-field{display:flex;flex-direction:column;gap:.5rem}.auth-field label{font-weight:600;color:var(--text-color);font-size:.95rem}.auth-field input{padding:1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:all var(--transition-speed);background-color:var(--surface-color)}.auth-field input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a}.auth-field input.error{border-color:var(--error-color);box-shadow:0 0 0 3px #dc35451a}.auth-field input:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.auth-error{display:flex;align-items:center;gap:.5rem;color:var(--error-color);font-size:.9rem;padding:.75rem;background-color:#dc35451a;border-radius:var(--border-radius);border-left:4px solid var(--error-color)}.error-icon{font-size:1.1rem}.auth-submit{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover-color) 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #007bff4d}.auth-submit:disabled{background:var(--secondary-color);cursor:not-allowed;transform:none;box-shadow:none}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center}.auth-footer p{color:var(--secondary-color);font-size:.9rem;line-height:1.5}.auth-footer strong{color:var(--text-color)}.auth-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--background-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:9999}.auth-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.auth-loading p{color:var(--secondary-color);font-size:1rem}.logout-button{position:absolute;top:0;right:0;background:var(--background-color);color:var(--text-color);border:1px solid var(--border-color);padding:.4rem .8rem;border-radius:var(--border-radius);font-size:.75rem;cursor:pointer;transition:all var(--transition-speed);z-index:1000}.logout-button:hover{background:var(--border-color);transform:translateY(-1px)}@media (max-width: 480px){.auth-container{padding:2rem 1.5rem;margin:1rem}.auth-header h1{font-size:1.75rem}.logout-button{position:relative;top:auto;right:auto;margin:1rem;width:fit-content;align-self:flex-end}}.app-container{display:flex;flex-direction:column;height:100%;width:100%}.mode-selection-view{max-width:1200px;margin:2rem auto;width:100%;padding:0 1rem}.mode-selection-header{text-align:center;margin-bottom:3rem}.mode-selection-header h1{font-size:2.5rem;color:var(--text-color);margin-bottom:.5rem}.mode-selection-header p{font-size:1.1rem;color:var(--secondary-color)}.mode-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.mode-card{background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;text-align:center;cursor:pointer;transition:all var(--transition-speed);box-shadow:var(--box-shadow)}.mode-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026;border-color:var(--primary-color)}.mode-card-icon{font-size:4rem;margin-bottom:1rem}.mode-card-title{font-size:1.4rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.mode-card-description{font-size:.95rem;color:var(--secondary-color);margin-bottom:1.5rem;min-height:60px}.mode-card-button{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed)}.mode-card-button:hover{background-color:var(--primary-hover-color)}.configuration-view{max-width:1200px;margin:2rem auto;width:100%;padding:0 1rem}.configuration-header{margin-bottom:2rem}.btn-back{background:transparent;border:none;color:var(--primary-color);font-size:1rem;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;transition:all var(--transition-speed);font-weight:500}.btn-back:hover{color:var(--primary-hover-color);text-decoration:underline}.configuration-header h1{font-size:2rem;color:var(--text-color);margin-bottom:.5rem}.configuration-header p{color:var(--secondary-color);font-size:1rem}.configuration-form{background:var(--surface-color);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--box-shadow);display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start}.form-group.full-width{grid-column:1 / -1}.form-group.two-thirds{grid-column:span 2}.configuration-footer{grid-column:1 / -1;margin-top:1rem;padding-top:2rem;border-top:1px solid var(--border-color);display:flex;justify-content:center}.error-message{grid-column:1 / -1;background-color:#f8d7da;color:var(--error-color);padding:1rem;border-radius:var(--border-radius);margin-top:0;border:1px solid #f5c6cb}.practice-view-container{width:100%;max-width:1400px;margin:0 auto;padding:0 1rem}.practice-view-header{margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.practice-view-header h2{font-size:1.5rem;color:var(--text-color)}@media (max-width: 1024px){.configuration-form{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.mode-cards-grid{grid-template-columns:1fr}.mode-selection-header h1{font-size:2rem}.configuration-form{grid-template-columns:1fr;padding:1.5rem}.practice-view-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.mode-card{padding:1.5rem}.mode-card-icon{font-size:3rem}.configuration-header h1{font-size:1.5rem}}.translation-practice-container{display:flex;flex-direction:column;height:100%;width:100%}.translation-split-view{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;flex:1;min-height:0;margin-bottom:1.5rem}.translation-panel{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;flex-direction:column;min-height:0}.translation-panel-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.translation-panel-header h3{font-size:1.1rem;font-weight:600;margin:0}.translation-panel-controls{display:flex;align-items:center;gap:1rem}.translation-panel-content{flex:1;min-height:0;padding:1.5rem}.translation-textarea{width:100%;height:100%;min-height:500px;padding:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:var(--font-family);font-size:1rem;line-height:1.6;resize:vertical;transition:all var(--transition-speed)}.translation-textarea:not(.is-editing){background-color:#f8f9fa;cursor:default}.translation-textarea.is-editing{background-color:#fff;border-color:var(--primary-color)}.translation-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a}.translation-footer{display:flex;justify-content:center;padding:1.5rem 0;border-top:1px solid var(--border-color)}.translation-feedback-view{width:100%;max-width:900px;margin:0 auto}.translation-feedback-loading,.translation-feedback-empty{text-align:center;padding:3rem 2rem;background:var(--surface-color);border-radius:var(--border-radius);border:1px solid var(--border-color)}.translation-feedback-loading .spinner{margin:0 auto 1rem}.translation-feedback-empty h3{margin-bottom:1rem;font-size:1.5rem}.translation-feedback-empty p{color:var(--secondary-color);margin-bottom:2rem}.translation-feedback-content{background:var(--surface-color);border-radius:var(--border-radius);border:1px solid var(--border-color);padding:2rem}.translation-feedback-content h3{margin-bottom:2rem;font-size:1.8rem;text-align:center}.translation-overall-rating{text-align:center;margin-bottom:2.5rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--border-radius);color:#fff}.overall-score{display:flex;align-items:baseline;justify-content:center;gap:.5rem}.score-number{font-size:4rem;font-weight:700}.score-label{font-size:1.5rem;opacity:.9}.overall-label{margin-top:.5rem;font-size:1.1rem;opacity:.95}.translation-categories{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.translation-category{padding:1.5rem;background:#f8f9fa;border-radius:var(--border-radius);border:1px solid var(--border-color)}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.category-header h4{font-size:1.1rem;font-weight:600;margin:0}.category-rating{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.category-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.category-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),#667eea);border-radius:4px;transition:width .5s ease-in-out}.category-summary{color:var(--text-color);line-height:1.5;margin:0}.translation-overall-comments{padding:1.5rem;background:#e7f3ff;border-left:4px solid var(--primary-color);border-radius:var(--border-radius);margin-top:2rem}.translation-overall-comments h4{margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.translation-overall-comments p{margin:0;line-height:1.6}@media (max-width: 1024px){.translation-split-view{grid-template-columns:1fr}.translation-textarea{min-height:350px}}@media (max-width: 768px){.translation-panel-header{flex-direction:column;align-items:flex-start;gap:.75rem}.translation-panel-controls{width:100%;justify-content:space-between}.translation-feedback-content{padding:1.5rem}.score-number{font-size:3rem}}.translation-errors{margin-top:2rem;padding:2rem;background:#f8f9fa;border-radius:var(--border-radius);border:1px solid var(--border-color)}.translation-errors h3{margin-bottom:1rem;font-size:1.5rem;color:var(--text-color)}.errors-intro{color:var(--secondary-color);margin-bottom:1.5rem;font-size:1rem}.error-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.error-item{background:#fff;border-radius:var(--border-radius);border:1px solid var(--border-color);padding:1.5rem;box-shadow:0 2px 4px #0000000d}.error-category-badge{display:inline-block;padding:.25rem .75rem;background:var(--primary-color);color:#fff;border-radius:12px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.error-content{display:flex;flex-direction:column;gap:1rem}.error-section{display:flex;flex-direction:column;gap:.25rem}.error-section strong{font-size:.9rem;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.5px}.error-text{font-size:1rem;line-height:1.6;margin:0;padding:.75rem;border-radius:4px;background:#f8f9fa}.error-highlight{background:#fff3cd;border-left:3px solid #ffc107}.correction-highlight{background:#d4edda;border-left:3px solid #28a745}.error-explanation{font-size:.95rem;line-height:1.6;color:var(--text-color);margin:0;font-style:italic}@media (max-width: 768px){.translation-errors{padding:1.5rem}.error-item{padding:1rem}}