#typing-view{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;padding:2rem;box-sizing:border-box;overflow-y:auto}.typing-tool-controls{display:flex;justify-content:center;align-items:center;gap:2rem;padding:1rem 0;margin-bottom:2rem}#custom-typing-text-selector{position:relative;min-width:375px;max-width:600px}#typing-text-area{max-width:800px;width:100%;margin-bottom:2rem;background-color:var(--ht-menu-panel-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:0 4px 10px rgba(0,0,0,.05)}#typing-paragraph-display{font-size:2.2rem;line-height:2;color:var(--text-color);text-align:left;margin:0;white-space:pre-wrap}.typing-segment{cursor:default;transition:all .2s;border-radius:4px;padding:0 2px}.current-segment-highlight{background-color:#ffedc7;font-weight:700;color:#d35400}.correct-segment{background-color:#e6f8d9;color:var(--correct-green);border-bottom:2px solid var(--correct-green);font-weight:700}.incorrect-segment{background-color:#f8d7da;color:var(--incorrect-red);border-bottom:2px solid var(--incorrect-red);font-weight:700}#typing-input-wrapper{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:.5rem}#typing-input-field{width:100%;padding:1rem 1.5rem;border:2px solid var(--selected-blue);border-radius:12px;font-size:1.5rem;font-family:Nunito,sans-serif;font-weight:600;outline:0;transition:border-color .2s;box-sizing:border-box}#typing-input-field:focus{border-color:var(--ht-menu-primary-color);box-shadow:0 0 0 3px rgba(0,123,255,.25)}#typing-feedback-display{min-height:1.5rem;font-size:1rem;font-weight:700;color:#888}@media (max-width:768px){#typing-view{padding:1rem}.typing-tool-controls{flex-direction:column;width:100%}#custom-typing-text-selector{min-width:unset;width:100%}#typing-text-area{padding:1rem}#typing-paragraph-display{font-size:1.5rem;line-height:1.8}#typing-input-field{font-size:1.2rem}}