:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{min-width:320px;min-height:100vh;margin:0}h1{font-size:2rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.2rem;line-height:1.4}button{color:inherit;cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:background-color .2s,border-color .2s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline-offset:2px;outline:2px solid #646cff}input,textarea{font-family:inherit}#root{width:100%;min-height:100vh}.app{flex-direction:column;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:1rem;display:flex}.menu{z-index:100;background:#1a1a1a;border-top:1px solid #333;padding:.5rem;position:fixed;bottom:0;left:0;right:0}.menu ul{justify-content:space-around;max-width:600px;margin:0 auto;padding:0;list-style:none;display:flex}.menu li{flex:1}.menu button{color:#888;cursor:pointer;background:0 0;border:none;width:100%;padding:.75rem .5rem;font-size:.85rem;transition:color .2s}.menu button:hover,.menu button[data-active=true]{color:#fff;border-color:#0000}.loading,.error,.empty-state,.auth-message,.placeholder{text-align:center;color:#888;padding:2rem}.error{color:#ff6b6b;background:#ff6b6b1a;border-radius:8px;margin:1rem 0}.form-group{margin-bottom:1rem}.form-group label{color:#ccc;margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group textarea{color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#646cff;outline:none}.form-group textarea{resize:vertical;min-height:200px;font-family:inherit}.button-group{align-items:center;gap:1rem;margin-top:1rem;display:flex}button.primary{background:#646cff}button.primary:hover{background:#535bf2}button.secondary{background:#333}button.secondary:hover{background:#444}button.danger{background:#dc3545}button.danger:hover{background:#c82333}button.small{padding:.4rem .8rem;font-size:.85rem}button:disabled{opacity:.5;cursor:not-allowed}.login-container{text-align:center;max-width:400px;margin:2rem auto;padding:2rem}.login-container h1{letter-spacing:.2em;margin-bottom:.5rem;font-size:3rem}.login-container .subtitle{color:#888;margin-bottom:2rem}.login-form{text-align:left}.otp-message{text-align:center;color:#ccc;margin-bottom:1.5rem}.otp-input{text-align:center;letter-spacing:.5em;font-family:monospace;font-size:1.5rem!important}.dev-otp{text-align:center;background:#2a2a2a;border-radius:8px;margin-bottom:1rem;padding:.75rem}.dev-otp small{color:#888}.account-container{max-width:500px;margin:2rem auto;padding:1rem}.account-container h1{margin-bottom:1.5rem}.user-info{background:#2a2a2a;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.account-form{margin-bottom:1.5rem}.save-message{color:#4caf50;font-size:.9rem}.logout-button{color:#ff6b6b;background:#333;width:100%}.logout-button:hover{background:#444}hr{border:none;border-top:1px solid #333;margin:1.5rem 0}.content-container,.read-container{max-width:800px;margin:0 auto;padding-bottom:80px}.content-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.content-header h1{margin:0}.search-form{gap:.5rem;margin-bottom:1.5rem;display:flex}.search-form input{color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:8px;flex:1;padding:.75rem}.content-list,.content-select-list{margin:0;padding:0;list-style:none}.content-item,.content-select-item{background:#2a2a2a;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1rem;transition:background .2s;display:flex}.content-item:hover,.content-select-item:hover{background:#333}.content-item-info,.content-select-info{cursor:pointer;flex:1}.content-item-info h3,.content-select-info h3{margin:0 0 .25rem;font-size:1rem}.word-count{color:#888;font-size:.85rem}.content-item-actions{gap:.5rem;display:flex}.content-editor,.content-viewer{max-width:800px;margin:0 auto;padding-bottom:80px}.editor-header,.viewer-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.back-button{background:0 0;padding:.5rem 1rem}.word-count-label{color:#888;font-weight:400}.content-article h1{margin-bottom:.5rem}.content-meta{color:#888;gap:1.5rem;margin-bottom:2rem;font-size:.9rem;display:flex}.content-text{line-height:1.8}.content-text p{margin-bottom:1rem}.viewer-actions{margin-left:auto}.speed-reader{max-width:100%;margin:0;padding-bottom:5rem}.reader-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.reader-header h2{color:#888;margin:0;font-size:1.2rem}.end-button{background:#333}.reader-display{background:#1a1a1a;border-radius:12px;justify-content:center;align-items:center;min-height:200px;margin-bottom:2rem;padding:3rem 2rem;display:flex}.word-container{grid-template-columns:1fr auto 1fr;width:100%;font-family:Georgia,Times New Roman,serif;display:grid}.prev-word,.next-word{color:#555;opacity:.6;font-size:1.5rem}.next-word{text-align:right}.current-word{color:#fff;text-align:center;grid-column:2;font-size:3rem;font-weight:500}.current-word .center-letter{color:#646cff;font-weight:700}.reader-progress{margin-bottom:2rem}.progress-bar{background:#333;border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:#646cff;height:100%;transition:width .1s linear}.progress-text{text-align:center;color:#888;font-size:.9rem}.reader-controls{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.speed-controls{align-items:center;gap:1rem;display:flex}.speed-display{text-align:center;min-width:100px;font-size:1.2rem;font-weight:600}.speed-btn{background:#333;padding:.5rem 1rem;font-size:.9rem}.playback-controls{align-items:center;gap:.5rem;display:flex}.seek-btn{background:#333;padding:.5rem .75rem;font-size:.85rem}.play-btn{background:#646cff;min-width:100px;padding:.75rem 2rem;font-size:1.1rem}.play-btn:hover{background:#535bf2}.time-limit-option{justify-content:center;display:flex}.time-limit-option label{color:#888;cursor:pointer;align-items:center;gap:.5rem;display:flex}.time-limit-option input[type=checkbox]{width:auto}.display-options{gap:1.5rem;display:flex}.display-options label{color:#888;cursor:pointer;align-items:center;gap:.5rem;display:flex}.display-options input[type=checkbox]{width:auto}.time-remaining,.time-limit-remaining{color:#666}.keyboard-hints{text-align:center;color:#555;margin-top:1rem}.placeholder{flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.placeholder h1{margin-bottom:.5rem}@media (max-width:600px){.app{padding:.5rem}.content-header,.content-item,.content-select-item{flex-direction:column;align-items:stretch;gap:1rem}.content-item-actions{justify-content:flex-end}.reader-display{padding:2rem 1rem}.current-word{font-size:2rem}.prev-word,.next-word{font-size:1rem}.playback-controls{flex-wrap:wrap;justify-content:center}.display-options{flex-direction:column;gap:.75rem}}