:root{--color-background-primary:#fff;--color-background-secondary:#f4f4f5;--color-text-primary:#09090b;--color-text-secondary:#52525b;--color-text-tertiary:#a1a1aa;--color-border-secondary:#e4e4e7;--color-border-tertiary:#f4f4f5;--border-radius-lg:16px;--border-radius-md:8px;--font-sans:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif}:root.dark{--color-background-primary:#09090b;--color-background-secondary:#18181b;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#52525b;--color-border-secondary:#27272a;--color-border-tertiary:#18181b}@media (prefers-color-scheme:dark){:root:not(.light){--color-background-primary:#09090b;--color-background-secondary:#18181b;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#52525b;--color-border-secondary:#27272a;--color-border-tertiary:#18181b}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-background-primary);color:var(--color-text-primary);transition:background-color .2s,color .2s}#app-container{max-width:780px;margin:0 auto;padding:2rem 1rem}.header{margin-bottom:2rem}.header h1{color:var(--color-text-primary);font-size:22px;font-weight:500}.header p{color:var(--color-text-secondary);margin-top:4px;font-size:14px}.card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);margin-bottom:1rem;padding:1.25rem}textarea{resize:vertical;width:100%;min-height:120px;max-height:400px;font-family:var(--font-sans);color:var(--color-text-primary);background:0 0;border:none;outline:none;font-size:15px;line-height:1.7}textarea::placeholder{color:var(--color-text-tertiary)}.controls{border-top:.5px solid var(--color-border-tertiary);flex-wrap:wrap;align-items:center;gap:10px;margin-top:.75rem;padding:1rem 0 0;display:flex}.wpm-group{flex-wrap:wrap;gap:6px;display:flex}.wpm-btn{border-radius:var(--border-radius-md);border:.5px solid var(--color-border-secondary);color:var(--color-text-secondary);cursor:pointer;background:0 0;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.wpm-btn:hover{background:var(--color-background-secondary)}.wpm-btn.active{color:#fff;background:#1d9e75;border-color:#1d9e75}.action-btns{gap:8px;margin-left:auto;display:flex}.btn-play{border-radius:var(--border-radius-md);border:.5px solid var(--color-border-secondary);background:var(--color-text-primary);color:var(--color-background-primary);cursor:pointer;padding:7px 20px;font-size:14px;font-weight:500;transition:all .15s}.btn-play:disabled{opacity:.4;cursor:not-allowed}.btn-reset{border-radius:var(--border-radius-md);border:.5px solid var(--color-border-secondary);color:var(--color-text-secondary);cursor:pointer;background:0 0;padding:7px 14px;font-size:14px;font-weight:500;transition:all .15s}.btn-reset:hover{background:var(--color-background-secondary)}.reader-area{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:160px;margin-bottom:1rem;padding:2.5rem 1.25rem;display:flex;position:relative}.word-display{color:var(--color-text-primary);letter-spacing:-.5px;justify-content:center;align-items:center;min-height:60px;font-size:48px;font-weight:500;line-height:1.1;display:flex}.word-display .pivot{color:#1d9e75}.reader-meta{gap:2rem;margin-top:1.5rem;display:flex}.meta-item{text-align:center}.meta-val{color:var(--color-text-primary);font-size:18px;font-weight:500}.meta-lbl{color:var(--color-text-tertiary);margin-top:2px;font-size:12px}.progress-bar-container{background:var(--color-background-secondary);border-radius:99px;width:100%;height:3px;margin-top:1.5rem;overflow:hidden}.progress-fill{background:#1d9e75;border-radius:99px;height:100%;transition:width .1s linear}.status-idle{color:var(--color-text-tertiary);font-size:15px}.guide-line{opacity:.15;background:#1d9e75;border-radius:2px;width:2px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.top-actions{gap:8px;display:flex;position:absolute;top:1rem;right:1rem}.github-star-btn{color:var(--color-text-primary);background:var(--color-background-secondary);border-radius:var(--border-radius-md);border:.5px solid var(--color-border-secondary);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.github-star-btn:hover{background:var(--color-border-secondary)}.footer-built{text-align:center;color:var(--color-text-tertiary);margin-top:3rem;padding-bottom:2rem;font-size:14px}.footer-built a{color:var(--color-text-secondary);font-weight:500;text-decoration:none;transition:color .15s}.footer-built a:hover{color:var(--color-text-primary)}