body{margin:0;padding:0}html{scroll-behavior:smooth}.correction-section{background-color:#fff3e0;border:2px solid #ff9800;border-radius:8px;box-shadow:0 2px 8px #ff98001a;max-height:0;opacity:0;overflow:hidden;transform:translateY(-10px);margin:0;padding:0;transition:all .15s ease-out}.correction-section.visible{max-height:400px;opacity:1;transform:translateY(0);margin:20px 0;padding:20px}.correction-section.exiting{max-height:0;opacity:0;transform:translateY(-10px);margin:0;padding:0}.correction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;position:relative}.correction-section.visible .correction-header{margin-bottom:26px;margin-top:8px}.correction-header #correctionPrompt{font-weight:700;color:#e65100;font-size:0px}.correction-section.visible .correction-header #correctionPrompt{font-size:16px}.correction-header #wordCounter{font-size:14px;color:#666;background-color:#fff;padding:4px 8px;border-radius:4px}.word-navigation{min-height:20px;display:flex;align-items:center;gap:12px;position:absolute;left:50%;transform:translate(-50%)}.nav-button{display:flex;flex-direction:column;align-items:center;padding:6px 10px;background-color:#fff;border:2px solid #ff9800;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:Arial,sans-serif;min-width:60px}.nav-button:hover{background-color:#fff3e0;border-color:#f57c00;transform:translateY(-1px);box-shadow:0 2px 4px #ff980033}.nav-button:active{transform:translateY(0);box-shadow:0 1px 2px #ff980033}.nav-button:disabled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5;border-color:#ddd}.nav-button:disabled:hover{transform:none;box-shadow:none;background-color:#f5f5f5;border-color:#ddd}.nav-button .arrow{font-size:18px;font-weight:700;color:#ff9800;line-height:1;margin-bottom:2px}.nav-button .key-hint{font-size:10px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.nav-button:hover .arrow{color:#f57c00}.nav-button:hover .key-hint{color:#333}.exit-button{display:flex;flex-direction:column;align-items:center;padding:6px 10px;background-color:#fff;border:2px solid #f44336;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:Arial,sans-serif;min-width:40px}.exit-button:hover{background-color:#ffebee;border-color:#d32f2f;transform:translateY(-1px);box-shadow:0 2px 4px #f4433633}.exit-button:active{transform:translateY(0);box-shadow:0 1px 2px #f4433633}.exit-button .exit-icon{font-size:20px;font-weight:700;color:#f44336;line-height:1;margin-bottom:2px}.exit-button .key-hint{font-size:10px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.exit-button:hover .exit-icon{color:#d32f2f}.exit-button:hover .key-hint{color:#333}.correction-input{width:100%;padding:0;border:2px solid #ff9800;border-radius:6px;font-size:0px;font-family:Georgia,serif;background-color:#fff;box-sizing:border-box}.correction-section.visible .correction-input{padding:12px 15px;font-size:16px}.correction-input:focus{outline:none;border-color:#f57c00;box-shadow:0 0 0 3px #ff980033}.suggestions{margin-top:0;display:flex;flex-wrap:wrap;gap:8px}.correction-section.visible .suggestions{margin-top:15px}.suggestion-item{padding:8px 12px;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.suggestion-item:hover{background-color:#f5f5f5;border-color:#ff9800}.suggestion-item.selected{background-color:#ff9800;color:#fff;border-color:#f57c00}.editor-area{margin:0 0 20px;border-radius:5px;overflow:hidden}.correction-section.visible+.editor-area{margin-top:20px}.simple-editor{font-size:16px;line-height:1.5;font-family:Georgia,serif;padding:15px;min-height:300px;border:2px solid #ddd;border-radius:5px;outline:none;white-space:pre-wrap;word-wrap:break-word;background-color:#fff;cursor:text}.simple-editor:focus{outline:2px solid #4CAF50}.simple-editor[contenteditable=false]{background-color:#f9f9f9;cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;max-height:300px;overflow-y:auto;scroll-behavior:smooth}.simple-editor[contenteditable=false]::selection{background:transparent}.simple-editor[contenteditable=false]::-moz-selection{background:transparent}.misspelled-word{background-color:#ffebee;color:#d32f2f;font-weight:700}.misspelled-word.selected{background-color:#d32f2f;color:#fff3e0}.mode-indicator{margin:15px 0;padding:12px;border-radius:6px;text-align:center;transition:all .3s ease}.mode-indicator.normal{background-color:#e8f5e8;border:2px solid #4CAF50}.mode-indicator.spelling{background-color:#fff3e0;border:2px solid #ff9800}.mode-indicator #currentMode{font-weight:700;font-size:16px;margin-right:15px}.mode-indicator #instructions{color:#666;font-size:14px}.word-info{margin:15px 0;padding:15px;background-color:#f8f9fa;border-radius:6px;border-left:4px solid #2196F3}.word-definition{margin:8px 0;padding:10px;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a}.definition-word{font-weight:700;color:#1976d2;font-size:16px}.definition-text{margin-top:5px;color:#555;font-size:14px}.status{margin:15px 0;padding:10px;border-radius:4px}.status.success{background:#e8f5e8;color:#2e7d32}.status.error{background:#ffebee;color:#c62828}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.spinner-overlay.active{opacity:1;visibility:visible}.spinner-container{background:#fff;padding:30px;border-radius:10px;box-shadow:0 10px 30px #0000004d;text-align:center;max-width:300px;animation:slideInUp .3s ease}.spinner{width:40px;height:40px;margin:0 auto 20px;border:4px solid #f3f3f3;border-top:4px solid #ff9800;border-radius:50%;animation:spin 1s linear infinite}.spinner-text{font-size:16px;color:#333;font-weight:500;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInUp{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}