.speed-reading{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;width:100%}.speed-reading .container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #00000026;max-width:700px;width:100%;overflow:hidden}.speed-reading .header{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:30px;text-align:center}.speed-reading .header h1{font-size:2.5em;margin-bottom:10px;font-weight:300}.speed-reading .header p{opacity:.9;font-size:1.1em}.speed-reading .content{padding:40px}.speed-reading .text-input-section{margin-bottom:30px}.speed-reading .text-input-section h3{margin-bottom:15px;color:#333;font-weight:500}.speed-reading #textInput{width:100%;height:120px;padding:15px;border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:14px;resize:vertical;transition:border-color .3s}.speed-reading #textInput:focus{outline:none;border-color:#4facfe}.speed-reading .sample-buttons{margin:15px 0;display:flex;gap:10px;flex-wrap:wrap}.speed-reading .sample-btn{padding:8px 16px;background:#f0f0f0;border:none;border-radius:20px;cursor:pointer;font-size:12px;transition:all .3s}.speed-reading .sample-btn:hover{background:#4facfe;color:#fff}.speed-reading .reading-display{background:#f8f9fa;border-radius:15px;padding:60px 30px;text-align:center;margin-bottom:30px;min-height:200px;display:flex;align-items:center;justify-content:center;border:3px solid #e0e0e0}.speed-reading .reading-word{font-size:3.5em;font-weight:700;color:#333;min-height:100px;display:flex;align-items:center;justify-content:center;text-shadow:0 3px 6px rgba(0,0,0,.1);transition:all .2s ease}.speed-reading .controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.speed-reading .control-btn{padding:15px 30px;border:none;border-radius:30px;cursor:pointer;font-size:18px;font-weight:600;transition:all .3s;min-width:120px}.speed-reading .play-btn{background:#4caf50;color:#fff}.speed-reading .play-btn:hover{background:#45a049;transform:translateY(-3px);box-shadow:0 5px 15px #4caf5066}.speed-reading .pause-btn{background:#ff9800;color:#fff}.speed-reading .pause-btn:hover{background:#e68900;transform:translateY(-3px);box-shadow:0 5px 15px #ff980066}.speed-reading .stop-btn{background:#f44336;color:#fff}.speed-reading .stop-btn:hover{background:#da190b;transform:translateY(-3px);box-shadow:0 5px 15px #f4433666}.speed-reading .speed-control{display:flex;align-items:center;gap:20px;background:#f8f9fa;padding:20px 30px;border-radius:30px;margin-bottom:25px;box-shadow:0 2px 10px #0000000d}.speed-reading .speed-control label{font-weight:600;color:#333;min-width:120px;font-size:16px}.speed-reading .speed-control input[type=range]{flex:1;max-width:250px;height:8px;border-radius:5px;background:#ddd;outline:none}.speed-reading .speed-control input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#4facfe;cursor:pointer}.speed-reading .speed-control span{font-weight:700;color:#4facfe;min-width:100px;font-size:18px}.speed-reading .speed-control .n-space{width:250px}.speed-reading .progress-section{background:#f8f9fa;padding:25px;border-radius:15px;box-shadow:0 2px 10px #0000000d}.speed-reading .progress-bar{width:100%;height:10px;background:#e0e0e0;border-radius:5px;overflow:hidden;margin-bottom:15px}.speed-reading .progress-fill{height:100%;background:linear-gradient(90deg,#4facfe,#00f2fe);width:0%;transition:width .3s}.speed-reading .progress-text{text-align:center;color:#666;font-size:16px;font-weight:500}.speed-reading .placeholder-text{color:#999;font-style:italic;font-size:1.5em}.speed-reading .feature-highlight{background:linear-gradient(135deg,#fff9c4,#fff3a0);border:2px solid #f39c12;border-radius:15px;padding:20px;margin-bottom:25px;text-align:center}.speed-reading .feature-highlight h4{color:#d35400;margin-bottom:10px;font-size:1.2em}.speed-reading .feature-highlight p{color:#8b4513;font-weight:500}.speed-reading .n-button--default-type{color:#333639!important;background-color:#fff!important}.speed-reading .n-button--primary-type{color:#fff!important;background-color:#18a058!important}.speed-reading .n-button--primary-type:hover{background-color:#36ad6a!important}.speed-reading .n-button--warning-type{color:#fff!important;background-color:#f0a020!important}.speed-reading .n-button--warning-type:hover{background-color:#fcb040!important}.speed-reading .n-button--error-type{color:#fff!important;background-color:#d03050!important}.speed-reading .n-button--error-type:hover{background-color:#de576d!important}@media (max-width: 600px){.speed-reading .container{margin:10px}.speed-reading .content{padding:20px}.speed-reading .reading-word{font-size:2.5em}.speed-reading .controls{flex-direction:column;gap:15px}.speed-reading .speed-control{flex-direction:column;text-align:center;gap:15px}.speed-reading .control-btn{min-width:200px}}