main{max-width:900px;margin:20px auto;padding:0 20px}#description{background:var(--gray-200);padding:15px;margin-bottom:20px;border-radius:var(--border-radius);text-align:center;font-size:.95em}#description p{margin-bottom:5px}#description p:last-child{margin-bottom:0}#controls{margin-bottom:20px}.mode-selector{background-color:var(--gray-200);padding:10px 15px;border-radius:var(--border-radius) var(--border-radius) 0 0;margin-bottom:0;display:flex;flex-wrap:wrap;gap:15px;align-items:center;font-size:.9em;border-bottom:1px solid var(--border-color)}.mode-selector label{cursor:pointer;margin-right:5px;display:inline;margin-bottom:0;font-weight:400;color:inherit}.mode-selector input[type=radio]{margin-right:5px;vertical-align:middle}.status-indicator{font-weight:700;background-color:var(--card-bg);padding:3px 8px;border-radius:3px;border:1px solid var(--border-color);display:inline-block;min-height:1.2em;line-height:normal}#learn-status{color:#17a2b8;&:empty{display:none}}.wpm-control{background-color:var(--gray-200);padding:10px 15px;border-radius:0 0 var(--border-radius) var(--border-radius);margin-bottom:15px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.9em}.wpm-control label{font-weight:700;margin-right:5px;display:inline;margin-bottom:0}.wpm-control input[type=number]{padding:5px 8px;border:1px solid var(--input-border-color);border-radius:3px;width:80px}#wpm-status{margin-left:5px;color:var(--primary);&:empty{display:none}}.input-button-container{display:flex;align-items:flex-start;gap:15px;margin-bottom:10px}#text-input{flex-grow:1;min-height:100px;padding:10px;font-family:monospace;font-size:1em;border:1px solid var(--input-border-color);border-radius:var(--border-radius);resize:vertical;background-color:var(--input-bg-color);color:var(--text-color)}#text-input.drag-over{border:2px dashed var(--primary);background-color:#eef}.button-stack{display:flex;flex-direction:column;gap:10px;flex-shrink:0}#controls button{padding:10px 15px;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:1em;transition:background-color .3s ease,color .3s ease;text-align:center;white-space:nowrap}#load-button{background-color:#28a745;color:#fff}#load-button:hover{background-color:#218838}#start-stop-button{background-color:#ffc107;color:#333}#start-stop-button:hover{background-color:#e0a800}.timer-container{margin-top:25px;text-align:right}#timer{font-size:1.4em;font-weight:700;font-family:Courier New,Courier,monospace;color:#28a745;background-color:var(--gray-200);padding:8px 15px;border-radius:3px}#prompter-section{margin-bottom:20px}#prompter{background-color:var(--card-bg);border:1px solid var(--border-color);height:55vh;overflow:hidden;position:relative;border-radius:var(--border-radius);outline:none}#prompter-text{position:relative;width:100%;padding:20px;top:0;transition:top .3s linear}#prompter .paragraph{margin-bottom:1em;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;text-align:left;transition:color .3s ease}#prompter .past-paragraph,#prompter .future-paragraph{color:var(--gray-500);font-weight:400;transform:scale(1)}#prompter .current-paragraph{color:var(--text-color);font-weight:400;transform:scale(1)}#prompter .current-sentence{background-color:#e7f3ff;color:#0056b3;font-weight:700;padding:.1em .2em;border-radius:3px;transition:background-color .3s ease,color .3s ease}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2500;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.dialog-overlay.show{opacity:1;pointer-events:auto}.dialog-box{background-color:var(--card-bg);padding:25px 30px;border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);text-align:center;max-width:400px;width:90%;z-index:2501;transform:scale(.9);transition:transform .3s ease-in-out,opacity .3s ease-in-out;opacity:0}.dialog-overlay.show .dialog-box{transform:scale(1);opacity:1}.dialog-box p{margin-bottom:20px;font-size:1.1em;line-height:1.6;color:var(--text-color);text-align:left}.dialog-button{background-color:var(--primary);color:#fff;border:none;padding:10px 25px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:1em;transition:background-color .2s ease;margin-top:10px}.dialog-button:hover{background-color:var(--primary-dark)}body.dark-theme #text-input.drag-over{background-color:#1a2a3a}body.dark-theme .current-sentence{background-color:#1a3050;color:#7ab8ff}body.dark-theme #load-button{background-color:#28a745;color:#fff}body.dark-theme #start-stop-button{background-color:#ffc107;color:#333}@media (max-width: 768px){main{padding:0 10px}.mode-selector,.wpm-control{gap:10px}.status-indicator,#wpm-status{font-size:.85em}.wpm-control input[type=number]{width:60px}.input-button-container{flex-direction:column;gap:10px}.button-stack{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:8px}.timer-container{text-align:left;margin-top:15px}#timer{margin-left:0}#prompter{height:50vh}#prompter-text{padding:15px}}